:root{--bg-base:#1e1e1c;--bg-surface:#262626;--bg-elevated:#2c2c2a;--bg-input:#222220;--teal:#1a6b5a;--teal-bright:#22c99a;--amber:#e8a838;--text-primary:#f0efeb;--text-secondary:#a09e99;--text-tertiary:#5a5955;--border:#2a2a2a;--border-teal:#1a6b5a;--border-bright:#22c99a;--glow-teal:0 0 8px #22c99a66, 0 0 20px #22c99a26;--glow-subtle:0 0 4px #22c99a33;--glow-amber:0 0 8px #e8a83866, 0 0 20px #e8a83826;--radius:0;--radius-sm:0;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-base:#f5f2eb;--bg-surface:#fff;--bg-elevated:#eae7df;--bg-input:#f0ede6;--teal:#1a6b5a;--teal-bright:#1d9e75;--amber:#e8a838;--text-primary:#1e1e1c;--text-secondary:#5a5955;--text-tertiary:#9a9890;--border:#d3d1c7;--border-teal:#1a6b5a;--border-bright:#1d9e75;--glow-teal:0 0 8px #1d9e7533, 0 0 20px #1d9e7514;--glow-subtle:0 0 4px #1d9e7526;--glow-amber:0 0 8px #e8a83833, 0 0 20px #e8a83814}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-base:#f5f2eb;--bg-surface:#fff;--bg-elevated:#eae7df;--bg-input:#f0ede6;--teal:#1a6b5a;--teal-bright:#1d9e75;--amber:#e8a838;--text-primary:#1e1e1c;--text-secondary:#5a5955;--text-tertiary:#9a9890;--border:#d3d1c7;--border-teal:#1a6b5a;--border-bright:#1d9e75;--glow-teal:0 0 8px #1d9e7533, 0 0 20px #1d9e7514;--glow-subtle:0 0 4px #1d9e7526;--glow-amber:0 0 8px #e8a83833, 0 0 20px #e8a83814}}[data-theme=dark]{--bg-base:#1e1e1c;--bg-surface:#262626;--bg-elevated:#2c2c2a;--bg-input:#222220;--teal:#1a6b5a;--teal-bright:#22c99a;--amber:#e8a838;--text-primary:#f0efeb;--text-secondary:#a09e99;--text-tertiary:#5a5955;--border:#2a2a2a;--border-teal:#1a6b5a;--border-bright:#22c99a;--glow-teal:0 0 8px #22c99a66, 0 0 20px #22c99a26;--glow-subtle:0 0 4px #22c99a33;--glow-amber:0 0 8px #e8a83866, 0 0 20px #e8a83826}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font);min-height:100vh;font-size:15px;line-height:1.6;transition:background-color .2s,color .2s}#root{min-height:100vh}.page-shell{background:var(--bg-base);flex-direction:column;min-height:100vh;transition:background-color .2s,color .2s;display:flex}.page-topbar{z-index:10;background:var(--bg-surface);border-bottom:1px solid var(--border-teal);justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 24px;transition:background-color .2s,border-color .2s;display:flex;position:sticky;top:0;box-shadow:0 1px #22c99a26}.page-topbar-end{align-items:center;gap:12px;margin-left:auto;display:flex}.page-domain{color:var(--text-tertiary);font-size:12px}.page-footer{border-top:1px solid var(--border-teal);flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding:16px 24px;transition:background-color .2s,border-color .2s;display:flex;box-shadow:0 -1px #22c99a1a}.page-footer-text{color:var(--text-tertiary);font-size:11px}.page-main{flex:1;width:100%;max-width:480px;margin:0 auto;padding:48px 24px}@media (width<=520px){.page-main{padding-left:16px;padding-right:16px}.login-card{padding:16px!important}}.login-step-fade{animation:.3s login-fade-in}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}.theme-toggle{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font);background:0 0;justify-content:center;align-items:center;padding:5px 8px;transition:border-color .2s,color .2s;display:flex}.theme-toggle:hover{border-color:var(--border-teal);color:var(--teal-bright)}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.65}}.upload-btn-loading{animation:1.5s ease-in-out infinite pulse-subtle}.upload-btn:hover:not(:disabled){box-shadow:var(--glow-teal);background:#1d7a67}.upload-btn:disabled{opacity:.4;cursor:not-allowed}.support-link{color:var(--teal-bright);text-decoration:none}.support-link:hover{text-decoration:underline}