:root{--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--color-brand-primary:#ff4f0c;--color-brand-on-primary:#ffffff;--color-surface:#002b2e;--color-surface-elevated:#003d41;--color-on-surface:#ffffff;--color-on-surface-muted:rgba(255,255,255,0.72);--color-accent:#008779;--color-accent-hover:#006b60;--color-error:#ff6b6b;--color-input-background:#ffffff;--color-input-text:#002b2e;--color-border:rgba(255,255,255,0.16);--radius-card:16px;--radius-input:8px;--shadow-card:0 24px 48px rgba(0,0,0,0.24);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}[data-theme=littlefish]{--color-brand-primary:#ff4f0c;--color-surface:#002b2e;--color-surface-elevated:#003d41;--color-accent:#008779}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-on-surface);min-height:100vh}.topbar{justify-content:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--spacing-sm);font-weight:700;font-size:1.25rem;color:var(--color-on-surface)}.brand-mark{color:var(--color-brand-primary)}main{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);min-height:calc(100vh - 73px)}.auth-card{width:100%;max-width:420px;background:var(--color-surface-elevated);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xl)}.auth-card h1{margin:0 0 var(--spacing-sm);font-size:1.75rem;font-weight:700}.subtitle{margin:0 0 var(--spacing-lg);color:var(--color-on-surface-muted)}.alert{background:rgba(255,79,12,.12);border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);border-radius:var(--radius-input);padding:var(--spacing-md)}.alert,.form-group{margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-on-surface-muted)}.form-group input{padding:var(--spacing-md);border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-input-background);color:var(--color-input-text);font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(255,79,12,.2)}.btn-primary{width:100%;padding:var(--spacing-md);border-radius:var(--radius-input);border:none;background:var(--color-brand-primary);color:var(--color-brand-on-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn-primary:hover{background:#e6470b}.btn-primary:active{transform:scale(.99)}.fineprint{margin:var(--spacing-lg) 0 0;font-size:.75rem;line-height:1.5;color:var(--color-on-surface-muted);text-align:center}.fineprint a{color:var(--color-accent)}@media (max-width:480px){.auth-card{padding:var(--spacing-lg)}}