*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius: 12px}:root,[data-theme=dark]{--bg: #17161A;--bg-secondary: #211F24;--surface: #211F24;--border: #423F47;--accent: #818CF8;--text: #F6F4F7;--text-muted: #A9A6AF}[data-theme=light]{--bg: #FAF9F7;--bg-secondary: #F1EFEC;--surface: #FFFFFF;--border: #E8E5E1;--accent: #E31C5E;--text: #18161A;--text-muted: #6B6870}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100%}.page{min-height:100vh;display:flex;flex-direction:column}.page.center{align-items:center;justify-content:center}.header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.3rem}.logo-text{font-size:1rem;font-weight:700;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:.5rem}.hello{flex:1;display:flex;align-items:center;justify-content:center}.hello h1{font-size:2rem;font-weight:700}.auth-mode-switch{display:flex;gap:0;margin-bottom:1rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.auth-mode-tab{flex:1;padding:.4rem .75rem;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.auth-mode-tab:hover{background:var(--surface);color:var(--text)}.auth-mode-tab.active{background:var(--accent);color:#fff}.text-muted{color:var(--text-muted);font-size:.9rem}