*,:after,:before{box-sizing:border-box;margin:0;padding:0}.sb-item,.sb-row,.song-hdr,.song-toggle,.stbtn,.tbtn,[role=button],a,button,input,select{touch-action:manipulation}@media (max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(to right,var(--orange) var(--range-pct,0),var(--border) var(--range-pct,0))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-9.5px;border-radius:50%;background:var(--orange);border:3px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3)}input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:var(--border)}input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:var(--orange)}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--orange);border:3px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--orange-lt),0 1px 4px rgba(0,0,0,.3)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--orange-lt),0 1px 4px rgba(0,0,0,.3)}:root{--orange:#b84b2a;--orange-lt:#fdf0e8;--orange-dk:#a64226;--orange-tx:#b84b2a;--teal:#2e6e72;--teal-lt:#5fb7ae;--dark:#1c1c2e;--mid:#6b6b7e;--muted:#6e6e7c;--surface:#faf4eb;--white:#fff;--border:#e8dfd0;--radius:14px;--radius-sm:9px;--font:"Outfit",system-ui,sans-serif;--mono:"Space Mono",monospace}.cc-play-area,.cv-stage,.et-stage,.fs-stage,.gw-stage,.hl-stage,.mb-stage,.rb-stage,.st-viz-wrap{--mid:#a8a8b8;--muted:#9393a3;--orange-tx:#dc6a45}html{scrollbar-gutter:stable}body,html{overflow-x:clip}body{font-family:var(--font);background:var(--surface);color:var(--dark);min-height:100vh;max-width:100%;-webkit-font-smoothing:antialiased}.hdr{background:var(--white);border-bottom:1px solid var(--border);padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hdr-in{max-width:960px;margin:0 auto;height:58px;gap:13px}.hdr-in,.logo{display:flex;align-items:center}.logo{flex-shrink:0;border-radius:50%;justify-content:center;overflow:hidden}.logo,.logo img{width:40px;height:40px}.logo img{object-fit:contain;display:block}.logo-home{background:none;border:none;padding:0;cursor:pointer;line-height:0;transition:opacity .12s}.logo-home:hover{opacity:.78}.hdr-title{font-size:15px;font-weight:600;flex:1 1;line-height:1.3}.hdr-sub{font-size:11px;color:var(--muted);font-weight:400}.mode-pill{font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;cursor:pointer;border:none;font-family:var(--font);letter-spacing:.3px;text-transform:uppercase}.mode-pill.teacher{background:var(--orange-lt);color:var(--orange-tx)}.mode-pill.parent{background:#eaf3de;color:#27500a;cursor:default}.main{max-width:960px;margin:0 auto;padding:24px 16px 48px}.layout{display:flex;gap:16px;align-items:flex-start}.content{flex:1 1;min-width:0}.sidebar{width:210px;flex-shrink:0;background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;align-self:flex-start;position:-webkit-sticky;position:sticky;top:74px;max-height:calc(100vh - 90px);overflow-y:auto}.sb-head{padding:10px 12px;border-bottom:1px solid var(--border)}.sb-search{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);outline:none;color:var(--dark);background:var(--surface)}.sb-search:focus{border-color:var(--orange)}.sb-group-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:8px 12px 4px;display:block}.sb-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;transition:background .1s;border:none;background:none;width:100%;text-align:left;font-family:var(--font)}.sb-item:hover{background:var(--surface)}.sb-item.active{background:var(--orange-lt)}.sb-iname{font-size:13px;font-weight:500;color:var(--dark)}.sb-item.active .sb-iname{color:var(--orange-tx)}.sb-pts{font-family:var(--mono)}.sb-pts,.sb-seen{font-size:11px;color:var(--muted)}.sb-seen{font-style:italic}.sb-item.active .sb-pts{color:var(--orange-tx);opacity:.7}.sb-row{display:flex;align-items:center}.sb-row .sb-item{flex:1 1;border-radius:0}.sb-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:0 10px 0 4px;opacity:0;transition:opacity .15s;flex-shrink:0;line-height:1}.sb-row:hover .sb-del{opacity:.5}.sb-del:hover{opacity:1!important;color:#e24b4a}.sb-add{display:block;width:100%;padding:10px 12px;text-align:center;font-size:12px;color:var(--muted);cursor:pointer;border:none;background:none;font-family:var(--font);border-top:1px solid var(--border);transition:background .1s}.sb-add:hover{background:var(--surface);color:var(--orange-tx)}.sb-data-tools{border-top:1px solid var(--border);padding:8px;display:flex;gap:6px}.sb-data-btn{flex:1 1;padding:6px 4px;font-size:11px;color:var(--muted);cursor:pointer;border:1px solid var(--border);border-radius:6px;background:none;font-family:var(--font);transition:all .15s;text-align:center}.sb-data-btn:hover{border-color:var(--orange);color:var(--orange-tx);background:var(--orange-lt)}.stu-card{gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:16px 18px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border)}.avatar,.stu-card{display:flex;align-items:center}.avatar{width:46px;height:46px;border-radius:50%;background:var(--orange-lt);color:var(--orange-tx);justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.stu-info{flex:1 1 180px;min-width:0}.stu-name{font-size:18px;font-weight:600;color:var(--dark)}.stu-name,.stu-sub{border:none;outline:none;background:transparent;font-family:var(--font);width:100%}.stu-sub{font-size:12px;color:var(--mid);margin-top:2px}.stu-notes{resize:none;overflow:hidden;line-height:1.45;display:block;padding:0}.stu-notes-read{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.sel-grp{margin-top:3px;font-size:12px;border:none;outline:none;background:transparent;font-family:var(--font);color:var(--muted);cursor:pointer}.score-hdr{text-align:right;flex-shrink:0}.score-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--dark);line-height:1}.score-lbl{font-size:10px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.sbtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.sbtab{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--mid);font-family:var(--font);transition:all .15s}.sbtab:hover{border-color:var(--orange);color:var(--orange-tx)}.sbtab.active{background:var(--orange);border-color:var(--orange);color:#fff}.sbtab.done{border-style:dashed;opacity:.6}.sbtab.done.active{opacity:1}.sbtab-add{padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;border:1.5px dashed var(--border);background:transparent;color:var(--muted);font-family:var(--font);transition:all .15s}.sbtab-add:hover{border-color:var(--orange);color:var(--orange-tx)}.sbtab-wrap{display:flex;align-items:center;gap:2px}.sbtab-arrow{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 3px;border-radius:4px;flex-shrink:0;transition:background .1s}.sbtab-arrow:disabled{opacity:.2;cursor:default}.sbtab-arrow:not(:disabled):hover{background:var(--border);color:var(--dark)}.sb-meta{display:flex;gap:16px;align-items:center;padding:12px 16px;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:16px;flex-wrap:wrap}.sbm-item{display:flex;flex-direction:column;gap:3px}.sbm-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.sbm-val{font-weight:500}.date-in,.sbm-val{font-size:13px;color:var(--dark)}.date-in{border:1px solid var(--border);border-radius:6px;padding:3px 7px;outline:none;font-family:var(--font);background:var(--white);cursor:pointer}.date-in:focus{border-color:var(--orange)}.sb-name-in{width:130px}.sb-name-in,.sb-name-sel{font-size:14px;font-weight:600;border:none;border-bottom:1px solid var(--border);outline:none;background:transparent;font-family:var(--font);color:var(--dark);padding:1px 0}.sb-name-sel{max-width:220px;cursor:pointer}.sb-name-pickwrap{display:inline-flex;align-items:baseline;gap:8px}.sb-name-toggle{background:none;border:none;padding:0;font-family:var(--font);font-size:11px;font-weight:600;color:var(--orange-tx);cursor:pointer}.sb-name-static{gap:8px}.sb-name-static,.sb-rename-wrap{display:inline-flex;align-items:center}.sb-rename-wrap{gap:6px;flex-wrap:wrap}.sb-rename-btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--muted);background:none;border:none;border-radius:6px;padding:2px 5px;cursor:pointer}.sb-rename-btn:hover{color:var(--orange-tx);background:var(--orange-lt)}.sbtabs-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.sb-rename-save{font-family:var(--font);font-size:11px;font-weight:700;color:#fff;background:var(--orange);border:none;border-radius:6px;padding:3px 11px;cursor:pointer}.sb-rename-save:hover{background:var(--orange-dk)}.sb-rename-cancel{font-family:var(--font);font-size:11px;font-weight:600;color:var(--mid);background:none;border:none;padding:3px 6px;cursor:pointer}.sb-rename-cancel:hover{color:var(--dark);text-decoration:underline}.weeks-pill{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;background:var(--orange-lt);color:var(--orange-tx);white-space:nowrap}.sbm-del{margin-left:auto;background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;font-family:var(--font)}.sbm-del:hover{color:#e24b4a}.song-sort{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:8px}.song-sort label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.song-sort select{font-family:var(--font);font-size:12px;font-weight:600;color:var(--mid);background:var(--white);border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer}.song-sort select:focus{outline:none;border-color:var(--orange)}.song{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:10px;overflow:hidden}.song-hdr{display:flex;align-items:stretch;gap:10px;padding:4px 4px 4px 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:52px}.song-num{font-family:var(--mono);font-size:11px;color:var(--muted);width:20px;flex-shrink:0;align-self:center}.song-hdr-body{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 0}.song-title{font-size:15px;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (min-width:520px){.song-hdr-body{flex-direction:row;align-items:center;gap:10px;padding:0}.song-title{flex:1 1}}.song-title-edit{padding:10px 15px 0}.song-title-input{width:100%;font-size:15px;font-weight:600;border:none;border-bottom:1px solid var(--border);outline:none;background:transparent;font-family:var(--font);color:var(--dark);padding-bottom:6px}.song-pts{font-family:var(--mono);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.song-sec-count{color:var(--muted)}.song-sec-count,.song-weeks{font-size:11px;white-space:nowrap}.song-weeks{font-weight:600;color:var(--mid);background:var(--surface);border:1px solid var(--border);padding:1px 8px;border-radius:20px}.song-toggle{display:flex;align-items:center;justify-content:center;min-width:48px;align-self:stretch;background:none;border:none;border-left:1px solid var(--border);font-size:11px;color:var(--muted);cursor:pointer;transition:background .1s;flex-shrink:0;margin-left:6px}.song-toggle:hover{background:var(--surface);color:var(--dark)}.song-last-attempted{font-size:11px;color:var(--muted);padding:2px 15px 6px;font-style:italic}.song-del-row{padding:6px 15px 12px;display:flex;justify-content:flex-end;gap:12px;position:relative}.song-del-btn{background:none;border:none;font-size:12px;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px;opacity:.5}.song-del-btn:hover{opacity:1;color:#c0392b;background:#fdf0ef}.song-dots{background:none;border:1px solid var(--border);border-radius:10px;color:var(--mid);cursor:pointer;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap;margin-right:6px;opacity:.6}@media (hover:hover){.song-dots{opacity:0;transition:opacity .15s}.song:hover .song-dots{opacity:.7}.song-dots:hover{opacity:1!important;background:var(--surface)}}.song-dots-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);min-width:140px;z-index:50;overflow:hidden}.song-dots-label{font-size:11px;font-weight:600;color:var(--muted);padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.5px}.song-dots-opt{display:block;width:100%;background:none;border:none;text-align:left;padding:8px 12px;font-size:13px;color:var(--dark);cursor:pointer;font-family:var(--font)}.song-dots-opt:hover{background:var(--surface)}.sec{padding:13px 15px}.sec-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.sec-name{font-size:13px;font-weight:600;border:none;outline:none;background:transparent;font-family:var(--font);color:var(--dark);min-width:70px}.sec-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px}.sec-chip{font-family:var(--font);font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:var(--white);color:var(--mid);cursor:pointer;line-height:1.25;white-space:nowrap;transition:all .1s}.sec-chip:active,.sec-chip:hover{border-color:var(--orange);color:var(--orange-tx);background:var(--orange-lt)}.rt-overlay{position:fixed;inset:0;z-index:1000;background:rgba(28,28,46,.55);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.rt-modal{width:100%;max-width:560px;border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:var(--font);color:var(--dark)}.rt-chip,.rt-modal{background:var(--white)}.rt-chip{font-size:13px;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid var(--border);color:var(--mid);cursor:pointer;transition:all .12s}.rt-chip.on{border-color:var(--orange);background:var(--orange-lt);color:var(--orange-tx)}.rt-btn{font-size:13px;font-weight:600;padding:7px 16px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--dark);cursor:pointer}.rt-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.rt-btn:disabled{opacity:.5;cursor:default}.rt-seg{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;border:1px solid var(--border);background:var(--white);transition:all .15s}.rt-seg.active{border-color:var(--orange);background:var(--orange-lt)}.rt-seg.done{opacity:.5}.rt-swap{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--white);color:var(--mid);cursor:pointer;margin-left:8px}.rt-swap:hover{border-color:var(--orange);color:var(--orange-tx);background:var(--orange-lt)}@keyframes rtpulse{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}.rt-bar{position:fixed;top:0;left:0;right:0;z-index:500;height:44px;background:var(--dark);color:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.rt-bar-title{flex:1 1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-bar-time{font-size:18px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rt-bar-btn{background:hsla(0,0%,100%,.14);border:none;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;line-height:1}.rt-bar-btn:hover{background:hsla(0,0%,100%,.24)}.rt-bar-prog{position:absolute;left:0;bottom:0;height:3px;background:var(--orange)}.rt-bar-plan{position:fixed;top:50px;right:12px;width:min(560px,calc(100vw - 24px));max-height:65vh;overflow-y:auto;z-index:499;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:12px}html.rt-running body{padding-top:44px}html.rt-running .hdr{top:44px}.trow{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.tbtn{padding:2px 7px;border-radius:6px;font-family:var(--mono);font-weight:700;cursor:pointer;border:1px solid var(--border);background:transparent;transition:all .1s}.tbtn,.tlabel{font-size:11px;color:var(--mid)}.tlabel{margin-left:3px}.sec-score{margin-left:auto;font-family:var(--mono);font-size:21px;font-weight:700;flex-shrink:0;line-height:1}.sec-pts{font-size:11px;opacity:.6}.sec-del{background:none;border:none;color:var(--mid);cursor:pointer;font-size:14px;opacity:.3;transition:opacity .15s;flex-shrink:0}@media (hover:hover){.sec:hover .sec-del{opacity:.4}.sec-del:hover{opacity:1!important}}.fm-row{display:flex;align-items:center;gap:8px;margin:6px 0 4px}.fm-label{font-weight:600;white-space:nowrap}.fm-label,.fm-toggle{font-size:11px;color:var(--muted)}.fm-toggle{padding:2px 10px;border-radius:20px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:transparent;transition:all .1s}.fm-toggle.active{background:#e1f5ee;color:#085041;border-color:#9fe1cb}.fm-bonus{font-size:11px;color:#1d9e75;font-weight:600;font-family:var(--mono)}.stages{display:flex;gap:3px;flex-wrap:wrap}.stbtn{padding:4px 9px;border-radius:6px;font-family:var(--mono);font-size:11px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--mid);transition:all .1s;min-width:38px;text-align:center}.skills-in{color:var(--mid);border:none;outline:none;background:transparent;border-bottom:1px solid var(--border);padding:5px 0;margin-top:8px}.add-sec-btn,.skills-in{width:100%;font-size:12px;font-family:var(--font)}.add-sec-btn{display:block;padding:10px;text-align:center;color:var(--muted);cursor:pointer;border:none;background:none;border-top:1px solid var(--border);transition:background .1s}.add-sec-btn:hover{background:var(--surface)}.add-song{width:100%;padding:14px;border:1.5px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);font-size:14px;cursor:pointer;font-family:var(--font);transition:all .15s;margin-top:4px}.add-song:hover{border-color:var(--orange);color:var(--orange-tx);background:var(--orange-lt)}.share-row{display:flex;align-items:center;gap:10px;margin-top:18px;padding:11px 15px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface)}.share-url{flex:1 1;font-family:var(--mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dark)}.copy-btn{padding:6px 13px;border-radius:6px;font-size:12px;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--dark);flex-shrink:0;transition:all .15s;font-weight:500}.copy-btn:hover{background:var(--orange-dk);border-color:var(--orange-dk);color:#fff}.copy-btn.ok{background:#1d9e75;border-color:#1d9e75;color:#fff}.overlay{position:fixed;inset:0;background:rgba(28,28,46,.65);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--white);border-radius:var(--radius);padding:36px 32px;max-width:360px}.modal,.pin-in{width:100%;text-align:center}.pin-in{padding:13px 16px;font-size:26px;font-family:var(--mono);border:1.5px solid var(--border);border-radius:var(--radius-sm);letter-spacing:8px;outline:none;margin-bottom:13px;color:var(--dark);transition:border-color .15s}.pin-in:focus{border-color:var(--orange)}.pin-in.err{border-color:#e24b4a;animation:shake .3s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.pin-go{width:100%;padding:13px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer}.pin-go:hover{background:var(--orange-dk)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;gap:16px;color:var(--mid);font-size:14px}.spin{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.guide{margin-top:24px;padding:20px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border)}.guide-h{font-size:14px;font-weight:600;margin-bottom:10px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.guide-band{padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.t-guide{display:flex;align-items:baseline;gap:10px;margin-bottom:7px;font-size:13px}.fb-panel{padding:10px 15px 12px;border-bottom:1px solid var(--border)}.fb-panel-label{display:block;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.fb-chips{display:flex;flex-wrap:wrap;gap:6px}.fb-chip{padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:var(--white);color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.fb-chip:hover{border-color:var(--mid);color:var(--dark)}.fb-chip.fb-pos{background:#e1f5ee;color:#085041;border-color:#9fe1cb}.fb-chip.fb-neg{background:#fef0e6;color:#c2510a;border-color:#f5a05a}.fb-summary{padding:10px 15px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.fb-sum-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fb-sum-lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.fb-sum-chip{border-radius:20px;background:#e1f5ee;color:#085041;border:1px solid #9fe1cb}.fb-sum-chip,.fb-sum-count{padding:2px 9px;font-size:12px;font-weight:600}.fb-sum-count{border-radius:20px;background:var(--surface);color:var(--mid);border:1px solid var(--border)}.tool-nav{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}.tool-nav::-webkit-scrollbar{display:none}.tool-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:var(--font);border-radius:0;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap;flex:0 0 auto}.tool-tab:hover{color:var(--dark)}.tool-tab.active{color:var(--orange-tx);border-bottom-color:var(--orange)}.tool-tab-external{text-decoration:none;margin-left:4px;padding-left:16px;border-left:1px solid var(--border);display:inline-flex;align-items:center;gap:4px}.tool-tab-external,.tool-tab-external:hover{color:var(--orange-tx)}.hubnav{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border)}.hubnav-tab{position:relative;background:none;border:none;border-bottom:2px solid transparent;padding:9px 18px;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer;font-family:var(--font);margin-bottom:-1px;transition:color .15s,border-color .15s}.hubnav-dot{position:absolute;top:6px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--orange)}.hubnav-tab:hover{color:var(--dark)}.hubnav-tab.active{color:var(--orange-tx);border-bottom-color:var(--orange)}.hubnav-sched{margin-left:auto;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.hubnav-sched,.hubnav-sched:hover{color:var(--orange-tx);border-bottom-color:transparent}.hub{display:flex;flex-direction:column;gap:22px;padding:6px 0 8px}.hub-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:10px}.hub-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.hub-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--white);cursor:pointer;font-family:var(--font);text-align:left;text-decoration:none;transition:border-color .15s,background .15s,transform .05s;position:relative}.hub-tile:hover:not(:disabled){border-color:var(--orange);background:var(--orange-lt)}.hub-tile:active:not(:disabled){transform:translateY(1px)}.hub-tile .ti{font-size:26px;color:var(--orange-tx)}.hub-tile-label{font-size:14px;font-weight:600;color:var(--dark)}.hub-tile.soon{cursor:default;opacity:.6}.hub-tile.soon .ti{color:var(--muted)}.hub-tile-soon{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:5px}.hub-tile-new,.hub-tile-soon{position:absolute;top:10px;right:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px}.hub-tile-new{color:var(--white);background:var(--orange);border:1px solid var(--orange-dk);border-radius:5px}.hub-tile-beta{position:absolute;top:10px;right:10px;font-size:9px;border:1px solid var(--mid);padding:2px 6px}.hub-tile-beta,.st-title-beta{font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white);background:var(--mid);border-radius:5px}.st-title-beta{display:inline-block;vertical-align:middle;margin-left:10px;font-size:11px;padding:3px 8px}.hub-back,.hub-tile-ext .ti{color:var(--orange-tx)}.hub-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:8px}.hub-back:hover{color:var(--orange-tx)}.fretboard-theory-frame{width:100%;border:0;display:block;height:520px}.tool-frame{width:100%;border:0;display:block;height:600px}.tool-nav-wrap{position:relative}.tool-nav-arrow{position:absolute;top:0;bottom:1px;z-index:2;width:30px;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--orange-tx);font-family:var(--font)}.tool-nav-arrow-left{left:0;background:linear-gradient(to right,var(--white) 55%,hsla(0,0%,100%,0));padding-right:8px}.tool-nav-arrow-right{right:0;background:linear-gradient(to left,var(--white) 55%,hsla(0,0%,100%,0));padding-left:8px}.tool-nav-wrap.can-left .tool-nav-arrow-left,.tool-nav-wrap.can-right .tool-nav-arrow-right{display:flex}.mobile-toolbar,.mobile-toolbar-spacer,.mtools-backdrop,.mtools-sheet{display:none}@media (max-width:640px){.tool-tab{padding:8px 12px}.hubnav,.tool-nav-wrap{display:none}.mobile-toolbar-spacer{display:block;height:66px}.mobile-toolbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--white);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);transition:transform .22s ease}.mobile-toolbar.off{transform:translateY(110%)}.mtb-btn{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;font-family:var(--font);cursor:pointer;padding:8px 0 9px;color:var(--mid);transition:color .12s;text-decoration:none}.mtb-dot{position:absolute;top:6px;right:calc(50% - 20px);width:7px;height:7px;border-radius:50%;background:var(--orange)}.mtb-btn .ti{font-size:22px;line-height:1}.mtb-btn .mtb-quaver{width:22px;height:22px;display:block}.mtb-btn span{font-size:11px;font-weight:500}.mtb-btn.active{color:var(--orange-tx)}.mtools-backdrop{display:block;position:fixed;inset:0;z-index:59;background:rgba(28,28,46,.35)}.mtools-sheet{display:block;position:fixed;left:0;right:0;bottom:53px;z-index:61;background:var(--white);border-top:1px solid var(--border);border-radius:14px 14px 0 0;padding:8px 10px calc(10px + env(safe-area-inset-bottom));transform:translateY(130%);transition:transform .24s ease}.mtools-sheet.open{transform:translateY(0)}.mtools-grab{width:36px;height:4px;background:var(--border);border-radius:3px;margin:2px auto 10px}.mtools-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;font-family:var(--font);font-size:15px;color:var(--dark);padding:11px 10px;border-radius:9px;cursor:pointer;text-align:left}.mtools-item .ti{font-size:21px;line-height:1;color:var(--mid)}.mtools-item.active{background:var(--orange-lt)}.mtools-item-external,.mtools-item.active,.mtools-item.active .ti{color:var(--orange-tx)}.mtools-item-external{text-decoration:none;font-weight:600;border-top:1px solid var(--border);margin-top:6px;padding-top:15px}.mtools-item-external .ti{color:var(--orange-tx)}}.et-wrap{padding:4px 0 16px}.et-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.et-subtitle{margin:0 0 20px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600}.et-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.et-btn{font-family:var(--font);font-size:14px;font-weight:500;border-radius:9px;padding:10px 16px;cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--dark);transition:background .12s,border-color .12s}.et-btn:hover:not(:disabled){background:var(--orange-lt);border-color:var(--orange-lt)}.et-btn:disabled{opacity:.45;cursor:not-allowed}.et-primary{background:var(--orange);color:var(--white);border-color:var(--orange)}.et-primary:hover:not(:disabled){background:var(--orange-dk);border-color:var(--orange-dk)}.et-cta-pulse{background:var(--orange);color:var(--white);border-color:var(--orange);animation:et-pulse 1.3s ease-out infinite}.et-cta-pulse:hover{background:var(--orange-dk);border-color:var(--orange-dk)}@keyframes et-pulse{0%{outline:2px solid rgba(232,98,10,.55);outline-offset:0}to{outline:2px solid rgba(232,98,10,0);outline-offset:10px}}.et-status-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;min-height:32px}.et-pill{display:inline-flex;align-items:center;background:var(--orange-lt);color:var(--orange-tx);border-radius:9px;padding:5px 10px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.et-message{font-size:13px;font-weight:500;flex:1 1 auto;min-width:200px}.et-score{font-family:var(--mono);font-size:12px;color:var(--mid);margin-left:auto;text-align:right;white-space:nowrap;line-height:1.35}.et-score-main{color:var(--orange-tx);font-weight:700;font-size:14px}.et-score-sub{color:var(--mid)}.et-stage{background:var(--dark);border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:center;transition:filter .25s ease,background .25s ease}.et-stage.locked{background:#14141f}.et-stage-row{display:flex;align-items:stretch;gap:8px;width:100%;justify-content:center}.et-fb-wrap{width:100%;max-width:360px}.et-fretboard{width:100%;height:auto;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .25s ease}.et-fretboard.locked{filter:blur(2.5px) saturate(.6)}.et-hit{fill:transparent;cursor:pointer}.et-hit:hover{fill:rgba(232,98,10,.12)}.et-axis-y{white-space:nowrap;line-height:1;flex-direction:column;padding:38px 0 50px}.et-axis-x,.et-axis-y{color:#8488a0;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;display:flex;justify-content:space-between}.et-axis-x{width:100%;max-width:360px;padding:0 4px 10px}.et-hint{margin-top:14px;font-size:12px;color:var(--muted);text-align:center;line-height:1.45}.et-comp-row{display:flex;gap:12px;align-items:center;justify-content:center;margin:0 0 12px;padding:10px;background:var(--orange-lt);border-radius:10px}.et-comp-pill{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;border:2px solid transparent;background:var(--white);color:var(--mid);transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.et-comp-yours.on{background:#dc2626;color:#fff;border-color:#dc2626;transform:scale(1.08);box-shadow:0 2px 8px rgba(220,38,38,.35)}.et-comp-target.on{background:var(--orange);color:#fff;border-color:var(--orange);transform:scale(1.08);box-shadow:0 2px 8px rgba(232,98,10,.35)}.et-comp-vs{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.af-wrap{margin-bottom:12px}.af-wrap,.sv-bottom-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sv-bottom-card{margin-top:24px}.sv-bottom-card .af-wrap{border:none;border-bottom:1px solid var(--border);border-radius:0;margin:0;background:transparent}.sv-bottom-card .guide{border:none;border-radius:0;margin:0;background:transparent;padding:12px 14px 14px}.sv-bottom-card .af-toggle{padding:8px 14px}.af-toggle,.sv-bottom-card .af-toggle-chev{color:var(--mid)}.af-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit}.af-toggle:hover{background:var(--surface)}.af-toggle-label{display:inline-flex;gap:6px;align-items:baseline}.af-toggle-count{color:var(--muted);font-weight:500;font-size:12px}.af-loading,.af-toggle-chev{font-size:11px;color:var(--muted)}.af-loading{font-style:italic;padding:0 14px 6px}.af-list{list-style:none;margin:0;padding:0 14px 8px}.af-item{padding:7px 0;border-top:1px solid #f1f1f4}.af-item:first-child{border-top:none}.af-line1{font-size:13px;color:var(--dark);font-weight:500}.af-song{font-weight:600}.af-section{color:var(--mid)}.af-line2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:1px;font-size:12px}.af-change{color:var(--orange-tx);font-family:Space Mono,monospace;font-weight:700;font-size:11.5px}.af-label{font-weight:600;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;margin-right:2px}.af-label,.af-prev{color:var(--mid)}.af-new{color:var(--orange-tx)}.af-meta{color:var(--muted);font-size:11px;display:flex;gap:6px;align-items:baseline;white-space:nowrap}.af-when{font-family:Space Mono,monospace}.af-sep{color:var(--muted);margin:0 4px}.af-more{margin:4px 10px 10px;padding:6px 10px;background:none;border:none;color:var(--orange-tx);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.af-more:hover{text-decoration:underline}.af-item-tool{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.af-tool-line{font-size:13px;color:var(--dark)}.af-tool-line strong{color:var(--orange-tx);font-weight:600}.af-tool-icon{margin-right:6px}.af-rhythm-score.af-rhythm-great{color:#22a86b}.af-rhythm-score.af-rhythm-good{color:var(--orange-tx)}.af-rhythm-score.af-rhythm-ok{color:#c2510a}.af-rhythm-score.af-rhythm-low{color:#c92a2a}.af-rhythm-config{color:var(--muted);font-family:Space Mono,monospace;font-size:11px}.cv-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px}.cv-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.cv-subtitle{margin:0 0 18px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:500}.cv-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.cv-label{font-size:11px;color:var(--mid)}.cv-label,.cv-sub-label{text-transform:uppercase;letter-spacing:.8px;margin-right:2px;font-weight:600}.cv-sub-label{font-size:10px;color:var(--muted)}.cv-chord-picker{display:flex;flex-wrap:wrap;gap:4px}.cv-chord-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:6px 10px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;min-width:38px;transition:background .12s,border-color .12s,color .12s}.cv-chord-btn:hover{background:var(--orange-lt);border-color:var(--orange-lt)}.cv-chord-btn.cv-sel-a{background:var(--orange);border-color:var(--orange);color:var(--white)}.cv-chord-btn.cv-sel-b{background:var(--teal);border-color:var(--teal);color:var(--white)}.cv-swap-row{justify-content:flex-end;margin-top:-6px;margin-bottom:12px}.cv-swap-btn{background:var(--surface);border:1px solid var(--border);color:var(--mid);padding:7px 11px;border-radius:9px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.cv-swap-btn:hover{background:var(--orange-lt);color:var(--dark)}.cv-seq{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cv-seq-chip{display:inline-flex;align-items:stretch;background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .12s,box-shadow .12s}.cv-seq-chip.active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.cv-seq-chip-name{background:transparent;border:0;color:var(--dark);font-family:inherit;font-size:14px;font-weight:600;padding:6px 11px;cursor:pointer}.cv-seq-chip.active .cv-seq-chip-name{color:var(--orange-tx)}.cv-seq-chip-x{background:transparent;border:0;border-left:1px solid var(--border);color:var(--muted);font-size:15px;line-height:1;padding:4px 9px;cursor:pointer;font-family:inherit;transition:color .12s,background .12s}.cv-seq-chip-x:hover{color:#b84b2a;background:var(--orange-lt)}.cv-seq-add{background:var(--surface);border:1px dashed var(--border);color:var(--mid);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s,color .12s,border-color .12s}.cv-seq-add:hover{background:var(--orange-lt);color:var(--dark);border-color:var(--orange-lt)}.cv-saved{margin-bottom:14px}.cv-saved-head{flex-wrap:wrap;gap:10px}.cv-saved-head,.cv-saved-save{display:flex;align-items:center}.cv-saved-save{gap:6px;flex:1 1;min-width:180px}.cv-saved-input{flex:1 1;min-width:120px;background:var(--white);border:1px solid var(--border);border-radius:9px;padding:6px 10px;font-size:13px;font-family:inherit;color:var(--dark)}.cv-saved-input:focus{outline:none;border-color:var(--orange)}.cv-saved-savebtn{background:var(--orange);border:1px solid var(--orange);color:var(--white);border-radius:9px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .12s}.cv-saved-savebtn:disabled{opacity:.45;cursor:default}.cv-saved-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cv-saved-chip{display:inline-flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cv-saved-load{background:transparent;border:0;color:var(--dark);font-family:inherit;font-size:13px;font-weight:600;padding:6px 11px;cursor:pointer;transition:background .12s}.cv-saved-load:hover{background:var(--orange-lt)}.cv-saved-x{background:transparent;border:0;border-left:1px solid var(--border);color:var(--muted);font-size:15px;line-height:1;padding:4px 9px;cursor:pointer;font-family:inherit;transition:color .12s,background .12s}.cv-saved-x:hover{color:#b84b2a;background:var(--orange-lt)}.cv-saved-note{margin-top:6px;font-size:12px;color:var(--mid)}.cv-variant-row{margin-top:-6px;margin-bottom:12px}.cv-variant-ph{visibility:hidden;min-height:28px}.cv-variant-picker{display:flex;flex-wrap:wrap;gap:4px}.cv-variant-btn{background:var(--white);border:1px solid var(--border);color:var(--mid);padding:4px 10px;border-radius:9px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,color .12s}.cv-variant-btn:hover{background:var(--orange-lt);color:var(--dark)}.cv-variant-btn.cv-sel-a{background:var(--orange);border-color:var(--orange);color:var(--white)}.cv-variant-btn.cv-sel-b{background:var(--teal);border-color:var(--teal);color:var(--white)}.cv-stage{background:var(--dark);border-radius:14px;padding:18px 12px 8px;margin-bottom:16px;flex-direction:column}.cv-stage,.cv-stage-header{display:flex;align-items:center}.cv-stage-header{justify-content:center;gap:16px;font-size:30px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;min-height:38px}.cv-chord-name{transition:color .2s,opacity .2s}.cv-stage-header .cv-chord-name{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cv-stage-header .cv-chord-name:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.cv-chord-a{color:var(--orange-tx)}.cv-chord-b{color:var(--teal-lt)}.cv-arrow{color:var(--mid);font-size:22px}.cv-fb-wrap{width:100%;max-width:360px;margin:0 auto;position:relative}.cv-lh-badge{position:absolute;top:8px;right:8px;z-index:2;pointer-events:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:#b84b2a;padding:3px 9px;border-radius:6px}.cv-fretboard{height:auto}.cv-canvas3d,.cv-fretboard{display:block;width:100%}.cv-static-pair{display:flex;justify-content:center;align-items:flex-start;gap:18px;flex-wrap:wrap;padding:8px 0 4px}.cv-static-one{text-align:center}.cv-static-one .cv-chord-name{margin-top:4px;display:inline-block}.cv-beats{display:flex;align-items:flex-end;gap:8px;margin-top:8px;margin-bottom:4px}.cv-beat-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cv-beat-label{font-size:11px;font-weight:600;letter-spacing:.3px;line-height:1.15;max-width:80px}.cv-beat-group.chord-x .cv-beat-label{color:var(--orange-tx)}.cv-beat-group.chord-y .cv-beat-label{color:var(--teal-lt)}.cv-countin{display:flex;align-items:center;justify-content:center;gap:12px;min-height:15px;opacity:0;transition:opacity .15s}.cv-countin.show{opacity:1}.cv-countin-label{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange-tx)}.cv-countin-pips{display:flex;align-items:center;gap:8px}.cv-countin-pip{width:10px;height:10px;border-radius:50%;background:#3a3e4d;transition:background .08s}.cv-countin-pip.accent{width:13px;height:13px}.cv-countin-pip.on{background:var(--orange)}@media (min-width:681px) and (orientation:landscape) and (max-height:1030px){html.rt-running .cv-fb-wrap{max-width:300px}html.rt-running .cv-stage{padding:8px 12px 4px;margin-bottom:8px}html.rt-running .cv-stage-header{min-height:34px;margin-bottom:2px}html.rt-running .cv-beats{margin-top:4px;margin-bottom:2px}}.cv-beat-pips{display:flex;align-items:center;gap:8px}.cv-pip{width:11px;height:11px;border-radius:50%;background:#3a3e4d;box-sizing:border-box;border:1.5px solid transparent;transition:background .08s,transform .08s,border-color .08s}.cv-pip.downbeat{width:16px;height:16px}.cv-pip.change-beat{background:transparent;border-color:#5a606e}.cv-pip.on{background:var(--white);transform:scale(1.25)}.cv-pip.change-beat.on{background:transparent;border-color:var(--white)}.cv-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 20px;gap:14px 20px;margin-bottom:16px}.cv-control{display:flex;flex-direction:column;gap:6px}.cv-ctrl-row{display:flex;align-items:center;gap:10px}.cv-readout{font-family:var(--mono);font-size:13px;color:var(--dark);min-width:56px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cv-capo-banner{margin:-6px 0 14px;font-size:13px;color:var(--mid);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cv-capo-banner b{color:var(--orange-tx);font-size:15px}.cv-capo-banner span{font-size:11.5px;color:var(--muted)}.cv-seg-capo button{padding:6px 9px;font-size:12px}.cv-seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.cv-seg button{background:transparent;border:none;color:var(--mid);padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.cv-seg button.on{background:var(--orange);color:var(--white)}.cv-seg button:disabled{opacity:.3;cursor:not-allowed}.cv-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.cv-play-btn{background:var(--orange);border:none;color:var(--white);padding:12px 22px;border-radius:9px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;flex:1 1;min-width:140px;transition:background .12s}.cv-play-btn:hover{background:var(--orange-dk)}.cv-play-btn.playing{background:var(--dark)}.cv-play-btn.playing:hover{background:#2d2d45}.cv-mute-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:12px 16px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s}.cv-mute-btn.muted{color:var(--muted)}.cv-mute-btn:hover{background:var(--orange-lt)}.cv-audio-status{flex-basis:100%;font-size:12px;color:var(--muted);margin-top:4px}.cv-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--mid);justify-content:center;margin-bottom:8px}.cv-legend-item{display:flex;align-items:center;gap:6px}.cv-legend-dot{width:14px;height:14px;border-radius:50%;display:inline-block;font-size:10px;font-weight:700;text-align:center;line-height:14px}.fs-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px}.fs-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.fs-subtitle{margin:0 0 18px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:500}.fs-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.fs-label{font-size:11px;color:var(--mid);min-width:70px}.fs-label,.fs-sub-label{text-transform:uppercase;letter-spacing:.8px;font-weight:600}.fs-sub-label{font-size:10px;color:var(--muted)}.fs-pick{display:inline-flex;align-items:center;gap:10px}.fs-dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,34px);grid-gap:4px;gap:4px}.fs-dpad button{background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--mid);font-size:16px;line-height:1;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.fs-dpad button:hover:not(:disabled){background:var(--orange-lt);color:var(--orange-tx);border-color:var(--orange-lt)}.fs-dpad button:disabled{opacity:.3;cursor:not-allowed}.fs-dpad-up{grid-area:1/2}.fs-dpad-left{grid-area:2/1}.fs-dpad-right{grid-area:2/3}.fs-dpad-down{grid-area:3/2}.fs-seg{display:inline-flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.fs-seg button{background:transparent;border:none;color:var(--mid);padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.fs-seg button.on{background:var(--orange);color:var(--white)}.fs-seg button:disabled{opacity:.3;cursor:not-allowed}.fs-seg.finger-b button.on{background:var(--teal);color:var(--white)}.fs-stage{background:var(--dark);border-radius:14px;padding:18px 12px 8px;margin-bottom:16px;flex-direction:column}.fs-stage,.fs-stage-header{display:flex;align-items:center}.fs-stage-header{justify-content:center;gap:16px;font-size:22px;font-weight:600;letter-spacing:.2px;margin-bottom:6px;min-height:30px;color:var(--white)}.fs-finger-a-label{color:var(--orange-tx)}.fs-finger-b-label{color:var(--teal-lt)}.fs-arrow{color:var(--mid);font-size:18px}.fs-fb-wrap{width:100%;max-width:360px;margin:0 auto}.fs-fretboard{display:block;width:100%;height:auto}.fs-canvas3d{display:block;width:100%;aspect-ratio:320/460}.fs-beats{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:4px}.fs-beat-pip{width:11px;height:11px;border-radius:50%;background:#3a3e4d;box-sizing:border-box;border:1.5px solid transparent;transition:background .08s,transform .08s,border-color .08s}.fs-beat-pip.downbeat{width:16px;height:16px}.fs-beat-pip.change-beat{background:transparent;border-color:#5a606e}.fs-beat-pip.on{background:var(--white);transform:scale(1.25)}.fs-beat-pip.change-beat.on{background:transparent;border-color:var(--white)}.fs-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 20px;gap:14px 20px;margin-bottom:16px}.fs-control{display:flex;flex-direction:column;gap:6px}.fs-ctrl-row{display:flex;align-items:center;gap:10px}.fs-ctrl-row input[type=range]{width:100%;accent-color:var(--orange)}.fs-readout{font-family:var(--mono);font-size:13px;color:var(--dark);min-width:56px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fs-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.fs-play-btn{background:var(--orange);border:none;color:var(--white);padding:12px 22px;border-radius:9px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.3px;flex:1 1;min-width:140px;transition:background .12s}.fs-play-btn:hover{background:var(--orange-dk)}.fs-play-btn.playing{background:var(--dark)}.fs-play-btn.playing:hover{background:#2d2d45}.fs-mute-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:12px 16px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s}.fs-mute-btn.muted{color:var(--muted)}.fs-mute-btn:hover{background:var(--orange-lt)}.fs-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--mid);justify-content:center}.fs-legend-item{display:flex;align-items:center;gap:6px}.fs-legend-item.dim{opacity:.35}.fs-legend-dot{width:14px;height:14px;border-radius:50%;display:inline-block;font-size:10px;font-weight:700;text-align:center;line-height:14px}@media (max-width:680px){.layout{flex-direction:column}.sidebar{width:100%;position:static;max-height:none}.main{padding:16px 10px 40px}.stages{gap:2px}.stbtn{font-size:10px;padding:3px 6px;min-width:32px}.cv-controls{grid-template-columns:1fr}.cv-stage-header{font-size:24px;min-height:32px}.cv-arrow{font-size:18px}.cv-fb-wrap{max-width:300px}.fs-controls{grid-template-columns:1fr}.fs-stage-header{font-size:18px;min-height:26px}.fs-label{min-width:0}.fs-finger-row{flex-direction:column;align-items:flex-start;gap:8px}.fs-finger-row .fs-pick{width:100%}.fs-finger-row .fs-sub-label{min-width:44px}.rb-controls{gap:10px}.rb-slider{width:100%}.rb-cell .rb-dir{font-size:20px}.rb-grid.dense .rb-cell .rb-dir{font-size:13px}.rb-cell .rb-syl{font-size:14px}.rb-grid.dense .rb-cell .rb-syl{font-size:9px}}.rb-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px}.rb-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.rb-tagline{margin:0 0 20px;font-size:14px;color:var(--mid);font-style:italic;letter-spacing:.2px}.rb-controls{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.rb-control{display:flex;flex-direction:column;gap:6px}.rb-control label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:500}.rb-num,.rb-select{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:8px 10px;border-radius:9px;font-size:14px;font-family:inherit}.rb-num:focus,.rb-select:focus{outline:none;border-color:var(--orange)}.rb-num{width:80px}.rb-select{width:110px}.rb-slider{width:180px;accent-color:var(--orange)}.rb-btn{background:var(--orange);border:none;color:var(--white);padding:10px 18px;border-radius:9px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.rb-btn:hover{background:var(--orange-dk)}.rb-btn.playing{background:var(--orange)}.rb-btn-secondary{background:var(--white);border:1px solid var(--border);color:var(--mid)}.rb-btn-secondary:hover{background:var(--surface);color:var(--dark)}.rb-btn:disabled{opacity:.4;cursor:not-allowed}.rb-btn:disabled:hover{background:var(--white);color:var(--mid)}.rb-btn.rb-toggle.on{background:var(--orange-lt);color:var(--orange-tx);border:1px solid var(--orange)}.rb-btn.rb-toggle.on:hover{background:#fbe5d2}.rb-btn-secondary.on{background:var(--orange-lt);color:var(--orange-tx);border-color:var(--orange)}.rb-stage{background:var(--dark);border-radius:14px;padding:20px 16px;display:flex;justify-content:center;margin-bottom:22px}.rb-stage svg{display:block;max-width:100%;height:auto}.rb-empty-hint{padding:18px 18px 16px;background:var(--orange-lt);border:2px solid var(--orange);border-radius:9px;font-size:15px;color:var(--dark);line-height:1.55;margin-bottom:14px;text-align:center}.rb-big-arrow,.rb-empty-hint strong{color:var(--orange-tx)}.rb-big-arrow{display:block;font-size:30px;line-height:1;margin-bottom:8px;animation:rb-bounce-arrow 1.3s ease-in-out infinite}@keyframes rb-bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.rb-beat-row{display:grid;grid-gap:6px;gap:6px;margin:0 0 6px;padding:0;font-size:12px;color:var(--mid);text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:Space Mono,monospace}.rb-beat-row>div{text-align:center;padding:0;margin:0}.rb-grid{display:grid;grid-gap:6px;gap:6px}.rb-grid.multi-bar{row-gap:14px}.rb-cell{aspect-ratio:1;background:var(--white);border:1px solid var(--border);border-radius:9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .05s,border-color .05s,transform .05s;min-height:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rb-cell:hover{background:var(--orange-lt);border-color:var(--orange)}.rb-cell.active{background:var(--orange);border-color:var(--orange);color:var(--white)}.rb-cell.playing{outline:2px solid var(--dark);outline-offset:1px}.rb-cell.active.playing{transform:scale(1.04)}.rb-dir{font-size:28px;font-weight:700;line-height:1}.rb-grid.dense .rb-dir{font-size:20px}.rb-syl{font-size:17px;font-weight:700;line-height:1;letter-spacing:-.3px}.rb-grid.dense .rb-syl{font-size:12px}@keyframes rb-cell-attract{0%,to{background:var(--white)}50%{background:var(--orange-lt)}}.rb-grid.empty .rb-cell{animation:rb-cell-attract 2.2s ease-in-out infinite}.rb-practice-panel{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:16px;margin-top:16px;text-align:center}.rb-practice-intro{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.5}.rb-practice-status{font-size:14px;color:var(--dark);font-weight:500;margin-bottom:10px;min-height:20px}.rb-count-num{display:inline-block;min-width:28px;color:var(--orange-tx);font-size:20px;font-weight:700;margin-left:4px;font-family:Space Mono,monospace}.rb-tap-area{display:flex;flex-direction:column;gap:8px}.rb-tap-zone{display:block;width:100%;height:150px;background:var(--white);border:2px solid var(--orange);color:var(--orange-tx);font-size:22px;font-weight:700;letter-spacing:4px;border-radius:9px;cursor:pointer;transition:background .05s,transform .05s,border-color .05s;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain}.rb-tap-zone:hover{background:var(--orange-lt)}.rb-tap-zone:active{background:var(--orange-dk);color:var(--white);transform:scale(.985)}.rb-tap-zone:disabled{background:var(--surface);border-color:var(--border);color:var(--muted);cursor:default}.rb-tap-again-btn{display:block;width:100%;margin-top:12px;background:var(--orange);color:var(--white);border:none;border-radius:9px;padding:12px 16px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .1s,transform .05s,opacity .2s}.rb-tap-again-btn:hover{background:var(--orange-dk)}.rb-tap-again-btn:active{transform:scale(.99)}.rb-tap-again-btn:disabled{opacity:.45;cursor:default}.rb-tap-feedback{margin-top:12px;height:22px;font-size:16px;font-weight:700;letter-spacing:1px;font-family:Space Mono,monospace}.rb-tap-feedback.perfect{color:#22a86b}.rb-tap-feedback.great{color:var(--orange-tx)}.rb-tap-feedback.almost{color:var(--mid)}.rb-tap-feedback.miss{color:#c92a2a}.rb-practice-result{margin-top:6px;font-size:12px;color:var(--mid);font-family:Space Mono,monospace}.rb-practice-result strong{color:var(--dark);font-size:14px}.rb-score-card{margin-top:14px;padding:18px 16px 16px;background:var(--white);border:2px solid var(--orange-lt);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s,background .2s}.rb-score-card.rb-score-great{border-color:#5fd770;background:#f3fbf6}.rb-score-card.rb-score-good{border-color:var(--orange);background:var(--orange-lt)}.rb-score-card.rb-score-ok{border-color:#f5c842;background:#fef9e9}.rb-score-card.rb-score-low{border-color:#d44545;background:#fdeded}.rb-score-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:var(--mid)}.rb-score-big{font-size:72px;font-weight:700;line-height:1;font-family:Space Mono,monospace;color:var(--dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rb-score-pct{font-size:36px;font-weight:500;color:var(--mid);margin-left:4px}.rb-score-breakdown{font-size:12px;color:var(--mid);margin-top:8px;font-family:Space Mono,monospace;text-align:center;line-height:1.5}.rb-score-card.rb-score-great .rb-score-big{color:#22a86b}.rb-score-card.rb-score-good .rb-score-big{color:var(--orange-tx)}.rb-score-card.rb-score-low .rb-score-big{color:#c92a2a}@media (max-width:540px){.rb-score-big{font-size:56px}.rb-score-pct{font-size:28px}}.rb-tip{margin-top:16px;padding:12px 14px;background:var(--orange-lt);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:9px;font-size:13px;color:var(--mid);line-height:1.5}.rb-tip strong{color:var(--dark)}.rb-legend{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.rb-legend kbd{border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:11px;font-family:Space Mono,monospace;color:var(--mid)}.rb-bank,.rb-legend kbd{background:var(--surface)}.rb-bank{margin-top:22px;padding:16px;border:1px solid var(--border);border-radius:9px}.rb-bank-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.rb-bank-title{margin:0;font-size:15px;font-weight:600;color:var(--dark)}.rb-bank-count{font-family:Space Mono,monospace;font-size:12px;color:var(--muted);margin-left:6px}.rb-bank-save-btn{padding:8px 14px;font-size:13px}.rb-bank-empty{font-size:13px;color:var(--mid);text-align:center;padding:14px 8px;line-height:1.45}.rb-bank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rb-bank-row{background:var(--white);border:1px solid var(--border);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rb-bank-info{flex:1 1 auto;min-width:0}.rb-bank-name{font-size:14px;font-weight:600;color:var(--dark)}.rb-bank-meta{font-size:11px;color:var(--muted);font-family:Space Mono,monospace;margin-top:2px}.rb-bank-actions{display:flex;gap:6px;flex-wrap:wrap}.rb-bank-mini{padding:6px 10px;font-size:12px}.rb-bank-del{padding:6px 9px;font-size:16px;line-height:1;font-weight:700;color:#c92a2a}.rb-bank-del:hover:not(:disabled){background:#fdebeb;color:#a41e1e;border-color:#f2c4c4}.rb-beta-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.rb-beta-note a{color:var(--orange-tx);text-decoration:none}.rb-beta-note a:hover{text-decoration:underline}.st-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px;color:var(--dark)}.st-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.st-wrap svg{display:block}.st-controls{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.st-control{display:flex;flex-direction:column;gap:6px}.st-control label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:500}.st-num,.st-select{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:8px 10px;border-radius:9px;font-size:14px;font-family:inherit}.st-num:focus,.st-select:focus{outline:none;border-color:var(--orange)}.st-num{width:80px}.st-select{width:110px}.st-range{width:180px;accent-color:var(--orange)}.st-btn{background:var(--orange);border:none;color:var(--white);padding:10px 18px;border-radius:9px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.st-btn:hover{background:var(--orange-dk)}.st-btn.playing{background:var(--orange)}.st-btn-secondary{background:var(--white);border:1px solid var(--border);color:var(--mid)}.st-btn-secondary:hover{background:var(--surface);color:var(--dark)}.st-btn:disabled{opacity:.4;cursor:not-allowed}.st-btn:disabled:hover{background:var(--white);color:var(--mid)}.st-btn-secondary.on,.st-btn.st-toggle.on{background:var(--orange-lt);color:var(--orange-tx);border:1px solid var(--orange)}.st-btn.st-toggle.on:hover{background:#fbe5d2}.st-viz-wrap{background:var(--dark);border-radius:14px;padding:20px 16px;display:flex;justify-content:center;margin-bottom:22px}.st-empty-hint{padding:18px 18px 16px;background:var(--orange-lt);border:2px solid var(--orange);border-radius:9px;font-size:15px;color:var(--dark);line-height:1.55;margin-bottom:14px;text-align:center}.st-big-arrow,.st-empty-hint strong{color:var(--orange-tx)}.st-big-arrow{display:block;font-size:30px;line-height:1;margin-bottom:8px;animation:st-bounce-arrow 1.3s ease-in-out infinite}@keyframes st-bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes st-cell-attract{0%,to{background:var(--white)}50%{background:var(--orange-lt)}}.st-capo-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 10px}.st-capo-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.st-capo-seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.st-capo-seg button{background:transparent;border:none;color:var(--mid);padding:5px 10px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.st-capo-seg button.on{background:var(--orange);color:var(--white)}.st-capo-note{font-size:11.5px;color:var(--muted)}.st-chord-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 6px}.st-chord-chip{padding:8px 14px;font-size:16px;font-weight:600;color:var(--dark);background:var(--white);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color .1s,background .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:hover){.st-chord-chip:not(.armed):hover{border-color:var(--orange)}}.st-chord-chip.armed{background:var(--orange);border-color:var(--orange);color:var(--white)}.st-chord-chip-custom{border-style:dashed;border-color:var(--orange)}.st-chord-chip-custom.armed{border-style:solid}.st-chord-chip-fx{color:var(--mid)}.st-chord-chip-erase{color:var(--muted)}.st-chord-chip-erase.armed{background:var(--dark);border-color:var(--dark);color:var(--white)}.st-chord-hint{text-align:center;font-size:15px;color:var(--mid);margin:0 0 12px}.st-chord-undo{margin-left:10px;padding:4px 12px;font-size:13px;font-weight:600;color:var(--dark);background:var(--white);border:1px solid var(--border);border-radius:999px;cursor:pointer;vertical-align:middle;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:hover){.st-chord-undo:hover{border-color:var(--orange)}}.st-barblock{margin:0 0 14px}.st-barblock:last-child{margin-bottom:0}.st-chord-lane{display:grid;grid-gap:6px;gap:6px;margin:0 0 6px;touch-action:none;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.st-chord-run{pointer-events:none;display:flex;align-items:center;justify-content:flex-start;padding:0 8px;min-height:36px;border-radius:9px;background:#fbe4d2;border-left:3px solid var(--orange);color:var(--orange-tx);font-weight:700;font-size:20px;white-space:nowrap;overflow:hidden}.st-chord-run.empty{background:transparent;border:1px dashed var(--border)}.st-chord-run.on{background:var(--orange);color:var(--white);border-left-color:var(--orange-dk)}.st-beat-row{display:grid;grid-gap:6px;gap:6px;margin:0 0 6px;padding:0;font-size:12px;color:var(--mid);text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:Space Mono,monospace}.st-beat-row>div{text-align:center;padding:0;margin:0}.st-grid{display:grid;grid-gap:6px;gap:6px}.st-grid.multi-bar{row-gap:14px}.st-cell{aspect-ratio:1;background:var(--white);border:1px solid var(--border);border-radius:9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .05s,border-color .05s,transform .05s;min-height:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.st-cell:hover{background:var(--surface);border-color:var(--mid)}.st-cell.active{background:var(--orange);border-color:var(--orange);color:var(--white)}.st-cell.active.up{background:var(--teal-lt);border-color:var(--teal-lt)}.st-cell.playing{outline:2px solid var(--dark);outline-offset:1px}.st-cell.active.playing{transform:scale(1.04)}.st-dir{font-size:28px;font-weight:700;line-height:1}.st-grid.dense .st-dir{font-size:20px}.st-syl{font-size:17px;font-weight:700;line-height:1;letter-spacing:-.3px}.st-grid.dense .st-syl{font-size:12px}.st-bow{width:26px;height:26px;display:block}.st-grid.dense .st-bow{width:19px;height:19px}.st-bow-pair{display:inline-flex;align-items:center;gap:3px}.st-bow-sm{width:15px;height:15px;display:block}.st-top-cell{text-transform:none;display:flex;align-items:center;justify-content:center;min-height:15px}.st-bow-top{width:15px;height:15px;display:block}.st-labels-wrap{position:relative;display:inline-flex}.st-labels-ico{font-weight:700;margin-right:3px}.st-labels-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:grid;grid-gap:14px;gap:14px;min-width:300px;max-width:min(360px,calc(100vw - 24px))}.st-labels-head{font-size:12px;color:var(--mid);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.st-labels-chips{display:flex;flex-wrap:wrap;gap:6px}.st-chip{background:var(--white);border:1px solid var(--border);color:var(--mid);border-radius:8px;padding:7px 12px;min-width:48px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background .15s,color .15s,border-color .15s}.st-chip:hover{background:var(--surface);color:var(--dark)}.st-chip.on{background:var(--orange-lt);color:var(--orange-tx);border-color:var(--orange)}.st-grid.empty .st-cell{animation:st-cell-attract 2.2s ease-in-out infinite}.st-practice-panel{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:16px;margin-bottom:20px;text-align:center}.st-practice-intro{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.5}.st-practice-mode{display:flex;gap:6px;justify-content:center;margin:0 0 12px}.st-mode-btn{background:var(--white);color:var(--mid);border:1px solid var(--border);padding:6px 14px;border-radius:9px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .1s,color .1s,border-color .1s}.st-mode-btn:hover{background:var(--surface);color:var(--dark)}.st-mode-btn.on{background:var(--orange-lt);color:var(--orange-tx);border-color:var(--orange)}.st-mode-btn.on:hover{background:#fbe5d2}.st-practice-status{font-size:14px;color:var(--dark);font-weight:500;margin-bottom:10px;min-height:20px}.st-count-num{display:inline-block;min-width:28px;color:var(--orange-tx);font-size:20px;font-weight:700;margin-left:4px;font-family:Space Mono,monospace}.st-tap-area{display:flex;flex-direction:column;gap:8px}.st-tap-zone{display:block;width:100%;height:150px;background:var(--white);border:2px solid var(--orange);color:var(--orange-tx);font-size:22px;font-weight:700;letter-spacing:4px;border-radius:9px;cursor:pointer;transition:background .05s,transform .05s,border-color .05s;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain}.st-tap-zone:hover{background:var(--orange-lt)}.st-tap-zone:active{background:var(--orange-dk);color:var(--white);transform:scale(.985)}.st-tap-zone:disabled{background:var(--surface);border-color:var(--border);color:var(--muted);cursor:default}.st-tap-zone.st-tap-d,.st-tap-zone.st-tap-u{height:110px}.st-tap-zone.st-tap-d{border-color:var(--orange);color:var(--orange-tx)}.st-tap-zone.st-tap-u{border-color:var(--teal);color:var(--teal)}.st-tap-zone.st-tap-d:hover{background:var(--orange-lt)}.st-tap-zone.st-tap-u:hover{background:#e5f4f1}.st-tap-zone.st-tap-d:active{background:var(--orange-dk);color:var(--white)}.st-tap-zone.st-tap-u:active{background:var(--teal);color:var(--white)}.st-tap-feedback{margin-top:12px;height:22px;font-size:16px;font-weight:700;letter-spacing:1px;font-family:Space Mono,monospace}.st-tap-feedback.perfect{color:#22a86b}.st-tap-feedback.great{color:var(--orange-tx)}.st-tap-feedback.almost{color:var(--mid)}.st-tap-feedback.miss{color:#c92a2a}.st-score-card{margin-top:14px;padding:18px 16px 16px;background:var(--white);border:2px solid var(--orange-lt);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s,background .2s}.st-score-card.st-score-great{border-color:#5fd770;background:#f3fbf6}.st-score-card.st-score-good{border-color:var(--orange);background:var(--orange-lt)}.st-score-card.st-score-ok{border-color:#f5c842;background:#fef9e9}.st-score-card.st-score-low{border-color:#d44545;background:#fdeded}.st-score-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:var(--mid)}.st-score-big{font-size:72px;font-weight:700;line-height:1;font-family:Space Mono,monospace;color:var(--dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.st-score-pct{font-size:36px;font-weight:500;color:var(--mid);margin-left:4px}.st-score-breakdown{font-size:12px;color:var(--mid);margin-top:8px;font-family:Space Mono,monospace;text-align:center;line-height:1.5}.st-score-card.st-score-great .st-score-big{color:#22a86b}.st-score-card.st-score-good .st-score-big{color:var(--orange-tx)}.st-score-card.st-score-low .st-score-big{color:#c92a2a}.st-tap-again-btn{display:block;width:100%;margin-top:12px;background:var(--orange);color:var(--white);border:none;border-radius:9px;padding:12px 16px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .1s,transform .05s,opacity .2s}.st-tap-again-btn:hover{background:var(--orange-dk)}.st-tap-again-btn:active{transform:scale(.99)}.st-tap-again-btn:disabled{opacity:.45;cursor:default}.st-tip{margin-top:16px;padding:12px 14px;background:var(--orange-lt);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:9px;font-size:13px;color:var(--mid);line-height:1.5}.st-tip strong{color:var(--dark)}.st-legend{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.st-down-color{color:var(--orange-tx);font-weight:600}.st-up-color{color:var(--teal);font-weight:600}.st-legend kbd{border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:11px;font-family:Space Mono,monospace;color:var(--mid)}.st-bank,.st-legend kbd{background:var(--surface)}.st-bank{margin-top:22px;padding:16px;border:1px solid var(--border);border-radius:9px}.st-bank-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.st-bank-title{margin:0;font-size:15px;font-weight:600;color:var(--dark)}.st-bank-count{font-family:Space Mono,monospace;font-size:12px;color:var(--muted);margin-left:6px}.st-bank-save-btn{padding:8px 14px;font-size:13px}.st-bank-empty{font-size:13px;color:var(--mid);text-align:center;padding:14px 8px;line-height:1.45}.st-bank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.st-bank-row{background:var(--white);border:1px solid var(--border);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.st-bank-info{flex:1 1 auto;min-width:0}.st-bank-name{font-size:14px;font-weight:600;color:var(--dark)}.st-bank-meta{font-size:11px;color:var(--muted);font-family:Space Mono,monospace;margin-top:2px}.st-bank-actions{display:flex;gap:6px;flex-wrap:wrap}.st-bank-mini{padding:6px 10px;font-size:12px}.st-bank-del{padding:6px 9px;font-size:16px;line-height:1;font-weight:700;color:#c92a2a}.st-bank-del:hover:not(:disabled){background:#fdebeb;color:#a41e1e;border-color:#f2c4c4}@media (max-width:540px){.st-dir{font-size:20px}.st-grid.dense .st-dir{font-size:13px}.st-cell .st-syl{font-size:14px}.st-grid.dense .st-cell .st-syl{font-size:9px}.st-cell .st-bow{width:20px;height:20px}.st-grid.dense .st-cell .st-bow{width:13px;height:13px}.st-controls{gap:12px}.st-range{width:100%}.st-score-big{font-size:56px}.st-score-pct{font-size:28px}}.fin-teacher-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.fin-parents-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.fin-parent-input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-family:var(--font);color:var(--dark);background:var(--white);outline:none}.fin-parent-input:focus{border-color:var(--orange)}.fin-parents-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.fin-parents-view{display:flex;flex-direction:column;gap:8px}.fin-parents-view-row{display:flex;align-items:baseline;gap:10px}.fin-parents-view-label{flex:0 0 64px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--mid)}.fin-parents-view-val{font-size:14px;color:var(--dark)}.fin-parents-view-email{color:var(--mid)}.fin-parents-doblabel{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--mid);margin-bottom:10px}.fin-parents-doblabel .fin-parent-input{max-width:200px}.fin-sched-age{color:var(--mid);font-weight:400}.dob-picker{display:flex;gap:8px;flex-wrap:wrap}.dob-select{padding:9px 10px;border:1px solid var(--border);border-radius:9px;font-size:14px;font-family:var(--font);color:var(--dark);background:var(--white);outline:none;cursor:pointer}.dob-select:focus{border-color:var(--orange)}.phone-field{display:flex;flex-direction:column;gap:3px;min-width:0}.phone-input-wrap{position:relative;display:flex}.phone-input-wrap>input{width:100%;box-sizing:border-box;padding:9px 30px 9px 11px;border:1px solid var(--border);border-radius:9px;font-size:14px;font-family:var(--font);color:var(--dark);background:var(--surface);outline:none;margin-bottom:0}.phone-input-wrap>input:focus{border-color:var(--orange)}.phone-tick{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#2f7a3e;font-weight:700;font-size:15px;pointer-events:none}.phone-msg{font-size:11px;color:var(--muted);line-height:1.3}.phone-msg.err{color:#c92a2a}.fin-recurring-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fin-recurring-fromlabel{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mid)}.fin-recurring-preview{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:14px;color:var(--dark)}.fin-recurring-preview p{margin:0 0 10px}.fin-recurring-blocked{color:#c92a2a}.fin-recurring-preview .fin-recurring-blocked{margin:0}@media (max-width:520px){.fin-parents-grid{grid-template-columns:1fr}}.fin-fee-wrap{display:inline-flex;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:9px;padding:0 8px;height:28px;font-size:13px}.fin-fee-prefix{color:var(--mid);margin-right:2px}.fin-fee-input{width:64px;border:none;outline:none;background:transparent;font:inherit;color:var(--dark);padding:0 2px;-moz-appearance:textfield}.fin-fee-input::-webkit-inner-spin-button,.fin-fee-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fin-fee-suffix{color:var(--muted);margin-left:2px;font-size:12px}.paused-wrap{max-width:520px;margin:60px auto 80px;padding:32px 28px;background:var(--white);border:1px solid var(--border);border-radius:14px;text-align:center}.paused-title{margin:0 0 14px;font-size:22px;font-weight:600;color:var(--dark)}.paused-body{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--mid)}.paused-body a{color:var(--orange-tx);text-decoration:none;font-weight:500}.paused-body a:hover{text-decoration:underline}.fin-loading{padding:80px 20px;text-align:center;color:var(--muted);font-size:14px}.fin-gate-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.fin-gate-card{width:100%;max-width:360px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:32px 28px;text-align:center}.fin-gate-sub{font-size:13px;color:var(--mid);margin:0 0 16px}.fin-pass-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;font:inherit;font-size:14px;margin-bottom:10px}.fin-pass-input:focus{outline:none;border-color:var(--orange)}.fin-pass-btn{width:100%;padding:10px 16px;background:var(--orange);color:var(--white);border:none;border-radius:9px;font:inherit;font-weight:600;cursor:pointer}.fin-pass-btn:hover:not(:disabled){background:var(--orange-dk)}.fin-pass-btn:disabled{opacity:.5;cursor:not-allowed}.fin-error{color:#c92a2a;font-size:13px;margin-top:10px}.fin-wrap{max-width:1280px;margin:0 auto;padding:24px 20px 60px}.fin-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.fin-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.2px}.fin-logout{background:var(--white);border:1px solid var(--border);color:var(--mid);padding:6px 12px;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.fin-logout:hover{background:var(--surface);color:var(--dark)}.fin-figures-gate{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px dashed var(--border);border-radius:12px;padding:16px 18px;margin-bottom:18px;background:var(--surface)}.fin-figures-gate-title{font-size:15px;font-weight:600;color:var(--dark)}.fin-figures-gate-sub{font-size:12px;color:var(--muted);margin-top:2px}.fin-figures-barhead{display:flex;justify-content:flex-end;margin-bottom:8px}.fin-figures-btn{font:inherit;font-size:13px;font-weight:600;color:var(--dark);background:var(--white);border:1px solid var(--border);border-radius:9px;padding:8px 14px;cursor:pointer;flex:0 0 auto}.fin-figures-btn:hover{border-color:var(--orange);color:var(--orange-tx)}.fin-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.fin-stat{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.fin-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--mid);font-weight:600;margin-bottom:6px}.fin-stat-value{font-family:Space Mono,monospace;font-size:22px;font-weight:700;color:var(--dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.fin-stat-big{font-size:28px;color:var(--orange-tx)}.fin-stat-sub{font-size:11px;color:var(--muted);margin-top:4px}.fin-notice-pill{background:#fef9e9;border-left:3px solid #f5c842;padding:10px 14px;border-radius:9px;font-size:13px;color:var(--dark);margin-bottom:18px}.fin-students{margin-bottom:22px}.fin-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);margin:0 0 8px}.fin-sub{font-size:12px;color:var(--muted);margin:0 0 10px}.fin-table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:13px}.fin-table th{text-align:left;padding:10px 12px;background:var(--surface);font-weight:600;color:var(--mid);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.fin-table td{padding:10px 12px;border-bottom:1px solid #f1f1f4;color:var(--dark)}.fin-table tr:last-child td{border-bottom:none}.fin-table tr.fin-row-notice{background:#fffaf5}.fin-notice-countdown{font-size:11px;color:var(--orange-tx);font-weight:600;margin-top:2px;letter-spacing:.2px}.fin-leaving{display:flex;align-items:center;gap:5px;margin-top:3px}.fin-leaving-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.fin-leaving-input{font-size:11px;font-family:inherit;color:var(--mid);background:var(--white);border:1px solid var(--border);border-radius:5px;padding:1px 4px;max-width:128px}.fin-leaving-input.set{color:var(--orange-tx);border-color:var(--orange);font-weight:600}.fin-table tr.fin-group-header td{background:var(--surface);color:var(--mid);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:8px 12px;border-top:1px solid var(--border)}.fin-table tr.fin-group-header td:last-child{color:var(--muted)}.fin-table tr.fin-group-header:hover{background:var(--surface)}.fin-table tr.fin-group-header-trial td{background:#e7f0fb;color:#1e3a73}.fin-table tr.fin-group-header-trial:hover{background:#e7f0fb}.fin-table tr.fin-row-trial td{background:#f3f7fc}.usage-winbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 14px}.usage-win{font-family:var(--font);font-size:12px;font-weight:600;color:var(--mid);background:var(--white);border:1px solid var(--border);border-radius:20px;padding:4px 12px;cursor:pointer}.usage-win:hover{border-color:var(--orange);color:var(--orange-tx)}.usage-win.active{background:var(--orange);border-color:var(--orange);color:#fff}.usage-headline{margin-left:auto;font-size:13px;color:var(--dark)}.usage-table{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--white)}.usage-row{display:grid;grid-template-columns:minmax(0,2.2fr) 1.4fr .7fr .9fr 1fr;grid-gap:10px;gap:10px;align-items:center;padding:9px 14px;font-size:13px;border-top:1px solid var(--border)}.usage-row:first-child{border-top:none}.usage-head{background:var(--surface);font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.usage-name{font-weight:600;color:var(--dark);display:flex;flex-direction:column;gap:1px;min-width:0}.usage-since{font-style:normal;font-size:10px;font-weight:500;color:var(--muted)}.usage-students{position:relative;display:flex;align-items:center;min-width:0}.usage-students i{position:absolute;left:0;height:16px;background:var(--orange-lt);border-radius:3px}.usage-students b{position:relative;padding-left:6px;font-size:13px;color:var(--dark)}.usage-split b{color:var(--orange-tx)}.usage-none{margin-top:12px}.usage-note{margin-top:6px;line-height:1.5}@media (max-width:700px){.usage-row{grid-template-columns:minmax(0,1.6fr) 1fr .6fr .7fr;font-size:12px}.usage-row>:last-child{display:none}}.fin-progress-stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0 4px;font-size:13px;color:var(--dark)}.fin-progress-h{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--mid);font-weight:700;margin:22px 0 8px}.fin-sbgroup{margin:18px 0 24px}.fin-sbgroup-title{text-align:center;font-weight:700;font-size:14px;color:var(--dark);margin:0 0 8px}.fin-dur-fast{color:#1a7a3a}.fin-sbgroup-median td{background:var(--surface);font-weight:700;border-top:1px solid var(--border)}.fin-dur-median{color:#1a7a3a}.fin-prog-note{color:var(--muted);font-size:.82em}.fin-slots-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px;flex-wrap:wrap}.fin-slots-add{display:flex;gap:6px}.fin-slot-empty{color:#c92a2a;font-weight:600}.fin-slot-full{color:#1a7560;font-weight:600}.fin-private-slots{font-size:12px;color:var(--mid);display:inline-flex;align-items:center;gap:4px;font-weight:500}.fin-view-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--border)}.fin-view-tab{background:none;padding:10px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--mid);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.fin-view-tab:hover{color:var(--dark)}.fin-view-tab.active{color:var(--orange-tx);border-bottom-color:var(--orange)}.fin-sched{margin-top:4px}.fin-sched-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.fin-sched-col{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:10px 8px 8px;min-height:180px;min-width:0}.fin-sched-day{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mid);margin:0 0 10px;text-align:center}.fin-sched-empty-day{font-size:11px;color:var(--muted);text-align:center;padding:18px 0}.fin-sched-block{background:var(--white);border-radius:8px;padding:8px 10px;margin-bottom:6px;border:1px solid var(--border);border-left-width:3px;transition:transform .08s}.fin-sched-block:hover{transform:translateY(-1px)}.fin-sched-prog-kids{border-left-color:var(--orange)}.fin-sched-prog-adults{border-left-color:var(--teal)}.fin-sched-prog-private{border-left-color:#6c5ce7}.fin-sched-prog-other{border-left-color:var(--muted)}.fin-sched-empty{border-style:dashed;background:transparent;opacity:.7}.fin-sched-full{background:var(--surface);opacity:.85}.fin-sched-time{font-family:Space Mono,monospace;font-size:11px;color:var(--mid);font-weight:700}.fin-sched-name{font-size:12px;font-weight:600;color:var(--dark);margin:2px 0 3px;line-height:1.25}.fin-sched-meta{font-size:10px;color:var(--muted)}.fin-sched-trial-pending{font-size:10px;color:#1e3a73;background:#e7f0fb;margin-top:4px;padding:2px 6px;border-radius:4px;font-weight:600;display:inline-block}.fin-sched-students{list-style:none;margin:6px 0 0;border-top:1px dashed var(--border);padding:6px 0 0}.fin-sched-students li{font-size:11px;color:var(--dark);line-height:1.55}.fin-sched-student-trial{color:#1e3a73}.fin-sched-student-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#e7f0fb;color:#1e3a73;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:1px}.fin-sched-student-notice{color:#8a5a1a}.fin-sched-tag-notice{background:#fdecd8;color:#8a5a1a}.fin-sched-notice-end{font-size:10px;color:#8a5a1a}.fin-sched-opening{color:#8a5a1a}.fin-wl-row{color:#6b21a8}.fin-wl-flag{background:#fdecd8;color:#8a5a1a}.fin-wl-flag,.fin-wl-offered{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:1px}.fin-wl-offered{background:#e9fbf0;color:#1e7345}.fin-wl-actions{margin-left:6px;white-space:nowrap}.fin-wl-btn{font:inherit;font-size:10px;font-weight:600;color:var(--mid);background:var(--white);border:1px solid var(--border);border-radius:5px;padding:1px 7px;cursor:pointer;margin-left:4px}.fin-wl-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange-tx)}.fin-wl-btn:disabled{opacity:.5;cursor:default}.fin-wl-select{font:inherit;font-size:11px;padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--dark)}.fin-wl-h{font-size:13px;font-weight:600;color:var(--dark);margin:20px 0 8px}.fin-lessons-view{margin-top:4px}.fin-lessons-nav{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.fin-no-shows-panel{background:#fef9e9;border-left:3px solid #f5c842;border-radius:9px;padding:12px 14px;margin-bottom:18px}.fin-no-shows-head{font-size:13px;font-weight:600;color:var(--dark);margin-bottom:8px}.fin-no-shows-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.fin-no-shows-row{display:flex;gap:12px;align-items:baseline;font-size:13px;flex-wrap:wrap}.fin-no-shows-name{font-weight:600;color:var(--dark)}.fin-no-shows-date{color:var(--mid)}.fin-closures{border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-bottom:18px;background:var(--white)}.fin-closures-head{font-size:13px;font-weight:600;color:var(--dark);margin-bottom:8px}.fin-closures-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:4px}.fin-closures-row{display:flex;gap:12px;align-items:baseline;font-size:13px;flex-wrap:wrap}.fin-closures-label{font-weight:600;color:var(--dark)}.fin-closures-dates{color:var(--mid)}.fin-closures-remove{margin-left:auto;background:none;border:none;color:var(--orange-tx);font:inherit;font-size:12px;cursor:pointer;padding:0}.fin-closures-remove:hover:not(:disabled){text-decoration:underline}.fin-closures-add{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.fin-no-shows-email{color:var(--orange-tx);text-decoration:none;font-size:12px}.fin-no-shows-email:hover{text-decoration:underline}.fin-bulk-bar{display:flex;gap:10px;align-items:center;background:var(--orange-lt);border-radius:9px;padding:10px 14px;margin-bottom:14px;flex-wrap:wrap}.fin-bulk-count{font-size:13px;font-weight:600;color:var(--orange-tx)}.fin-outcome-select{font-family:inherit;font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:7px;background:var(--white);color:var(--dark);max-width:220px}.fin-lesson-students li.fin-lesson-row-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:4px 6px;gap:4px 6px;min-width:0}.fin-lesson-students li.fin-lesson-row-controls .fin-lesson-student-name{min-width:0}.fin-lesson-students li.fin-lesson-row-controls .fin-outcome-select{grid-column:1/-1;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:2px}.fin-lesson-check{flex:0 0 auto;accent-color:var(--orange);margin:0}.fin-lesson-namemenu-wrap{position:relative;min-width:0}.fin-lesson-namebtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;background:transparent;border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:11px;font-weight:500;color:var(--dark);padding:3px 6px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s,color .12s}.fin-lesson-namebtn:hover:not(:disabled){background:var(--orange-lt);border-color:var(--orange-lt);color:var(--orange-tx)}.fin-lesson-namebtn.on{background:var(--orange-lt);border-color:var(--orange);color:var(--orange-tx)}.fin-lesson-namebtn:disabled{opacity:.5;cursor:default}.fin-lesson-namebtn .fin-lesson-student-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-lesson-status-mini{flex:0 0 auto;font-size:10px;font-weight:600;color:var(--muted)}.fin-lesson-student-name.trial{color:#6d4aff;font-weight:600}.fin-lesson-trial-tag{flex:0 0 auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6d4aff;background:#efeaff;border-radius:5px;padding:1px 5px}.fin-lesson-parent{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.fin-outcome-menu-sep{height:1px;background:var(--border);margin:4px 2px}.fin-cal2-wrap{margin-top:4px;padding-bottom:340px}.fin-cal2{display:grid;min-width:760px;grid-row-gap:0;row-gap:0;grid-column-gap:6px;column-gap:6px}.fin-cal2-corner,.fin-cal2-dayhead{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--white)}.fin-cal2-dayhead{font-size:12px;font-weight:600;color:var(--dark);text-align:center;padding:4px 0 6px;border-bottom:1px solid var(--border)}.fin-cal2-dayhead .fin-muted{font-weight:500}.fin-cal2-gutter{position:relative}.fin-cal2-hourlabel{position:absolute;right:6px;transform:translateY(-1px);font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--mid);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fin-cal2-daycol{position:relative;border-left:1px solid var(--border)}.fin-cal2-hourline{position:absolute;left:0;right:0;border-top:1px solid var(--border)}.fin-cal2-event{position:absolute}.fin-cal2-event .fin-lesson-card{height:100%;margin:0;box-sizing:border-box}.fin-slot-selectall{background:var(--surface);border:1px solid var(--border);color:var(--orange-tx);font-family:inherit;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;cursor:pointer;margin:4px 0}.fin-slot-selectall:hover:not(:disabled){background:var(--orange-lt);border-color:var(--orange-lt)}.fin-studentlist{max-width:560px}.fin-studentlist-search{width:100%;font-family:inherit;font-size:15px;padding:11px 14px;border:1px solid var(--border);border-radius:9px;margin-bottom:14px;box-sizing:border-box}.fin-studentlist-search:focus{outline:none;border-color:var(--orange)}.fin-studentlist-rows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.fin-studentlist-row{border:1px solid var(--border);border-radius:9px;overflow:hidden}.fin-studentlist-name{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--white);border:none;font-family:inherit;font-size:15px;font-weight:500;color:var(--dark);text-align:left;padding:12px 14px;cursor:pointer}.fin-studentlist-name:hover{background:var(--orange-lt)}.fin-studentlist-namecol{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.fin-studentlist-parent{font-size:11px;font-weight:400;color:var(--muted)}.fin-studentlist-tags{display:flex;align-items:center;gap:6px;flex:0 0 auto}.fin-studentlist-prog{font-size:11px;font-weight:700;background:var(--dark);color:var(--white)}.fin-studentlist-prog,.fin-studentlist-status{padding:3px 9px;border-radius:9px;white-space:nowrap}.fin-studentlist-status{font-size:12px;font-weight:600;background:var(--surface);color:var(--mid)}.fin-studentlist-status.fin-status-notice{background:#fef9e9;color:var(--orange-tx)}.fin-reviews{max-width:640px}.fin-rev-nudge{font-size:14px;line-height:1.5;color:var(--mid);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.fin-rev-nudge.due{color:var(--orange-tx);background:var(--orange-lt);border-color:var(--orange)}.fin-rev-nudge strong{color:var(--dark)}.fin-rev-nudge.due strong{color:var(--orange-tx)}.fin-rev-stats{font-size:12px;color:var(--muted);margin:10px 2px 14px}.fin-rev-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.fin-rev-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:11px 14px}.fin-rev-main{min-width:0;flex:1 1 auto}.fin-rev-contact{font-size:15px;font-weight:600;color:var(--dark)}.fin-rev-sub{font-size:12px;color:var(--muted);margin-top:1px}.fin-rev-signal{margin-top:5px;font-size:12px}.fin-rev-milestone{color:var(--orange-tx);font-weight:600}.fin-rev-milestone.flying{color:#d1450a}.fin-rev-pace{color:var(--mid);font-weight:500}.fin-rev-home{color:var(--teal);font-weight:600}.fin-rev-active{color:#1a8f5b;font-weight:600}.fin-rev-quiet{color:var(--muted)}.fin-rev-actions{display:flex;gap:6px;flex:0 0 auto}.fin-rev-btn{font:inherit;font-size:12px;font-weight:600;padding:7px 11px;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--mid);cursor:pointer;white-space:nowrap}.fin-rev-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange-tx)}.fin-rev-btn.primary{background:var(--orange);border-color:var(--orange);color:var(--white)}.fin-rev-btn.primary:hover:not(:disabled){background:var(--orange-dk)}.fin-rev-btn.ghost{color:var(--muted)}.fin-rev-btn:disabled{opacity:.5;cursor:wait}.fin-rev-draft{flex-basis:100%;margin-top:4px;border-top:1px dashed var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px}.fin-rev-draft-subject{font:inherit;font-size:13px;font-weight:600;padding:8px 10px}.fin-rev-draft-body,.fin-rev-draft-subject{border:1px solid var(--border);border-radius:8px;color:var(--dark);background:var(--white)}.fin-rev-draft-body{font:inherit;font-size:13px;line-height:1.5;padding:10px;resize:vertical}.fin-rev-draft-body:focus,.fin-rev-draft-subject:focus{outline:none;border-color:var(--orange)}.fin-rev-draft-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.fin-rev-draft-to{font-size:11px;color:var(--muted)}.fin-rev-draft-to code{font-size:11px;background:var(--surface);padding:1px 4px;border-radius:4px}.fin-rev-draft-btns{display:flex;align-items:center;gap:8px;margin-left:auto}.fin-rev-draft-msg{font-size:12px;color:#b4341a}.fin-rev-draft-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.fin-rev-draft-tolabel{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.fin-rev-draft-tosel{font:inherit;font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--dark);max-width:240px}.fin-rev-draft-toone{font-size:12px;color:var(--dark);font-weight:500}.fin-rev-draft-tabs{display:flex;gap:2px;background:var(--surface);border-radius:8px;padding:2px}.fin-rev-tab{font:inherit;font-size:12px;font-weight:600;padding:4px 12px;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.fin-rev-tab.on{background:var(--white);color:var(--orange-tx);box-shadow:0 1px 2px rgba(0,0,0,.08)}.fin-rev-preview{border:1px solid var(--border);border-radius:8px;background:var(--white);padding:16px}.fin-rev-pv-subject{font-size:13px;font-weight:700;color:var(--dark);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.fin-rev-pv-empty{color:var(--muted);font-weight:400}.fin-rev-pv-doc{max-width:480px;color:#1c1c2e;line-height:1.5;font-size:13px}.fin-rev-pv-p{margin:0 0 14px}.fin-rev-pv-btnwrap{margin:20px 0}.fin-rev-pv-btn{display:inline-block;background:#b84b2a;color:#fff;font-weight:600;font-size:13px;padding:10px 18px;border-radius:9px}.fin-rev-pv-hr{border:none;border-top:1px solid var(--border);margin:20px 0 12px}.fin-rev-pv-foot{font-size:11px;color:var(--muted);margin:0}.fin-growth{max-width:900px}.fin-growth-segments{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.fin-growth-seg{font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:9px;border:1px solid var(--border);background:var(--white);color:var(--mid);cursor:pointer}.fin-growth-seg:hover:not(.on){border-color:var(--orange);color:var(--orange-tx)}.fin-growth-seg.on{background:var(--orange);border-color:var(--orange);color:var(--white)}.fin-growth-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-bottom:22px}.fin-growth-card{background:var(--surface);border-radius:10px;padding:12px 14px}.fin-growth-card-label{font-size:12px;color:var(--muted)}.fin-growth-card-val{font-size:22px;font-weight:600;color:var(--dark);margin-top:3px}.fin-growth-chart-head{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--mid);font-weight:600;margin-bottom:8px}.fin-growth-svg{width:100%;height:auto;display:block}.fin-growth-grid{stroke:var(--border);stroke-width:1}.fin-growth-xlabel,.fin-growth-ylabel{fill:var(--muted);font-size:11px}.fin-growth-area{fill:var(--orange);opacity:.1}.fin-growth-line{fill:none;stroke:var(--orange);stroke-width:2}.fin-growth-dot{fill:var(--orange)}.fin-growth-dot-active{fill:var(--orange);stroke:var(--white);stroke-width:1.5}.fin-growth-marker{stroke:var(--dark);stroke-width:1;stroke-dasharray:4 3;opacity:.4}.fin-growth-marker-label{fill:var(--mid);font-size:10px;font-weight:600}.fin-growth-line-ret{fill:none;stroke:#1a8f5b;stroke-width:2}.fin-growth-dot-ret{fill:#1a8f5b}.fin-growth-dot-ret-active{fill:#1a8f5b;stroke:var(--white);stroke-width:1.5}.fin-growth-line-conv{fill:none;stroke:#2a78d6;stroke-width:2}.fin-growth-dot-conv{fill:#2a78d6}.fin-growth-dot-conv-active{fill:#2a78d6;stroke:var(--white);stroke-width:1.5}.fin-growth-line-settling{stroke-dasharray:5 4;opacity:.75}.fin-growth-dot-settling{fill:var(--white);stroke:#2a78d6;stroke-width:1.6}.fin-growth-tip-box{fill:var(--dark)}.fin-growth-tip-text{fill:var(--white);font-size:11px;font-weight:600}.fin-growth-scroll{max-height:420px;overflow-y:auto;margin-top:8px;border:1px solid var(--border);border-radius:10px}.fin-growth-table{width:100%;border-collapse:collapse;font-size:13px}.fin-growth-table th{position:-webkit-sticky;position:sticky;top:0;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.fin-growth-table td{padding:7px 12px;border-bottom:1px solid var(--border);color:var(--dark)}.fin-growth-table tr:last-child td{border-bottom:none}.fin-growth-pos{color:#1a8f5b}.fin-growth-neg{color:#c0392b}.fin-growth-here,.fin-growth-tag{color:var(--muted)}.fin-growth-tag{font-size:12px}.fin-growth-listhead{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:12px;flex-wrap:wrap}.fin-growth-filter{display:flex;gap:4px}.fin-growth-filterbtn{font:inherit;font-size:12px;font-weight:600;padding:5px 11px;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--mid);cursor:pointer}.fin-growth-filterbtn.on{background:var(--orange);border-color:var(--orange);color:var(--white)}.fin-growth-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:14px}.fin-studentlist-status.fin-status-trial{background:#e7f0fb;color:#1e3a73}.fin-studentlist-status.fin-status-inactive{background:var(--surface);color:var(--muted)}.fin-studentlist-detail{padding:8px 14px 12px;font-size:13px;color:var(--mid);border-top:1px solid var(--border)}.fin-account{max-width:620px}.fin-account-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.fin-account-programme{font-size:12px;font-weight:700;padding:3px 10px;border-radius:9px;background:var(--dark);color:var(--white);white-space:nowrap}.fin-account-viewas{margin-left:auto;font-size:13px;font-weight:600;color:var(--orange-tx);text-decoration:none}.fin-place-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:10px}.fin-place-col{min-width:0}.fin-place-col-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mid);padding:4px 2px 6px;text-align:center;border-bottom:1px solid var(--border);margin-bottom:6px}.fin-place-empty{font-size:12px;padding:8px 0}.fin-place-closed,.fin-place-empty{text-align:center;color:var(--muted)}.fin-place-closed{font-size:11px;font-weight:600;padding:8px 4px;border:1px dashed var(--border);border-radius:8px;background:var(--surface)}.fin-place-cell{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:6px 7px;margin-bottom:5px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s}.fin-place-cell:hover{background:var(--orange-lt);border-color:var(--orange-lt)}.fin-place-cell.picked{border-color:var(--orange);background:var(--orange-lt);box-shadow:inset 0 0 0 1px var(--orange)}.fin-place-cell.full{opacity:.65}.fin-place-cell.booked{opacity:.5;cursor:not-allowed;background:var(--surface)}.fin-place-cell.booked:hover{background:var(--surface);border-color:var(--border)}.fin-place-cell.booked .fin-place-cell-cap{color:var(--muted)}.fin-place-cell-time{font-size:13px;font-weight:700;color:var(--dark)}.fin-place-cell-name{font-size:11px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-place-cell-cap{font-size:11px;font-weight:600;color:#2f7a3e}.fin-place-cell.full .fin-place-cell-cap{color:#c92a2a}.fin-place-cell-prog{font-size:10px;font-weight:700;color:var(--orange-tx);text-transform:uppercase}.fin-place-confirm{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;background:var(--orange-lt);border-radius:9px;font-size:13px}.fin-move-requester{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.fin-move-requester-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:600}.fin-move-seg{display:inline-flex;background:var(--white);border:1px solid var(--border);border-radius:9px;padding:2px}.fin-move-seg button{background:transparent;border:none;color:var(--mid);padding:5px 11px;border-radius:7px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.fin-move-seg button.on{background:var(--orange);color:var(--white)}.fin-move-seg button:disabled{opacity:.5;cursor:not-allowed}.fin-move-requester-hint{font-size:12px;color:var(--muted)}.fin-reminders-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.fin-reminders-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:600}.fin-reminders-hint{font-size:12px;color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:rgba(28,28,46,.45);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.fin-makeup-modal{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:22px;max-width:440px;width:100%}.fin-makeup-modal h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--dark)}.fin-makeup-modal p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--dark)}.fin-makeup-btn{display:block;width:100%;text-align:left;font-family:inherit;font-size:14px;font-weight:600;padding:11px 14px;border-radius:9px;border:1px solid var(--border);background:var(--white);color:var(--dark);cursor:pointer;margin-bottom:8px}.fin-makeup-btn .fin-muted{font-weight:400}.fin-makeup-btn:hover:not(:disabled){background:var(--orange-lt)}.fin-makeup-btn.primary{background:var(--orange);border-color:var(--orange);color:var(--white)}.fin-makeup-btn.primary .fin-muted{color:hsla(0,0%,100%,.8)}.fin-makeup-btn.primary:hover:not(:disabled){background:var(--orange-dk)}.fin-makeup-btn.ghost{text-align:center;border:none;background:none;color:var(--mid);font-weight:500;margin-bottom:0}.fin-makeup-btn:disabled{opacity:.6;cursor:wait}@media (max-width:760px){.fin-place-week{grid-template-columns:repeat(2,1fr)}}.fin-account-viewas:hover{text-decoration:underline}.fin-account-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:12px}.fin-account-card-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:600;margin-bottom:8px}.fin-account-headline{font-size:15px;font-weight:500;color:var(--dark);margin:0 0 6px}.fin-account-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dark)}.fin-account-hist-date{color:var(--mid);font-weight:600}.fin-account-actionrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.fin-account-outcome-tag{color:var(--orange-tx);font-weight:600;font-size:13px;line-height:1.4}.fin-account-month+.fin-account-month{margin-top:14px}.fin-account-month-head{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:700;margin:0 0 6px}.fin-account-cards{display:flex;flex-direction:column;gap:6px}.fin-account-lessoncard{border:1px solid var(--border);border-radius:9px;padding:10px 12px;background:var(--white);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.fin-account-lessoncard.cancelled{background:var(--surface);border-style:dashed}.fin-account-lessoncard.cancelled .fin-account-lessoncard-date{color:var(--muted);text-decoration:line-through}.fin-account-lessoncard-main{min-width:0;display:flex;flex-direction:column;gap:3px}.fin-account-lessoncard-date{font-size:14px;font-weight:600;color:var(--dark)}.fin-account-lessoncard .fin-outcome-menu-wrap{flex:0 0 auto}.fin-account-lessoncard-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.fin-outcome-menu-wrap{position:relative}.fin-outcome-cog{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--mid);cursor:pointer;padding:0;transition:background .12s,border-color .12s,color .12s}.fin-outcome-cog:hover:not(:disabled){background:var(--orange-lt);border-color:var(--orange-lt);color:var(--orange-tx)}.fin-outcome-cog.on{background:var(--orange);border-color:var(--orange);color:var(--white)}.fin-outcome-cog:disabled{opacity:.5;cursor:default}.fin-move-btn{background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--mid);font-family:inherit;font-size:13px;font-weight:500;padding:7px 12px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.fin-move-btn:hover:not(:disabled){background:var(--orange-lt);border-color:var(--orange-lt);color:var(--orange-tx)}.fin-move-btn:disabled{opacity:.5;cursor:default}.fin-move-btn.on{background:var(--orange);border-color:var(--orange);color:var(--white);opacity:1}.fin-account-lessoncard.moving{border-color:var(--orange);background:var(--orange-lt);box-shadow:inset 0 0 0 1px var(--orange)}.fin-account-outcome-tag.moving{background:var(--orange);color:var(--white)}.fin-moving-from{color:var(--orange-tx)}.fin-account-movedfrom{font-size:12px;color:var(--muted);margin-top:2px}.fin-account-notif{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:11px;color:var(--muted)}.fin-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--orange-lt);border-top-color:var(--orange);animation:fin-spin .7s linear infinite}@keyframes fin-spin{to{transform:rotate(1turn)}}.fin-btn-busy{display:inline-flex;align-items:center;gap:7px}.fin-btn-busy .fin-spin{width:13px;height:13px;border-width:2px}.fin-outcome-backdrop{position:fixed;inset:0;z-index:40}.fin-outcome-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:41;min-width:200px;background:var(--white);border:1px solid var(--border);border-radius:9px;padding:4px;display:flex;flex-direction:column}.fin-outcome-menu-item{text-align:left;background:transparent;border:none;color:var(--dark);font-family:inherit;font-size:13px;font-weight:500;padding:8px 10px;border-radius:7px;cursor:pointer;transition:background .12s,color .12s}.fin-outcome-menu-item:hover{background:var(--orange-lt);color:var(--orange-tx)}.fin-account-figures{margin:4px 0 0;display:flex;flex-direction:column;gap:4px}.fin-account-figures>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--border)}.fin-account-figures>div:last-child{border-bottom:none}.fin-account-figures dt{color:var(--mid);margin:0}.fin-account-figures dd{color:var(--dark);margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fin-account-reconcile{margin:10px 0 0;padding:10px 12px;background:#fef9e9;border-left:3px solid #f5c842;border-radius:9px;font-size:13px;line-height:1.5;color:var(--dark)}.fin-credit-remove{background:none;border:1px solid var(--border);color:#c92a2a;font-family:inherit;font-size:11px;padding:3px 9px;border-radius:7px;cursor:pointer}.fin-credit-remove:hover:not(:disabled){background:#fdeded;border-color:#c92a2a}.fin-credit-remove:disabled{opacity:.5;cursor:wait}.fin-location{max-width:560px}.fin-location-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:600;margin:16px 0 6px}.fin-location-input,.fin-location-textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;resize:vertical}.fin-location-input:focus,.fin-location-textarea:focus{outline:none;border-color:var(--orange)}.fin-location-hint{font-size:12px;color:var(--muted);margin:6px 0 0}.fin-location-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.fin-location-saved{font-size:13px;color:var(--orange-tx);font-weight:600}.fin-ledger-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.fin-ledger-detail{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:14px}.fin-ledger-balance{font-size:14px;margin:0 0 12px}.fin-ledger-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.fin-ledger-action{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fin-ledger-action-label{font-size:12px;color:var(--mid);font-weight:600}.fin-ledger-input{font-family:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;width:130px}.fin-ledger-credits{margin-top:4px;font-size:12px}.fin-lessons-nav-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);font:inherit;font-size:13px;padding:6px 12px;border-radius:7px;cursor:pointer}.fin-lessons-nav-btn:hover{background:var(--orange-lt);border-color:var(--orange);color:var(--orange-tx)}.fin-lessons-nav-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.fin-lessons-nav-btn.primary:hover{background:var(--orange-dk);border-color:var(--orange-dk);color:#fff}.fin-lessons-today{background:var(--surface)}.fin-lessons-range{font-size:14px;font-weight:600;color:var(--dark);min-width:200px;text-align:center}.fin-lessons-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mid);cursor:pointer;margin-left:auto}.fin-lessons-loading{font-size:11px;color:var(--muted);font-style:italic}.fin-lesson-card{background:var(--white);border-radius:8px;padding:8px 10px;margin-bottom:6px;border:1px solid var(--border);border-left-width:3px}.fin-lesson-card.fin-lesson-overcap{border-color:#c92a2a;background:#fdeded}.fin-lesson-time{font-family:Space Mono,monospace;font-size:11px;color:var(--mid);font-weight:700}.fin-lesson-name{font-size:12px;font-weight:600;color:var(--dark);margin:2px 0 3px;line-height:1.25}.fin-lesson-meta{font-size:10px;color:var(--muted);margin-bottom:4px}.fin-lesson-students{list-style:none;margin:6px 0 0;border-top:1px dashed var(--border);padding:6px 0 0}.fin-lesson-students li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--dark);padding:2px 0}.fin-lesson-student-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-lesson-status{font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.fin-lesson-status-booked{background:var(--orange);color:var(--white)}.fin-lesson-status-completed{background:#22a86b;color:var(--white)}.fin-lesson-status-no_show{background:#c92a2a;color:var(--white)}.fin-lesson-status-missed_notified{background:#f5c842;color:var(--dark)}.fin-lesson-status-cancelled_with_credit{background:var(--mid);color:var(--white)}.fin-lesson-status-cancelled_no_credit{background:var(--dark);color:var(--white)}.fin-lesson-status-rescheduled_in,.fin-lesson-status-rescheduled_out{background:#4a9eff;color:var(--white)}.fin-lesson-status-cancelled_by_teacher,.fin-lesson-status-closed_holiday{background:#e7f0fb;color:#1e3a73}.fin-lesson-warn{font-size:10px;color:#c92a2a;margin-top:4px;padding:3px 6px;background:#fdeded;border-radius:4px;line-height:1.3}.fin-sched-badge{display:inline-block;margin-left:6px;padding:1px 6px;background:var(--dark);color:var(--white);border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.5px;vertical-align:1px}.fin-sched-share{margin-top:14px;padding:12px 14px;background:var(--orange-lt);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:9px;font-size:13px;color:var(--dark)}.fin-sched-share code{background:var(--white);padding:1px 8px;border-radius:5px;font-size:12px;font-family:Space Mono,monospace}.fin-sched-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;padding:10px 14px;background:var(--white);border:1px solid var(--border);border-radius:9px;font-size:13px;color:var(--mid)}.fin-sched-summary strong{color:var(--dark)}.fin-sched-empty{padding:40px 20px}.fin-sched-empty p{color:var(--muted);text-align:center;font-size:13px}@media (max-width:800px){.fin-sched-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.fin-sched-grid{grid-template-columns:1fr}}.psched-loading{padding:80px 20px;text-align:center;color:var(--muted);font-size:14px}.psched-wrap{max-width:1000px;margin:0 auto;padding:32px 20px 60px}.psched-header{margin-bottom:22px;text-align:center}.psched-title{margin:0 0 6px;font-size:26px;font-weight:600;color:var(--dark);letter-spacing:-.3px}.psched-sub{margin:0;font-size:14px;color:var(--mid)}.psched-empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:14px;background:var(--white);border:1px solid var(--border);border-radius:12px}.psched-trial-note{color:var(--orange-tx);font-weight:600}.psched-legend{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--mid)}.psched-legend-item{display:inline-flex;align-items:center;gap:6px}.psched-legend-dot{width:12px;height:12px;border-radius:3px;background:var(--border)}.psched-legend-kids .psched-legend-dot{background:var(--orange)}.psched-legend-adults .psched-legend-dot{background:var(--teal)}.psched-legend-private .psched-legend-dot{background:#6c5ce7}.psched-legend-other .psched-legend-dot{background:var(--muted)}.psched-refresh{margin-top:16px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px}.psched-refresh-btn{background:var(--white);border:1px solid var(--border);color:var(--mid);padding:5px 12px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.psched-refresh-btn:hover{background:var(--orange-lt);border-color:var(--orange);color:var(--orange-tx)}.psched-disclaimer{margin-top:28px;padding:12px 16px;font-size:12px;color:var(--muted);text-align:center;line-height:1.55;font-style:italic;max-width:540px;margin-left:auto;margin-right:auto}.psched-slot-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.psched-slot-link:hover .fin-sched-block{border-color:var(--orange);box-shadow:0 2px 8px rgba(232,98,10,.15);transform:translateY(-2px)}.psched-slot-link:focus-visible .fin-sched-block{outline:2px solid var(--orange);outline-offset:2px}.psched-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--border);font-size:13px;color:var(--mid);text-align:center;line-height:1.6}.psched-footer a{color:var(--orange-tx);text-decoration:none;font-weight:500}.psched-footer a:hover{text-decoration:underline}.fin-table tbody tr:hover{background:var(--orange-lt)}.fin-empty{text-align:center;color:var(--muted);padding:18px 12px}.fin-status{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:999px}.fin-status-active{background:#e1f5ee;color:#085041}.fin-status-notice{background:#fef0e6;color:var(--orange-tx)}.fin-status-inactive{background:#efeff2;color:var(--mid)}.fin-status-trial{background:#e7f0fb;color:#1e3a73}.trial-gate-wrap{max-width:520px;margin:60px auto 80px;padding:36px 28px;background:var(--white);border:1px solid var(--border);border-radius:14px;text-align:center}.trial-gate-icon{font-size:38px;margin-bottom:12px}.trial-gate-title{margin:0 0 14px;font-size:18px;font-weight:600;color:var(--dark);line-height:1.4}.trial-gate-body{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--mid)}.trial-gate-body a{color:var(--orange-tx);text-decoration:none;font-weight:500}.trial-gate-body a:hover{text-decoration:underline}.fin-inactive-list{list-style:none;padding:0;margin:0;background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden}.fin-inactive-list li{padding:10px 14px;border-bottom:1px solid #f1f1f4;font-size:13px;color:var(--dark);display:flex;justify-content:space-between;align-items:center;gap:12px}.fin-inactive-list li:last-child{border-bottom:none}.fin-reactivate-btn{background:var(--white);border:1px solid var(--border);color:var(--orange-tx);font:inherit;font-size:12px;font-weight:500;padding:4px 10px;border-radius:7px;cursor:pointer}.fin-reactivate-btn:hover{background:var(--orange-lt);border-color:var(--orange)}.fin-status-select{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font:inherit;font-size:12px;color:var(--dark);cursor:pointer}.fin-status-select:focus{outline:none;border-color:var(--orange)}.fin-review-left_review{border-color:#0a8579;color:#0a8579;font-weight:600}.fin-review-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.fin-noask{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap}.fin-noask,.fin-noask input{cursor:pointer}.fin-hold-reason{width:100%;min-width:130px;border:1px solid var(--border);border-radius:6px;padding:2px 6px;font:inherit;font-size:11px;color:var(--dark)}.fin-hold-reason:focus{outline:none;border-color:var(--orange)}.fin-fee-cell{display:inline-flex;align-items:center;gap:2px;color:var(--mid);font-family:Space Mono,monospace}.fin-fee-cell-input{width:64px;padding:3px 6px;border:1px solid var(--border);border-radius:6px;font:inherit;font-family:Space Mono,monospace;color:var(--dark);background:var(--white);text-align:right;-moz-appearance:textfield}.fin-fee-cell-input::-webkit-inner-spin-button,.fin-fee-cell-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fin-fee-cell-input:focus{outline:none;border-color:var(--orange)}.fin-row-saving{opacity:.6;transition:opacity .15s}.fin-footer,.fin-muted{color:var(--muted)}.fin-footer{margin-top:30px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;text-align:center}@media (max-width:800px){.fin-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.fin-summary{grid-template-columns:1fr}.fin-table{font-size:12px}.fin-table td,.fin-table th{padding:8px}}.mb-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px}.mb-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.mb-subtitle{margin:0 0 18px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:500}.mb-stage{background:var(--dark);border-radius:14px;padding:20px;margin-bottom:18px}.mb-readout{display:flex;align-items:baseline;gap:12px;justify-content:center;min-height:54px;margin-bottom:6px}.mb-readout-big{font-family:Space Mono,ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;color:var(--white);line-height:1;letter-spacing:-1px}.mb-readout-big.muted{color:#9aa0ac;font-size:30px}.mb-readout-tag{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;color:#9aa0ac}.mb-fretboard{width:100%;height:auto;display:block}.mb-fret-wire{stroke:#3a3a52;stroke-width:2}.mb-nut{stroke:#6b6b8a;stroke-width:5}.mb-string-line{stroke:#52526a;stroke-width:1.4}.mb-inlay{fill:#2a2a3d}.mb-flabel,.mb-slabel{fill:#9aa0ac;font-family:Outfit,sans-serif;font-weight:500}.mb-flabel{font-size:13px;text-anchor:middle}.mb-slabel{font-size:12px;text-anchor:middle}.mb-note circle{fill:#33334d;stroke:#1c1c2e;stroke-width:1.5;transition:stroke .12s,stroke-width .12s}.mb-note.mb-f1 circle{fill:#f5d547}.mb-note.mb-f2 circle{fill:#4adb95}.mb-note.mb-f3 circle{fill:#4a9eff}.mb-note.mb-f4 circle{fill:#ec4899}.mb-note text{fill:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:14px;text-anchor:middle;pointer-events:none}.mb-note.mb-f1 text,.mb-note.mb-f2 text{fill:#1a1d24}.mb-note.mb-f3 text,.mb-note.mb-f4 text{fill:#fff}.mb-note.mb-root text{font-weight:700;font-size:16px}.mb-note.mb-next circle{stroke:#fff;stroke-width:2.5;stroke-dasharray:3 3}.mb-note.mb-current circle{stroke:#fff;stroke-width:5}.mb-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px}.mb-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:#9aa0ac;font-weight:500}.mb-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.mb-root-key b{color:#fff;font-weight:700}.mb-tab-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:10px 14px;margin-bottom:18px}.mb-tab-canvas{width:100%;height:170px;display:block}.mb-guide{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:16px}.mb-guide-steps{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--mid)}.mb-guide-steps b{color:var(--dark)}.mb-guide-steps span{display:inline-flex;align-items:center;gap:5px;color:var(--dark);font-weight:600}.mb-guide-steps i{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--orange);width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.mb-guide-more{margin-left:auto;font-family:var(--font);font-size:12px;font-weight:600;color:var(--orange-tx);background:none;border:none;padding:0;cursor:pointer}.mb-guide-more:hover{text-decoration:underline}.mb-guide-body{margin:8px 0 0;font-size:12.5px;line-height:1.6;color:var(--mid)}.mb-guide-body b{color:var(--dark)}.mb-seg-mini{margin-left:12px}.mb-seg-mini button{font-size:11px;padding:4px 10px}.mb-pat-preview{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:8px}.mb-pat-preview code{font-family:var(--mono);font-size:13px;color:var(--dark);display:flex;flex-wrap:wrap;gap:7px}.mb-pat-preview code span{font-weight:600}.mb-pat-gap{color:var(--muted);font-weight:400!important}.mb-pat-warn{flex-basis:100%;font-style:normal;font-size:11.5px;color:#b45309}.mb-transport{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.mb-transport-tempo{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:4px}.mb-transport .mb-btn-primary{min-width:110px}.mb-controls{display:flex;flex-direction:column;gap:16px}.mb-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mb-field{flex:1 1;min-width:200px}.mb-label{text-transform:uppercase;letter-spacing:.8px;font-weight:600;display:block;margin-bottom:7px}.mb-label,.mb-sub-label{font-size:11px;color:var(--mid)}.mb-sub-label{font-weight:500}.mb-seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.mb-seg button{background:transparent;border:none;color:var(--mid);padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.mb-seg button.on{background:var(--orange);color:var(--white)}.mb-seg button.pending{animation:mb-pending-pulse 1s ease-in-out infinite}@keyframes mb-pending-pulse{0%,to{background:var(--orange-lt);color:var(--orange-tx)}50%{background:var(--orange);color:var(--white)}}.mb-picker-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:6px 11px;border-radius:9px;font-size:15px;font-weight:600;font-family:inherit;min-width:34px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;line-height:1}.mb-picker-btn:hover{background:var(--orange-lt);border-color:var(--orange-lt)}.mb-stepper-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mb-step-val{font-family:Space Mono,monospace;font-size:15px;color:var(--dark);min-width:20px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mb-tempo-row{display:flex;align-items:center;gap:12px}.mb-tempo-row input[type=range]{width:100%;accent-color:var(--orange)}.mb-value-readout{font-family:Space Mono,monospace;font-size:13px;color:var(--dark);min-width:64px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mb-btn-primary{background:var(--orange);border:none;color:var(--white);padding:12px 22px;border-radius:9px;font-size:16px;font-weight:700;font-family:inherit;letter-spacing:.3px;cursor:pointer;transition:background .12s}.mb-btn-primary:hover{background:var(--orange-dk)}.mb-btn-primary.active{background:var(--dark)}.mb-btn-toggle{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:10px 16px;border-radius:9px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.mb-btn-toggle:hover{background:var(--orange-lt)}.mb-btn-toggle.active{background:var(--orange);border-color:var(--orange);color:var(--white)}.mb-audio-status,.mb-footer{font-size:12px;color:var(--muted)}.mb-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);text-align:center}.mb-footer a{color:var(--orange-tx);text-decoration:none}.mb-footer a:hover{text-decoration:underline}@media (max-width:520px){.mb-field{min-width:100%}.mb-readout-big{font-size:34px}}.cc-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px}.cc-title{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.2px}.cc-subtitle{margin:0 0 20px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:500}.cc-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.cc-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--mid);margin-right:4px;font-weight:500}.cc-chord-picker{display:flex;flex-wrap:wrap;gap:6px}.cc-chord-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:8px 14px;border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;min-width:44px;transition:background .12s,border-color .12s,color .12s}.cc-chord-btn:hover{background:var(--orange-lt);border-color:var(--orange)}.cc-chord-btn.selected{background:var(--orange);border-color:var(--orange);color:var(--white)}.cc-chord-btn-custom:not(.selected){border-style:dashed;border-color:var(--orange)}.cc-mode-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.cc-mode-toggle button{background:transparent;border:none;color:var(--mid);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.cc-mode-toggle button.on{background:var(--orange);color:var(--white)}.cc-clear-btn{background:var(--white);border:1px solid var(--border);color:var(--mid);padding:8px 14px;border-radius:9px;font-size:13px;cursor:pointer;font-family:inherit;margin-left:auto}.cc-clear-btn:hover:not(:disabled){background:var(--surface);color:var(--dark)}.cc-clear-btn:disabled{opacity:.4;cursor:not-allowed}.cc-calibrate-btn{background:var(--white);border:1px solid var(--border);color:var(--mid);padding:8px 14px;border-radius:9px;font-size:13px;cursor:pointer;font-family:inherit}.cc-calibrate-btn:hover{background:var(--orange-lt);border-color:var(--orange);color:var(--orange-tx)}.cc-calib-status{font-size:11px;color:var(--muted);font-family:Space Mono,monospace;cursor:pointer}.cc-play-area{background:var(--dark);border-radius:14px;padding:18px 16px 20px;margin-bottom:20px;flex-direction:column;gap:14px;color:var(--white)}.cc-play-area,.cc-stage-header{display:flex;align-items:center}.cc-stage-header{justify-content:center;gap:16px;font-size:30px;font-weight:600;letter-spacing:.5px;min-height:38px;margin-bottom:-4px}.cc-stage-chord-name{color:var(--orange-tx);transition:color .2s,opacity .2s}.cc-timer{font-family:Space Mono,monospace;font-size:56px;font-weight:700;color:var(--white);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:color .2s}.cc-timer.cc-live{color:var(--orange-tx)}.cc-timer.cc-stopped{color:var(--white)}.cc-timer.cc-hidden{display:none}.cc-timer-unit{font-size:.5em;color:hsla(0,0%,100%,.45)}.cc-chord-stage{display:flex;flex-direction:column;align-items:center;gap:10px}.cc-chord-svg-wrap{width:100%;display:flex;justify-content:center}.cc-chord-svg-wrap svg{display:block}.cc-chord-svg{display:block;width:100%;max-width:300px;height:auto}.cc-input-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:-4px 0 10px;flex-wrap:wrap}.cc-input-label{font-size:12px;font-weight:600;color:var(--mid)}.cc-input-select{font:inherit;font-size:12px;padding:5px 9px;border-radius:8px;max-width:260px;color:var(--fg);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.14)}.cc-playback{order:3;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:420px;margin:0 auto 14px;padding:12px 14px;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.09)}.cc-playback-title{font-size:14px;font-weight:700;letter-spacing:.02em;color:hsla(0,0%,100%,.92)}.cc-playback-btn{font:inherit;font-size:16px;font-weight:700;cursor:pointer;padding:9px 20px;border-radius:10px;color:#fff;background:var(--accent,#b84b2a);border:none;min-width:150px}.cc-playback-btn.playing{background:#4a4f5c}.cc-playback-note{font-size:13.5px;line-height:1.5;text-align:center;color:hsla(0,0%,100%,.82);max-width:34em}.cc-playback-note b{color:#fff;font-weight:700}.cc-playback-fine{font-size:11.5px;line-height:1.45;text-align:center;color:hsla(0,0%,100%,.55)}.cc-boost-row{display:flex;align-items:center;gap:9px;width:100%}.cc-boost-label{font-size:12.5px;font-weight:600;color:hsla(0,0%,100%,.8)}.cc-boost-slider{flex:1 1;min-width:90px}.cc-boost-value{font-size:12px;font-weight:700;color:hsla(0,0%,100%,.8);white-space:nowrap}.cc-boost-peak{font-weight:500;color:hsla(0,0%,100%,.55)}.cc-strings-block{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:300px;order:2}.cc-strings-prompt{font-size:13px;color:hsla(0,0%,100%,.85);text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:500}.cc-strings-row{display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;width:100%;max-width:300px;padding:0 5%;margin:0 auto}.cc-string-tap{width:44px;height:44px;border-radius:50%;border:2px solid var(--orange);background:var(--orange);color:var(--white);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;padding:0;transition:background .12s,border-color .12s,color .12s,transform .05s}.cc-string-tap:active{transform:scale(.92)}.cc-string-tap.failed{background:#3a3e4d;border-color:hsla(0,0%,100%,.6);color:var(--white)}.cc-string-tap.muted{background:transparent;border-color:hsla(0,0%,100%,.25);border-style:dashed;color:hsla(0,0%,100%,.45);cursor:not-allowed;text-decoration:line-through}.cc-string-tap.muted:active{transform:none}.cc-action-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.cc-action-btn{background:var(--orange);border:none;color:var(--white);padding:18px 40px;border-radius:9px;font-size:22px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.5px;min-width:140px;transition:background .12s,transform .05s}.cc-action-btn:active{transform:translateY(1px)}.cc-action-btn:hover:not(:disabled){background:var(--orange-dk)}.cc-action-btn:disabled{opacity:.5;cursor:not-allowed}.cc-action-btn.stop{background:#d44545}.cc-action-btn.stop:hover{background:#e85555}.cc-action-btn.save{background:var(--orange)}.cc-action-btn.discard{background:transparent;color:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.25);font-size:15px;padding:14px 22px;min-width:0;font-weight:500;letter-spacing:.3px}.cc-action-btn.discard:hover{background:hsla(0,0%,100%,.08);color:var(--white)}.cc-action-btn.cancel{background:transparent;color:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.2);font-size:13px;padding:10px 16px;min-width:0;font-weight:500;letter-spacing:.3px}.cc-action-btn.cancel:hover{background:hsla(0,0%,100%,.08);color:var(--white)}.cc-instruction{font-size:14px;color:hsla(0,0%,100%,.7);text-align:center;line-height:1.5;max-width:420px;min-height:42px}.cc-instruction strong{color:var(--white);font-weight:600}.cc-accent{color:var(--orange-tx);font-weight:700}.cc-meter,.cc-meter-wrap{width:240px}.cc-meter{height:10px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;overflow:hidden}.cc-meter-fill{height:100%;background:var(--orange);width:0;transition:width .05s linear}.cc-meter-fill.over{background:#5fd770}.cc-listen-debug{font-family:Space Mono,monospace;font-size:11px;color:hsla(0,0%,100%,.55);min-height:14px}.cc-calib-strings-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.cc-calib-strings-prompt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:hsla(0,0%,100%,.6);text-align:center;margin-bottom:6px;font-weight:500}.cc-calib-strings{gap:8px}.cc-calib-string,.cc-calib-strings{display:flex;justify-content:center}.cc-calib-string{width:30px;height:30px;border-radius:50%;border:2px solid hsla(0,0%,100%,.25);background:transparent;color:hsla(0,0%,100%,.5);font-size:11px;font-weight:600;align-items:center;font-family:inherit;transition:background .15s,border-color .15s,color .15s,transform .1s}.cc-calib-string.heard{background:#5fd770;border-color:#5fd770;color:var(--dark);transform:scale(1.05)}.cc-calib-result-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.cc-calib-result-status{font-size:22px;font-weight:600;text-align:center;letter-spacing:.3px}.cc-calib-result-status.good{color:#5fd770}.cc-calib-result-status.ok{color:var(--orange-tx)}.cc-calib-result-status.warn{color:#f5c842}.cc-calib-result-status.bad{color:#d44545}.cc-calib-tip{font-size:14px;color:var(--white);line-height:1.5;max-width:440px;text-align:center;background:hsla(0,0%,100%,.06);border-left:3px solid var(--orange);border-radius:9px;padding:10px 14px}.cc-calib-tip strong{color:var(--orange-tx);font-weight:600}.cc-calib-disclaimer{font-size:12px;color:hsla(0,0%,100%,.55);line-height:1.5;max-width:440px;text-align:center;font-style:italic}.cc-graph-wrap{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px;overflow-x:auto}.cc-graph-wrap svg{display:block;min-width:100%}.cc-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:18px}.cc-stat{background:var(--white);border:1px solid var(--border);border-radius:9px;padding:10px 12px;text-align:center}.cc-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--mid);margin-bottom:4px;font-weight:500}.cc-stat-value{font-family:Space Mono,monospace;font-size:18px;font-weight:700;color:var(--dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-stat-sub,.cc-stat-value.muted{color:var(--muted)}.cc-stat-sub{font-size:10px;margin-top:2px}.cc-tip{padding:10px 14px;background:var(--orange-lt);border-left:3px solid var(--orange);border-radius:9px;font-size:13px;color:var(--dark);line-height:1.5;margin-bottom:12px}.cc-tip strong{color:var(--orange-tx)}.cc-legend{font-size:12px;color:var(--mid);line-height:1.6}.cc-legend .cc-clean-dot,.cc-legend .cc-failed-dot,.cc-legend .cc-finger-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px;margin:0 2px 0 6px}.cc-legend .cc-clean-dot{background:var(--orange)}.cc-legend .cc-failed-dot{background:var(--dark)}.cc-legend .cc-finger-1{background:#f5c842}.cc-legend .cc-finger-2{background:#5fd770}.cc-legend .cc-finger-3{background:#4a9eff}.cc-legend .cc-finger-4{background:#ec4899}.cc-legend .cc-finger-row{display:block;margin-top:6px}@media (max-width:540px){.cc-timer{font-size:44px}.cc-stage-header{font-size:24px;min-height:32px}.cc-action-btn{padding:16px 32px;font-size:20px;min-width:120px}.cc-stats{grid-template-columns:repeat(2,1fr)}.cc-clear-btn{margin-left:0}}.gw-wrap{max-width:760px;margin:0 auto;padding:4px 0 32px;color:var(--dark)}.gw-title{font-size:22px;font-weight:600;color:var(--dark);letter-spacing:-.2px;margin:0 0 4px}.gw-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:500;margin:0 0 18px}.gw-modes{margin-bottom:10px}.gw-seg-modes{display:flex;width:100%}.gw-seg-modes button{flex:1 1;padding:9px 6px;font-size:14px}.gw-tip{font-size:12px;color:var(--muted);margin:0 2px 14px;min-height:16px}.gw-seg{display:inline-flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.gw-seg button{background:transparent;border:none;color:var(--mid);padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .12s,color .12s}.gw-seg button:hover{background:var(--orange-lt);color:var(--dark)}.gw-seg button.on,.gw-seg button.on:hover{background:var(--orange-dk);color:var(--white)}.gw-stage{background:var(--dark);border-radius:14px;padding:16px 16px 12px;margin-bottom:16px}.gw-stage-header{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;color:#9aa0ac;text-align:center;margin-bottom:4px;min-height:14px}.gw-fretboard{width:100%;height:auto;display:block}.gw-fretboard [hidden]{display:none!important}.gw-headstock{fill:#2f2f44}.gw-headstock-string{stroke:#5a5f6e;stroke-width:1.2}.gw-fret-wire{stroke:#3a3a52;stroke-width:2}.gw-nut{stroke:#6b6b8a;stroke-width:5}.gw-string-line{stroke:#52526a;stroke-width:1.4}.gw-inlay{fill:#2a2a3d}.gw-flabel,.gw-slabel{fill:#9aa0ac;font-family:var(--font);font-weight:500}.gw-flabel{font-size:13px;text-anchor:middle}.gw-slabel{font-size:12px;text-anchor:middle}.gw-note circle{fill:#33334d;stroke:#1c1c2e;stroke-width:1.5;transition:stroke .12s,stroke-width .12s}.gw-note.gw-f1 circle{fill:#f5d547}.gw-note.gw-f2 circle{fill:#4adb95}.gw-note.gw-f3 circle{fill:#4a9eff}.gw-note.gw-f4 circle{fill:#ec4899}.gw-note text{fill:#fff;font-family:var(--font);font-weight:500;font-size:14px;text-anchor:middle}.gw-note.gw-f1 text,.gw-note.gw-f2 text{fill:#1a1d24}.gw-note.gw-f3 text,.gw-note.gw-f4 text{fill:#fff}.gw-note.gw-next circle{stroke:#fff;stroke-width:2.5;stroke-dasharray:3 3}.gw-note.gw-current circle{stroke:#fff;stroke-width:5}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview circle{fill:transparent;stroke-width:2;stroke-dasharray:4 4}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f1 circle{stroke:#f5d547}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f2 circle{stroke:#4adb95}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f3 circle{stroke:#4a9eff}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f4 circle{stroke:#ec4899}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f1 text{fill:#f5d547}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f2 text{fill:#4adb95}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f3 text{fill:#4a9eff}.gw-fretboard:not(.gw-playing) .gw-note.gw-preview.gw-f4 text{fill:#ec4899}.gw-note{transition:opacity .15s}.gw-playing .gw-note{opacity:.45}.gw-playing .gw-note.gw-next{opacity:.85}.gw-playing .gw-note.gw-current{opacity:1}.gw-mover circle{stroke:#1c1c2e;stroke-width:1.5}.gw-mover.gw-f1 circle{fill:#f5d547}.gw-mover.gw-f2 circle{fill:#4adb95}.gw-mover.gw-f3 circle{fill:#4a9eff}.gw-mover.gw-f4 circle{fill:#ec4899}.gw-mover text{font-family:var(--font);font-weight:600;font-size:14px;text-anchor:middle}.gw-mover.gw-f1 text,.gw-mover.gw-f2 text{fill:#1a1d24}.gw-mover.gw-f3 text,.gw-mover.gw-f4 text{fill:#fff}.gw-crnext circle{fill:none;stroke-width:2.5;stroke-dasharray:3 3;opacity:.75}.gw-crnext.gw-f1 circle{stroke:#f5d547}.gw-crnext.gw-f2 circle{stroke:#4adb95}.gw-crnext.gw-f3 circle{stroke:#4a9eff}.gw-crnext.gw-f4 circle{stroke:#ec4899}.gw-string-ext{stroke:#3c3c58;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:2 6}.gw-string-live{stroke:#e8eaf2;stroke-width:2;stroke-linecap:round;opacity:0;pointer-events:none}.gw-pick path{fill:var(--orange);transition:opacity .12s}.gw-pick.gw-ghost path{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:3 3}.gw-pick{transition:transform .1s}.gw-beats{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.gw-pip{width:10px;height:10px;border-radius:50%;background:#33334d}.gw-pip.accent{width:13px;height:13px}.gw-pip.on{background:var(--orange)}.gw-beats-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;color:#9aa0ac;margin-left:6px;min-width:64px}.gw-sound-note{font-size:11px;color:#9aa0ac;text-align:center;margin-top:6px;min-height:13px}.gw-controls{display:flex;flex-direction:column;gap:14px}.gw-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.gw-field{display:flex;flex-direction:column}.gw-field.gw-grow{flex:1 1;min-width:220px}.gw-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:600;display:block;margin-bottom:7px}.gw-picker-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:6px 11px;border-radius:9px;font-size:15px;font-weight:600;font-family:var(--font);min-width:34px;cursor:pointer;line-height:1;transition:background .12s,border-color .12s,color .12s}.gw-picker-btn:hover{background:var(--orange-lt);border-color:var(--orange-lt)}.gw-stepper-row{display:flex;align-items:center;gap:8px}.gw-step-val{font-family:var(--mono);font-size:15px;color:var(--dark);min-width:46px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gw-tempo-row{display:flex;align-items:center;gap:12px}.gw-value-readout{font-family:var(--mono);font-size:13px;color:var(--dark);min-width:64px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gw-maxim{font-size:12px;color:var(--muted);margin-top:4px}.gw-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.gw-btn-primary{background:var(--orange);border:none;color:var(--white);padding:12px 26px;border-radius:9px;font-size:16px;font-weight:700;font-family:var(--font);letter-spacing:.3px;cursor:pointer;transition:background .12s}.gw-btn-primary:hover{background:var(--orange-dk)}.gw-btn-primary.active{background:var(--dark)}.gw-toggle-btn{background:var(--white);border:1px solid var(--border);color:var(--muted);padding:10px 16px;border-radius:9px;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.gw-toggle-btn:hover{background:var(--orange-lt);color:var(--dark)}.gw-toggle-btn.on{background:var(--orange-lt);border-color:var(--orange);color:var(--orange-tx);font-weight:600}.gw-legend{display:flex;gap:16px;justify-content:center;margin-top:16px;flex-wrap:wrap}.gw-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:500}.gw-dot,.gw-legend .gw-dot{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#1a1d24}.gw-dot.gw-light-text{color:#1a1d24}.gw-dot.gw-dashed{background:transparent;border:2px dashed var(--muted)}@media (max-width:520px){.gw-field.gw-grow{min-width:100%}.gw-seg-modes button{font-size:12.5px;padding:9px 2px}.gw-row{gap:12px}}.hl-wrap{max-width:760px;margin:0 auto}.hl-title{font-size:22px;font-weight:600;color:var(--dark);margin:0 0 2px}.hl-subtitle{margin:0 0 8px;text-transform:uppercase;letter-spacing:1.5px}.chord-ladder,.hl-subtitle{font-size:12px;color:var(--muted);font-weight:500}.chord-ladder{margin:0 0 5px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chord-ladder button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.chord-ladder button:hover,.chord-ladder-here{color:var(--orange-tx)}.chord-ladder-here{font-weight:600}.chord-ladder-arrow{color:var(--mid)}.chord-ladder-note{margin:0 0 14px;font-size:11.5px;color:var(--muted)}.hl-intro{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--mid);max-width:62ch}.hl-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.hl-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mid);font-weight:600}.hl-sub-label{font-size:11px;color:var(--muted);font-weight:500}.hl-sub-label em{font-style:normal;opacity:.75}.hl-seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px;flex-wrap:wrap}.hl-seg button{background:transparent;border:none;color:var(--mid);padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.hl-seg button.on{background:var(--orange);color:var(--white)}.hl-seg button:disabled{opacity:.45;cursor:default}.hl-seg-mini button{padding:4px 9px;font-size:12px}.hl-chord-picker{display:flex;flex-wrap:wrap;gap:6px}.hl-chord-btn{background:var(--white);border:1px solid var(--border);color:var(--dark);padding:6px 10px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;min-width:38px}.hl-chord-btn:hover{background:var(--orange-lt);border-color:var(--orange-lt)}.hl-chord-btn.on{background:var(--orange);border-color:var(--orange);color:var(--white)}.hl-chord-custom{border-style:dashed}.hl-stage{background:var(--dark);border-radius:14px;padding:18px 12px 12px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center}.hl-cue{text-align:center;min-height:44px;margin:2px 0 8px}.hl-cue-title{font-size:15px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--white);transition:color .12s}.hl-cue-hint{font-size:12px;color:#9aa0ac;margin-top:3px;min-height:15px}.hl-cue-bad .hl-cue-title{color:#e24b4a}.hl-cue-good .hl-cue-title{color:var(--orange-tx)}.hl-board-wrap{width:100%;max-width:560px;margin:0 auto;position:relative}.hl-fretboard{width:100%;height:auto;max-width:360px;margin:0 auto}.hl-fretboard-3d{width:100%;aspect-ratio:3/2}.hl-lh-badge{position:absolute;top:8px;right:8px;z-index:2;pointer-events:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--orange);padding:3px 9px;border-radius:6px}.hl-countin{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.hl-countin-label{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange-tx)}.hl-countin-pips{display:flex;align-items:center;gap:8px}.hl-countin-pip{width:10px;height:10px;border-radius:50%;background:#3a3e4d;transition:background .08s}.hl-countin-pip.accent{width:13px;height:13px}.hl-countin-pip.lit{background:var(--orange)}.hl-steps{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap;justify-content:center}.hl-step{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#6f7688;display:inline-flex;align-items:center;gap:5px;transition:color .12s}.hl-step i{font-style:normal;font-size:10px;font-weight:600;color:#9aa0b2;background:#2a2e3d;border-radius:999px;padding:1px 6px}.hl-step.on{color:var(--orange-tx)}.hl-step.on i{color:var(--white);background:var(--orange)}.hl-step.on.bad{color:#e24b4a}.hl-step.on.bad i{background:#e24b4a}.hl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.hl-play{background:var(--orange);border:none;color:var(--white);padding:11px 24px;border-radius:9px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer}.hl-play:hover{background:var(--orange-dk)}.hl-btn{background:var(--white);border:1px solid var(--border);color:var(--mid);padding:9px 14px;border-radius:9px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}.hl-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange-tx)}.hl-btn:disabled{opacity:.45;cursor:default}.hl-audio-status{font-size:11.5px;color:var(--muted)}.hl-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.hl-control{display:flex;flex-direction:column;gap:6px}.hl-wide{grid-column:1/-1}.hl-control-row{display:flex;align-items:center;gap:10px}.hl-control-row input[type=range]{flex:1 1;min-width:0}.hl-readout{font-family:var(--mono);font-size:12px;color:var(--mid);white-space:nowrap}.hl-steps-grid{display:flex;flex-wrap:wrap;gap:12px 18px}.hl-step-beats{display:flex;flex-direction:column;gap:4px}.hl-legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;color:var(--mid)}.hl-legend-item{gap:6px}.hl-legend-item,.hl-legend-item i{display:inline-flex;align-items:center}.hl-legend-item i{font-style:normal;width:18px;height:18px;border-radius:50%;justify-content:center;font-size:11px;font-weight:700}.mc-wrap{max-width:720px;margin:0 auto}.mc-intro{font-size:14px;color:var(--mid);line-height:1.55;margin:0 0 18px}.mc-group{margin-bottom:22px}.mc-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.mc-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0}.mc-add{padding:7px 13px;font-size:13px;font-weight:600}.mc-empty{font-size:13px;color:var(--mid);line-height:1.5;margin:0;padding:14px;background:var(--white);border:1px dashed var(--border);border-radius:10px}.mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));grid-gap:12px;gap:12px}.mc-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;background:var(--white);border:2px solid var(--border);border-radius:12px;cursor:pointer;font-family:var(--font);transition:border-color .12s,background .12s,transform .12s}.mc-card.on,.mc-card:hover{border-color:var(--orange)}.mc-card.on{background:var(--orange-lt)}.mc-card.on:after{content:"✓";position:absolute;top:4px;right:6px;font-size:13px;font-weight:700;color:var(--orange-tx);line-height:1}.mc-card-name{font-size:14px;font-weight:700;color:var(--dark)}.mc-card.on .mc-card-name{color:var(--orange-tx)}.mc-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:12px;position:-webkit-sticky;position:sticky;top:8px;z-index:5;box-shadow:0 2px 8px rgba(28,28,46,.06)}.mc-count{font-size:13px;color:var(--mid)}.mc-hud{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.mc-timer{font-family:var(--mono);font-size:26px;font-weight:700;color:var(--dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:5ch}.mc-penalty-total{font-size:12px;font-weight:600;color:var(--orange-tx)}.mc-best{font-size:13px;color:var(--mid)}.mc-quit{margin-left:auto}.mc-penalty-flash{position:fixed;left:50%;top:22%;transform:translateX(-50%);font-size:34px;font-weight:700;color:var(--coral);pointer-events:none;animation:mc-penalty .6s ease-out forwards;z-index:40}@keyframes mc-penalty{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}25%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-26px) scale(1)}}.mc-game{display:flex;flex-direction:column;gap:20px}.mc-names{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mc-name{padding:12px 20px;font-size:17px;font-weight:700;font-family:var(--font);color:var(--dark);background:var(--white);border:2px solid var(--border);border-radius:11px;cursor:pointer;transition:all .12s}.mc-name.on,.mc-name:hover{border-color:var(--orange)}.mc-name.on{background:var(--orange);color:var(--white)}.mc-name.wrong{border-color:var(--coral);color:var(--coral);animation:mc-shake .35s}.mc-shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(234px,1fr));grid-gap:12px;gap:12px}.mc-shape,.mc-shapes{justify-content:center}.mc-shape{display:flex;padding:10px 6px;background:var(--white);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .12s,transform .12s}.mc-shape.on,.mc-shape:hover{border-color:var(--orange)}.mc-shape.on{background:var(--orange-lt)}.mc-shape.wrong{border-color:var(--coral);animation:mc-shake .35s}@keyframes mc-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.mc-name.gone,.mc-shape.gone{opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .35s ease,transform .35s ease}.mc-done{text-align:center;padding:26px 16px;background:var(--white);border:1px solid var(--border);border-radius:14px}.mc-done h3{font-size:22px;font-weight:700;color:var(--dark);margin:0 0 8px}.mc-pb{font-size:15px;font-weight:700;color:var(--orange-tx);margin:0 0 4px}.mc-note{font-size:13px;color:var(--mid);margin:0 0 4px}.mc-done .mc-bar{justify-content:center;border-top:none}.mc-btn{background:var(--orange);border:none;color:var(--white);padding:10px 18px;border-radius:9px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.mc-btn:hover:not(:disabled){background:var(--orange-dk)}.mc-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.mc-btn-secondary{background:var(--white);border:1px solid var(--border);color:var(--mid)}.mc-btn-secondary:hover{background:var(--surface);color:var(--dark)}