:root{color-scheme:dark;--bg:#0b1018;--panel:#131c29;--raised:#1a2636;--line:#28364a;--text:#edf3fa;--muted:#9cacc1;--accent:#70aaff;--green:#32c99b;--red:#ff8596;--amber:#e3ba69;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f0f4f9;--panel:#fff;--raised:#edf3fb;--line:#d5dfeb;--text:#17283f;--muted:#52647d;--accent:#255db7;--green:#08775b;--red:#bb2949;--amber:#896013}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.2}
h2{font-size:1.15rem;letter-spacing:-.02em}
h3{font-size:.95rem}
small{font-size:.7rem}
strong{font-weight:600}
.site-header{display:flex;align-items:center;gap:14px;max-width:1280px;margin:auto;padding:20px 24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto}
.brand span{display:flex;flex-direction:column}
.brand strong{font-size:1.15rem;letter-spacing:.07em}
.brand small{font-size:.55rem;letter-spacing:.12em;color:var(--muted)}
.badge{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--raised);font-size:.65rem;font-weight:600;letter-spacing:.04em}
main{max-width:1280px;margin:auto;padding:26px 24px 48px;min-height:75vh}
.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;max-width:1000px;margin:50px auto}
.intro h1{font-size:clamp(2rem,4vw,3rem);margin-top:16px}
.intro>p{margin-top:18px;color:var(--muted)}
.intro-facts{display:grid;gap:12px;margin:28px 0}
.intro-facts span{padding-left:15px;border-left:2px solid var(--accent);font-size:.85rem}
.eyebrow{font-size:.625rem;letter-spacing:.12em;font-weight:600;color:var(--accent)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0;margin-bottom:18px}
.auth-card{padding:28px;margin:0}
.auth-card h2{margin-top:22px}
.auth-card p{font-size:.8rem;margin-top:8px}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.tabs button{border:1px solid transparent;border-radius:8px;min-height:42px;padding:9px 13px;background:transparent;color:var(--muted);font-size:.8rem}
.tabs button.active{border-color:var(--line);background:var(--raised);color:var(--text)}
label{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:.8rem;color:var(--text)}
label small{color:var(--muted)}
input,select{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 12px;color:var(--text);background:var(--bg);outline:none}
input:focus,select:focus{border-color:var(--accent)}
.check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:.75rem;color:var(--muted)}
.check input{width:18px;min-height:18px;flex:none;margin-top:2px}
.primary,.quiet{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:10px 15px;font-size:.8rem;font-weight:500;gap:7px}
.primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}
@media(prefers-color-scheme:light){.primary{color:#fff}}
.quiet{background:var(--raised);color:var(--text);border:1px solid var(--line)}
.danger{color:var(--red)}
.auth-card form>.primary{width:100%;margin-top:8px}
.muted{color:var(--muted);font-size:.75rem;line-height:1.65}
.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.risk-note,.paper-banner{font-size:.75rem;line-height:1.7;color:var(--muted);padding:12px 14px;border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:8px;background:var(--panel)}
.paper-banner{margin:18px 0}
#notice{padding:12px 16px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:var(--raised);font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}
#notice.error{border-left:3px solid var(--red);color:var(--red)}
.setup-card{max-width:800px;margin:30px auto}
.setup-card h1{margin-top:12px}
.setup-card>p{color:var(--muted);margin-top:12px;font-size:.85rem}
.setup-card>h2{margin-top:24px}
.setup-card a:not(.primary){color:var(--accent);text-decoration:underline}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}
.qr-box{display:flex;align-items:center;justify-content:center;width:224px;max-width:100%;padding:12px;background:#fff;border-radius:8px;min-height:200px}
.qr-box svg{width:200px;max-width:100%;height:auto}
.secret{display:block;font:12px/1.6 ui-monospace,monospace;color:var(--text);overflow-wrap:anywhere;padding:10px;border:1px solid var(--line);border-radius:6px}
.workspace-heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.workspace-heading h1{margin:6px 0}
.section-head{margin-bottom:14px}
.section-head>label{margin:0}
.section-head .muted{max-width:550px;margin-top:4px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:end}
.form-grid>button{margin:16px 0}
.create-card summary{cursor:pointer;min-height:30px;font-weight:500}
.account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:18px 0}
.account-tile{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;text-align:left;padding:16px;min-height:105px}
.account-tile.active{border-color:var(--accent);background:var(--raised)}
.account-tile strong{display:block;font-size:.95rem;overflow-wrap:anywhere}
.account-tile span,.account-tile small{display:block;color:var(--muted);margin-top:5px;font-size:.7rem}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:16px 0}
.metrics>div{min-width:0}
.metrics span{display:block;color:var(--muted);font-size:.7rem}
.metrics strong{display:block;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;margin-top:5px;white-space:nowrap}
.profile-heading{margin:26px 0 14px}
.profile-heading p{margin-top:5px}
.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.profile-option{border:1px solid var(--line);border-radius:12px;text-align:left;padding:18px;background:var(--panel);color:var(--text)}
.profile-option.active{border-color:var(--accent);background:var(--raised)}
.profile-option strong{display:block;font-size:.95rem}
.profile-option p{font-size:.75rem;color:var(--muted);margin-top:9px;min-height:3em}
.profile-option small{display:block;font-size:.625rem;color:var(--accent);margin-top:12px}
.strategy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:16px 0}
.strategy-options label{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.table-wrap{overflow:auto;max-width:100%}
table{width:100%;border-collapse:collapse;font-size:.75rem;white-space:nowrap}
th{font-weight:500;color:var(--muted);font-size:.65rem;text-align:center;background:var(--raised)}
th,td{padding:12px 10px;border-bottom:1px solid var(--line)}
td{text-align:left}
td:first-child{font-weight:500}
td.wrap{white-space:normal;min-width:150px;overflow-wrap:anywhere}
.table-wrap .quiet{font-size:.65rem;min-height:36px;padding:6px 10px}
.ai-form{display:grid;gap:0 18px;grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr);align-items:center}
.ai-form>.primary{width:max-content}
.ai-review{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin-top:18px;background:var(--raised);border-radius:10px;font-size:.8rem;line-height:1.7}
.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;margin-top:18px}
.catalogue-grid .card{margin:0}
.catalogue-grid p{margin-top:10px}
.member-list{display:grid;gap:12px;margin:18px 0}
.member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr) auto;gap:18px;align-items:center}
.member-row h3{overflow-wrap:anywhere}
.member-row .check{margin:7px 0}
.member-row .actions{margin:0}
footer{padding:20px 24px;border-top:1px solid var(--line);text-align:center;font-size:.65rem;color:var(--muted)}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:28px;margin:16px auto;max-width:520px}.intro h1{font-size:2rem}.intro-facts{margin:20px 0}.workspace-heading{align-items:flex-start}.profile-grid{grid-template-columns:1fr}.profile-option p{min-height:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.member-row{grid-template-columns:1fr}.setup-grid{grid-template-columns:1fr}.member-row .actions{justify-content:flex-start}}
@media(max-width:480px){body{font-size:13px}.site-header{padding:14px 12px;gap:8px}.brand strong{font-size:1rem}.brand small{font-size:.48rem}.brand img{width:30px;height:30px}.badge{font-size:.55rem;padding:4px 7px}.site-header>.quiet{padding:8px;font-size:.65rem}main{padding:20px 12px 32px}.card{padding:16px;border-radius:12px}.auth-card{padding:20px}.form-grid,.ai-form,.strategy-options{grid-template-columns:1fr}.form-grid>button{margin-top:0}.metrics strong{font-size:1rem}.workspace-heading h1{font-size:1.55rem}.tabs button{font-size:.7rem;padding:8px 10px}.actions>button{flex:1 1 43%}input,select{font-size:16px}.section-head h2{font-size:1rem}.risk-note,.paper-banner{font-size:.7rem}.ai-form>.primary{width:100%}}