:root{--bg:#0b0b0f;--panel:#15151c;--fg:#ececf1;--muted:#9a9aae;--accent:#7c6cff;--border:#26262f;--error:#ff6b6b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.center{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px}.card h1{margin:0 0 4px;font-size:20px}.card p.sub{margin:0 0 20px;font-size:14px}.card p.sub,label{color:var(--muted)}label{display:block;font-size:13px;margin-bottom:6px}input[type=password]{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:#0e0e14;color:var(--fg);font-size:15px;outline:none}input[type=password]:focus{border-color:var(--accent)}button{margin-top:16px;width:100%;padding:11px 13px;border:none;border-radius:10px;background:var(--accent);color:white;font-size:15px;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.08)}.card p.joke{margin:-10px 0 22px;color:var(--fg);font-size:14px;line-height:1.5}.pw-wrap{position:relative}.pw-wrap input[type=password],.pw-wrap input[type=text]{width:100%;padding:11px 46px 11px 13px;border-radius:10px;border:1px solid var(--border);background:#0e0e14;color:var(--fg);font-size:15px;outline:none}.pw-wrap input:focus{border-color:var(--accent)}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);margin:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--muted);border:none;border-radius:8px;cursor:pointer}.pw-toggle:hover{filter:none;color:var(--fg);background:rgba(255,255,255,.06)}.pw-toggle svg{display:block}.error{margin-top:14px;color:var(--error);font-size:13px}.studio{max-width:760px;margin:0 auto;padding:64px 24px}.studio h1{font-size:32px;margin:0 0 8px}.studio .lead{color:var(--muted);font-size:16px;line-height:1.6}.topbar{display:flex;justify-content:flex-end;padding:16px 24px}.logout{background:transparent;border:1px solid var(--border);color:var(--muted);width:auto;margin:0;padding:7px 14px;font-size:13px;font-weight:500}