@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2")}:root{color:#eeeefa;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101114;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:64px auto;padding:0 24px}header{align-items:center;gap:16px;display:flex}.mark{text-align:center;color:#c9c1ff;border:1px solid #62616d;border-radius:16px;width:52px;height:52px;font-size:28px;line-height:50px}h1{letter-spacing:-1px;margin:0;font-size:30px;font-weight:600}.eyebrow{letter-spacing:3px;color:#a49cac;margin:0 0 2px;font-size:10px}.intro{color:#a9a7b4;margin:24px 0 36px;font-size:20px}.card{background:#1b1c21;border:1px solid #2c2c34;border-radius:20px;margin-bottom:16px;padding:26px}h2{margin:0 0 20px;font-size:17px;font-weight:600}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head h2{margin:0}.badge{white-space:nowrap;color:#c8bfff;background:#2e2c3e;border-radius:20px;padding:5px 9px;font-size:11px}.muted{color:#9e9ca9}.small{font-size:12px}label:not(.toggle){color:#bdbacb;margin:22px 0 8px;font-size:12px;display:block}input:not([type=checkbox]){width:100%;min-height:46px;font:inherit;color:#eeecff;background:#15151b;border:1px solid #3b3946;border-radius:10px;padding:12px;font-size:13px}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #c4b8ff}.toggle{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;font-size:14px;display:flex}.toggle small{color:#94909e;max-width:410px;margin-top:5px;font-size:12px;line-height:1.6;display:block}input[type=checkbox]{accent-color:#bcaff8;flex-shrink:0;width:21px;height:21px}button{color:#211c32;font:inherit;cursor:pointer;background:#c4b8ff;border:0;border-radius:10px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:600}button:disabled{opacity:.5;cursor:wait}.actions{flex-wrap:wrap;gap:10px;display:flex}details{margin:18px 0}summary{color:#b0aabf;cursor:pointer;font-size:12px}details label:not(.toggle){margin-top:14px}#message{color:#c7bdf0;overflow-wrap:anywhere;font-size:13px}#message:empty{display:none}.spotify-link{color:#c6c2cd;border-top:1px solid #32313a;align-items:center;gap:10px;margin-top:24px;padding-top:20px;font-size:12px;text-decoration:none;display:flex}.spotify-link img{width:80px;height:24px;margin-right:auto}.guide p{font-size:13px}.guide h2{margin-bottom:12px}.support{margin:0 0 16px;padding-block:8px}.support summary{min-height:44px;color:inherit;padding:11px 0;font-size:16px}.support p{margin:8px 0 16px;font-size:14px;line-height:1.5}.support a{color:inherit;overflow-wrap:anywhere}b{color:#ddd7ed;font-weight:500}footer{text-align:center;color:#666471;padding:20px 0 40px;font-size:11px}.development{margin-top:32px}.screen-wrap{background:#000;border:1px solid #424147;border-radius:10px;margin:20px -12px;overflow:hidden}canvas{width:100%;height:auto;display:block}.ring{flex-wrap:wrap;gap:8px;display:flex}.ring button{flex:1;padding:10px}#development-state{overflow-wrap:anywhere}[hidden]{display:none!important}@media (max-width:400px){main{margin:28px auto;padding:0 16px}.card{padding:20px}.section-head{flex-direction:column;align-items:flex-start}.toggle small{font-size:11px}}:root{color:#f5f5f5;letter-spacing:-.015em;background:#111;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif}.card{background:#1a1a1a;border-color:#303030;border-radius:16px}.mark{color:#eee;border-color:#505050}.eyebrow,.muted{color:#979797}.badge{color:#dedede;background:#303030}.toggle small{color:#969696}input:not([type=checkbox]){color:#eee;background:#121212;border-color:#3a3a3a}button{color:#232323;background:#fef991}.secondary{color:#eee;background:#303030}input[type=checkbox]{accent-color:#fef991}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#fef991}.spotify-link{color:#ccc;border-top-color:#333}#message{color:#e0dea6}b{color:#e5e5e5}#visual-case,#text-rendering,#progress-style{font:inherit;color:#ddd;background:#222;border:1px solid #444;border-radius:8px;width:100%;min-height:42px;padding:10px;font-size:13px}#api-diagnostics-log{box-sizing:border-box;color:#ddd;resize:vertical;background:#121212;border:1px solid #444;border-radius:8px;width:100%;margin-top:12px;padding:10px;font:11px/1.5 monospace}#api-diagnostics-log:focus-visible{outline-offset:2px;outline:2px solid #fef991}#text-rendering:focus-visible,#progress-style:focus-visible{outline-offset:4px;outline:2px solid #fef991}#progress-style:disabled{opacity:.45}