@property --t0{syntax:"<color>";inherits:true;initial-value:#7c6cff}@property --t1{syntax:"<color>";inherits:true;initial-value:#ff6fa3}@property --t2{syntax:"<color>";inherits:true;initial-value:#ffb35c}@property --t3{syntax:"<color>";inherits:true;initial-value:#35d0bd}@property --t4{syntax:"<color>";inherits:true;initial-value:#7fb2ff}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0f;--panel:#ffffff0b;--panel-hi:#ffffff17;--line:#ffffff17;--text:#f3f1ee;--muted:#9a97a3;--sans:"Segoe UI Variable Display", "SF Pro Display", ui-sans-serif, system-ui, sans-serif;--mono:"Cascadia Code", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 var(--sans);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}body:after{content:"";z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:3px}.app{background:radial-gradient(45% 55% at 12% 8%, color-mix(in oklab, var(--t0) 26%, transparent), transparent 70%), radial-gradient(40% 50% at 88% 14%, color-mix(in oklab, var(--t1) 22%, transparent), transparent 70%), radial-gradient(50% 45% at 80% 95%, color-mix(in oklab, var(--t2) 20%, transparent), transparent 70%), radial-gradient(45% 50% at 10% 92%, color-mix(in oklab, var(--t3) 18%, transparent), transparent 70%), radial-gradient(35% 35% at 50% 50%, color-mix(in oklab, var(--t4) 10%, transparent), transparent 70%), var(--bg);transition:--t0 1.4s,--t1 1.4s,--t2 1.4s,--t3 1.4s,--t4 1.4s;position:fixed;inset:0}.top{z-index:10;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 24px;display:flex;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:650}.brand p{color:var(--muted);margin:0;font-size:12.5px}.mark{background:conic-gradient(var(--t0), var(--t1), var(--t2), var(--t3), var(--t4), var(--t0));width:30px;height:30px;box-shadow:0 0 24px color-mix(in oklab, var(--t0) 50%, transparent);border-radius:50%;animation:14s linear infinite spin}@keyframes spin{to{rotate:360deg}}.tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;height:38px;transition:transform .5s var(--spring), background .2s;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.btn:hover{background:var(--panel-hi)}.btn:active{transform:scale(.93)}.btn.primary{background:var(--text);color:var(--bg);border-color:#0000}.btn.icon{justify-content:center;width:38px;padding:0;font-size:20px}kbd{font:500 11px var(--mono);opacity:.55;border:1px solid;border-radius:6px;padding:1px 6px}.seg{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:4px;display:flex;position:relative}.seg-pill{background:#ffffff1f;border-radius:10px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:inset 0 1px #ffffff1f}.seg-btn{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;transition:color .2s;position:relative}.seg-btn:hover,.seg-btn[aria-pressed=true]{color:var(--text)}.orb{z-index:1;cursor:grab;touch-action:none;will-change:transform;background:radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--c), white 50%), var(--c) 45%, color-mix(in oklab, var(--c), black 30%));box-shadow:0 24px 60px -18px var(--c), inset 0 -10px 24px color-mix(in oklab, var(--c), black 25%), inset 0 6px 14px #ffffff2e;border:0;border-radius:50%;place-items:center;padding:0;transition:box-shadow .3s;display:grid;position:fixed;top:0;left:0}.orb[data-mode=held],.orb[data-mode=dock]{z-index:30;cursor:grabbing}.orb[data-mode=held]{box-shadow:0 50px 90px -24px var(--c), inset 0 -10px 24px color-mix(in oklab, var(--c), black 25%), inset 0 6px 14px #ffffff2e}.orb:before{content:"";border:2px solid var(--text);opacity:0;transition:opacity .2s, transform .6s var(--spring);border-radius:50%;position:absolute;inset:-10px;transform:scale(.8)}.orb[data-hot]:before{opacity:1;transform:none}.orb:focus-visible{outline-offset:6px}.orb-label{font:600 11px var(--mono);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .2s}.orb:hover .orb-label,.orb:focus-visible .orb-label,.orb[data-hot] .orb-label{opacity:.9}.ripple{z-index:2;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border:2px solid var(--c);pointer-events:none;border-radius:50%;animation:.75s cubic-bezier(.2,.7,.2,1) forwards ripple;position:fixed}@keyframes ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.9)}}.empty{color:var(--muted);pointer-events:none;place-items:center;margin:0;display:grid;position:fixed;inset:0}.dock{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:0 16px 20px;display:flex;position:fixed;inset:auto 0 0}.dock>*{pointer-events:auto}.hint{color:var(--muted);text-align:center;margin:0;font-size:12.5px}.hint b{color:var(--text);font-weight:600}.tray{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141a8c;border-radius:22px;gap:10px;padding:10px;display:flex;box-shadow:0 30px 60px -30px #000}.slot{width:clamp(48px,14vw,116px);height:76px;transition:transform .6s var(--spring), border-color .2s, background .2s;border:1.5px dashed #ffffff29;border-radius:14px;place-items:center;display:grid;position:relative}.slot[data-hot]{border-color:var(--text);background:var(--panel-hi);transform:translateY(-4px)scale(1.07)}.slot[data-filled]{border-color:#0000}.slot-n{font:500 12px var(--mono);color:#ffffff40}.swatch{border-radius:inherit;background:var(--c);color:var(--ink);text-align:left;cursor:grab;touch-action:none;box-shadow:0 14px 30px -12px var(--c), inset 0 1px 0 #ffffff40;animation:land .8s var(--spring);border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1px;padding:8px 10px;display:flex;position:absolute;inset:0}.swatch .hex{font:650 12.5px var(--mono)}.swatch .lch{font:10px var(--mono);opacity:.7;white-space:nowrap}@keyframes land{0%{transform:scale(.55)}}.eject{border:1px solid var(--line);cursor:pointer;opacity:0;width:22px;height:22px;transition:opacity .2s, transform .45s var(--spring);background:#1b1b22;border-radius:50%;padding:0;font-size:14px;line-height:1;position:absolute;top:-8px;right:-8px;transform:scale(.6)}.slot:hover .eject,.slot:focus-within .eject{opacity:1;transform:none}@media (hover:none){.eject{opacity:1;transform:none}}.scrim{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0505088c;position:fixed;inset:0}.scrim[data-open]{pointer-events:auto}.sheet{z-index:50;border:1px solid var(--line);visibility:hidden;-webkit-user-select:text;user-select:text;background:#131318;border-bottom:0;border-radius:24px 24px 0 0;width:min(760px,100% - 24px);max-height:82vh;padding:20px 24px 48px;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%,105%);box-shadow:0 -30px 80px -20px #000}.sheet header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sheet h2{letter-spacing:-.01em;margin:0 auto 0 0;font-size:18px;font-weight:650}.sheet h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-size:12px;font-weight:600}.muted{color:var(--muted)}.strip{border-radius:12px;height:44px;margin-bottom:12px;display:flex;overflow:hidden}.strip span{flex:1}.code{position:relative}.code pre{border:1px solid var(--line);color:#d9d6e0;font:12.5px/1.6 var(--mono);background:#0b0b0e;border-radius:14px;margin:0;padding:16px;overflow:auto}.code .btn{height:32px;position:absolute;top:10px;right:10px}.grid{gap:4px;display:grid}.cell{border-radius:8px;place-content:center;justify-items:center;min-width:0;height:58px;font-size:12px;display:grid}.cell b{font-size:18px;font-weight:650;line-height:1}.cell small{font:10px var(--mono)}.cell[data-grade=fail]>*{opacity:.3}.toast{z-index:60;background:var(--text);color:var(--bg);font:600 13px var(--mono);opacity:0;pointer-events:none;border-radius:12px;padding:10px 16px;position:fixed;top:84px;left:50%;transform:translate(-50%,-20px)}@media (width<=720px){.top{gap:10px 8px;padding:12px 16px}.tools{display:contents}.brand{flex:1}.top .seg{flex-basis:100%;order:1}.seg-btn{flex:1;padding:0 4px;font-size:13px}.brand p,kbd{display:none}.swatch{padding:6px}.swatch .hex{font-size:10.5px}.swatch .lch{display:none}.hint{font-size:11.5px}.toast{top:120px}}@media (prefers-reduced-motion:reduce){.mark{animation:none}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}