.theme-switcher-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius, 8px);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.theme-switcher-toggle:hover{background:var(--hover-bg);border-color:var(--color-primary)}.theme-switcher-toggle.small{padding:4px 8px;font-size:12px}.theme-switcher-toggle.large{padding:12px 16px;font-size:16px}.theme-icon{font-size:1.2em;transition:transform .3s ease}.theme-icon.light{transform:rotate(0)}.theme-icon.dark{transform:rotate(360deg)}.theme-label{font-size:.9em;font-weight:500}.theme-switcher-dropdown select{padding:8px 32px 8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius, 8px);color:var(--text-primary);cursor:pointer;font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.theme-switcher-dropdown select:hover{border-color:var(--color-primary)}.theme-switcher-dropdown select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.theme-switcher-dropdown.small select{padding:4px 24px 4px 8px;font-size:12px}.theme-switcher-dropdown.large select{padding:12px 40px 12px 16px;font-size:16px}.theme-switcher-buttons{display:inline-flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:var(--border-radius, 8px)}.theme-switcher-buttons button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:calc(var(--border-radius, 8px) - 2px);cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .2s ease}.theme-switcher-buttons button:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-switcher-buttons button.active{background:var(--bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.theme-switcher-buttons.small button{padding:4px 8px;font-size:12px}.theme-switcher-buttons.large button{padding:12px 16px;font-size:16px}@keyframes sunRise{0%{transform:translateY(10px) rotate(-30deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes moonRise{0%{transform:translateY(10px) rotate(30deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.theme-icon.light{animation:sunRise .3s ease}.theme-icon.dark{animation:moonRise .3s ease}.setup-mode-banner{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:12px;padding:8px 20px;background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff;font-size:14px;font-weight:500;box-shadow:0 1px 3px #00000026}.setup-mode-banner__text{flex:1;min-width:0}.setup-mode-banner__cta{background:#fff3;border:1px solid rgba(255,255,255,.45);color:#fff;padding:4px 12px;border-radius:6px;text-decoration:none;font-weight:600;white-space:nowrap;transition:background .15s ease}.setup-mode-banner__cta:hover{background:#ffffff52}@media(max-width:640px){.setup-mode-banner{flex-wrap:wrap;font-size:13px}}@font-face{font-family:Anton SC;src:url(/fonts/AntonSC-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;--brand-primary: #2563eb;--brand-secondary: #64748b;--brand-accent: #10b981;--brand-logo-font: "Anton SC", sans-serif;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary:#475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--hover-bg: rgba(59,130,246,.08);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1)}[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg-secondary);color:var(--text-primary);transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.app-container{display:flex;min-height:100vh;flex-direction:column}.navbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);transition:background .2s,border-color .2s}.brand{font-weight:700}.spacer{flex:1}.nav-link,.navbar button,.navbar select{background:none;border:none;cursor:pointer;font:inherit}.nav-link{padding:6px 10px;border-radius:6px}.nav-link:hover{background:var(--hover-bg)}.content{flex:1;padding:24px}.footer{padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary);text-align:center;transition:background .2s,border-color .2s}.page h1{margin-top:0}form{display:flex;flex-direction:column;gap:10px;max-width:320px}input,select{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}button{background:#2563eb;color:#fff;border:none;padding:8px 10px;border-radius:6px}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#b00020;font-size:.9rem}.info{color:#2563eb;font-size:.95rem}.navbar .nav-link{color:var(--text-primary);background:none}.navbar button.nav-link{background:none;color:inherit}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--bg-primary);border:1px solid var(--border-color);padding:6px 0;box-shadow:var(--shadow-md);z-index:40}.dropdown-menu .dropdown-item{display:block;padding:8px 12px;color:var(--text-primary)}.dropdown-menu .dropdown-item:hover{background:var(--hover-bg)}.dropdown-toggle{display:inline-flex;align-items:center;gap:8px}.mobile-menu a,.mobile-menu button{color:var(--text-primary);text-decoration:none}