:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d12;--bg-elevated: #131722;--border: #232838;--text: #e8eaf0;--text-muted: #9aa3b8;--accent: #8b7cff;--glow: rgba(139, 124, 255, .22)}:root[data-theme=light]{color-scheme:light;--bg: #fbfbfd;--bg-elevated: #ffffff;--border: #e3e5ec;--text: #14161d;--text-muted: #5c6478;--accent: #5b46e0;--glow: rgba(91, 70, 224, .14)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:radial-gradient(70rem 40rem at 50% -10rem,var(--glow),transparent 70%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis-weight:none;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100%;padding:0 16px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:960px;margin:0 auto;padding:20px 0}.brand{font-size:.95rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.app-main{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:48px 0}.title{margin:0;font-size:clamp(2.25rem,8vw,4.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.tagline{margin:0;font-size:clamp(.95rem,2.5vw,1.1rem);color:var(--text-muted)}.app-footer{width:100%;max-width:960px;margin:0 auto;padding:20px 0;text-align:center;font-size:.8rem;color:var(--text-muted)}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background-color:var(--bg-elevated);color:var(--text);font:inherit;font-size:.85rem;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:active{transform:scale(.97)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle-label{text-transform:capitalize}@media(max-width:480px){.theme-toggle-label{display:none}}@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}