:root{--bg: #faf1de;--surface: #fffcf6;--surface-2: #f7e9d2;--text: #2b1d10;--muted: #8a7256;--border: #edddbe;--primary: #ee8a1f;--primary-ink: #ffffff;--primary-soft: #fce3bd;--brand-brown: #6b3a1c;--accent: #2f7d6e;--good: #2f9e57;--ok: #d9a625;--warn: #de6f2b;--bad: #d1495b;--shadow: 0 1px 3px rgba(90, 55, 15, .1), 0 8px 22px rgba(90, 55, 15, .08);--radius: 16px;--radius-sm: 10px;--diagram-line: #b7afaf;--diagram-dot: #2f2a26;--diagram-dot-text: #ffffff;--splash-cream: rgb(243, 227, 199)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1c150e;--surface: #271d13;--surface-2: #302418;--text: #f5e9d8;--muted: #b39c80;--border: #3d2f1f;--primary: #f5a03c;--primary-ink: #241505;--primary-soft: #3f2c17;--brand-brown: #e0aa74;--accent: #4bb3a0;--good: #43c072;--ok: #e6bb3a;--warn: #e0864b;--bad: #e56576;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 22px rgba(0, 0, 0, .35);--diagram-line: #7c828d;--diagram-dot: #e7e3dd;--diagram-dot-text: #21242b}}:root[data-theme=dark]{--bg: #1c150e;--surface: #271d13;--surface-2: #302418;--text: #f5e9d8;--muted: #b39c80;--border: #3d2f1f;--primary: #f5a03c;--primary-ink: #241505;--primary-soft: #3f2c17;--brand-brown: #e0aa74;--accent: #4bb3a0;--good: #43c072;--ok: #e6bb3a;--warn: #e0864b;--bad: #e56576;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 22px rgba(0, 0, 0, .35);--diagram-line: #7c828d;--diagram-dot: #e7e3dd;--diagram-dot-text: #21242b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Assistant,Rubik,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:14px 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.appbar h1{font-size:18px;margin:0;font-weight:700}.appbar-title{display:flex;align-items:center}.brand-mark{width:26px;height:26px;border-radius:7px;object-fit:cover;display:block}.brand-name{font-family:Poppins,Segoe UI,system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:.2px;color:var(--primary);direction:ltr}.appbar .back{background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:4px 8px;border-radius:8px;line-height:1}.appbar .back:active{background:var(--surface-2)}.appbar .spacer{flex:1}.content{flex:1;padding:16px 16px 96px}.bottomnav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0 calc(9px + env(safe-area-inset-bottom,0px));text-decoration:none;color:var(--muted);font-size:11px;font-weight:600}.bottomnav a.active{color:var(--primary)}.bottomnav a .ico{font-size:18px;line-height:1;width:30px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background .15s ease}.bottomnav a.active .ico{background:var(--primary-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:10px;cursor:pointer}.tile .tile-ico{font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--primary-soft)}.tile .tile-title{font-weight:700;font-size:16px}.tile .tile-sub{color:var(--muted);font-size:13px}.tile:active{transform:scale(.98)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .05s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn-block{width:100%;display:block}.btn-lg{padding:14px 20px;font-size:16px}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;align-items:center;gap:10px}.wrap{display:flex;flex-wrap:wrap;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.section-title{font-size:14px;font-weight:700;color:var(--muted);margin:18px 4px 8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px}.chip.removable{padding-inline-end:6px}.chip button{border:none;background:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.pill-good{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}.pill-ok{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.pill-warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.pill-bad{background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)}textarea,input,select{font-family:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}textarea:focus,input:focus,select:focus{outline:2px solid var(--primary);border-color:var(--primary)}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--brand-brown) 100%);color:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.hero h2{margin:0 0 6px;font-size:20px}.hero p{margin:0;opacity:.9;font-size:14px}.diagram-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 8px}.diagram-card .name{font-weight:700;font-size:14px}.diagram-card .sub{font-size:11px;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty .big{font-size:40px;margin-bottom:10px}.mastery{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.mastery button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 2px;cursor:pointer;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text)}.mastery button .dot{font-size:16px}.mastery button.sel{border-color:var(--primary);background:var(--primary-soft)}.list-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;text-decoration:none;color:var(--text)}.list-item+.list-item{margin-top:8px}.list-item .grow{flex:1}.list-item .title{font-weight:700}.list-item-delete{border:none;background:none;font-size:17px;padding:4px 2px;cursor:pointer;line-height:1;opacity:.55}.list-item-delete:active{opacity:1}.progressbar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progressbar>span{display:block;height:100%;background:var(--primary)}.option-card{position:relative}.option-card.top{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 40%,transparent),var(--shadow)}.badge-top{position:absolute;inset-inline-start:16px;top:-11px;background:var(--primary);color:var(--primary-ink);font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}.capo-num{font-size:26px;font-weight:800}.reasons{margin:10px 0 0;padding-inline-start:18px}.reasons li{margin:4px 0;font-size:14px}details.all-options summary{cursor:pointer;font-weight:700;padding:12px;text-align:center;list-style:none;color:var(--primary)}details.all-options summary::-webkit-details-marker{display:none}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.segmented button{flex:1;border:none;background:transparent;padding:8px 10px;border-radius:999px;font-weight:700;font-size:12.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.segmented button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.segmented button:disabled{opacity:.4;cursor:default}.song-body{margin-top:4px}.song-block{margin-bottom:12px}.song-blank{height:12px}.chord-row{display:flex;flex-wrap:wrap;gap:16px;direction:ltr;justify-content:flex-start}.chord-row .chord-tok{border:none;background:none;padding:0;cursor:pointer;font-weight:800;font-size:15px;color:var(--primary)}.chord-row .chord-tok:active{opacity:.7}.chord-tok-diagram{margin:8px 0 4px;display:flex;justify-content:flex-start}.lyric-row{margin:2px 0 0;font-size:15px;line-height:1.55;color:var(--text)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#14100d;display:flex;align-items:center;justify-content:center}.splash-video-stage{background:var(--splash-cream)}.splash-video{width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain;background:var(--splash-cream)}.splash-unmute{position:absolute;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#0000008c;color:#fff;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer}.splash-tap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#14100db8;cursor:pointer}.splash-logo{width:120px;height:120px;border-radius:26px;object-fit:cover;box-shadow:0 8px 30px #00000080}.tuner-note{font-size:56px;font-weight:800;color:var(--primary);line-height:1;direction:ltr}.tuner-cents{font-size:22px;font-weight:800;margin-top:10px;direction:ltr}.tuner-gauge{width:100%}.tuner-gauge-track{position:relative;height:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;margin:0 4px}.tuner-gauge-zone-good{position:absolute;inset-inline-start:45%;width:10%;top:0;bottom:0;background:color-mix(in srgb,var(--good) 25%,transparent);border-radius:999px}.tuner-gauge-tick{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--muted);opacity:.5}.tuner-gauge-tick-center{inset-inline-start:50%;opacity:.8}.tuner-gauge-needle{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);transition:inset-inline-start .12s ease-out,background .2s ease}.tuner-gauge-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted);direction:ltr}.tuner-level-track{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.tuner-level-fill{height:100%;border-radius:999px;transition:width .1s ease-out,background .2s ease}.tuner-strings{display:flex;flex-direction:column;gap:4px}.tuner-string-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm)}.tuner-string-row.active{background:var(--primary-soft)}.tuner-string-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.tuner-string-row.active .tuner-string-dot{background:var(--primary)}.tuner-string-label{font-weight:800;font-size:16px;width:20px;direction:ltr}.tuner-string-note{flex:1;direction:ltr}.tuner-string-check{color:var(--good);font-weight:800;width:18px;text-align:center}.splash-credit-light{flex-direction:column;justify-content:space-between;background:var(--bg);padding:40px 20px 24px}.splash-credit-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.splash-logo-lg{width:128px;height:128px;border-radius:30px;object-fit:cover;box-shadow:var(--shadow);margin-bottom:8px}.splash-wordmark{font-family:Poppins,Segoe UI,system-ui,sans-serif;font-weight:800;font-size:34px;color:var(--primary);direction:ltr}.splash-tagline{color:var(--brand-brown);font-size:15px;font-weight:600}.splash-copyright-bottom{color:var(--muted);font-size:13px;text-align:center;padding-bottom:env(safe-area-inset-bottom,0px)}.splash-skip-dark{background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--text);border-color:var(--border)}.profile-header-card{background:linear-gradient(160deg,var(--primary-soft) 0%,var(--surface) 55%)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary-soft);border:2px solid var(--surface);box-shadow:var(--shadow);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.profile-header-top{display:flex;align-items:center;gap:12px}.profile-greeting{font-weight:800;font-size:17px;flex:1}.profile-pet-wrap{position:relative;flex-shrink:0}.profile-pet{width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex-shrink:0}.pet-hungry-dot{position:absolute;top:-2px;inset-inline-end:-2px;width:12px;height:12px;border-radius:50%;background:var(--bad);border:2px solid var(--surface)}.pet-bubble{position:absolute;top:-8px;inset-inline-end:52px;transform:translateY(-100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px 10px;font-size:12px;font-weight:600;box-shadow:var(--shadow);white-space:nowrap;z-index:5}.profile-edit-chip{margin-top:8px}.profile-edit-box{margin-top:10px}.profile-actions-row{display:flex;justify-content:space-between;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.profile-action-btn{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--text);font-size:11px;font-weight:600;flex:1}.profile-action-ico{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px;padding:10px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.avatar-option{aspect-ratio:1;border-radius:10px;font-size:20px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.avatar-option.sel{border-color:var(--primary);background:var(--primary-soft)}.avatar-add{font-size:22px;font-weight:800;color:var(--muted);overflow:hidden}.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.gender-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0}.gender-toggle-btn{padding:16px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:16px;font-weight:700;color:var(--text);cursor:pointer}.gender-toggle-btn.sel{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 4px}.profile-stat span:first-child,.profile-stat b{font-size:16px}.wheel-card{padding:28px 20px}.wheel-title{font-size:18px;font-weight:800}.prize-wheel-wrap{position:relative;width:min(240px,70vw);margin:0 auto 18px}.prize-wheel{width:100%;height:auto;display:block;border-radius:50%;box-shadow:var(--shadow);transition-property:transform;transition-timing-function:cubic-bezier(.15,.7,.2,1)}.prize-wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:22px;color:var(--brand-brown);z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:none;padding:13px 10px;font-size:15px;color:var(--text);cursor:pointer;text-align:start}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-check{color:var(--primary);font-weight:800}.toggle-switch{width:42px;height:25px;border-radius:999px;background:var(--border);position:relative;flex-shrink:0;transition:background .15s ease;border:none;cursor:pointer;padding:0}.toggle-switch.on{background:var(--primary)}.toggle-thumb{position:absolute;top:2px;inset-inline-start:2px;width:21px;height:21px;border-radius:50%;background:#fff;transition:inset-inline-start .15s ease;box-shadow:0 1px 2px #00000040}.toggle-switch.on .toggle-thumb{inset-inline-start:19px}.stage-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:var(--bg);display:flex;flex-direction:column;--stage-scale: 1}.stage-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 0}.stage-close{position:sticky;top:0;float:inline-end;background:var(--surface);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;box-shadow:var(--shadow);z-index:5}.stage-title{font-size:22px;font-weight:800;margin-top:8px;clear:both}.stage-capo-note{color:var(--primary);font-weight:700;margin-top:4px}.stage-body{margin-top:20px}.stage-body .chord-tok{font-size:calc(22px * var(--stage-scale))}.stage-body .lyric-row{font-size:calc(21px * var(--stage-scale));line-height:1.8}.stage-view .anchored-line.large{padding-top:calc(30px * var(--stage-scale))}.stage-view .anchored-chord-layer{height:calc(22px * var(--stage-scale))}.stage-view .anchored-line.large .anchored-chord{font-size:calc(20px * var(--stage-scale))}.stage-view .anchored-line.large .anchored-lyrics{font-size:calc(21px * var(--stage-scale))}.stage-chip-list{display:flex;flex-wrap:wrap;gap:14px}.stage-chord-chip{font-size:26px;font-weight:800;color:var(--primary);background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 18px;direction:ltr}.stage-end{margin-top:24px;text-align:center;font-size:20px;font-weight:800;color:var(--primary)}.stage-lead{height:32vh}.stage-tail{height:45vh}.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #00000014}.stage-ctl-group{display:flex;align-items:center;gap:6px}.stage-ctl{min-width:40px;height:40px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink);font-size:16px;font-weight:800;cursor:pointer}.stage-ctl:disabled{opacity:.35;cursor:default}.stage-ctl-sub{font-size:11px;vertical-align:super}.stage-speed{min-width:46px;text-align:center;direction:ltr;font-size:14px;font-weight:800;color:var(--primary)}.stage-play{width:60px;height:60px;border:none;border-radius:50%;background:var(--primary);color:var(--primary-ink);font-size:24px;cursor:pointer;box-shadow:var(--shadow)}.stage-play:active{transform:scale(.94)}.anchored-line{position:relative;padding-top:22px;margin-bottom:10px}.anchored-line.large{padding-top:30px;margin-bottom:16px}.anchored-blank{height:14px}.anchored-chord-layer{position:absolute;top:0;inset-inline-start:0;width:100%;height:22px;pointer-events:none}.anchored-chords-inline{display:flex;flex-wrap:wrap;gap:12px;direction:ltr;justify-content:flex-start}.anchored-chord{border:none;background:none;padding:1px 3px;font-weight:800;font-size:14px;color:var(--primary);cursor:pointer;direction:ltr;white-space:nowrap;border-radius:6px;line-height:1.2;touch-action:none}.anchored-chord-layer .anchored-chord{position:absolute;top:0;transform:translate(-50%);pointer-events:auto}.anchored-line.large .anchored-chord{font-size:20px}.anchored-chord.selected{background:var(--primary);color:var(--primary-ink)}.anchored-chord.dragging{opacity:.75}.anchored-chord.conf-medium{box-shadow:inset 0 -3px 0 var(--ok)}.anchored-chord.conf-low{box-shadow:inset 0 -3px 0 var(--bad)}.anchored-lyrics{font-size:16px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.anchored-line.large .anchored-lyrics{font-size:21px;line-height:1.8}.anchored-char{border-radius:3px}.anchored-char.pickable{cursor:pointer}.anchored-char.pickable:hover{background:var(--primary-soft)}.picking-hint{background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;font-weight:600;margin-bottom:12px;position:sticky;top:60px;z-index:10}.achievement-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 10px;text-align:center;opacity:.45;filter:grayscale(1)}.achievement-badge.earned{opacity:1;filter:none;border-color:var(--primary);box-shadow:var(--shadow)}.achievement-ico{font-size:30px}.achievement-title{font-weight:700;font-size:13px;margin-top:6px}.achievement-desc{font-size:11px;color:var(--muted);margin-top:2px}.store-item+.store-item{margin-top:10px}.store-swatch{width:44px;height:44px;border-radius:12px;flex-shrink:0;box-shadow:var(--shadow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#140e068c;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;max-width:320px;width:100%;text-align:center}.level-up-card{padding-top:24px}.level-up-pet{font-size:64px;line-height:1}.level-up-title{font-size:20px;font-weight:800;margin-top:10px}.level-up-sub{color:var(--muted);margin:6px 0 20px;font-size:15px}.splash-skip{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:16px;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}.detect-chord{font-size:52px;font-weight:800;color:var(--primary);line-height:1.1;direction:ltr}.anchored-tail{display:inline-block;width:1.6em;height:1em;vertical-align:baseline}.anchored-tail.pickable:hover{background:var(--primary-soft)}.shop-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:4px;scrollbar-width:thin}.shop-cat{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:11px;font-weight:700;cursor:pointer;min-width:74px;white-space:nowrap}.shop-cat.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.shop-cat-ico{font-size:20px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow)}.shop-item.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft),var(--shadow)}.shop-item:disabled{cursor:default}.shop-item-name{font-size:12px;font-weight:700;text-align:center;line-height:1.25}.shop-item-tag{font-size:11px;font-weight:700;color:var(--muted)}.shop-item-tag.active-tag{color:var(--primary)}.shop-item-tag.owned-tag{color:var(--accent)}.shop-item-tag.unaffordable{opacity:.5}.shop-preview-emoji{font-size:30px;line-height:1.1}.shop-preview-title{font-size:12px;font-weight:800;text-align:center;min-height:34px;display:flex;align-items:center}.shop-swatch{width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.shop-swatch-none{background:var(--surface-2);border:1px dashed var(--border)}.shop-ring{width:42px;height:42px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 4px currentColor}.shop-ring{position:relative}.shop-ring-none{box-shadow:inset 0 0 0 2px var(--border)}.shop-ring-rainbow{background:conic-gradient(#e05252,#ee8a1f,#e5c542,#3f9142,#35b6d6,#5566d6,#8a5cd6,#e05252);-webkit-mask:radial-gradient(circle,transparent 55%,#000 57%);mask:radial-gradient(circle,transparent 55%,#000 57%);animation:ring-spin 3s linear infinite;box-shadow:none}@keyframes ring-spin{to{transform:rotate(360deg)}}.shop-toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--brand-brown);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;z-index:800;box-shadow:var(--shadow)}.avatar-frame{padding:3px;border-radius:50%;display:inline-flex}.avatar-frame-rainbow{background:conic-gradient(#e05252,#ee8a1f,#e5c542,#3f9142,#35b6d6,#5566d6,#8a5cd6,#e05252);animation:ring-spin 3s linear infinite}.profile-title-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:3px 10px;margin-top:4px}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:950;overflow:hidden}.confetti-bit{position:absolute;top:-40px;font-size:22px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(540deg);opacity:.2}}.metro-bpm{font-size:54px;font-weight:800;color:var(--primary);line-height:1;direction:ltr}.metro-beats{display:flex;gap:10px;justify-content:center;margin-top:16px}.metro-dot{width:16px;height:16px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);transition:transform .08s ease,background .08s ease}.metro-dot.downbeat{border-color:var(--primary)}.metro-dot.on{background:var(--primary);transform:scale(1.35)}.avatar-sprite{background-color:transparent}.profile-avatar{position:relative;overflow:hidden}.avatar-sprite-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.avatar-option.avatar-sprite{border-radius:50%;background-color:transparent;border-color:transparent}.avatar-option.avatar-sprite.sel{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.avatar-sprite-fill{border-radius:50%}.avatar-zoom-card{padding-top:26px}.avatar-zoom-frame{padding:5px}.avatar-zoom-img{position:relative;display:block;width:min(210px,58vw);height:min(210px,58vw);border-radius:50%;overflow:hidden;background:var(--surface-2)}.avatar-zoom-name{font-size:19px;font-weight:800;margin-top:14px}.chroma-bars{display:flex;gap:4px;align-items:flex-end;height:110px}.chroma-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.chroma-track{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--surface-2);border-radius:4px;overflow:hidden}.chroma-fill{width:100%;border-radius:4px;transition:height .12s ease-out}.chroma-label{font-size:9px;font-weight:700;color:var(--muted);direction:ltr}.chroma-label.in-chord{color:var(--primary)}.strum-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:18px 12px}.strum-empty-text{line-height:1.6}.strum-editor{padding-top:4px}.strum-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.strum-name{font-weight:800;font-size:16px}.strum-grid-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.strum-bar{display:flex;gap:4px;padding:6px;border-radius:var(--radius-sm);background:var(--surface-2);flex:0 0 auto}.strum-slot{width:40px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:transform .08s ease,background .12s ease}.strum-slot.downbeat{border-color:var(--primary)}.strum-slot .strum-glyph{font-size:20px;font-weight:800;line-height:1}.strum-slot .strum-count{font-size:11px;color:var(--muted);direction:ltr}.strum-slot.sym-rest .strum-glyph{color:var(--muted);opacity:.5}.strum-slot.sym-down .strum-glyph{color:var(--primary)}.strum-slot.sym-up .strum-glyph{color:var(--ok)}.strum-slot.sym-mute .strum-glyph{color:var(--bad)}.strum-slot.active{background:var(--primary);transform:translateY(-3px)}.strum-slot.active .strum-glyph,.strum-slot.active .strum-count{color:var(--primary-ink)}.strum-hint{margin-top:6px}.strum-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.strum-tempo{display:flex;align-items:center;gap:8px}.strum-bpm{font-weight:800;direction:ltr;font-size:14px;min-width:68px;text-align:center}.strum-bar-controls{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.strum-presets{justify-content:flex-start;gap:6px}.strum-preset-hint{margin-top:6px}.strum-strip{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:10px}.strum-strip-slot{font-size:calc(15px * var(--stage-scale, 1));font-weight:800;min-width:calc(16px * var(--stage-scale, 1));text-align:center;color:var(--muted)}.strum-strip-slot.sym-down{color:var(--primary)}.strum-strip-slot.sym-up{color:var(--ok)}.strum-strip-slot.sym-mute{color:var(--bad)}.row-gap{display:flex;gap:8px;align-items:center}.tile-accent{border-color:var(--primary)}.stat-line{font-weight:800;font-size:15px;margin-top:2px}.rec-badge{background:var(--surface-2);border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px}.rec-card{position:relative}.rec-top{border:2px solid var(--primary)}.rec-crown{position:absolute;top:-10px;inset-inline-start:14px;background:var(--primary);color:var(--primary-ink);font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px}.rec-row{display:flex;gap:14px;align-items:flex-start}.rec-info{flex:1;min-width:0}.rec-name{font-weight:800;font-size:16px}.rec-payoff{margin-top:8px;font-weight:700;color:var(--primary);line-height:1.5}.rec-songs{margin:8px 0 0;padding-inline-start:18px;font-size:14px;line-height:1.8}.rec-songs a{color:inherit}.rec-actions{display:flex;gap:8px;margin-top:12px}.skills-header{background:var(--surface-2)}.skills-overall{font-size:34px;font-weight:800;line-height:1.1;direction:ltr}.skills-overall-max{font-size:16px;color:var(--muted);font-weight:700}.skills-count{font-size:13px;color:var(--muted);text-align:end;max-width:120px}.weak-spot{display:block;border:2px solid var(--primary);color:inherit;text-decoration:none}.weak-spot-tag{font-size:11px;font-weight:800;color:var(--primary)}.weak-spot-name{font-size:17px;font-weight:800;margin-top:4px}.weak-spot-score{font-size:13px;color:var(--muted);direction:ltr;margin-top:2px}.ability-card{padding-bottom:12px}.ability-top{display:flex;align-items:center;gap:12px}.ability-icon{font-size:26px}.ability-names{flex:1;min-width:0}.ability-title{font-weight:800;font-size:16px}.ability-subtitle{font-size:11px;color:var(--muted);direction:ltr}.ability-level{font-size:22px;font-weight:800;direction:ltr}.ability-level-max{font-size:12px;color:var(--muted)}.ability-untested{color:var(--muted)}.ability-bar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:10px}.ability-bar-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .4s ease}.ability-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px}.ability-trend{font-weight:800}.trend-up{color:var(--ok)}.trend-down{color:var(--bad)}.trend-flat,.trend-new{color:var(--muted)}.ability-actions{display:flex;gap:8px;margin-top:12px}.ability-actions .btn{text-decoration:none}.test-intro{text-align:center}.test-intro-title{font-size:26px;font-weight:800;margin-top:18px}.test-intro-brief{color:var(--muted);line-height:1.7;max-width:300px;margin:10px auto 0}.test-intro-stats{display:flex;justify-content:center;gap:26px;margin:26px 0 22px}.test-stat{font-size:20px;font-weight:800;direction:ltr;margin-top:2px}.test-not-ready{line-height:1.7;margin-top:20px}.btn.big{width:100%;max-width:300px;padding:15px;font-size:17px;margin-top:8px}.test-progress{text-align:center;color:var(--muted);font-size:13px;margin-bottom:14px}.mic-check{text-align:center}.mic-title{font-size:20px;font-weight:800;margin:16px 0 14px}.mic-meter{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden;max-width:300px;margin:0 auto 8px}.mic-meter-fill{height:100%;background:var(--muted);border-radius:999px;transition:width .08s linear,background .3s ease}.mic-meter-fill.ok{background:var(--ok)}.mic-chord{margin:22px 0}.mic-chord-name{font-size:24px;font-weight:800;direction:ltr;margin:4px 0 8px}.ear-test{text-align:center}.ear-play{width:96px;height:96px;border-radius:50%;border:none;background:var(--primary);color:var(--primary-ink);font-size:40px;cursor:pointer;box-shadow:var(--shadow);margin:10px auto 12px;display:block}.ear-play:active{transform:scale(.95)}.ear-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.ear-option{padding:20px 10px;font-size:22px;font-weight:800;direction:ltr;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer}.ear-option.correct{background:var(--ok);color:#fff;border-color:var(--ok)}.ear-option.wrong{background:var(--bad);color:#fff;border-color:var(--bad)}.test-result{text-align:center}.result-score-ring{margin:18px 0 4px}.result-score{font-size:54px;font-weight:800;line-height:1;direction:ltr}.result-score-max{color:var(--muted);font-size:14px;direction:ltr}.result-verdict{font-size:19px;font-weight:800;margin-bottom:18px}.result-metrics{text-align:start}.result-metric{display:flex;align-items:center;gap:10px;margin:9px 0}.result-metric-label{flex:0 0 108px;font-size:13px}.result-metric-bar{flex:1;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.result-metric-fill{display:block;height:100%;background:var(--primary);border-radius:999px}.result-metric-value{flex:0 0 42px;text-align:end;font-weight:800;font-size:13px;direction:ltr}.result-metric-unmeasured{flex:1;color:var(--muted);font-size:12px}.result-skills{text-align:start}.result-skill-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.result-skill-name{flex:1;min-width:0}.result-skill-move{direction:ltr;color:var(--muted)}.result-skill-delta{font-weight:800;direction:ltr}.result-skill-delta.up{color:var(--ok)}.result-skill-delta.down{color:var(--bad)}.result-hint{text-align:start;border-inline-start:4px solid var(--primary)}.result-hint-tag{font-size:11px;font-weight:800;color:var(--primary)}.result-hint-text{margin-top:5px;line-height:1.7}.result-actions{display:flex;gap:10px;margin-top:18px}.result-actions .btn{flex:1}.timing-test,.chord-test,.change-test{text-align:center}.timing-bpm{font-size:13px;font-weight:800;color:var(--muted);direction:ltr;margin-bottom:12px}.count-in{font-size:72px;font-weight:800;line-height:1.1;color:var(--primary);margin:18px 0 6px;direction:ltr}.beat-dots{display:flex;justify-content:center;gap:16px;margin:26px 0 18px}.beat-dot{width:18px;height:18px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);transition:transform .08s ease,background .08s ease}.beat-dot.on{background:var(--primary);transform:scale(1.35);border-color:var(--primary)}.timing-instruction{font-size:19px;font-weight:800;margin-bottom:6px}.chord-test-name,.change-now{font-size:40px;font-weight:800;direction:ltr;margin:6px 0 10px}.strum-now{font-size:24px;font-weight:800;color:var(--primary);margin-top:16px}.take-verdict{margin-top:14px;font-size:18px;font-weight:800;direction:ltr}.take-verdict.good{color:var(--ok)}.take-verdict.poor{color:var(--bad)}.change-pair{font-size:24px;font-weight:800;direction:ltr;margin-bottom:4px}.change-next{margin-top:10px;color:var(--muted);font-size:14px;direction:ltr}.pattern-test,.flow-test,.recall-test{text-align:center}.pattern-name{font-size:22px;font-weight:800;margin:8px 0 2px}.pattern-live{display:flex;justify-content:center;gap:6px;margin:24px 0 18px;direction:ltr;flex-wrap:wrap}.pattern-live-slot{width:34px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);font-size:20px;font-weight:800;line-height:1;transition:transform .08s ease,background .08s ease}.pattern-live-slot.sym-rest{color:var(--muted);opacity:.45}.pattern-live-slot.sym-down{color:var(--primary)}.pattern-live-slot.sym-up{color:var(--ok)}.pattern-live-slot.sym-mute{color:var(--bad)}.pattern-live-slot.offbeat{border-color:var(--ok);border-width:2px}.pattern-live-slot.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);transform:scale(1.18)}.silence-badge{display:inline-block;margin:18px 0 4px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:13px;font-weight:800;color:var(--muted);transition:background .2s ease,color .2s ease}.silence-badge.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.dyn-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:120px;margin:24px 0 18px;direction:ltr}.dyn-bar{width:14px;border-radius:4px 4px 2px 2px;background:var(--surface-2);border:1px solid var(--border);transition:height .12s ease,background .12s ease}.dyn-bar.on{background:var(--primary);border-color:var(--primary)}.flow-progression{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:10px 0 4px;direction:ltr}.flow-chip{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-weight:800;font-size:14px}.flow-chip.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.recall-blank{width:150px;height:150px;margin:10px auto 0;display:flex;align-items:center;justify-content:center;border-radius:16px;border:2px dashed var(--border);color:var(--muted);font-size:48px;font-weight:800;opacity:.55}