.role-picker{margin:0 0 16px;padding:0;border:0}.role-picker legend{margin-bottom:8px;font-size:10px;font-weight:700;text-transform:uppercase;color:rgba(6,44,82,.62)}
.role-choice{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:9px;margin:7px 0;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(6,44,82,.02);text-transform:none}.role-choice:has(input:checked){border-color:var(--blue);background:rgba(93,157,246,.07);box-shadow:0 0 0 3px rgba(93,157,246,.08)}.role-choice input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.role-choice b,.role-choice small{display:block}.role-choice b{font-size:12px}.role-choice small{margin-top:3px;font-size:10px;font-weight:400;color:var(--muted)}
.appearance-button{position:fixed;z-index:35;right:14px;top:70px;width:46px;height:46px;border:1px solid rgba(93,157,246,.3);border-radius:14px;background:rgba(255,255,255,.94);color:#0a335b;font-weight:800;box-shadow:0 7px 20px rgba(6,44,82,.12);backdrop-filter:blur(10px)}.appearance-dialog h2{margin-right:42px}.theme-grid{display:grid;gap:8px}.theme-choice{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:10px;min-height:74px;padding:9px;border:2px solid transparent;border-radius:14px;background:#f2f6f8;color:#0a335b;text-align:left}.theme-choice.active{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,82,29,.12)}.theme-choice b,.theme-choice small{display:block}.theme-choice b{font-size:12px}.theme-choice small{margin-top:3px;font-size:10px;color:var(--muted)}
.theme-preview{display:grid;width:64px;height:52px;padding:6px;border:1px solid #dce6ea;border-radius:9px;background:linear-gradient(#0a335b 0 12px,#fff 12px 38px,#ff6a2b 38px)}.theme-preview.dark{border-color:#23465b;background:linear-gradient(#e9f3f7 0 12px,#102b3f 12px 38px,#ff6a2b 38px)}.theme-preview.vision{border-color:#fff;background:linear-gradient(#ffe500 0 12px,#000 12px 38px,#ffe500 38px)}
.access-list{display:grid;margin:14px 0}.access-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:11px 2px;border-bottom:1px solid var(--line);text-transform:none}.access-list b,.access-list small{display:block}.access-list b{font-size:12px}.access-list small{margin-top:3px;font-size:10px;font-weight:400;color:var(--muted)}.access-list input{width:42px;height:24px;margin:0;accent-color:var(--orange)}
body.large-text{font-size:118%}body.large-text input,body.large-text button{font-size:1em}body.focus-mode .security-note,body.focus-mode .welcome p{opacity:.48}body.one-hand main{padding-top:86px}body.one-hand .install-button{bottom:calc(var(--safe-bottom) + 12px)}
body[data-theme=dark]{--muted:rgba(224,241,247,.66);--line:rgba(225,242,248,.13);background:#061522;color:#eef7fa}body[data-theme=dark] .app-shell{background:radial-gradient(circle at 15% 5%,rgba(93,157,246,.12),transparent 34%),#061522}body[data-theme=dark] main,body[data-theme=dark] h1,body[data-theme=dark] h2,body[data-theme=dark] .welcome h1,body[data-theme=dark] .home-head h1,body[data-theme=dark] .role-choice,body[data-theme=dark] .theme-choice{color:#eef7fa}body[data-theme=dark] .auth-card,body[data-theme=dark] .status-card,body[data-theme=dark] .quick-grid button,body[data-theme=dark] .dialog,body[data-theme=dark] .appearance-button,body[data-theme=dark] .role-choice,body[data-theme=dark] .suggestions,body[data-theme=dark] .suggestions button{background:#0d2434;border-color:#24485d;color:#eef7fa}body[data-theme=dark] input,body[data-theme=dark] .segmented{background:#102b3f;border-color:#2b536a;color:#eef7fa}body[data-theme=dark] .segmented button.active{background:#173a50;color:#fff}body[data-theme=dark] .secondary{color:#a9d1ff;background:#153650;border-color:#2d5873}body[data-theme=dark] .theme-choice{background:#102b3f}
body[data-theme=vision]{--muted:#fff;--line:#fff;background:#000;color:#fff;font-size:122%}body[data-theme=vision] .app-shell,body[data-theme=vision] main{background:#000;color:#fff}body[data-theme=vision] .brand-bar{border-bottom:2px solid #ffe500}body[data-theme=vision] h1,body[data-theme=vision] h2,body[data-theme=vision] p,body[data-theme=vision] .welcome h1,body[data-theme=vision] .home-head h1,body[data-theme=vision] .eyebrow{color:#fff}body[data-theme=vision] .auth-card,body[data-theme=vision] .status-card,body[data-theme=vision] .quick-grid button,body[data-theme=vision] .dialog,body[data-theme=vision] .appearance-button,body[data-theme=vision] .role-choice,body[data-theme=vision] .suggestions,body[data-theme=vision] .suggestions button,body[data-theme=vision] .theme-choice{background:#000;color:#fff;border:2px solid #fff;box-shadow:none}body[data-theme=vision] input{height:54px;background:#000;color:#fff;border:2px solid #fff;font-size:17px}body[data-theme=vision] .primary,body[data-theme=vision] .secondary,body[data-theme=vision] .install-button{min-height:54px;background:#000;color:#ffe500;border:2px solid #ffe500;box-shadow:none}body[data-theme=vision] .role-choice:has(input:checked),body[data-theme=vision] .theme-choice.active{background:#171700;border-color:#ffe500;box-shadow:none}body[data-theme=vision] .segmented{background:#000;border:2px solid #fff}body[data-theme=vision] .segmented button{color:#fff}body[data-theme=vision] .segmented button.active{background:#ffe500;color:#000}body[data-theme=vision] .quick-grid button{min-height:126px}body[data-theme=vision] :focus-visible{outline:4px solid #ffe500!important;outline-offset:3px!important}
body[data-theme=vision] .access-list label,body[data-theme=vision] .access-list b,body[data-theme=vision] .access-list small,body[data-theme=vision] .role-picker legend{color:#fff}body[data-theme=vision] .dialog-close{background:#000;color:#ffe500;border:2px solid #ffe500}