:root{--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--color-bg: #f8f7f4;--color-surface: #ffffff;--color-surface-2: #f1efe9;--color-border: #e5e3dd;--color-text: #1a1916;--color-text-muted: #7a7870;--color-accent: #5448c8;--color-accent-soft: #eeedfb;--color-danger: #c0392b;--color-success: #0f6e56}[data-theme=dark]{--color-bg: #111110;--color-surface: #1c1c1a;--color-surface-2: #252523;--color-border: #2e2e2b;--color-text: #e8e6df;--color-text-muted: #7a7870;--color-accent: #7f77dd;--color-accent-soft: #1e1d34;--color-danger: #e05c4e;--color-success: #3dba95}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans),sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}body{line-height:1.6}h1,h2,h3{line-height:1.2}input[type=text],input[type=number],select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-sans),sans-serif;font-size:.875rem;padding:8px 12px;transition:border-color .15s;outline:none}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}select{cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%237a7870' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}input[type=range]{appearance:none;height:4px;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@media(max-width:600px){input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}}input[type=checkbox]{appearance:none;width:16px;height:16px;border:1.5px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;position:relative}input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:1px;width:8px;height:5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-out{to{opacity:0;transform:translateY(-8px)}}::view-transition-old(root){animation:.18s ease-out fade-out}::view-transition-new(root){animation:.22s ease-out fade-in}