:root{--accent:#2196f3;--accent2:#4fb8e4;--accentInk:#1b6e93;--accentSoft:#e5f5fb;--accentSoftBr:#bce6f3;--accentRing:#93d6ef;--accentHov:#1976d2;--coverC1:#4fb8e4;--coverC2:#2790c0;--coverC3:#93d6ef;--pageBg:color-mix(in srgb, var(--accent) 7%, #eef5fb);--pageBg2:color-mix(in srgb, var(--accent) 4%, #f6fbff);--cardBr:color-mix(in srgb, var(--accent) 26%, #e1e9f1);--hair:color-mix(in srgb, var(--accent) 18%, #eaf0f7);--panel:color-mix(in srgb, var(--accent) 6%, #fff);--aboutBg:color-mix(in srgb, var(--accent) 10%, #fff);--aboutBr:color-mix(in srgb, var(--accent) 34%, #e1e9f1);--ink:#15202b;--body:#4a5a68;--muted:#6b7a88;--faint:#9fb0bd;--paper:#fff;--cardBorder:#d3e3f0;--inputBg:#eef5fb;--sand:#eef5fb;--sand2:#e3eef8;--easyBg:#e7f0e9;--easyInk:#2f6b45;--modBg:#fbf1dd;--modInk:#8a5a17;--hardBg:#f7e1dd;--hardInk:#a23a2e;--ok:#2f8f55;--okBg:#e7f0e9;--okBr:#cbe2d3;--danger:#b24a3e;--dangerBr:#e6c7c2;--pending:#8a5a17;--pendingBg:#f6ecd6;--pendingBr:#ead6a8;--like:#e4738a;--star:#f5a623;--rPill:999px;--rCard:18px;--rInput:12px;--shCard:0 2px 14px #1c18150d;--shBar:0 2px 16px color-mix(in srgb, var(--accent) 28%, transparent);--shPop:0 20px 48px #1c181547;--shBtn:0 8px 20px color-mix(in srgb, var(--accent) 34%, transparent)}*{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;background:var(--pageBg);color:var(--ink);margin:0;font-family:Heebo,Rubik,Assistant,-apple-system,system-ui,Arial,sans-serif}.c-btn{cursor:pointer;border-radius:var(--rInput);border:0;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font:600 14px/1 Heebo,sans-serif;display:inline-flex}.c-btn--primary{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff;box-shadow:var(--shBtn)}.c-btn--primary:hover:not(:disabled){filter:brightness(1.04)}.c-btn--primary:disabled{opacity:.55;cursor:default;box-shadow:none}.c-btn--soft{background:var(--accentSoft);color:var(--accentInk);border:1px solid var(--accentSoftBr)}.c-btn--ghost{color:var(--body);background:0 0}.c-btn--ghost:hover{background:var(--sand)}.c-btn--danger{color:var(--danger);border:1px solid var(--dangerBr);background:#fff}.c-pill{border-radius:var(--rPill);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.c-pill--easy{background:var(--easyBg);color:var(--easyInk)}.c-pill--mod{background:var(--modBg);color:var(--modInk)}.c-pill--hard{background:var(--hardBg);color:var(--hardInk)}.c-pill--ok{background:var(--okBg);color:var(--ok);border:1px solid var(--okBr)}.c-pill--pending{background:var(--pendingBg);color:var(--pending);border:1px solid var(--pendingBr)}.c-card{background:var(--paper);border:1px solid var(--cardBorder);border-radius:var(--rCard);box-shadow:var(--shCard)}.c-toggle{border-radius:var(--rPill);cursor:pointer;background:#c7d3e0;border:0;flex:none;width:46px;height:26px;padding:0;transition:background-color .15s;position:relative}.c-toggle[aria-pressed=true]{background:var(--accent)}.c-toggle .knob{top:3px;background:#fff;border-radius:50%;width:20px;height:20px;transition:inset-inline .15s;position:absolute;inset-inline-end:3px;box-shadow:0 1px 2px #00000040}.c-toggle[aria-pressed=true] .knob{inset-inline:3px auto}.c-swatch{cursor:pointer;width:26px;height:26px;box-shadow:0 0 0 1px var(--cardBorder);border:2px solid #fff;border-radius:50%}.c-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.c-cover-fill{background:radial-gradient(120% 140% at 80% 0%, var(--coverC3), transparent 60%), linear-gradient(120deg, var(--coverC1), var(--coverC2))}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cpRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cpSheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes cpPop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@supports not (background:color-mix(in srgb, red, blue)){:root{--pageBg:#eef5fb;--pageBg2:#f8fcff;--cardBr:#d3e3f0;--hair:#e6f0f8;--panel:#fff;--aboutBg:#f6fbff;--aboutBr:#d3e3f0}}:root{--fzDisplay:30px;--fwDisplay:800;--fzH1:22px;--fwH1:700;--fzH2:17px;--fwH2:700;--fzBody:14px;--fwBody:400;--fzMeta:12px;--fwMeta:500;--lhTight:1.25;--lhBody:1.55}.c-h1{font-size:var(--fzH1);font-weight:var(--fwH1);line-height:var(--lhTight);color:var(--ink);margin:0}.c-h2{font-size:var(--fzH2);font-weight:var(--fwH2);line-height:var(--lhTight);color:var(--ink);margin:0}.c-body{font-size:var(--fzBody);line-height:var(--lhBody);color:var(--body)}.c-meta{font-size:var(--fzMeta);font-weight:var(--fwMeta);color:var(--muted)}.c-theme-picker{align-items:center;gap:8px;display:inline-flex}.c-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}.c-track{background:var(--paper);border:1px solid var(--cardBr);border-radius:var(--rCard);box-shadow:var(--shCard);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.c-track:hover{border-color:var(--accentRing);box-shadow:var(--shBar);transform:translateY(-2px)}.c-track__img{aspect-ratio:16/9;background:var(--sand);width:100%;overflow:hidden}.c-track__img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.c-track:hover .c-track__img img{transform:scale(1.05)}.c-track__body{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex}.c-track__head{align-items:flex-start;gap:8px;display:flex}.c-track__title{font-size:var(--fzH2);font-weight:600;line-height:var(--lhTight);color:var(--ink);margin:0}.c-track:hover .c-track__title{color:var(--accentInk)}.c-track__sub{font-size:var(--fzBody);line-height:var(--lhBody);color:var(--body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.c-track__meta{font-size:var(--fzMeta);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:auto;padding-top:4px;display:flex}.c-tabs{border-bottom:1px solid var(--hair);gap:4px;display:flex}.c-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font:500 14px Heebo,sans-serif}.c-tab[aria-selected=true]{color:var(--accentInk);border-bottom-color:var(--accent)}.c-input{border:1px solid var(--cardBr);border-radius:var(--rInput);background:var(--inputBg);width:100%;color:var(--ink);padding:10px 12px;font:400 14px Heebo,sans-serif}.c-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentRing);outline:none}