:root{--bg: #f7f6f2;--paper: #fffefa;--ink: #212125;--muted: #5d6463;--line: #dedbd2;--accent: #0a5c52;--accent-soft: #e5efec;--on-accent: #ffffff;--heading: #08332f;--amber: #c17f24;--tag: #f6ecdb;--tag-ink: #7a4c0f;--review: #0a5c52;--review-soft: #e5efec;--avail: #1b7a3a;--avail-soft: #e3f1e6;--planned-soft: #efede7;--danger: #a4262c;--display: "Source Serif 4", Georgia, "Times New Roman", serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1615;--paper: #162120;--ink: #e9ebe7;--muted: #a6b0ad;--line: #2c3a38;--accent: #6fc2b3;--accent-soft: #1b2e2b;--on-accent: #0f1615;--heading: #cfe7e1;--amber: #e0a14a;--tag: #3a2e1c;--tag-ink: #e0a14a;--review: #6fc2b3;--review-soft: #1b2e2b;--avail: #6fd08f;--avail-soft: #18301f;--planned-soft: #1f2c2a;--danger: #f1707a;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1615;--paper: #162120;--ink: #e9ebe7;--muted: #a6b0ad;--line: #2c3a38;--accent: #6fc2b3;--accent-soft: #1b2e2b;--on-accent: #0f1615;--heading: #cfe7e1;--amber: #e0a14a;--tag: #3a2e1c;--tag-ink: #e0a14a;--review: #6fc2b3;--review-soft: #1b2e2b;--avail: #6fd08f;--avail-soft: #18301f;--planned-soft: #1f2c2a;--danger: #f1707a;color-scheme:dark}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand img{background:#f7f6f2;padding:3px}}:root[data-theme=dark] .brand img{background:#f7f6f2;padding:3px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55}.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:10px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;cursor:pointer;background:none;border:0;color:inherit;padding:0;font:inherit}.brand img{width:36px;height:37px;border-radius:6px;flex:none}.brand-text{display:grid;line-height:1;text-align:left}.brand b{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--heading)}.brand-text span{margin-top:4px;font-size:10px;font-weight:650;color:var(--amber);letter-spacing:.14em;text-transform:uppercase}nav.progs{display:flex;gap:4px;flex-wrap:wrap}nav.progs button{background:none;border:1px solid transparent;border-radius:6px;padding:6px 10px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}nav.progs button:hover{color:var(--ink);background:var(--bg)}nav.progs button[aria-current=page]{color:var(--accent);border-color:var(--line);background:var(--accent-soft);font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px}main{padding-block:28px 56px}h1,h2,h3{font-family:var(--display);font-weight:500;color:var(--heading);text-wrap:balance;margin:0;letter-spacing:-.01em}h1{font-size:clamp(30px,4.6vw,44px);line-height:1.12}h2{font-size:26px;line-height:1.2}h3{font-size:19px;line-height:1.25}p{margin:0}.lede{font-size:17px;color:var(--muted);max-width:62ch}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}section{display:grid;gap:18px}.stack{display:grid;gap:40px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}.hero-text{display:grid;gap:14px}.how{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:grid;gap:12px}.how ol{margin:0;padding-left:20px;display:grid;gap:8px}.how li::marker{font-family:var(--mono);color:var(--accent)}.code{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:3px;padding:1px 6px;background:var(--paper);white-space:nowrap;color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.s-first{background:var(--tag);color:var(--tag-ink)}.s-review{background:var(--review-soft);color:var(--review)}.s-avail{background:var(--avail-soft);color:var(--avail)}.s-planned{background:var(--planned-soft);color:var(--muted)}.s-later{background:transparent;color:var(--muted);border:1px dashed var(--line)}.s-res{background:var(--accent-soft);color:var(--accent)}a.btn{text-decoration:none;display:inline-block}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:10px;align-content:start;min-width:0}.card .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card .pair{font-size:12px;color:var(--muted)}.card p.desc{color:var(--muted);font-size:14px}.card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.prog-name{font-size:12px;color:var(--muted)}.btn{font:inherit;font-size:14px;font-weight:500;border-radius:6px;padding:7px 12px;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent)}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--accent)}.btn.ghost.on{background:var(--accent-soft)}.btn.small{font-size:13px;padding:5px 10px}.btn:disabled{opacity:.55;cursor:default}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tile{text-align:left;font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer;display:grid;gap:6px;align-content:start}.tile:hover{border-color:var(--accent)}.tile b{font-family:var(--display);font-size:18px;font-weight:600}.tile small{color:var(--muted);font-size:13px}.tile .count{font-family:var(--mono);font-size:12px;color:var(--accent)}.prog-head{display:grid;gap:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar input{flex:1 1 220px;min-width:0;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}.stats{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.stats b{color:var(--ink);font-variant-numeric:tabular-nums}details.group{background:var(--paper);border:1px solid var(--line);border-radius:10px}details.group>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}details.group>summary::-webkit-details-marker{display:none}details.group>summary:before{content:"+";font-family:var(--mono);color:var(--accent);width:12px;flex:none}details.group[open]>summary:before{content:"−"}details.group>summary h3{flex:1 1 260px;min-width:0}details.group>summary .n{font-family:var(--mono);font-size:12px;color:var(--muted)}.group-intro{padding:0 16px 10px 40px;color:var(--muted);font-size:14px;max-width:75ch}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:12px 16px 12px 40px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .t{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;min-width:0}.row .t strong{font-weight:600}.row .side{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.row p{grid-column:1 / -1;color:var(--muted);font-size:14px;max-width:80ch}.row .len{font-size:12px;color:var(--muted);font-family:var(--mono)}.empty{color:var(--muted);padding:12px 0}.notice{font-size:13px;color:var(--muted);border-left:3px solid var(--line);padding:4px 0 4px 12px;max-width:75ch}.owner{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:12px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}td.num{font-variant-numeric:tabular-nums;text-align:right}footer{border-top:1px solid var(--line);background:var(--paper)}footer .wrap{padding-block:20px;display:flex;gap:12px 28px;flex-wrap:wrap;font-size:13px;color:var(--muted)}footer a{color:var(--accent)}dialog{border:1px solid var(--line);border-radius:12px;padding:0;width:min(520px,calc(100vw - 32px));background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0a121873}.dlg{padding:20px;display:grid;gap:14px}.dlg header{display:grid;gap:6px}.field{display:grid;gap:5px}.field label{font-size:13px;font-weight:600}.field input,.field select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);width:100%}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{margin-top:4px}.reviewer{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;align-items:center}.actions .r{display:flex;gap:10px;margin-left:auto}.msg{font-size:13px}.msg.err{color:var(--danger)}.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aud{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;padding:20px;display:grid;gap:12px;align-content:start;min-width:0}.aud.mgr{border-top-color:var(--accent)}.aud .desc{color:var(--muted);font-size:14px}.aud-link{display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-align:left;font:inherit;color:inherit;background:none;border:0;border-top:1px solid var(--line);padding:10px 0;cursor:pointer}.aud-link b{font-weight:600}.aud-link:hover b{color:var(--accent)}.aud-link span{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.product{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}.product h3{font-size:21px}.product .from{font-size:12px;color:var(--muted)}.product p{color:var(--muted);font-size:14px}.btns{display:flex;gap:8px;flex-wrap:wrap}.navsep{width:1px;align-self:stretch;background:var(--line);margin:4px 6px}.acc{background:var(--paper);border:1px solid var(--line);border-radius:10px}.acc-item+.acc-item{border-top:1px solid var(--line)}.acc-item>summary{list-style:none;cursor:pointer;padding:13px 16px;display:flex;gap:12px;align-items:center}.acc-item>summary::-webkit-details-marker{display:none}.acc-item>summary:before{content:"+";font-family:var(--mono);color:var(--accent);width:12px;flex:none}.acc-item[open]>summary:before{content:"−"}.acc-t{flex:1 1 auto;min-width:0;display:flex;gap:4px 10px;align-items:baseline;flex-wrap:wrap}.acc-t strong{font-weight:600}.acc-t .pair{font-size:12px;color:var(--muted)}.acc-body{padding:0 16px 16px 40px;display:grid;gap:10px}.acc-body p{color:var(--muted);font-size:14px;max-width:75ch}.acc-body .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.custom{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:20px;display:flex;gap:16px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.custom-text{display:grid;gap:8px;flex:1 1 340px;min-width:0}.custom .desc{color:var(--muted);font-size:14px;max-width:70ch}@media(max-width:760px){.acc-body{padding-left:16px}.acc-item>summary .code{display:none}}@media(max-width:760px){.aud-grid{grid-template-columns:1fr}}@media(max-width:760px){.hero,.two{grid-template-columns:1fr}.row,.group-intro{padding-left:16px}}@media(prefers-reduced-motion:no-preference){.card,.tile{transition:border-color .15s}}.account{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.account .who{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{background:var(--accent-soft);color:var(--ink);border-bottom:1px solid var(--line)}.banner .wrap{padding-block:10px;font-size:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.banner.err{background:var(--paper);color:var(--danger)}.price{font-variant-numeric:tabular-nums}.buy-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cur button[aria-pressed=true]{font-weight:600;text-decoration:none;color:var(--ink)}.mine{display:grid;gap:10px}.mine-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}.mine-item .t{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;min-width:0}.mine-item .sub{grid-column:1 / -1;font-size:13px;color:var(--muted)}.player{display:grid;gap:12px}.player-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.player iframe{width:100%;height:min(78vh,900px);border:1px solid var(--line);border-radius:10px;background:#fff}.saved{font-size:13px;color:var(--muted)}@media(max-width:760px){.mine-item{grid-template-columns:1fr}.player iframe{height:70vh}}.top .account{order:2}.top nav.progs{order:3;flex-basis:100%}@media(max-width:760px){header.top{position:static}}