:root{--bg:#0b1220;--panel:#121a2b;--panel2:#18233a;--border:#26344f;--text:#e8eefc;--muted:#96a6c7;--accent:#7cc4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button{background:var(--panel2);border:1px solid var(--border);color:var(--text);cursor:pointer}input{width:100%;background:#0e1627;color:var(--text);border:1px solid var(--border);border-radius:14px;padding:14px}.screen{position:fixed;inset:0;background:rgba(5,10,20,.92);display:grid;place-items:center;padding:16px}.screen.hidden{display:none}.auth-card,.main-view{width:min(560px,100%);background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;text-align:center}.auth-card h1,.main-view h1{margin:0 0 10px}.auth-card button{width:100%;margin-top:12px;border-radius:14px;padding:14px;font-weight:700;background:var(--accent);color:#08111f;border-color:var(--accent)}.app{min-height:100vh;display:grid;place-items:center;padding:16px}.main-view p{margin:0 0 18px;color:var(--muted)}.subnav{display:flex;justify-content:center;gap:8px;margin:0 0 18px;flex-wrap:wrap}.subnav-btn{width:auto;padding:8px 12px;border-radius:999px;font-size:.92rem;background:#0e1627;color:var(--muted)}.subnav-btn.active{color:var(--text);border-color:#425a86}.view{display:none}.view.active{display:block}.circle-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.circle{width:170px;height:170px;border-radius:999px;font-size:1.05rem;font-weight:700;padding:0;display:grid;place-items:center}.circle.primary{background:var(--accent);color:#08111f;border-color:var(--accent)}.upload-status{margin-top:24px;color:var(--muted);min-height:24px}.hidden-file{display:none}.panel-card{background:#0e1627;border:1px solid var(--border);border-radius:16px;padding:16px;text-align:left}.mini-stat{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mini-stat:last-child{border-bottom:0}.docs-card ul{margin:10px 0 0 18px;color:var(--muted)}#toast{position:fixed;right:16px;bottom:16px;background:var(--panel2);border:1px solid var(--border);padding:12px 16px;border-radius:12px;display:none;max-width:80vw;z-index:20}@media (max-width:640px){.auth-card,.main-view{padding:20px;border-radius:20px}.circle{width:140px;height:140px}.circle-actions{gap:14px}}