:root{--bg: #0d0e12;--card: #1a1d24;--topbar: #111318;--text: #e8eaed;--subtext: #9aa0a6;--accent: #ebc55c;--accent-dark: #a67c1a;--border: #3a4050;--error: #e57373}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent);text-decoration:none}input,textarea,select,button{font:inherit}.btn-primary{background:linear-gradient(180deg,#ebc55c,#d4a84a,#c4942a 70%,#a67c1a);color:#1a1208;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600;transition:filter .2s,transform .15s,box-shadow .2s}.btn-primary:hover:not(:disabled){filter:brightness(1.08) saturate(1.05);transform:translateY(-1px);box-shadow:0 10px 24px #00000059,0 0 0 2px #ebc55c38,0 0 18px #ebc55c59}.btn-primary:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 2px #ebc55c40}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 20px;cursor:pointer}.btn-link{background:transparent;color:var(--accent);border:none;cursor:pointer;padding:8px 12px}.btn-link-3d{display:inline-block;color:var(--accent);background:#ebc55c0f;border:1px solid rgba(235,197,92,.35);border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:500;text-decoration:none;box-shadow:0 2px 4px #00000059,inset 0 1px #ffffff0f;transition:background .2s,box-shadow .2s,transform .1s,border-color .2s}.btn-link-3d:hover{background:#ebc55c1f;border-color:#ebc55c80;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff1a}.btn-link-3d:active{transform:translateY(1px);box-shadow:0 1px 2px #00000059}.card{background:var(--card);border-radius:12px;padding:20px}.card-header{background:linear-gradient(180deg,#ebc55c,#d4a84a,#c4942a 70%,#a67c1a);color:#1a1208;padding:10px 16px;border-radius:12px 12px 0 0;font-weight:600;font-size:16px}.topbar{height:56px;background:var(--topbar);display:flex;align-items:center;padding:0 16px;gap:12px}.input-wrap{margin-bottom:12px}.input-wrap label{display:block;color:var(--subtext);margin-bottom:4px;font-size:14px}.input-wrap input,.input-wrap textarea{width:100%;background:#111318;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text)}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:var(--subtext)}.error-text{color:var(--error);font-size:14px;margin-top:4px}