:root{--bg:#0b0d12;--bg-elevated:#161923;--text:#e6e8ef;--text-dim:#8b90a1;--border:#2a2e3d;--accent:#7dd3fc;--forward:#f97316;--reverse:#38bdf8;--danger:#f87171;--speed-slow:#60a5fa;--speed-good:#4ade80;--speed-fast:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}#app{min-height:100svh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);justify-content:center;display:flex}.app{flex-direction:column;gap:28px;width:100%;max-width:480px;padding:32px 20px 48px;display:flex}.app[hidden]{display:none}.app__header{text-align:center}.app__header h1{letter-spacing:-.5px;margin:0 0 6px;font-size:28px}.app__subtitle{color:var(--text-dim);margin:0;font-size:14px}.app__hint{color:var(--text-dim);opacity:.8;margin:6px 0 0;font-size:12px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.card[hidden]{display:none}.file-drop{text-align:center;border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:18px;font-size:14px;display:flex;position:relative;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.primary-button{appearance:none;color:#0b0d12;background:var(--accent);cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s}.primary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--accent)}.status{min-height:1.2em;color:var(--text-dim);text-align:center;margin:0;font-size:13px}.dial{background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;width:160px;height:160px;position:relative}.dial__marker{background:var(--text-dim);border-radius:50%;width:12px;height:12px;margin-left:-6px;transition:background-color .15s;position:absolute;top:10px;left:50%}.dial__marker[data-status=slow]{background:var(--speed-slow)}.dial__marker[data-status=good]{background:var(--speed-good);box-shadow:0 0 8px var(--speed-good)}.dial__marker[data-status=fast]{background:var(--speed-fast)}.dial__artwork{object-fit:cover;border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.dial__artwork[hidden]{display:none}.facing{will-change:transform;display:inline-block}.rate-readout{font-variant-numeric:tabular-nums;color:var(--text-dim);margin:0;font-size:20px;font-weight:600;transition:color .15s}.rate-readout[data-status=slow]{color:var(--speed-slow)}.rate-readout[data-status=good]{color:var(--speed-good)}.rate-readout[data-status=fast]{color:var(--speed-fast)}.site-nav{flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:14px;display:flex}.site-nav a{color:var(--text-dim);font-size:13px;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent)}.site-nav a[aria-current=page]{color:var(--text)}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);margin-top:8px;padding-top:20px;font-size:12px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-bottom:8px;display:flex}.site-footer a{color:var(--text-dim);text-decoration:underline}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent)}.content-page h2{margin:0 0 6px;font-size:18px}.content-page h3{margin:18px 0 4px;font-size:15px}.content-page p,.content-page li{color:var(--text-dim);margin:0 0 10px;font-size:14px}.content-page ul,.content-page ol{margin:0 0 10px;padding-left:20px}.content-page a{color:var(--accent)}.content-page .updated{color:var(--text-dim);margin-top:-4px;font-size:12px}.qr-code{background:var(--text);border-radius:12px;justify-content:center;padding:12px;display:flex}.qr-code canvas{width:100%;max-width:220px;height:auto;display:block}.qr-url{text-align:center;color:var(--text-dim);word-break:break-all;margin:0;font-size:12px}.jamendo__form{gap:8px;display:flex}.jamendo__input{appearance:none;border:1px solid var(--border);min-width:0;color:var(--text);background:var(--bg);border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.jamendo__input:focus-visible{border-color:var(--accent);outline:none}.jamendo__results{flex-direction:column;gap:8px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.jamendo__result{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.jamendo__result:last-child{border-bottom:none}.jamendo__result-main{align-items:stretch;gap:10px;min-width:0;display:flex}.jamendo__result-thumb{background:var(--bg);object-fit:cover;border-radius:6px;flex-shrink:0;width:44px}.jamendo__result-info{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.jamendo__result-info a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;text-decoration:none;overflow:hidden}.jamendo__result-info a:hover,.jamendo__result-info a:focus-visible{color:var(--accent)}.jamendo__result-artist{color:var(--text-dim);font-size:12px}.jamendo__credit{color:var(--text-dim);text-align:center;margin:0;font-size:11px}.jamendo__credit a{color:var(--text-dim)}.desktop-gate{flex-direction:column;gap:36px;width:100%;max-width:880px;padding:56px 32px;display:flex;position:relative}.desktop-gate__glow{background:radial-gradient(60% 60% at 50% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);pointer-events:none;z-index:-1;height:420px;position:absolute;inset:-160px -120px auto}.desktop-gate__header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.desktop-gate__badge{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:inline-flex}.desktop-gate__badge:before{content:"";background:var(--speed-good);width:6px;height:6px;box-shadow:0 0 6px var(--speed-good);border-radius:50%}.desktop-gate__header h1{letter-spacing:-.5px;margin:0;font-size:36px}.desktop-gate__subtitle{max-width:460px;color:var(--text-dim);margin:0;font-size:15px}.desktop-gate__body{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:24px;display:grid}@media (width<=720px){.desktop-gate__body{grid-template-columns:1fr}}.desktop-gate__intro,.desktop-gate__device{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:28px}.desktop-gate__intro{flex-direction:column;align-items:center;gap:18px;display:flex}.desktop-gate__intro p{width:100%;color:var(--text-dim);text-align:left;margin:0;font-size:14px}.desktop-gate__ring{border:2px solid var(--border);background:radial-gradient(circle at 50% 50%, transparent 40%, color-mix(in srgb, var(--accent) 6%, transparent) 100%);border-radius:50%;flex-shrink:0;width:108px;height:108px;animation:12s linear infinite desktop-gate-spin;position:relative}.desktop-gate__ring-marker{background:var(--speed-good);width:10px;height:10px;box-shadow:0 0 8px var(--speed-good);border-radius:50%;margin-left:-5px;position:absolute;top:8px;left:50%}@keyframes desktop-gate-spin{to{transform:rotate(360deg)}}.desktop-gate__steps{flex-direction:column;gap:10px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.desktop-gate__steps li{color:var(--text);align-items:center;gap:10px;font-size:14px;display:flex}.desktop-gate__step-num{background:var(--bg);border:1px solid var(--border);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.desktop-gate__device{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.desktop-gate__device-label{color:var(--text-dim);margin:0;font-size:13px}.share{text-align:center;align-items:center}.share__label{color:var(--text-dim);margin:0;font-size:13px}.share__buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.install{text-align:center;align-items:center}.install__copy{color:var(--text-dim);margin:0;font-size:13px}.install__ios-hint{color:var(--text);margin:0;font-size:13px}.performance{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0;overflow:hidden}.performance.is-active{display:flex}.performance__back{appearance:none;top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));border:1px solid var(--border);color:var(--text-dim);background:var(--bg-elevated);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;position:absolute}.performance__back:hover,.performance__back:focus-visible{color:var(--text);border-color:var(--accent)}.performance__track{max-width:70vw;color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.performance__stage{flex-direction:column;align-items:center;gap:24px;display:flex}.performance__dial{width:min(56vw,240px);height:min(56vw,240px)}.performance__stage .rate-readout{font-size:22px}