*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1c1f2e;--border:#2e3250;--accent:#f43353;--text:#e2e8f0;--muted:#8892a4;--radius:8px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif}:root[data-theme=light]{--bg:#f1f5f9;--surface:#fff;--border:#cbd5e1;--accent:#c8102e;--text:#1e293b;--muted:#64748b}body{flex-direction:column;min-height:100vh;display:flex}#view-container{flex-direction:column;flex:1;height:100vh;min-height:0;display:flex}#landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:3rem 1.5rem;display:flex}#landing h2{font-size:2rem;font-weight:700}#landing p{color:var(--muted);max-width:540px;line-height:1.6}.vis-cards{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.vis-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;max-width:240px;padding:1.5rem 2rem;transition:border-color .15s,transform .15s}.vis-card:hover{border-color:var(--accent);transform:translateY(-2px)}.vis-card h3{margin-bottom:.4rem;font-size:1rem}.vis-card p{color:var(--muted);font-size:.8rem;line-height:1.5}#loading{color:var(--muted);flex:1;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;display:none}#loading.visible{display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.theme-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.theme-switch{flex-shrink:0;width:42px;height:22px;position:relative}.theme-switch input{opacity:0;width:0;height:0;position:absolute}.theme-slider{background:var(--border);border-radius:11px;transition:background .2s;position:absolute;inset:0}.theme-knob{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .2s;display:flex;position:absolute;top:2px;left:2px}.theme-bulb-icon{width:12px;height:12px;color:var(--muted);pointer-events:none;flex-shrink:0;display:block}.theme-switch input:checked+.theme-slider{background:var(--accent)}.theme-switch input:checked+.theme-slider .theme-knob{transform:translate(20px)}.theme-switch input:checked+.theme-slider .theme-bulb-icon{color:var(--accent)}