:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f4ece0;--surface:#fbf6ee;--surface2:#efe4d3;--line:#e0d2bd;--line-strong:#c9bba5;--text:#1f2a2c;--muted:#4d5a5c;--chip:#efe4d3;--tint:10%;--accent:#0d5c63;--accent-deep:#083f44;--on-accent:#fff;--ink:#1f2a2c;--on-ink:#f4ece0;--good:#2e6b3f;--bad:#a3433a;--r-pill:999px;--r-card:20px;--lift:0 1px 0 #e3d6c2;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--text);font-family:var(--sans);min-height:100vh;font-size:16px;line-height:1.55}button{font:inherit;color:inherit;cursor:pointer}select,input{font:inherit;color:inherit}header.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.1rem 1.6rem;display:flex}.brand{align-items:baseline;gap:.65rem;display:flex}.brand .mark{background:radial-gradient(circle at 35% 30%, var(--accent), var(--accent-deep) 70%);width:.95rem;height:.95rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;align-self:center}.brand h1{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:1.35rem;font-weight:400}.brand .sub{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}.scalebox{align-items:center;gap:.55rem;margin-left:auto;display:flex}.scalebox label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.scalebox select{background:var(--surface);border:1px solid var(--line);border-radius:.55rem;max-width:270px;padding:.45rem .7rem;font-size:.95rem}main{grid-template-columns:minmax(340px,1.15fr) minmax(340px,1fr);gap:2rem;max-width:1180px;margin:0 auto;padding:1.8rem 1.6rem 3rem;display:grid}@media (max-width:840px){main{grid-template-columns:1fr}.tabs{z-index:30;position:sticky;top:.4rem;box-shadow:0 2px 14px #0000002e}}.stage{flex-direction:column;align-items:center;gap:.9rem;display:flex}.stage svg{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-width:560px;height:auto}.stage-hint{color:var(--muted);text-align:center;max-width:34rem;margin:0;font-size:.85rem}.stage-hint kbd{font-family:var(--mono);background:var(--chip);border:1px solid var(--line);border-radius:.3rem;padding:.05rem .35rem;font-size:.8em}.field{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.field:focus{outline:none}.field:focus-visible .ring{stroke:var(--accent);stroke-width:3px}.field .ring{transition:stroke .25s}.field.hit .body{filter:drop-shadow(0 0 14px #d49a5ed9)}.field.hit .ring{stroke:#d49a5e;stroke-width:3.5px}.field.good .ring{stroke:#86b98c;stroke-width:4px}.field.wrong .ring{stroke:#c9737a;stroke-width:4px}.field.target .ring{stroke:#d49a5e;stroke-width:3px;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{stroke-opacity:.35}50%{stroke-opacity:1}}.ripple{fill:none;stroke:#d49a5e;stroke-width:2.5px;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:.8s ease-out forwards rip}@keyframes rip{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.9)}}#shell.hit{filter:drop-shadow(0 0 18px #d49a5e80)}@media (prefers-reduced-motion:reduce){.ripple{opacity:0;animation:none}.field.target .ring{stroke-opacity:1;animation:none}}.panel{min-width:0}.tabs{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;gap:8px;margin-bottom:1.2rem;padding:.3rem;display:flex}.tabs button{min-height:44px;color:var(--muted);letter-spacing:.02em;background:0 0;border:0;border-radius:.55rem;flex:1;padding:.5rem .2rem;font-size:.92rem}.tabs button[aria-selected=true]{background:var(--surface2);color:var(--text);font-weight:600}.tabpane{display:none}.tabpane.on{display:block}h2{font-family:var(--serif);text-wrap:balance;margin:0 0 .35rem;font-size:1.25rem;font-weight:400}h3{font-family:var(--serif);margin:1.4rem 0 .3rem;font-size:1.05rem;font-weight:400}p{margin:.4rem 0}.dim{color:var(--muted)}.small{font-size:.85rem}.notechips{flex-wrap:wrap;gap:.4rem;margin:.6rem 0;display:flex}.notechips .nc{font-family:var(--mono);background:var(--chip);border:1px solid var(--line);border-radius:.5rem;padding:.25rem .55rem;font-size:.85rem}.notechips .nc b{color:var(--accent);margin-right:.35em;font-weight:600}.notechips .nc.bn{border-style:dashed}.character{color:var(--muted);margin:.2rem 0 .8rem;font-size:.9rem;font-style:italic}.row{flex-wrap:wrap;align-items:center;gap:.7rem;margin:.6rem 0;display:flex}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.45rem;font-size:.92rem;display:flex}.btn{background:var(--surface2);border:1px solid var(--line);border-radius:.6rem;padding:.5rem .95rem;font-size:.92rem}.btn.primary{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:var(--on-accent);border-color:#0000;font-weight:600}.btn.ghost.primary{background:linear-gradient(180deg, var(--accent), var(--accent-deep))}.btn:disabled{opacity:.45;cursor:default}.cathead{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:1.2rem 0 .5rem;font-size:.78rem;font-weight:600}.songlist{flex-direction:column;gap:.55rem;display:flex}.songcard{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:.7rem;align-items:center;gap:.9rem;width:100%;padding:.7rem .9rem;display:flex}.songcard:hover{border-color:var(--accent-deep)}.songcard .num{font-family:var(--mono);color:var(--accent);min-width:1.4rem;font-size:.8rem}.songcard .t{font-weight:600}.songcard .m{color:var(--muted);font-size:.82rem}.songcard .diff{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:.4rem;margin-left:auto;padding:.15rem .45rem;font-size:.72rem}.songcard.na{opacity:.5}.songcard.na:hover{border-color:var(--line)}.detail .back{margin-bottom:.7rem}.meta{color:var(--muted);margin-bottom:.4rem;font-size:.85rem}.steps{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;flex-wrap:wrap;gap:.3rem;max-height:180px;margin:.9rem 0;padding:.7rem;display:flex;overflow-y:auto}.step{width:2rem;font-family:var(--mono);border:1px solid #0000;border-radius:.45rem;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem 0;display:flex}.step .d{font-size:.95rem;font-weight:700}.step .h{color:var(--muted);letter-spacing:.05em;font-size:.62rem}.step.rest .d{color:var(--muted);font-weight:400}.step.cur{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.step.done{opacity:.38}.step[data-key]{cursor:pointer}.step[data-key]:hover{border-color:var(--accent-deep);background:color-mix(in srgb, var(--accent) 8%, transparent)}.step.mark{background:var(--surface2);border-color:var(--line);width:auto;padding:.3rem .5rem}.step.mark .d{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:600}.hL{color:#1d5f8f}.hR{color:#a8541c}.tg{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;flex-direction:column;gap:.55rem;max-height:260px;margin:.9rem 0;padding:.5rem .6rem;display:flex;overflow-y:auto}.tg-bar{grid-template-columns:1.3rem repeat(var(--cols), minmax(0,1fr));font-family:var(--mono);gap:2px;display:grid}.tg-h{color:var(--muted);text-align:center;padding-bottom:1px;font-size:.66rem}.tg-h.group{border-left:2px solid var(--accent-deep)}.tg-h.beat{color:var(--text);font-weight:600}.tg-hand{align-self:center;font-size:.72rem;font-weight:700}.tg-c{background:var(--chip);border:1px solid #0000;border-radius:.35rem;min-height:1.9rem}.tg .step{justify-content:center;gap:0;width:auto;padding:0}.tg .step .d{font-size:.85rem}.tg-c.moved{box-shadow:inset 0 -3px 0 var(--accent-deep)}.adapted{color:var(--accent)}.todaycard{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;margin-bottom:1.2rem;padding:.9rem 1rem}.todaycard .thead{flex-wrap:wrap;align-items:baseline;gap:.7rem;display:flex}.todaycard .thead .tk{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.todaycard .thead .lvl{font-family:var(--serif);font-weight:400}.todaycard .thead .xp{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:.78rem}.xpbar{background:var(--surface2);border-radius:2px;height:4px;margin:.5rem 0 .7rem;overflow:hidden}.xpbar i{background:linear-gradient(90deg,var(--accent),var(--accent-deep));height:100%;display:block}.todaycard .welcome{margin:0 0 .6rem;font-weight:600}.todaycard .hero{text-align:left;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) var(--tint), var(--surface2)), var(--surface2));border:1px solid var(--accent-deep);border-radius:.7rem;align-items:center;gap:.9rem;width:100%;margin-bottom:.6rem;padding:.75rem 1rem;display:flex}.todaycard .hero .hk{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:600}.todaycard .hero .ht{font-family:var(--serif);font-size:1.05rem;font-weight:400}.todaycard .hero .ha{color:var(--accent);margin-left:auto;font-size:1.3rem}.todaycard .picks{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.todaycard .plantime .btn{min-height:44px}.todaycard .lp{margin:.2rem 0 0;font-size:.92rem}.todaycard .pick{text-align:left;background:var(--surface2);border:1px solid var(--line);border-radius:.6rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .7rem;display:flex}.todaycard .pick:hover{border-color:var(--accent-deep)}.todaycard .pick .pk{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.todaycard .pick .pn{font-weight:600}.flowq{flex-wrap:wrap;gap:.4rem;min-height:1.6rem;margin:.6rem 0;display:flex}.flowq .fq{background:var(--surface);border:1px solid var(--line);border-radius:.55rem;align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.88rem;display:flex}.flowq .fq b{font-weight:600}.flowq .fq .reps{color:var(--accent);font-family:var(--mono);font-size:.8rem}.flowq .fq button{color:var(--muted);background:0 0;border:0;padding:0 .1rem;font-size:.95rem}.flowq .fq button:hover{color:var(--bad)}.flowq .fq.na{opacity:.5;text-decoration:line-through}.flowq .empty{color:var(--muted);font-size:.85rem;font-style:italic}.pstatus{min-height:1.6em;font-size:.92rem}.pstatus .ok{color:var(--good)}.pstatus .no{color:var(--bad)}input[type=range]{accent-color:var(--accent);width:130px}.beatdots{gap:.5rem;margin:.4rem 0;display:flex}.beatdots i{background:var(--surface2);border:1px solid var(--line);border-radius:50%;width:.8rem;height:.8rem}.beatdots i.on{background:var(--accent);border-color:var(--accent)}.learn h3{color:var(--accent)}.learn ul{margin:.3rem 0 .8rem 1.2rem;padding:0}.learn li{margin:.25rem 0}.learn{max-width:34rem}.learn kbd{font-family:var(--mono);background:var(--chip);border:1px solid var(--line);border-radius:.3rem;padding:.05rem .35rem;font-size:.8em}.customed{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin-top:1rem;padding:1rem}.customed .grid{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.customed .cell{flex-direction:column;gap:.2rem;display:flex}.customed .cell span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.customed select{background:var(--chip);border:1px solid var(--line);font-family:var(--mono);border-radius:.45rem;padding:.3rem .4rem;font-size:.88rem}.module{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin:.7rem 0;padding:.9rem 1rem}.module .mhead{align-items:baseline;gap:.6rem;display:flex}.module .mhead h3{color:var(--text);margin:0}.module .mhead .sub{color:var(--muted);font-size:.85rem}.module .mhead .prog{font-family:var(--mono);color:var(--accent);margin-left:auto;font-size:.8rem}.lrow{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;align-items:center;gap:.7rem;width:100%;padding:.55rem .1rem;display:flex}.lrow:first-of-type{border-top:0}.lrow .lbl{font-family:var(--mono);color:var(--muted);min-width:2.4rem;font-size:.78rem}.lrow .lt{font-weight:600}.lrow .min{color:var(--muted);white-space:nowrap;font-size:.78rem}.lrow .stars{color:var(--accent);letter-spacing:.1em;white-space:nowrap;margin-left:auto;font-size:.85rem}.lrow.locked{opacity:.45;cursor:default}.lrow:not(.locked):hover .lt{color:var(--accent)}.expr{font-family:var(--serif);text-wrap:balance;min-height:2.2rem;margin:.8rem 0 .3rem;font-size:1.3rem}.expr b{color:var(--accent)}.exresult{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin:.8rem 0;padding:1rem}.exresult .big{letter-spacing:.15em;color:var(--accent);font-size:1.5rem}a.btn{text-decoration:none;display:inline-block}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:1.2rem;font-size:.82rem}footer .heart{color:var(--accent)}.beatline{color:var(--text);margin-bottom:.15rem;font-weight:600;display:block}.oib{background:var(--surface);border:1px solid var(--accent);color:var(--text);border-radius:.7rem;flex-direction:column;gap:.45rem;padding:.7rem .8rem;display:flex}.oib .row{flex-wrap:wrap;gap:.5rem;display:flex}.oib a.btn{text-decoration:none}[hidden]{display:none!important}.fork{z-index:100;background:var(--ground);justify-content:center;align-items:flex-start;padding:12vh 16px 2rem;display:flex;position:fixed;inset:0;overflow:auto}body.forkopen{overflow:hidden}.forkbox{flex-direction:column;gap:1rem;width:100%;max-width:440px;display:flex}.forkbox .brand strong{font-family:var(--serif);font-size:1.25rem;font-weight:400}.forkbox h2{font-family:var(--serif);margin:.4rem 0 1rem;font-size:1.7rem;line-height:1.2}.forkbtns{flex-direction:column;gap:.6rem;display:flex}.forkbtns .btn{text-align:center;padding:.85rem 1rem;font-size:1.05rem}.buyer{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin:1.2rem 0;padding:1rem}.buyer h3{margin:0 0 .2rem}.buyer a.btn{color:inherit}.forkscales{grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:1rem;display:grid}.forkscales .btn{text-align:left;padding:.6rem .7rem;font-size:.9rem}.forkscales .btn.more{grid-column:1/-1}.forkgroup{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.9rem 0 .4rem;font-size:.72rem}.forksearch{box-sizing:border-box;background:var(--chip);border:1px solid var(--line);width:100%;font:inherit;color:inherit;border-radius:.55rem;margin:.2rem 0 .3rem;padding:.6rem .7rem}#forkNotListed{width:100%;margin:.3rem 0 .8rem}.lrow.na .min{white-space:normal}.na-why{color:var(--muted)}#tryList{margin-bottom:1.2rem}.term{font:inherit;color:inherit;cursor:help;-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:.2em;background:0 0;border:0;padding:0}a{color:var(--accent)}details.more{margin-top:1rem}details.more>summary{cursor:pointer;color:var(--accent);padding:.6rem 0;font-weight:600}.starsoff{color:var(--muted)}.soundstop{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:110;font:inherit;border:1px solid var(--accent);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:999px;padding:.7rem 1.3rem;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 4px 18px #00000059}.soundstop[hidden]{display:none}body:has(.soundstop:not([hidden])){padding-bottom:5rem}.termtip{z-index:60;background:var(--surface2);max-width:16rem;color:var(--text);border:1px solid var(--accent-deep);border-radius:.6rem;padding:.5rem .7rem;font-size:.88rem;line-height:1.4;position:absolute;box-shadow:0 6px 20px #00000040}.todaycard .plantime{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.plan{flex-direction:column;gap:.5rem;display:flex}.plan ol{color:var(--muted);margin:0;padding-left:1.3rem;font-size:.9rem}.plan li.cur{color:var(--text);font-weight:600}.plan li.done{text-decoration:line-through}.plan .clock{font-family:var(--mono);color:var(--accent);font-size:1.6rem}.selfrep .btn{min-width:6rem}.selfdone{color:var(--accent);letter-spacing:0;font-size:.8rem;font-weight:600}.makerlabel{white-space:nowrap;margin-left:.5rem}.micstate{min-height:2.2rem;color:var(--accent);border-radius:.6rem;align-items:center;padding:0 .55rem;font-size:.85rem;font-weight:600;transition:background .15s;display:inline-flex}.micstate.hit{background:color-mix(in srgb, var(--accent) 18%, transparent)}.protag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid;border-radius:.4rem;padding:.05rem .35rem;font-size:.68rem;font-weight:700}.progate{z-index:120;background:color-mix(in srgb, var(--ground) 82%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.progate .card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;width:100%;max-width:26rem;padding:1.2rem}.progate form{flex-direction:column;gap:.7rem;display:flex}.progate input[type=email]{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:.6rem;padding:.6rem .8rem}.progate .tick{align-items:flex-start;gap:.5rem;font-size:.85rem;display:flex}.progate .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.setupbtn{min-height:44px;margin-left:auto;font-size:.88rem}@media (max-width:560px){header.top{flex-wrap:nowrap;padding:.6rem 16px}body:not(.visitor) .brand .sub{display:none}}body.visitor .owner-only,body.owner .visitor-only{display:none!important}.stage .lead{text-align:center;color:var(--muted);margin:0 16px}.after8{flex-direction:column;align-items:center;gap:.2rem;display:flex}body[data-tab]:not([data-tab=play]) .stage .lead,body[data-tab]:not([data-tab=play]) .after8,.after8[hidden]{display:none}.after8 .learnlink{margin:0}.after8 .learnlink a{min-height:44px;color:var(--accent);align-items:center;padding:0 .8rem;font-weight:600;text-decoration:none;display:inline-flex}.after8btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.after8btns .btn{min-height:44px}.after8btns .padsw{min-height:44px;padding:0 .4rem}.setup .setrow{background:var(--surface);border:1px solid var(--line);width:100%;min-height:48px;font:inherit;color:var(--text);text-align:left;cursor:pointer;border-radius:.7rem;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:.2rem .9rem;display:flex}.setup .setrow select{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:.5rem;max-width:60%;min-height:40px;padding:.35rem .5rem}.setup .grp{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .5rem;font-size:.75rem}.setup .metrorow{margin:-.2rem 0 .4rem}.setup .back{margin-bottom:.4rem}@media (min-width:841px){body.owner #setup[hidden]{display:block!important}body.owner #setupBack{display:none}.stage{align-self:start}.stage.stick{position:sticky;top:1rem}}.switch{appearance:none;background:var(--line);cursor:pointer;border-radius:16px;flex:none;width:52px;height:32px;margin:0;position:relative}.switch:checked{background:var(--accent)}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked:after{left:23px}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.basics{margin-top:1.6rem}details.basic{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;margin:0 0 8px}details.basic summary{cursor:pointer;align-items:center;min-height:44px;padding:0 .9rem;display:flex}details.basic p{margin:.2rem .9rem .6rem}.ownercard{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin:1.4rem 0;padding:.2rem 1rem .8rem}.ctlrow{grid-template-columns:1fr 1fr;gap:8px;margin:.6rem 0;display:grid}.ctlrow .btn{justify-content:center;min-height:44px;margin:0;padding-inline:.5rem}.ctlrow .slot{grid-column:1/-1}.btn[aria-pressed=true]:disabled{opacity:1;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.slotrow{z-index:25;margin:.6rem 0 0;position:sticky;top:.4rem}.slotrow .btn{justify-content:center;width:100%;min-height:44px}@media (max-width:840px){.slotrow{top:4.4rem}#setup,.tabpane h2,.tabpane h3{scroll-margin-top:4.6rem}}.handkey{margin:.4rem 0}.noteguide{min-height:44px;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:-.5rem;font-size:.85rem;display:flex}.noteguide[hidden]{display:none}.ng-n{border:1px solid var(--line);background:var(--surface);min-width:2.4rem;color:var(--text);border-radius:.55rem;justify-content:center;align-items:baseline;gap:2px;padding:.2rem .5rem;font-size:1rem;font-weight:600;display:inline-flex}.ng-n.now{border:2px solid var(--accent);min-width:3rem;font-size:1.3rem}.ng-n small{font-size:.7rem}.advrow[hidden]{display:none}.lessonlinks a,.ownercard a{align-items:center;min-height:44px;display:inline-flex}.progate .benefits{margin:.5rem 0 .9rem;padding:0;list-style:none}.progate .benefits li{margin:.35rem 0;padding-left:1.5rem;position:relative}.progate .benefits li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.progate .tiers{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:8px;margin:0 0 .9rem;display:grid}.progate .tier{border:1px solid var(--line);border-radius:.7rem;padding:.6rem .7rem;font-size:.88rem}.progate .tier.hi{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.progate .tierhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.progate .tier b{font-family:var(--serif);font-size:1.05rem;font-weight:400}.progate .tier p{margin:.25rem 0 0}@media (max-width:560px){.progate .tiers{grid-template-columns:1fr}}.progate .tick{min-height:44px}.progate .tick input{flex:none;width:24px;height:24px;margin:0}.progate .card{max-height:calc(100dvh - 32px);overflow:auto}.teambar{color:#fff;text-align:center;background:#5b3a1a;margin:0;padding:.35rem 16px;font-size:.8rem}.btn{border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);font-weight:600}.btn:hover{border-color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.ghost{background:0 0}.btn.primary,.btn.ghost.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.primary:hover{background:var(--accent);border-color:var(--accent)}.songcard,.todaycard,.module,.customed,.exresult,.buyer,.ownercard,details.basic,.setup .setrow,.steps,.tg,.progate .card,.oib{border-radius:var(--r-card);box-shadow:var(--lift);border-color:#0000}.songcard:hover,.todaycard .pick:hover{border-color:var(--accent)}.todaycard .hero{background:color-mix(in srgb, var(--accent) var(--tint), var(--surface));border-radius:var(--r-card);border-color:#0000}.todaycard .hero:hover{border-color:var(--accent)}.todaycard .pick{border-radius:var(--r-card)}.xpbar i{background:var(--accent)}.tabs{background:var(--surface2);border-radius:var(--r-pill);border:0}.tabs button{border-radius:var(--r-pill)}.tabs button[aria-selected=true]{background:var(--surface);box-shadow:var(--lift)}.soundstop{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.after8 .learnlink a{background:var(--ink);color:var(--on-ink);border-radius:var(--r-pill);margin-bottom:.5rem;padding:0 1.6rem}.after8btns .padsw{border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);align-items:center;gap:.5rem;padding:0 1.1rem;font-weight:600;display:inline-flex;position:relative}.after8btns .padsw input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.after8btns .padsw:before{content:"";background:var(--line-strong);border-radius:50%;width:.6rem;height:.6rem}.after8btns .padsw:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.after8btns .padsw:has(input:checked):before{background:var(--on-accent)}.after8btns .padsw:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}a.btn{color:var(--text)}a.btn.primary{color:var(--on-ink)}.after8btns{grid-template-columns:repeat(3,auto);justify-content:center;display:grid}.after8btns #firstLink{order:1;grid-column:1/-1;justify-self:center}.after8btns .btn,.after8btns .padsw{white-space:nowrap;justify-content:center;align-items:center;padding:0 .9rem;font-size:.92rem;display:inline-flex}