:root{--bg: #f5f6fb;--card: #ffffff;--card-2: #f3f4ff;--line: rgba(79, 70, 229, .14);--line-2: rgba(79, 70, 229, .3);--text: #1e1b4b;--muted: #5b5f7a;--faint: #8a8fa8;--accent: #4f46e5;--accent-2: #7c3aed;--accent-ink: #ffffff;--danger: #dc2626;--on: #16a34a;--warn: #d97706;--code-bg: #0f1024;--code-text: #e0e7ff;--code-faint: #7c83b3;--shadow: 0 10px 30px -20px rgba(67, 56, 202, .45);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0c0a24;--card: #15123a;--card-2: #1c1850;--line: rgba(129, 140, 248, .16);--line-2: rgba(129, 140, 248, .34);--text: #e0e7ff;--muted: #b0b5de;--faint: #7f86b9;--accent: #818cf8;--accent-2: #a78bfa;--accent-ink: #0f0a2e;--danger: #f87171;--on: #4ade80;--warn: #fbbf24;--code-bg: #090720;--shadow: 0 14px 34px -22px rgba(0, 0, 0, .9);color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:7.5rem}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;padding:.08em .35em;border-radius:5px;background:var(--card-2);border:1px solid var(--line)}a{color:var(--accent)}.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top__inner,.sections{max-width:68rem;margin:0 auto;padding:0 1rem}.top__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.4rem}.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);text-decoration:none}.brand__mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.brand__mark svg{width:1.2rem;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.brand__name{font-weight:800;font-size:1.1rem;letter-spacing:-.02em}.brand__name span{color:var(--accent)}.pill{font-size:.72rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;background:var(--card-2);border:1px solid var(--line-2);color:var(--accent)}.links{display:flex;gap:1rem}.links a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500}.links a:hover{color:var(--accent)}.sections{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.sections a{flex:0 0 auto;padding:.28rem .7rem;border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:500;text-decoration:none}.sections a:hover,.sections a.is-active{background:var(--card-2);color:var(--accent)}.intro,.loading,main,.foot{max-width:68rem;margin:0 auto;padding:0 1rem}.intro{padding-top:2.2rem;padding-bottom:1.4rem}.intro h1{margin:0;font-size:clamp(1.6rem,3.5vw,2.3rem);letter-spacing:-.03em;line-height:1.15}.intro>p{max-width:44rem;margin:.6rem 0 0;color:var(--muted)}.status{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.8rem}.chip b{font-weight:600;color:var(--muted)}.chip em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.chip i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.chip.is-on i{background:var(--on);box-shadow:0 0 8px var(--on)}.chip.is-warn i{background:var(--warn)}.wake{margin:.8rem 0 0;padding:.55rem .8rem;border-left:3px solid var(--warn);border-radius:6px;background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--text);font-size:.85rem}.loading{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding-bottom:3rem}.spinner{width:1rem;height:1rem;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;padding-bottom:2rem}.card{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.2rem 0;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow);overflow:hidden}.card--wide{grid-column:1 / -1}.card>:last-child:not(.code){margin-bottom:1.15rem}.card__head h2{margin:0;font-size:1.05rem;letter-spacing:-.01em}.card__head p{margin:.25rem 0 0;color:var(--muted);font-size:.87rem}.hint{margin:0;color:var(--muted);font-size:.82rem}.hint strong{color:var(--text);font-variant-numeric:tabular-nums}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.row.between{justify-content:space-between}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.9rem}.code{display:flex;gap:.75rem;margin:auto -1.2rem 0;padding:.7rem 1.2rem;background:var(--code-bg);border-top:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;min-height:2.6rem}.code__label{flex:0 0 auto;padding-top:.05rem;color:var(--code-faint);font-weight:700;letter-spacing:.08em;font-size:.68rem}.code__lines{display:flex;flex-direction:column;gap:.1rem;min-width:0}.code__lines span{color:var(--code-faint);overflow-wrap:anywhere}.code__lines span:last-child{color:var(--code-text)}.code__lines em{font-style:normal;color:var(--code-faint);margin-left:.4rem}.code__idle{color:var(--code-faint);font-style:italic}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border:1px solid var(--line-2);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.play:focus-visible,.pad:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink)}.btn--danger{color:var(--danger)}.btn--danger:hover:not(:disabled){border-color:var(--danger)}.btn--ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.led{width:8px;height:8px;border-radius:50%;background:var(--line-2);transition:background .2s,box-shadow .2s}.btn.is-playing .led{background:var(--on);box-shadow:0 0 8px var(--on)}.slider{display:flex;flex-direction:column;gap:.35rem}.slider>span{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600}.slider output{color:var(--accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}input[type=range]{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.5}.switch{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:relative;width:2.3rem;height:1.3rem;border-radius:999px;background:var(--line-2);transition:background .2s}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:calc(1.3rem - 6px);height:calc(1.3rem - 6px);border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(1rem)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.badge{padding:.1rem .55rem;border-radius:999px;background:var(--card-2);color:var(--faint);font-size:.74rem;font-weight:700}.badge.is-playing{color:var(--on)}.badge.is-paused{color:var(--warn)}.meter{display:flex;flex-direction:column;gap:4px}.meter__bar{height:8px;border-radius:999px;background:var(--card-2);overflow:hidden}.meter__bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--on) 0 65%,var(--warn) 65% 88%,var(--danger) 88%);background-size:100% 100%}.pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));gap:.45rem}.pad{display:flex;flex-direction:column;gap:.1rem;padding:.65rem .7rem;border:1px solid var(--line-2);border-radius:12px;background:var(--card-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .08s,background .15s,border-color .15s}.pad:hover{border-color:var(--accent)}.pad:active{transform:scale(.96)}.pad b{font-size:.84rem}.pad small{color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.pad.is-playing{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink)}.pad.is-playing small{color:inherit;opacity:.8}.timeline{position:relative;height:18px;border-radius:6px;background:var(--card-2)}.timeline i{position:absolute;top:3px;bottom:3px;border-radius:3px;background:var(--line-2);transition:background .15s}.timeline i.is-playing{background:var(--accent)}.slots{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.slots i{height:22px;border-radius:4px;background:var(--card-2);border:1px solid var(--line);transition:background .1s}.slots i.is-on{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent}.player{display:flex;align-items:center;gap:1rem}.player__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.times{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.play{flex:0 0 auto;display:grid;place-items:center;width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px -8px var(--accent);cursor:pointer;transition:transform .08s}.play:active{transform:scale(.95)}.play svg{width:1.4rem;fill:var(--accent-ink)}.buffered{height:4px;border-radius:999px;background:var(--card-2);overflow:hidden}.buffered span{display:block;height:100%;width:0;background:var(--line-2)}.list{margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:12px;overflow:hidden}.list li{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;border-bottom:1px solid var(--line);background:var(--card-2)}.list li:last-child{border-bottom:0}.list .name{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem;font-weight:600}.list .state{font-size:.76rem;font-weight:700;color:var(--faint)}.list .state[data-state=loading]{color:var(--warn)}.list .state[data-state=loaded]{color:var(--on)}.list .state[data-state=error]{color:var(--danger)}.radar{position:relative;width:100%;max-width:280px;aspect-ratio:1;margin:0 auto;border:1px solid var(--line-2);border-radius:50%;background:linear-gradient(var(--line),var(--line)) center / 1px 100% no-repeat,linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat,radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),var(--card-2);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.radar__ring{position:absolute;top:50%;left:50%;border:1px dashed var(--line-2);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.radar__ring:nth-child(1){width:30%;height:30%}.radar__ring:nth-child(2){width:60%;height:60%}.radar__ring:nth-child(3){width:90%;height:90%}.radar__front{position:absolute;top:7px;left:50%;transform:translate(-50%);color:var(--faint);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.radar__me{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%);transition:transform .3s;pointer-events:none}.radar__me.is-turned{transform:translate(-50%,-50%) rotate(180deg)}.radar__me svg{width:15px;fill:var(--card)}.radar__heli{position:absolute;width:18px;height:18px;border:2px solid var(--card);border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none}.radar__heli.is-playing{background:var(--accent-2);animation:pulse 1.2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent-2) 60%,transparent)}to{box-shadow:0 0 0 16px transparent}}.log{margin:0 0 1.15rem;padding:0;list-style:none;height:16rem;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--code-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.log li{display:flex;flex-wrap:wrap;gap:.2rem .8rem;padding:.3rem .8rem;border-bottom:1px solid rgba(129,140,248,.1);color:var(--code-faint)}.log time{flex:0 0 4.6rem}.log b{flex:0 0 12.5rem;color:#a5b4fc;font-weight:600}.log b.t-on{color:#4ade80}.log b.t-warn{color:#fbbf24}.log b.t-danger{color:#f87171}.log b.t-accent{color:#c4b5fd}.log .log__empty{justify-content:center;padding:2rem;font-style:italic}.foot{padding-bottom:2.5rem;color:var(--faint);font-size:.8rem}@media(max-width:40rem){.links{display:none}.log b{flex-basis:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}