*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--surface: #1a1a2e;--primary: #6c63ff;--primary-hover: #5a52e0;--text: #e0e0f0;--text-muted: #888;--danger: #e05a6c;--radius: 10px;font-family:system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-text-size-adjust:100%}input{background:#222240;border:1px solid #333360;border-radius:6px;color:var(--text);padding:.6rem .8rem;font-size:1rem;width:100%;outline:none;transition:border-color .2s}input:focus{border-color:var(--primary)}button{cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.4rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--surface);border-radius:var(--radius);padding:2rem}@media(max-width:480px){.card{padding:1.2rem;border-radius:0}}.error{color:var(--danger);font-size:.9rem;margin-top:.4rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333360;border-radius:2px}