@charset "UTF-8";:root{--bg: #0d0e11;--surface: #16171b;--surface-2: #1e2025;--surface-3: #262930;--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .14);--text: #f5f5f6;--text-2: #a4a6ad;--text-3: #6d7079;--accent: #f6c453;--accent-ink: #1b1402;--accent-soft: rgba(246, 196, 83, .14);--green: #4ade80;--red: #f87171;--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI Variable", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-size:15px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3{margin:0;letter-spacing:-.015em}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.15rem;font-weight:650}h3{font-size:.8rem;font-weight:600;color:var(--text-2);letter-spacing:0}p{margin:0}button{font:inherit;color:inherit}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.btn{appearance:none;cursor:pointer;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);padding:9px 16px;border-radius:999px;font-size:.9rem;font-weight:550;display:inline-flex;align-items:center;gap:7px;line-height:1.2;transition:background .15s,transform .08s,border-color .15s}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.btn.sm{padding:6px 12px;font-size:.82rem}.btn.icon{width:38px;height:38px;padding:0;justify-content:center}.btn svg{width:16px;height:16px}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}input[type=range]{appearance:none;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;--fill: 50%}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--track-color, var(--accent)) var(--fill),var(--surface-3) var(--fill))}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--surface-3)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--track-color, var(--accent))}input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080,0 0 0 1px #0003}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft),0 2px 8px #00000080}.swatch{position:relative;width:40px;height:40px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff2e,0 2px 10px #0006}.swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:pointer}.swatch.large{width:48px;height:48px}.swatch-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:2px solid var(--surface);background:var(--text);color:var(--bg);font-size:11px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.chip{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:6px 12px 6px 7px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:.8rem;font-weight:500;transition:border-color .15s,color .15s}.chip:hover{color:var(--text);border-color:var(--border-2)}.chip.active{border-color:var(--accent);color:var(--text)}.chip .dots{display:inline-flex}.chip .dot{width:11px;height:11px;border-radius:50%;margin-right:-4px;box-shadow:0 0 0 1.5px var(--surface-2)}.segmented{display:inline-flex;flex-wrap:wrap;gap:3px;background:var(--surface-2);border-radius:var(--r-sm);padding:3px}.segmented button{border:0;background:transparent;color:var(--text-2);padding:7px 12px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #0006}.toggle{position:relative;display:inline-block;width:46px;height:28px;flex:0 0 auto}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .track{position:absolute;inset:0;border-radius:999px;background:var(--surface-3);cursor:pointer;transition:background .2s}.toggle .track:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0006}.toggle input:checked+.track{background:var(--green)}.toggle input:checked+.track:before{transform:translate(18px)}.toggle input:focus-visible+.track{box-shadow:0 0 0 3px var(--accent-soft)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}