:root{--bg:#f4f4f6;--surface:#fff;--text:#1c1c22;--muted:#6b6b78;--accent:#5b5bd6;--border:#e4e4ea;--hover:#eaeaf0;--selected:#dedcfa;--error:#c62828;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111114;--surface:#1b1b20;--text:#ececf1;--muted:#9a9aa8;--border:#2c2c34;--hover:#24242b;--selected:#2f2d5c;--error:#ef6b6b}}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}h1,h2{margin:0}h1{font-size:20px}h2{font-size:18px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-size:16px}label{color:var(--muted);font-size:13px;font-weight:600}.pad{padding:16px}.muted{color:var(--muted)}.error{color:var(--error)}.btn-quiet{color:var(--text);border:1px solid var(--border);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--hover)}.btn-danger{background:var(--error)}.screen{flex-direction:column;min-height:100%;display:flex}.screen-header{border-bottom:1px solid var(--border);background:var(--surface);padding:14px 16px}.empty{text-align:center;padding:48px 24px}.mobile{background:var(--surface);flex-direction:column;height:100dvh;display:flex}.m-main{flex:1;overflow-y:auto}.m-tabs{border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex}.m-tabs a{text-align:center;color:var(--muted);flex:1;padding:12px 0;font-weight:600}.m-tabs a.active{color:var(--accent)}.desktop{grid-template-columns:240px 1fr;height:100vh;display:grid}.d-sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:2px;padding:12px;display:flex}.d-brand{align-items:center;gap:8px;padding:6px 8px 14px;font-weight:700;display:flex}.d-brand img{width:24px;height:24px}.d-sidebar a{color:var(--text);border-radius:8px;padding:8px 10px}.d-sidebar a:hover{background:var(--hover)}.d-sidebar a.active{background:var(--selected)}.d-main{background:var(--surface);overflow-y:auto}.solo{background:var(--surface);min-height:100dvh}@media (width>=768px){.solo{background:var(--bg);place-items:center;padding:24px;display:grid}.solo-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:420px;overflow:hidden}}.welcome-step{flex-direction:column;gap:12px;padding:32px 24px;display:flex}.welcome-logo{width:64px;height:64px}.welcome-tagline{color:var(--muted);margin:0 0 8px}.welcome-form{flex-direction:column;gap:8px;display:flex}.welcome-form p{margin:0;font-size:14px}.welcome-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.welcome-footer{margin:8px 0 0;font-size:14px}.you{flex-direction:column;gap:20px;display:flex}.you-name{align-items:center;gap:12px;display:flex}.you-profile p{margin:6px 0 0}.you-rename{flex-direction:column;gap:8px;display:flex}.you-rename-buttons{gap:8px;display:flex}.you-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.you-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.you-confirm p{flex-basis:100%;margin:0}