html,body{height:auto;min-height:100%}:root{--acl: 50%;--acc: .17}:root[data-theme=dark]{--acl: 78%;--acc: .14}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--acl: 78%;--acc: .14}}.body{max-width:var(--col);margin:0 auto;padding:var(--s8) var(--s5) var(--s6);width:100%;box-sizing:border-box;flex:1 0 auto}.wrap{width:100%;max-width:var(--col);margin-inline:auto;padding-inline:var(--s5)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);align-items:end;margin-bottom:var(--s6)}@media (min-width: 900px){.hero{grid-template-columns:minmax(0,1fr) auto;gap:var(--s5) var(--s7);align-items:end}}.hero h1{margin:0;font-size:clamp(2.8rem,9vw,4.5rem);letter-spacing:-.05em;line-height:.92}.hero .lead{margin:0;font-size:var(--t-lg);color:var(--ink-2);line-height:1.3;text-wrap:pretty;max-width:34ch}.hero .lead .plus{font-size:1em}@media (min-width: 900px){.hero .lead{white-space:nowrap;max-width:none}}.freeline{display:inline-flex;align-items:center;gap:10px;margin:0;padding:10px 16px 10px 12px;border-radius:var(--r-full);background:var(--paper-2);color:var(--ink);font-size:var(--t-sm);font-weight:600;text-decoration:none;white-space:nowrap;justify-self:start}.freeline i{width:10px;height:10px;border-radius:50%;background:var(--ink);flex:0 0 auto}.freeline.is-none{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink-2)}.freeline.is-none i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-3)}.freeline b{font-weight:700}.freeline small{font-weight:500;color:var(--ink-3);font-size:var(--t-xs)}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:var(--s4) 0 0;padding:0;list-style:none;font-size:var(--t-xs);font-weight:500;color:var(--ink-3)}.legend li{display:inline-flex;align-items:center;gap:7px}.legend i{width:12px;height:12px;border-radius:3px;background:var(--paper-3);flex:0 0 auto}.legend i.l-played{background:oklch(var(--acl) var(--acc) 150)}.legend i.l-today{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}.legend i.l-free{position:relative}.legend i.l-free:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}.legend i.l-plus{background:var(--paper-3)}.plusblock{margin-top:var(--s7);padding-top:var(--s6);border-top:1px solid var(--line);display:grid;gap:var(--s4);justify-items:start}.plusblock p{margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--ink);max-width:22ch;text-wrap:balance}.plusblock .cta{display:inline-flex;align-items:center;height:52px;padding:0 24px;border-radius:var(--r-full);background:var(--ink);color:var(--paper);font-weight:600;font-size:var(--t-md);text-decoration:none}.plusblock .cta:hover,.plusblock .cta:focus-visible{outline:none;box-shadow:0 8px 22px -8px #0e0e1180}.is-plus .plusblock{display:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:#97c1f7;color:var(--ink)}.xscroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;-webkit-overflow-scrolling:touch}.xscroll::-webkit-scrollbar{height:6px}.xscroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}@media (min-width: 900px){.grid{grid-template-columns:minmax(0,1fr) 320px;gap:var(--s7);align-items:start}.rail{position:sticky;top:calc(var(--navh, 64px) + 20px)}}.rail{display:grid;gap:var(--s5)}.nums{display:grid;gap:2px;justify-items:start}@media (min-width: 900px){.nums{justify-items:end;text-align:right}}.nums__big{display:flex;align-items:baseline;gap:10px;margin:0}.nums__big b{font-size:clamp(2.8rem,8vw,4.5rem);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.nums__big span{font-size:var(--t-md);font-weight:600;color:var(--ink-2)}.nums__sub{margin:0;font-size:var(--t-xs);font-weight:500;color:var(--ink-3)}.bars__h{margin:0 0 8px;font-size:var(--t-xs);font-weight:600;color:var(--ink-3)}.bars{display:grid;gap:7px;margin:0;padding:0;list-style:none}.bars li{display:grid;grid-template-columns:22px minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:var(--t-xs);font-weight:500;color:var(--ink-3)}.bars i{display:grid;place-items:center;width:22px;height:22px;color:oklch(var(--acl) var(--acc) var(--h))}.bars i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bars i.gr__mixpk svg{stroke:none}.bars i.gr__mixpk circle{fill:oklch(var(--acl) var(--acc) var(--h))}.bars .bar{position:relative;height:6px;border-radius:3px;background:var(--paper-3);overflow:hidden}.bars .bar:after{content:"";position:absolute;inset:0;width:var(--w, 0%);border-radius:3px;background:oklch(var(--acl) var(--acc) var(--h));transform-origin:left;animation:bar-in .7s var(--ease-o) both}.bars b{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}@keyframes bar-in{0%{transform:scaleX(0)}}@media (prefers-reduced-motion: reduce){.bars .bar:after{animation:none}}.wall{display:grid;justify-items:center;text-align:center;gap:6px;padding:var(--s5) var(--s4);border-radius:24px;box-shadow:inset 0 0 0 1.5px var(--line)}.wall h2{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}.wall h2 .plus{font-size:1em}.wall p{margin:0 0 12px;font-size:var(--t-md);color:var(--ink-2)}.wall .cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:320px;height:52px;padding:0 24px;border-radius:var(--r-full);background:var(--ink);color:var(--paper);font-weight:600;font-size:var(--t-md);text-decoration:none}.wall .cta:hover,.wall .cta:focus-visible{outline:none;box-shadow:0 8px 22px -8px #0e0e1180}.is-plus .wall{display:none}@media (max-width: 899px){.rail{display:contents}.stack{order:0}.rail__top{order:1}.wall{order:2}.bars{grid-template-columns:1fr 1fr;column-gap:18px}}.mine{margin:10px 0 0;font-size:var(--t-xs);font-weight:600;color:var(--ink-2)}