:root{--acc: #007aff;--acc-soft: rgba(0, 122, 255, .14);--ok: #34c759;--ok-soft: rgba(52, 199, 89, .16);--warn: #ff9f0a;--warn-soft: rgba(255, 159, 10, .16);--bad: #ff453a;--bad-soft: rgba(255, 69, 58, .16);--app-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--r-card: 18px;--r-card-sm: 16px;--r-btn: 13px;--r-btn-sm: 11px;--r-btn-lg: 17px;--r-field: 13px;--r-seg: 11px;--r-sheet: 22px;--r-stage: 24px;--r-pill: 8px;--r-badge: 10px;--r-cell: 13px;--r-thumb: 12px;--stage-bg: radial-gradient(130% 140% at 50% -20%, #1b2c50 0%, #0a0f1d 68%)}html[data-font=serif]{--app-font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif}html[data-font=mono]{--app-font: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, "Cascadia Code", "Roboto Mono", monospace}html[data-font=rounded]{--app-font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif}html[data-font=sans]{--app-font: "Avenir Next", Avenir, "Century Gothic", "Trebuchet MS", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif}[data-theme=light]{--bg: #f2f2f7;--bg-elev: #ffffff;--card: #ffffff;--card-2: #f5f5f7;--field: rgba(118, 118, 128, .12);--sep: rgba(60, 60, 67, .12);--text: #1c1c1e;--text-2: #6d6d72;--text-3: #8e8e93;--tabbar: rgba(248, 248, 250, .86);--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 6px 18px rgba(0, 0, 0, .04);color-scheme:light}[data-theme=dark]{--bg: #000000;--bg-elev: #1c1c1e;--card: #1c1c1e;--card-2: #232326;--field: rgba(118, 118, 128, .2);--sep: rgba(84, 84, 88, .5);--text: #f2f2f7;--text-2: #98989d;--text-3: #6d6d72;--tabbar: rgba(18, 18, 20, .82);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--app-font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}#root{height:100%}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit}textarea{resize:none}h1,h2,h3,p{margin:0}img{-webkit-user-drag:none}.app{height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.panes{flex:1 1 auto;min-height:0;position:relative}.pane{position:absolute;inset:0;display:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg)}.pane.active{display:block;animation:pane-in .22s ease}@keyframes pane-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.tabbar{flex:0 0 auto;display:flex;background:var(--tabbar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep);padding-bottom:env(safe-area-inset-bottom);z-index:40}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:50px;color:var(--text-3);transition:color .15s;position:relative;-webkit-user-select:none;user-select:none}.tab-btn svg{width:25px;height:25px;stroke-width:1.8}.tab-btn .lbl{font-size:10px;font-weight:600;letter-spacing:.1px}.tab-btn.active{color:var(--acc)}.screen{padding:calc(10px + env(safe-area-inset-top)) 18px 26px;min-height:100%}.screen-title{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:4px 0 2px}.screen-sub{color:var(--text-2);font-size:14.5px;line-height:1.4;margin-bottom:14px}.navrow{display:flex;align-items:center;gap:6px;margin-bottom:2px}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-10px;color:var(--acc);border-radius:50%}.back-btn:active{background:var(--acc-soft)}.back-btn-lg{width:46px;height:46px;margin-left:-12px}.back-btn-lg svg{width:30px;height:30px}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:20px 4px 8px}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.card-pad{padding:16px}.card-pad-sm{padding:12px 14px}.row-link{display:flex;align-items:center;gap:12px;padding:13px 16px;width:100%;text-align:left}.row-link+.row-link,.list-item+.list-item{border-top:.5px solid var(--sep)}.row-link .chev{margin-left:auto;color:var(--text-3);flex:none}.row-title{font-size:16.5px;font-weight:600;line-height:1.25}.row-sub{font-size:13px;color:var(--text-2);margin-top:1px;line-height:1.3}.chev{color:var(--text-3)}.icon-badge{width:36px;height:36px;border-radius:var(--r-badge);display:flex;align-items:center;justify-content:center;flex:none}.icon-badge svg{width:20px;height:20px}.text2{color:var(--text-2)}.text3{color:var(--text-3)}.tiny{font-size:12px}.small{font-size:13.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-btn);font-weight:600;font-size:16px;padding:13px 18px;transition:transform .12s ease,opacity .15s ease;-webkit-user-select:none;user-select:none;width:100%}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--acc);color:#fff}.btn-soft{background:var(--acc-soft);color:var(--acc)}.btn-ghost{background:var(--field);color:var(--text)}.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn svg{width:20px;height:20px}.btn-sm{font-size:14px;padding:9px 14px;border-radius:var(--r-btn-sm);width:auto}.btn-lg{border-radius:var(--r-btn-lg);padding:16px 20px;font-size:17px;font-weight:700}.icon-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--field);color:var(--acc);flex:none;transition:transform .12s ease}.icon-btn:active{transform:scale(.9)}.icon-btn svg{width:21px;height:21px}.icon-btn:disabled{opacity:.4}.play-fab{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--acc);color:#fff;box-shadow:0 10px 30px var(--acc-soft),0 4px 12px #0000002e;transition:transform .14s ease,box-shadow .2s ease;flex:none}.play-fab:active{transform:scale(.92)}.play-fab svg{width:34px;height:34px;stroke-width:2}.play-fab.is-playing{background:var(--bad)}.seg{display:flex;background:var(--field);border-radius:var(--r-seg);padding:2px}.seg-item{flex:1;padding:8px 6px;border-radius:calc(var(--r-seg) - 2px);font-size:13.5px;font-weight:600;color:var(--text-2);text-align:center;transition:all .18s ease}.seg-item.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px #0000001f}.chip{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;background:var(--field);color:var(--text-2);font-size:13px;font-weight:600;transition:all .15s ease}.chip.on{background:var(--acc-soft);color:var(--acc)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.field{width:100%;background:var(--field);border:none;border-radius:var(--r-field);padding:14px 15px;font-size:16px;outline:none;-webkit-appearance:none}.field:focus{box-shadow:0 0 0 3px var(--acc-soft)}textarea.field{min-height:84px;line-height:1.4}.field-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin:14px 4px 6px}input[type=date].field{color:var(--text)}input[type=range].rng{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;--fill: 50%}input[type=range].rng::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--acc) 0%,var(--acc) var(--fill),var(--field) var(--fill),var(--field) 100%)}input[type=range].rng::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000047;margin-top:-11px;border:none}input[type=range].rng:active::-webkit-slider-thumb{transform:scale(1.12)}.prog{height:10px;border-radius:5px;background:var(--field);overflow:hidden}.prog .fill{height:100%;border-radius:5px;background:var(--acc);background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#7dd3fc));transition:width .5s cubic-bezier(.22,1,.36,1)}.switch{width:52px;height:31px;border-radius:16px;background:var(--field);position:relative;transition:background .2s ease;flex:none;border:none;padding:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform .2s cubic-bezier(.22,1,.36,1)}.switch.on{background:var(--ok)}.switch.on:after{transform:translate(21px)}.sheet-mask{position:fixed;inset:0;background:#00000073;z-index:90;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mask-in .2s ease}@keyframes mask-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--bg-elev);width:100%;max-width:560px;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:8px 0 0;animation:sheet-up .32s cubic-bezier(.32,.72,0,1);box-shadow:0 -10px 40px #00000040}@keyframes sheet-up{0%{transform:translateY(60px);opacity:.5}to{transform:none;opacity:1}}.sheet-grab{width:38px;height:5px;border-radius:3px;background:var(--sep);margin:4px auto 10px;flex:none}.sheet-title{font-size:19px;font-weight:700;text-align:center;margin-bottom:6px;padding:0 18px;flex:none}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 18px calc(14px + env(safe-area-inset-bottom))}.sheet-foot{position:relative;z-index:1;flex:none;display:flex;gap:8px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:var(--bg-elev);border-top:.5px solid var(--sep);box-shadow:0 -6px 18px #0000000f}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.empty{text-align:center;padding:40px 20px}.empty .ico{width:64px;height:64px;border-radius:20px;background:var(--acc-soft);color:var(--acc);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.empty .ico svg{width:30px;height:30px}.empty h3{font-size:18px;font-weight:700;margin-bottom:6px}.empty p{color:var(--text-2);font-size:14px;line-height:1.45;max-width:260px;margin:0 auto 18px}.face-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:transform .15s ease}.face-btn svg{width:26px;height:26px}.face-btn.on-happy{background:var(--ok-soft);color:var(--ok)}.face-btn.on-neutral{background:var(--warn-soft);color:var(--warn)}.face-btn.on-sad{background:var(--bad-soft);color:var(--bad)}.face-btn:active{transform:scale(.88)}.bpm-journey{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bpm-chip{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;background:var(--card-2);color:var(--text);padding:4px 10px;border-radius:var(--r-pill)}.bpm-chip.start{background:var(--acc-soft);color:var(--acc)}.bpm-arrow{color:var(--text-3);font-size:12px}.day-header{display:flex;align-items:baseline;justify-content:space-between;padding:13px 16px 9px}.day-header .d{font-size:16px;font-weight:700;text-transform:capitalize}.day-header .m{font-size:12.5px;color:var(--text-2);font-weight:500}.song-mini{padding:12px 16px}.song-mini+.song-mini{border-top:.5px solid var(--sep)}.song-mini-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}.song-mini-title{font-size:15.5px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minute-pill{font-size:12px;font-weight:700;color:var(--text-2);background:var(--field);padding:3px 8px;border-radius:var(--r-pill);flex:none;font-variant-numeric:tabular-nums}.minute-pill.active{background:var(--ok-soft);color:var(--ok)}.goal-tag{font-size:12px;font-weight:700;color:var(--warn);background:var(--warn-soft);padding:3px 8px;border-radius:var(--r-pill);flex:none;font-variant-numeric:tabular-nums}.stat-row{display:flex;gap:10px}.stat{flex:1;background:var(--card);border-radius:var(--r-card-sm);padding:13px 14px;box-shadow:var(--shadow);margin-bottom:12px}.stat .v{font-size:25px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.stat .k{font-size:12px;color:var(--text-2);margin-top:3px;font-weight:500}.week-chart{display:flex;align-items:flex-end;gap:7px;height:62px;padding:4px 0 0}.wbar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.wbar{width:100%;max-width:22px;border-radius:5px 5px 3px 3px;background:var(--acc);min-height:3px;opacity:.85;transition:height .4s ease}.wbar.today{background:var(--acc);background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 60%,#fff),var(--acc))}.wbar-col .wl{font-size:9.5px;color:var(--text-3);font-weight:600}.metro-stage{border-radius:var(--r-stage);padding:22px 18px 18px;text-align:center;position:relative;overflow:hidden;color:#fff;margin-bottom:14px;box-shadow:var(--shadow)}.tempo-num{font-size:clamp(76px,22vw,110px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;margin:6px 0 0}.tempo-unit{font-size:15px;font-weight:600;opacity:.65;letter-spacing:2px;text-transform:uppercase;margin-top:4px}.beat-dots{display:flex;justify-content:center;gap:9px;margin:18px 0 4px;min-height:12px}.beat-dot{width:10px;height:10px;border-radius:50%;background:#ffffff38;transition:all .08s linear}.beat-dot.on{background:#fff;transform:scale(1.25)}.beat-dot.accent.on{background:#ffd60a;box-shadow:0 0 12px #ffd60ab3}.tap-hint{font-size:12.5px;opacity:.5;margin-top:10px;font-weight:500}.metro-controls{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px 16px;margin-bottom:12px}.stepper-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}.step-btn{width:52px;height:52px;border-radius:50%;background:var(--field);color:var(--acc);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .1s ease;font-size:26px;font-weight:700}.step-btn:active{transform:scale(.9)}.step-btn:disabled{opacity:.35}.auto-tempo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.auto-tempo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.auto-tempo-field{min-width:0;display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:12px;font-weight:650;white-space:nowrap}.auto-tempo-field .field{min-width:0;padding:10px 8px;text-align:center;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}.auto-tempo-note{margin-top:12px;line-height:1.4}.glass-restore-card{border:1px solid var(--sep)}.step-btn svg{width:24px;height:24px}@media (max-width: 380px){.auto-tempo-fields{grid-template-columns:1fr;gap:8px}.auto-tempo-field .field{flex:1}}.pgrid{display:flex;gap:7px;flex-wrap:wrap}.pcell{width:44px;height:44px;border-radius:var(--r-cell);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--sep);color:var(--text-3);transition:all .13s ease;flex:none}.pcell.st1{background:var(--acc-soft);border-color:transparent;color:var(--acc)}.pcell.st2{background:var(--acc);border-color:transparent;color:#fff;box-shadow:0 3px 10px var(--acc-soft)}.pcell:active{transform:scale(.9)}.dot-color{width:36px;height:36px;border-radius:50%;border:2.5px solid transparent;transition:transform .15s ease,border-color .15s ease;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00000038}.dot-color svg{stroke-width:3.2}.dot-color.on{border-color:var(--text);transform:scale(1.14)}.link-btn{color:var(--acc);font-weight:700;text-decoration:underline;text-decoration-color:var(--acc-soft);text-underline-offset:3px;font-size:inherit;line-height:inherit}.link-btn:active{opacity:.6}.tuner-card{border-radius:var(--r-stage);padding:22px 16px 18px;background:var(--card);box-shadow:var(--shadow);margin-bottom:12px;position:relative;overflow:hidden;text-align:center}.note-big{font-size:clamp(58px,18vw,88px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.note-sub{font-size:14px;font-weight:600;color:var(--text-2);margin-top:6px}.string-line{display:flex;align-items:center;gap:8px;padding:8px 14px}.string-line+.string-line{border-top:.5px solid var(--sep)}.string-num{width:24px;height:24px;border-radius:var(--r-pill);background:var(--field);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}.string-line.sel .string-num{background:var(--ok);color:#fff}.string-line .sn{font-size:14px;font-weight:600;flex:1}.string-line.sel .sn{color:var(--ok)}.string-line .shz{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:600}.status-strip{margin:10px 0 4px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.3px}.status-strip.tuned{background:var(--ok-soft);color:var(--ok)}.status-strip.flat{background:var(--warn-soft);color:var(--warn)}.status-strip.sharp{background:var(--bad-soft);color:var(--bad)}.status-strip.wait{background:var(--field);color:var(--text-2)}.photo-thumb{width:58px;height:58px;border-radius:var(--r-thumb);object-fit:cover;background:var(--field);flex:none;border:.5px solid var(--sep)}.photo-add{width:58px;height:58px;border-radius:var(--r-thumb);background:var(--field);color:var(--text-3);display:flex;align-items:center;justify-content:center;flex:none}.photo-add svg{width:22px;height:22px}.photo-ph{width:46px;height:46px;border-radius:var(--r-thumb);background:var(--field);color:var(--text-3);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.photo-ph img{width:100%;height:100%;object-fit:cover}.big-face{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.big-face svg{width:32px;height:32px}.divider{height:.5px;background:var(--sep);margin:8px 0}.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:600;z-index:120;box-shadow:0 8px 24px #0000004d;animation:toast-in .25s cubic-bezier(.22,1,.36,1);max-width:82vw;text-align:center}@keyframes toast-in{0%{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%);opacity:1}}.update-banner{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:130;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:var(--r-card-sm, 18px);background:var(--bg-elev);color:var(--text);border:1px solid var(--sep);box-shadow:var(--shadow, 0 12px 30px rgba(0, 0, 0, .25));animation:toast-in .25s cubic-bezier(.22,1,.36,1)}.update-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.update-banner-text b{font-size:14px;font-weight:700}.update-banner-text span{font-size:12px;color:var(--text-2)}.update-banner-apply{flex:none;padding:8px 14px;font-size:13.5px}.lightbox-mask{position:fixed;inset:0;background:#000000f0;z-index:110;animation:mask-in .2s ease}.lightbox-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;padding-top:env(safe-area-inset-top)}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.lightbox-x{position:fixed;top:calc(14px + env(safe-area-inset-top));right:14px;z-index:112;width:44px;height:44px;border-radius:50%;background:#1e1e20b8;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 14px #0006}.lightbox-x:active{background:#ffffff40}.lightbox-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:112;display:flex;align-items:center;gap:3px;background:#1e1e20c7;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:.5px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 6px;box-shadow:0 10px 34px #00000080;max-width:calc(100vw - 20px)}.lb-btn{width:42px;height:42px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.lb-btn:active{background:#fff3}.lb-btn svg{width:20px;height:20px}.lb-pct{color:#fff;font-size:13px;font-weight:700;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.lb-sep{width:1px;height:24px;background:#fff3;margin:0 3px;flex:none}.lb-close{color:#fff;font-weight:700;font-size:14.5px;height:42px;padding:0 16px;border-radius:999px;white-space:nowrap}.lb-close:active{background:#fff3}.pulse-ring{animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--acc-soft)}70%{box-shadow:0 0 0 18px transparent}to{box-shadow:0 0 0 0 transparent}}html[data-fs=s] .screen-title{font-size:26px}html[data-fs=s] .row-title{font-size:15px}html[data-fs=s] .row-sub{font-size:12.5px}html[data-fs=s] .tiny{font-size:11.5px}html[data-fs=s] .small{font-size:12.5px}html[data-fs=l] .screen-title{font-size:34px}html[data-fs=l] .row-title{font-size:18px}html[data-fs=l] .screen-sub{font-size:15.5px}html[data-fs=l] .row-sub{font-size:14px}html[data-fs=l] .small{font-size:14.5px}html[data-fs=l] .tiny{font-size:13px}html[data-fs=l] .section-title{font-size:14px}html[data-fs=l] .btn{font-size:16.5px}html[data-fs=l] .btn-sm{font-size:15px}html[data-fs=l] .field{font-size:17px}html[data-fs=l] .sheet-title{font-size:20.5px}html[data-fs=l] .chip{font-size:14px}html[data-fs=l] .seg-item{font-size:14.5px}html[data-fs=l] .stat .v{font-size:28px}html[data-fs=l] .stat .k{font-size:13px}html[data-fs=l] .empty h3{font-size:19.5px}html[data-fs=l] .empty p{font-size:15px}html[data-fs=l] .song-mini-title{font-size:16.5px}html[data-fs=l] .day-header .d{font-size:17px}html[data-fs=l] .note-sub,html[data-fs=l] .string-line .sn{font-size:15px}html[data-fs=l] .string-line .shz{font-size:12.5px}html[data-fs=l] .tempo-unit{font-size:16px}html[data-fs=l] .tap-hint{font-size:13.5px}html[data-fs=xl] .screen-title{font-size:38px}html[data-fs=xl] .row-title{font-size:19.5px}html[data-fs=xl] .screen-sub{font-size:16.5px}html[data-fs=xl] .row-sub{font-size:15px}html[data-fs=xl] .small{font-size:15.5px}html[data-fs=xl] .tiny{font-size:13.5px}html[data-fs=xl] .section-title{font-size:14.5px}html[data-fs=xl] .btn{font-size:18px}html[data-fs=xl] .btn-sm{font-size:16px}html[data-fs=xl] .field{font-size:18px}html[data-fs=xl] .sheet-title{font-size:22px}html[data-fs=xl] .chip{font-size:14.5px}html[data-fs=xl] .seg-item{font-size:15.5px}html[data-fs=xl] .stat .v{font-size:30px}html[data-fs=xl] .stat .k{font-size:13.5px}html[data-fs=xl] .empty h3{font-size:21px}html[data-fs=xl] .empty p{font-size:16px}html[data-fs=xl] .song-mini-title,html[data-fs=xl] .day-header .d{font-size:18px}html[data-fs=xl] .note-sub,html[data-fs=xl] .string-line .sn{font-size:16px}html[data-fs=xl] .string-line .shz{font-size:13px}html[data-fs=xl] .tempo-unit{font-size:17px}.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-opt{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;border-radius:16px;border:2px solid var(--sep);background:var(--card-2);padding:8px;transition:border-color .15s ease,transform .12s ease;overflow:hidden}.skin-opt:active{transform:scale(.97)}.skin-opt.on{border-color:var(--acc)}.skin-tile{position:relative;height:88px;border-radius:12px;overflow:hidden;display:flex;align-items:stretch;padding:10px;gap:8px}.skin-tile .st-panel{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;border-radius:8px;box-shadow:0 1px 2px #00000014}.skin-tile .st-title{height:6px;width:60%;border-radius:3px;background:#7f7f7f59}.skin-tile .st-line{height:5px;border-radius:3px;background:#7f7f7f2e}.skin-tile .st-bar{height:5px;border-radius:3px;background:var(--acc);width:45%;margin-top:4px}.skin-tile .st-font{width:44%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;background:#ffffff80;color:inherit}.skin-tile .st-font b{font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1}.skin-tile .st-font i{font-style:normal;font-size:10.5px;font-weight:700;line-height:1;opacity:.62;font-variant-numeric:tabular-nums;letter-spacing:.08em}.skin-opt .skin-name{font-size:14px;font-weight:700;padding:0 2px 2px}.skin-opt .skin-tag{font-size:11.5px;line-height:1.3;color:var(--text-2);margin-top:-4px;padding:0 2px 4px}.skin-check{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;z-index:2}.skin-check svg{width:15px;height:15px;stroke-width:3}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html[data-skin=sabbia]{--r-card: 24px;--r-card-sm: 22px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 16px;--r-seg: 14px;--r-sheet: 28px;--r-stage: 30px;--r-pill: 12px;--r-badge: 12px;--r-cell: 16px;--r-thumb: 14px;--stage-bg: radial-gradient(130% 140% at 50% -18%, #dcab63 0%, #8a5426 62%, #5c3418 100%)}html[data-skin=sabbia][data-theme=light]{--app-bg-img: radial-gradient(70% 55% at 10% 5%, rgba(226, 170, 100, .16), transparent 70%), radial-gradient(60% 45% at 96% 92%, rgba(190, 130, 70, .12), transparent 70%);--bg: #f1e6d3;--bg-elev: #fbf5e8;--card: #fdf8ee;--card-2: #f4e9d7;--field: rgba(133, 100, 62, .14);--sep: rgba(120, 88, 50, .17);--text: #3d3120;--text-2: #867457;--text-3: #ab9a7d;--tabbar: rgba(251, 245, 232, .85);--shadow: 0 2px 6px rgba(130, 90, 40, .07), 0 14px 32px rgba(130, 90, 40, .11)}html[data-skin=sabbia][data-theme=dark]{--app-bg-img: radial-gradient(70% 55% at 10% 5%, rgba(220, 160, 90, .08), transparent 70%);--bg: #241b11;--bg-elev: #322619;--card: #35291b;--card-2: #3f3221;--field: rgba(255, 255, 255, .07);--sep: rgba(255, 255, 255, .09);--text: #f3e9d6;--text-2: #b2a07f;--text-3: #7f7054;--tabbar: rgba(36, 27, 17, .86);--shadow: 0 3px 8px rgba(0, 0, 0, .32), 0 16px 36px rgba(0, 0, 0, .3)}html[data-skin=sabbia] .card{box-shadow:var(--shadow),inset 0 1px #fff9}html[data-skin=sabbia][data-theme=dark] .card{box-shadow:var(--shadow),inset 0 1px #ffffff0f}html[data-skin=sabbia] .btn-primary{box-shadow:0 5px 16px var(--acc-soft),inset 0 1px #ffffff59}html[data-skin=sabbia] .play-fab{box-shadow:0 10px 26px var(--acc-soft),inset 0 1px #fff6}html[data-skin=sabbia] .field{box-shadow:inset 0 1px 3px #78552814}html[data-skin=sabbia] .step-btn{background:var(--card);border:1px solid var(--sep);box-shadow:0 3px 8px #825a281f,inset 0 1px #ffffffa6}html[data-skin=sabbia] .seg-item.active{box-shadow:0 2px 6px #825a281f}html[data-skin=oceano]{--r-card: 26px;--r-card-sm: 24px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 17px;--r-seg: 14px;--r-sheet: 30px;--r-stage: 32px;--r-pill: 13px;--r-badge: 13px;--r-cell: 16px;--r-thumb: 14px;--stage-bg: radial-gradient(130% 140% at 50% -18%, #3fa8cf 0%, #0f5d86 58%, #062c44 100%)}html[data-skin=oceano][data-theme=light]{--app-bg-img: radial-gradient(60% 50% at 8% 6%, rgba(70, 160, 220, .28), transparent 70%), radial-gradient(55% 45% at 94% 90%, rgba(80, 190, 210, .24), transparent 70%), radial-gradient(45% 40% at 88% 8%, rgba(160, 130, 230, .14), transparent 70%);--bg: #e6f1f4;--bg-elev: rgba(252, 254, 255, .7);--card: rgba(255, 255, 255, .56);--card-2: rgba(255, 255, 255, .42);--field: rgba(80, 135, 160, .16);--sep: rgba(55, 105, 130, .17);--text: #0f2c3a;--text-2: #4e6f7d;--text-3: #83a0aa;--tabbar: rgba(238, 248, 251, .58);--shadow: 0 10px 30px rgba(50, 110, 150, .16), inset 0 1px 0 rgba(255, 255, 255, .6)}html[data-skin=oceano][data-theme=dark]{--app-bg-img: radial-gradient(60% 50% at 8% 6%, rgba(50, 140, 210, .22), transparent 70%), radial-gradient(55% 45% at 94% 90%, rgba(40, 170, 200, .16), transparent 70%), radial-gradient(45% 40% at 88% 8%, rgba(130, 100, 220, .12), transparent 70%);--bg: #081922;--bg-elev: rgba(20, 40, 52, .72);--card: rgba(255, 255, 255, .06);--card-2: rgba(255, 255, 255, .045);--field: rgba(255, 255, 255, .1);--sep: rgba(255, 255, 255, .13);--text: #ddf0f5;--text-2: #90b0bc;--text-3: #5d7d8a;--tabbar: rgba(10, 26, 34, .6);--shadow: 0 10px 30px rgba(0, 0, 0, .45)}html[data-skin=oceano] .card,html[data-skin=oceano] .stat,html[data-skin=oceano] .tuner-card,html[data-skin=oceano] .metro-controls,html[data-skin=oceano] .seg,html[data-skin=oceano] .tabbar,html[data-skin=oceano] .seg-item.active{-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}html[data-skin=oceano] .card{border:1px solid rgba(255,255,255,.55)}html[data-skin=oceano][data-theme=dark] .card{border-color:#ffffff1f}html[data-skin=oceano] .seg-item.active{background:#ffffffb8;box-shadow:0 4px 12px #326e9629}html[data-skin=oceano][data-theme=dark] .seg-item.active{background:#ffffff24;box-shadow:none}html[data-skin=oceano] .btn-primary{box-shadow:0 8px 22px var(--acc-soft),inset 0 1px #ffffff73}html[data-skin=oceano] .play-fab{box-shadow:0 12px 28px var(--acc-soft),inset 0 1px #ffffff80}html[data-skin=oceano] .chip,html[data-skin=oceano] .step-btn,html[data-skin=oceano] .icon-btn{border:1px solid rgba(255,255,255,.45)}html[data-skin=oceano][data-theme=dark] .chip,html[data-skin=oceano][data-theme=dark] .step-btn,html[data-skin=oceano][data-theme=dark] .icon-btn{border-color:#ffffff1a}html[data-skin=oceano] .field{box-shadow:inset 0 1px 4px #326e9614}html[data-skin=vinile]{--r-card: 16px;--r-card-sm: 14px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 12px;--r-seg: 10px;--r-sheet: 20px;--r-stage: 20px;--r-pill: 8px;--r-badge: 9px;--r-cell: 11px;--r-thumb: 12px;--stage-bg: radial-gradient(130% 140% at 50% -20%, #5d3a24 0%, #2b1710 68%, #160b06 100%)}html[data-skin=vinile][data-theme=light]{--app-bg-img: radial-gradient(55% 45% at 94% 88%, rgba(150, 60, 40, .08), transparent 70%);--bg: #ecdfc6;--bg-elev: #f7efdb;--card: #f9f1de;--card-2: #efe3c8;--field: rgba(120, 88, 40, .13);--sep: rgba(95, 66, 30, .2);--text: #2c2013;--text-2: #7c6a48;--text-3: #a3916d;--tabbar: #f2e9d3;--shadow: 0 2px 4px rgba(90, 62, 25, .08), 0 12px 26px rgba(90, 62, 25, .12)}html[data-skin=vinile][data-theme=dark]{--bg: #181209;--bg-elev: #241b0e;--card: #2b2112;--card-2: #35291a;--field: rgba(255, 255, 255, .06);--sep: rgba(255, 255, 255, .1);--text: #f0e3c2;--text-2: #b09d76;--text-3: #75684a;--tabbar: #201810;--shadow: 0 2px 5px rgba(0, 0, 0, .3), 0 12px 26px rgba(0, 0, 0, .32)}html[data-skin=vinile] .step-btn{position:relative;border:1px solid rgba(0,0,0,.28);background:radial-gradient(circle at 35% 28%,#f4e2bb,#c9a45c 55%,#8f6c30);color:#2a1c08;box-shadow:0 3px 5px #0000004d,inset 0 1px 1px #ffffff8c}html[data-skin=vinile] .step-btn:after{content:"";position:absolute;top:7px;left:50%;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:#00000080}html[data-skin=vinile][data-theme=dark] .step-btn{border-color:#0009;background:radial-gradient(circle at 35% 28%,#7a6238,#4a3a1c 60%,#2a2010);color:#f0e3c2}html[data-skin=vinile][data-theme=dark] .step-btn:after{background:#f0e3c2bf}html[data-skin=vinile] .seg{background:#3c2a121f;box-shadow:inset 0 1px 4px #00000038}html[data-skin=vinile][data-theme=dark] .seg{background:#00000059}html[data-skin=vinile] .seg-item.active{background:transparent;color:var(--acc);box-shadow:inset 0 -2.5px 0 var(--acc);border-radius:4px}html[data-skin=vinile][data-theme=dark] .seg-item.active{background:#ffffff0a}html[data-skin=vinile] .tabbar{border-top:1px solid rgba(148,108,38,.35);background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 8%),var(--tabbar)}html[data-skin=vinile] .card{box-shadow:var(--shadow),inset 0 1px #ffffff8c}html[data-skin=vinile][data-theme=dark] .card{box-shadow:var(--shadow),inset 0 1px #ffffff0d}html[data-skin=vinile] .btn-primary{border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 1px #fff6,0 3px 8px var(--acc-soft)}html[data-skin=vinile] .btn-soft,html[data-skin=vinile] .btn-ghost,html[data-skin=vinile] .btn-danger{border:1px solid var(--sep)}html[data-skin=vinile] .prog{background:#00000029;box-shadow:inset 0 1px 3px #00000040;border-radius:4px}html[data-skin=vinile][data-theme=dark] .prog{background:#00000073}html[data-skin=vinile] .prog .fill{border-radius:3px;background:linear-gradient(90deg,#c9572f,#c9a24e)}html[data-skin=acciaio]{--r-card: 10px;--r-card-sm: 9px;--r-btn: 8px;--r-btn-sm: 7px;--r-btn-lg: 11px;--r-field: 8px;--r-seg: 8px;--r-sheet: 14px;--r-stage: 14px;--r-pill: 6px;--r-badge: 7px;--r-cell: 8px;--r-thumb: 10px;--stage-bg: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0px, rgba(255, 255, 255, .05) 1px, transparent 1px, transparent 3px), linear-gradient(160deg, #3f444d 0%, #1e2126 100%)}html[data-skin=acciaio][data-theme=light]{--app-bg-img: repeating-linear-gradient(90deg, rgba(255, 255, 255, .5) 0px, rgba(255, 255, 255, .5) 1px, rgba(0, 0, 0, .05) 1px, rgba(0, 0, 0, .05) 2px, transparent 2px, transparent 5px);--bg: #d5d8de;--bg-elev: #eceef1;--card: #e7e9ed;--card-2: #dde0e6;--field: rgba(255, 255, 255, .65);--sep: rgba(25, 30, 40, .2);--text: #20232a;--text-2: #5c626d;--text-3: #878d98;--tabbar: #dcdfe5;--shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 7px 18px rgba(0, 0, 0, .12)}html[data-skin=acciaio][data-theme=dark]{--app-bg-img: repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0px, rgba(255, 255, 255, .04) 1px, rgba(0, 0, 0, .12) 1px, rgba(0, 0, 0, .12) 2px, transparent 2px, transparent 5px);--bg: #121419;--bg-elev: #26292f;--card: #26292f;--card-2: #2f333a;--field: rgba(255, 255, 255, .09);--sep: rgba(255, 255, 255, .13);--text: #eceef2;--text-2: #9ba1ab;--text-3: #656b76;--tabbar: #1b1e23;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 9px 20px rgba(0, 0, 0, .38)}html[data-skin=acciaio] .card,html[data-skin=acciaio] .stat,html[data-skin=acciaio] .tuner-card,html[data-skin=acciaio] .metro-controls{border:1px solid rgba(20,25,35,.2);box-shadow:inset 0 1px #ffffffbf,var(--shadow);background:linear-gradient(160deg,#ffffff8c,#ffffff14 46%,#0000000d),var(--card)}html[data-skin=acciaio][data-theme=dark] .card,html[data-skin=acciaio][data-theme=dark] .stat,html[data-skin=acciaio][data-theme=dark] .tuner-card,html[data-skin=acciaio][data-theme=dark] .metro-controls{border-color:#00000080;box-shadow:inset 0 1px #ffffff14,var(--shadow);background:linear-gradient(160deg,#ffffff17,#ffffff05 48%,#00000024),var(--card)}html[data-skin=acciaio] .tabbar{background:linear-gradient(180deg,#f0f1f4,#d2d5db)}html[data-skin=acciaio][data-theme=dark] .tabbar{background:linear-gradient(180deg,#292c32,#16181d)}html[data-skin=acciaio] .btn-primary,html[data-skin=acciaio] .btn-soft,html[data-skin=acciaio] .btn-ghost,html[data-skin=acciaio] .btn-danger{box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000024,0 2px 4px #00000029}html[data-skin=acciaio] .step-btn{background:linear-gradient(180deg,#f6f7f9,#cbced5);color:var(--acc);border:1px solid rgba(0,0,0,.16);box-shadow:inset 0 1px #fffffff2,0 2px 4px #0000002e}html[data-skin=acciaio][data-theme=dark] .step-btn{background:linear-gradient(180deg,#3d4148,#23262c);border-color:#0000008c;box-shadow:inset 0 1px #ffffff24,0 2px 4px #0006}html[data-skin=acciaio] .seg{background:#1419231f;box-shadow:inset 0 1px 3px #00000038}html[data-skin=acciaio][data-theme=dark] .seg{background:#0006}html[data-skin=acciaio] .seg-item.active{background:linear-gradient(180deg,#fdfdfe,#dfe2e8);box-shadow:0 1px 2px #0000002e}html[data-skin=acciaio][data-theme=dark] .seg-item.active{background:linear-gradient(180deg,#40444c,#2a2d34);box-shadow:0 1px 2px #00000059}html[data-skin=acciaio] .field,html[data-skin=acciaio] .chip{border:1px solid rgba(20,25,35,.14)}html[data-skin=acciaio][data-theme=dark] .field,html[data-skin=acciaio][data-theme=dark] .chip{border-color:#0006}html[data-skin=acciaio] .play-fab{box-shadow:inset 0 1px #fff6,inset 0 -2px 4px #0003,0 6px 14px #00000040}html[data-skin=editoriale]{--r-card: 4px;--r-card-sm: 3px;--r-btn: 4px;--r-btn-sm: 3px;--r-btn-lg: 5px;--r-field: 3px;--r-seg: 3px;--r-sheet: 8px;--r-stage: 6px;--r-pill: 2px;--r-badge: 3px;--r-cell: 4px;--r-thumb: 4px;--stage-bg: #141412}html[data-skin=editoriale][data-theme=light]{--bg: #ffffff;--bg-elev: #ffffff;--card: #ffffff;--card-2: #f5f5f1;--field: #f0f0ea;--sep: rgba(0, 0, 0, .16);--text: #0f0f0d;--text-2: #666660;--text-3: #9d9d95;--tabbar: rgba(255, 255, 255, .92);--shadow: none}html[data-skin=editoriale][data-theme=dark]{--bg: #0b0b09;--bg-elev: #0b0b09;--card: #141412;--card-2: #1d1d1a;--field: #232320;--sep: rgba(255, 255, 255, .18);--text: #f5f5ef;--text-2: #9a9a90;--text-3: #6c6c64;--tabbar: rgba(11, 11, 9, .94);--shadow: none}html[data-skin=editoriale] .card,html[data-skin=editoriale] .stat,html[data-skin=editoriale] .tuner-card,html[data-skin=editoriale] .metro-controls{border:1px solid var(--sep);box-shadow:none}html[data-skin=editoriale] .tabbar{border-top:1px solid var(--sep)}html[data-skin=editoriale] .card .card,html[data-skin=editoriale] .card .stat{border-color:var(--sep)}html[data-skin=editoriale] .section-title{letter-spacing:.14em}html[data-skin=editoriale] .screen-title{letter-spacing:-.04em;font-weight:900}html[data-skin=editoriale] .seg{background:transparent;border:none;border-radius:0;padding:0;gap:2px}html[data-skin=editoriale] .seg-item{border-radius:0;padding:9px 6px;border-bottom:2px solid transparent}html[data-skin=editoriale] .seg-item.active{background:transparent;box-shadow:none;color:var(--acc);border-bottom-color:var(--acc)}html[data-skin=editoriale] .chip{border:1px solid var(--sep);background:transparent}html[data-skin=editoriale] .chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}html[data-skin=editoriale] .btn-primary{border:1px solid var(--text);background:var(--text);color:var(--bg)}html[data-skin=editoriale] .btn-soft{background:transparent;border:1px solid var(--acc)}html[data-skin=editoriale] .btn-ghost{background:transparent;border:1px solid var(--sep)}html[data-skin=editoriale] .btn-danger{background:transparent;border:1px solid var(--bad)}html[data-skin=editoriale] .switch{border-radius:6px;width:48px}html[data-skin=editoriale] .switch:after{border-radius:4px}html[data-skin=editoriale] .switch.on:after{transform:translate(17px)}html[data-skin=editoriale] .toast{box-shadow:none;border-radius:3px}html[data-skin=editoriale] .dot-color{box-shadow:none;border-width:2px}html[data-skin=editoriale] .play-fab{box-shadow:none;border-radius:14px}html[data-skin=editoriale] .bpm-chip.start{background:transparent}html[data-skin=lavagna]{--r-card: 14px;--r-card-sm: 12px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 11px;--r-seg: 11px;--r-sheet: 16px;--r-stage: 18px;--r-pill: 6px;--r-badge: 9px;--r-cell: 12px;--r-thumb: 11px;--stage-bg: radial-gradient(130% 140% at 50% -20%, #35523a 0%, #141c11 72%, #0b100a 100%)}html[data-skin=lavagna][data-theme=light]{--app-bg-img: radial-gradient(rgba(60, 55, 40, .06) .7px, transparent 1.2px);--app-bg-size: 9px 9px;--bg: #f2eee1;--bg-elev: #fbf8ee;--card: #fbf8ee;--card-2: #f1ecdc;--field: rgba(80, 70, 45, .12);--sep: rgba(70, 60, 40, .2);--text: #37342b;--text-2: #7d7664;--text-3: #a29b87;--tabbar: rgba(248, 244, 232, .88);--shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 8px 18px rgba(70, 60, 40, .08)}html[data-skin=lavagna][data-theme=dark]{--app-bg-img: radial-gradient(rgba(255, 255, 255, .035) .7px, transparent 1.2px);--app-bg-size: 9px 9px;--bg: #1b1b17;--bg-elev: #282822;--card: #2a2a24;--card-2: #33322b;--field: rgba(255, 255, 255, .06);--sep: rgba(255, 255, 255, .09);--text: #eee6d2;--text-2: #a49d8a;--text-3: #726c5c;--tabbar: rgba(27, 27, 23, .88);--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 10px 22px rgba(0, 0, 0, .3)}html[data-skin=lavagna] .card,html[data-skin=lavagna] .stat,html[data-skin=lavagna] .tuner-card,html[data-skin=lavagna] .metro-controls{border:1px solid rgba(90,80,60,.18);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff40}html[data-skin=lavagna][data-theme=dark] .card,html[data-skin=lavagna][data-theme=dark] .stat,html[data-skin=lavagna][data-theme=dark] .tuner-card,html[data-skin=lavagna][data-theme=dark] .metro-controls{border-color:#ffffff12;box-shadow:var(--shadow),inset 0 0 0 1px #00000059}html[data-skin=lavagna] .chip{border:1px dashed var(--sep);background:transparent}html[data-skin=lavagna] .chip.on{border-style:solid;border-color:transparent}html[data-skin=lavagna] .field{box-shadow:inset 0 1px 3px #0000000f}html[data-skin=lavagna] .seg{box-shadow:inset 0 1px 3px #00000014}html[data-skin=lavagna][data-theme=dark] .seg{box-shadow:inset 0 1px 3px #0006}html[data-skin=lavagna] .btn-primary{box-shadow:0 4px 14px var(--acc-soft)}html[data-skin=lavagna] .section-title{letter-spacing:.09em}html[data-skin=bosco]{--r-card: 24px;--r-card-sm: 22px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 15px;--r-seg: 13px;--r-sheet: 28px;--r-stage: 28px;--r-pill: 11px;--r-badge: 12px;--r-cell: 15px;--r-thumb: 13px;--stage-bg: radial-gradient(130% 150% at 50% -20%, #4f7240 0%, #27391e 62%, #151f10 100%)}html[data-skin=bosco][data-theme=light]{--app-bg-img: radial-gradient(60% 48% at 90% 6%, rgba(120, 160, 90, .12), transparent 70%);--bg: #e8e9d8;--bg-elev: #f6f5e7;--card: #f7f6e9;--card-2: #ebe9d5;--field: rgba(70, 96, 58, .13);--sep: rgba(58, 82, 48, .16);--text: #242f1d;--text-2: #61705a;--text-3: #8c997f;--tabbar: rgba(246, 245, 232, .88);--shadow: 0 3px 8px rgba(50, 75, 40, .08), 0 14px 30px rgba(50, 75, 40, .1)}html[data-skin=bosco][data-theme=dark]{--app-bg-img: radial-gradient(60% 48% at 90% 6%, rgba(120, 170, 90, .07), transparent 70%);--bg: #12180e;--bg-elev: #1d2417;--card: #212a19;--card-2: #2a3420;--field: rgba(255, 255, 255, .06);--sep: rgba(255, 255, 255, .09);--text: #e9ecd9;--text-2: #9cab8c;--text-3: #6d7c61;--tabbar: rgba(18, 24, 14, .88);--shadow: 0 3px 8px rgba(0, 0, 0, .4), 0 16px 34px rgba(0, 0, 0, .3)}html[data-skin=bosco] .card,html[data-skin=bosco] .stat,html[data-skin=bosco] .tuner-card,html[data-skin=bosco] .metro-controls{background-image:radial-gradient(rgba(60,80,45,.05) .6px,transparent 1.1px);background-size:8px 8px}html[data-skin=bosco][data-theme=dark] .card,html[data-skin=bosco][data-theme=dark] .stat,html[data-skin=bosco][data-theme=dark] .tuner-card,html[data-skin=bosco][data-theme=dark] .metro-controls{background-image:radial-gradient(rgba(255,255,255,.03) .6px,transparent 1.1px)}html[data-skin=bosco] .card{box-shadow:var(--shadow),inset 0 1px #ffffff8c}html[data-skin=bosco][data-theme=dark] .card{box-shadow:var(--shadow),inset 0 1px #ffffff0d}html[data-skin=bosco] .btn-primary{box-shadow:0 6px 18px var(--acc-soft),inset 0 1px #ffffff59}html[data-skin=bosco] .play-fab{box-shadow:0 10px 26px var(--acc-soft),inset 0 1px #fff6}html[data-skin=bosco] .step-btn,html[data-skin=bosco] .icon-btn{border:1px solid var(--sep);background:var(--card)}html[data-skin=bosco] .seg-item.active{box-shadow:0 2px 6px #324b2824}html[data-skin=liquido]{--r-card: 28px;--r-card-sm: 26px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 19px;--r-seg: 16px;--r-sheet: 32px;--r-stage: 34px;--r-pill: 15px;--r-badge: 14px;--r-cell: 17px;--r-thumb: 15px;--stage-bg: radial-gradient(120% 150% at 50% -30%, #7d68e8 0%, #4a3bb0 50%, #2a226e 100%)}html[data-skin=liquido][data-theme=light]{--app-bg-img: radial-gradient(55% 45% at 10% 6%, rgba(125, 140, 255, .26), transparent 70%), radial-gradient(50% 42% at 94% 90%, rgba(255, 120, 190, .22), transparent 70%), radial-gradient(42% 38% at 86% 6%, rgba(90, 220, 255, .2), transparent 70%);--bg: #eeeffa;--bg-elev: rgba(255, 255, 255, .75);--card: rgba(255, 255, 255, .68);--card-2: rgba(255, 255, 255, .55);--field: rgba(105, 115, 165, .13);--sep: rgba(85, 95, 145, .15);--text: #1d1e30;--text-2: #686e8c;--text-3: #9297ae;--tabbar: rgba(255, 255, 255, .72);--shadow: 0 18px 42px -16px rgba(65, 75, 150, .3), 0 6px 16px rgba(65, 75, 150, .12)}html[data-skin=liquido][data-theme=dark]{--app-bg-img: radial-gradient(55% 45% at 10% 6%, rgba(90, 105, 240, .2), transparent 70%), radial-gradient(50% 42% at 94% 90%, rgba(230, 80, 165, .16), transparent 70%), radial-gradient(42% 38% at 86% 6%, rgba(60, 200, 245, .14), transparent 70%);--bg: #131426;--bg-elev: #232441;--card: rgba(255, 255, 255, .07);--card-2: rgba(255, 255, 255, .05);--field: rgba(255, 255, 255, .09);--sep: rgba(255, 255, 255, .12);--text: #eff0fb;--text-2: #9ca2c0;--text-3: #666c8c;--tabbar: rgba(19, 20, 38, .78);--shadow: 0 18px 42px -16px rgba(0, 0, 0, .55), 0 6px 16px rgba(0, 0, 0, .3)}html[data-skin=liquido] .card,html[data-skin=liquido] .stat,html[data-skin=liquido] .tuner-card,html[data-skin=liquido] .metro-controls{border:1.5px solid rgba(255,255,255,.75);box-shadow:var(--shadow),inset 0 2px 4px #ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}html[data-skin=liquido][data-theme=dark] .card,html[data-skin=liquido][data-theme=dark] .stat,html[data-skin=liquido][data-theme=dark] .tuner-card,html[data-skin=liquido][data-theme=dark] .metro-controls{border-color:#ffffff24;box-shadow:var(--shadow),inset 0 1px #ffffff1f}html[data-skin=liquido] .btn,html[data-skin=liquido] .chip,html[data-skin=liquido] .icon-btn,html[data-skin=liquido] .step-btn{transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s ease,box-shadow .18s ease,background .18s ease}html[data-skin=liquido] .btn:active,html[data-skin=liquido] .chip:active,html[data-skin=liquido] .icon-btn:active,html[data-skin=liquido] .step-btn:active{transform:scale(.9)}html[data-skin=liquido] .btn-primary{box-shadow:0 12px 26px var(--acc-soft),inset 0 2px #ffffff80,inset 0 -3px 6px #0000001f}html[data-skin=liquido] .play-fab{box-shadow:0 14px 32px var(--acc-soft),inset 0 3px #ffffff80,inset 0 -5px 10px #0000002e}html[data-skin=liquido] .play-fab:active{transform:scale(.88)}html[data-skin=liquido] .chip,html[data-skin=liquido] .icon-btn,html[data-skin=liquido] .step-btn{box-shadow:0 6px 14px #555faa29,inset 0 1px #fffc}html[data-skin=liquido][data-theme=dark] .chip,html[data-skin=liquido][data-theme=dark] .icon-btn,html[data-skin=liquido][data-theme=dark] .step-btn{box-shadow:0 6px 14px #00000059}html[data-skin=liquido] .seg{background:#ffffff73}html[data-skin=liquido][data-theme=dark] .seg{background:#ffffff0f}html[data-skin=liquido] .seg-item.active{box-shadow:0 6px 14px #555faa2e;background:var(--bg-elev)}html[data-skin=liquido] .field{box-shadow:inset 0 2px 6px #555faa14}html[data-skin=liquido][data-theme=dark] .field{box-shadow:none}html[data-skin=liquido] .tabbar{-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}html[data-skin=rinascimento]{--r-card: 10px;--r-card-sm: 10px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 9px;--r-seg: 9px;--r-sheet: 12px;--r-stage: 16px;--r-pill: 6px;--r-badge: 8px;--r-cell: 9px;--r-thumb: 10px;--stage-bg: radial-gradient(130% 150% at 50% -20%, #6f4330 0%, #33200f 70%, #180e06 100%)}html[data-skin=rinascimento][data-theme=light]{--app-bg-img: radial-gradient(80% 70% at 50% -10%, rgba(255, 255, 255, .45), transparent 70%);--bg: #e9dfc6;--bg-elev: #f4ecd9;--card: #f4ecd9;--card-2: #eae0c6;--field: rgba(80, 62, 25, .1);--sep: rgba(95, 72, 30, .22);--text: #33291a;--text-2: #7b6b4b;--text-3: #a1916c;--tabbar: #efe6d0;--shadow: 0 1px 2px rgba(90, 70, 30, .1), 0 10px 22px rgba(90, 70, 30, .12)}html[data-skin=rinascimento][data-theme=dark]{--bg: #0e0c06;--bg-elev: #1a1609;--card: #1c170b;--card-2: #262011;--field: rgba(255, 255, 255, .05);--sep: rgba(204, 172, 92, .18);--text: #ede1bf;--text-2: #a29363;--text-3: #6f6342;--tabbar: #161208;--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 12px 26px rgba(0, 0, 0, .4)}html[data-skin=rinascimento] .card,html[data-skin=rinascimento] .stat,html[data-skin=rinascimento] .tuner-card,html[data-skin=rinascimento] .metro-controls{border:1px solid rgba(122,92,40,.32);box-shadow:inset 0 0 0 1px #a07e3c38,var(--shadow)}html[data-skin=rinascimento][data-theme=dark] .card,html[data-skin=rinascimento][data-theme=dark] .stat,html[data-skin=rinascimento][data-theme=dark] .tuner-card,html[data-skin=rinascimento][data-theme=dark] .metro-controls{border-color:#bea05a33;box-shadow:inset 0 0 0 1px #bea05a1a,var(--shadow)}html[data-skin=rinascimento] .section-title{letter-spacing:.13em;font-weight:800}html[data-skin=rinascimento] .tabbar{border-top:1px solid rgba(148,116,52,.35)}html[data-skin=rinascimento] .btn-primary,html[data-skin=rinascimento] .btn-soft,html[data-skin=rinascimento] .btn-ghost,html[data-skin=rinascimento] .btn-danger{border:1px solid rgba(122,92,40,.3)}html[data-skin=rinascimento] .chip{border:1px solid rgba(122,92,40,.25);background:transparent}html[data-skin=rinascimento] .chip.on{border-color:transparent}html[data-skin=rinascimento] .play-fab{box-shadow:inset 0 1px #ffffff59,0 6px 16px #0003}html[data-skin=rinascimento] .field{box-shadow:inset 0 1px 2px #5a461e14}html[data-skin=liquidglass]{--glass-button: #2785ff;--glass-button-soft: rgba(39,133,255,.25);--glass-button-glow: rgba(39,133,255,.48);--glass-button-highlight: #20c9e8;--glass-button-warm: #ffad42;--glass-background: #050608;--glass-background-glow: rgba(21,189,255,.14);--glass-background-warm: rgba(255,159,48,.13);--r-card: 25px;--r-card-sm: 22px;--r-btn: 999px;--r-btn-sm: 999px;--r-btn-lg: 999px;--r-field: 17px;--r-seg: 999px;--r-sheet: 30px;--r-stage: 32px;--r-pill: 999px;--r-badge: 13px;--r-cell: 15px;--r-thumb: 14px;--stage-bg: radial-gradient(110% 105% at 50% 0%, rgba(255,255,255,.12), transparent 54%), radial-gradient(90% 100% at 0% 100%, var(--glass-background-glow), transparent 62%), radial-gradient(80% 90% at 100% 100%, var(--glass-background-warm), transparent 65%), var(--glass-background, #050608)}html[data-skin=liquidglass][data-theme=dark]{--bg: #050608;--bg-elev: rgba(24, 25, 29, .88);--card: rgba(28, 29, 33, .58);--card-2: rgba(255, 255, 255, .075);--field: rgba(255, 255, 255, .09);--sep: rgba(255, 255, 255, .13);--text: #f7f7f8;--text-2: #a3a4aa;--text-3: #707178;--tabbar: rgba(12, 13, 15, .76);--shadow: 0 22px 55px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.11)}html[data-skin=liquidglass][data-theme=light]{--glass-background: #e8ebef;--app-bg-img: radial-gradient(70% 50% at 5% 0%, rgba(78,185,255,.17), transparent 70%), radial-gradient(65% 55% at 100% 95%, rgba(255,177,87,.15), transparent 70%);--bg: #e8ebef;--bg-elev: rgba(255,255,255,.84);--card: rgba(255,255,255,.58);--card-2: rgba(255,255,255,.48);--field: rgba(40,47,60,.08);--sep: rgba(40,47,60,.14);--text: #15171b;--text-2: #555b66;--text-3: #838a94;--tabbar: rgba(245,247,250,.72);--shadow: 0 22px 50px rgba(35,45,60,.13), inset 0 1px 0 rgba(255,255,255,.9)}html[data-skin=liquidglass] .pane{background-color:var(--glass-background, var(--bg));background-image:var(--app-bg-img, radial-gradient(75% 45% at 50% -12%, rgba(255,255,255,.075), transparent 72%))}html[data-skin=liquidglass] .screen-title{letter-spacing:-.045em;text-shadow:0 1px 18px rgba(255,255,255,.09)}html[data-skin=liquidglass] .section-title{color:var(--text-2);letter-spacing:.15em;text-shadow:0 1px 10px rgba(255,255,255,.08)}html[data-skin=liquidglass] .card,html[data-skin=liquidglass] .stat,html[data-skin=liquidglass] .tuner-card,html[data-skin=liquidglass] .metro-controls{border:1px solid rgba(255,255,255,.15);background:linear-gradient(148deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.045) 24%,transparent 48%),linear-gradient(330deg,rgba(255,187,103,.045),transparent 35%),var(--card);box-shadow:var(--shadow),1px 0 #3dd5ff13,-1px 0 #ff75740b;-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}html[data-skin=liquidglass][data-theme=light] .card,html[data-skin=liquidglass][data-theme=light] .stat,html[data-skin=liquidglass][data-theme=light] .tuner-card,html[data-skin=liquidglass][data-theme=light] .metro-controls{border-color:#ffffffd9;box-shadow:var(--shadow),1px 0 #00b1ff21,-1px 0 #ff92581a}html[data-skin=liquidglass] .tabbar{border-top:1px solid rgba(255,255,255,.13);box-shadow:0 -12px 42px #0000003d,inset 0 1px #ffffff17}html[data-skin=liquidglass] .chip,html[data-skin=liquidglass] .icon-btn,html[data-skin=liquidglass] .step-btn,html[data-skin=liquidglass] .skin-opt{border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,#ffffff21,#ffffff06 62%),var(--card-2);box-shadow:0 8px 20px #0000002b,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}html[data-skin=liquidglass] .chip.on,html[data-skin=liquidglass] .skin-opt.on{border-color:color-mix(in srgb,var(--acc) 48%,rgba(255,255,255,.4));background:linear-gradient(145deg,color-mix(in srgb,var(--acc) 30%,rgba(255,255,255,.2)),#ffffff0b);color:var(--text);box-shadow:0 0 22px var(--acc-soft),inset 0 1px #ffffff42}html[data-skin=liquidglass] .field,html[data-skin=liquidglass] .seg{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ffffff14,#ffffff05),var(--field);box-shadow:inset 0 1px 3px #00000029,0 1px #ffffff0f}html[data-skin=liquidglass] .seg-item.active{border:1px solid rgba(255,255,255,.18);background:linear-gradient(150deg,#fff3,#ffffff12),var(--bg-elev);color:var(--text);box-shadow:0 5px 16px #0003,inset 0 1px #ffffff3b}html[data-skin=liquidglass] .btn-primary,html[data-skin=liquidglass] .play-fab{border:1px solid rgba(255,255,255,.31);background:linear-gradient(145deg,rgba(255,255,255,.38),transparent 62%),linear-gradient(115deg,color-mix(in srgb,var(--glass-button) 72%,var(--glass-button-highlight)),var(--glass-button) 52%,color-mix(in srgb,var(--glass-button) 72%,var(--glass-button-warm)));box-shadow:0 12px 34px var(--glass-button-soft),inset 0 2px #ffffff75,inset 0 -4px 9px #0000003d}html[data-skin=liquidglass] .btn-soft{color:var(--glass-button-highlight);background:color-mix(in srgb,var(--glass-button) 19%,transparent)}html[data-skin=liquidglass] .chip.on,html[data-skin=liquidglass] .step-btn,html[data-skin=liquidglass] .icon-btn,html[data-skin=liquidglass] .tab-btn.active,html[data-skin=liquidglass] .back-btn{color:var(--glass-button-highlight)}html[data-skin=liquidglass] .pcell.st1{color:var(--glass-button-highlight);background:color-mix(in srgb,var(--glass-button) 22%,transparent)}html[data-skin=liquidglass] .pcell.st2{background:linear-gradient(145deg,var(--glass-button-highlight),var(--glass-button));box-shadow:0 3px 14px var(--glass-button-soft)}html[data-skin=liquidglass] .play-fab{width:88px;height:88px;background:radial-gradient(ellipse at 28% 20%,rgba(255,255,255,.5),transparent 34%),conic-gradient(from 215deg,var(--glass-button-highlight),#e6f7ff 18%,var(--glass-button) 35%,var(--glass-button-warm) 57%,#17191d 72%,var(--glass-button-highlight) 91%,var(--glass-button));box-shadow:0 14px 40px var(--glass-button-soft),0 0 0 1px #ffffff8c,inset 0 0 0 4px color-mix(in srgb,var(--glass-background) 88%,transparent),inset 0 0 13px #ffffffd9}html[data-skin=liquidglass] .metro-stage{isolation:isolate;border:1px solid rgba(255,255,255,.17);background:var(--stage-bg)!important;box-shadow:inset 0 1px #ffffff3b,0 22px 42px #00000052,1px 0 #1ed5ff2b,-1px 0 #ff9b5f1f!important}html[data-skin=liquidglass] .tempo-num{text-shadow:0 4px 38px rgba(255,255,255,.2),1px 0 rgba(28,210,255,.18),-1px 0 rgba(255,145,110,.13)}html[data-skin=liquidglass] .beat-dot{width:11px;height:11px;border-radius:999px;background:#fff3;box-shadow:inset 0 1px 2px #0000008c}html[data-skin=liquidglass] .beat-dot.on{background:linear-gradient(135deg,#fff,#9beaff);box-shadow:0 0 18px #63deffcc,inset 0 1px #fff}html[data-skin=liquidglass] .beat-dot.accent.on{background:linear-gradient(135deg,#fff9de,#ffc05b);box-shadow:0 0 18px #ffbe4bd9,inset 0 1px #fff}html[data-skin=liquidglass] .row-link,html[data-skin=liquidglass] .list-item,html[data-skin=liquidglass] .song-mini{transition:background .2s ease,transform .18s ease}html[data-skin=liquidglass] .row-link:active,html[data-skin=liquidglass] .list-item:active{background:#ffffff13}html[data-skin=liquidglass] .sheet{border:1px solid rgba(255,255,255,.18);border-bottom:0;background:linear-gradient(150deg,rgba(255,255,255,.12),transparent 40%),var(--bg-elev);-webkit-backdrop-filter:blur(34px) saturate(160%);backdrop-filter:blur(34px) saturate(160%)}html[data-skin=liquidglass] .toast,html[data-skin=liquidglass] .lightbox-bar,html[data-skin=liquidglass] .lightbox-x{border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}html[data-skin=liquidglass] .glass-design-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#ffffff1f,#ffffff06);box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000026}html[data-skin=liquidglass] .glass-design-mark{position:relative;width:48px;height:48px;flex:none;border-radius:17px;border:1px solid rgba(255,255,255,.5);background:conic-gradient(from 220deg,var(--glass-button-highlight),#e9faff,#22252a,var(--glass-button-warm),#202329,var(--glass-button-highlight));box-shadow:inset 0 0 0 3px #050608d9,0 0 22px var(--glass-button-soft)}html[data-skin=liquidglass] .glass-design-mark span{position:absolute;inset:15px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}html[data-skin=liquidglass] .auto-tempo-card{box-shadow:0 18px 45px #00000047,inset 0 1px #ffffff2b,1px 0 #2dd8ff1f,-1px 0 #ffa15f1a}html[data-skin=liquidglass] .field:focus,html[data-skin=liquidglass] button:focus-visible{outline:2px solid color-mix(in srgb,var(--acc) 72%,white);outline-offset:2px}html[data-skin=sabbia] .pane,html[data-skin=oceano] .pane,html[data-skin=vinile] .pane,html[data-skin=acciaio] .pane,html[data-skin=lavagna] .pane,html[data-skin=bosco] .pane,html[data-skin=liquido] .pane,html[data-skin=rinascimento] .pane{background-color:var(--bg);background-image:var(--app-bg-img, none);background-size:var(--app-bg-size, auto)}html[data-skin=liquidglass]{--r-card: 23px;--r-card-sm: 19px;--r-btn: 16px;--r-btn-lg: 19px;--r-field: 14px;--r-seg: 15px;--r-sheet: 26px;--r-stage: 22px;--r-badge: 12px;--stage-bg: #151515;--ok: #f0f0f0;--ok-soft: rgba(255,255,255,.12);--warn: #d5d5d5;--warn-soft: rgba(255,255,255,.1);--bad: #d8d8d8;--bad-soft: rgba(255,255,255,.09);--app-bg-img: none}html[data-skin=liquidglass][data-theme=dark]{--glass-background: #080808;--bg: #080808;--bg-elev: #1b1b1b;--card: #181818;--card-2: #202020;--field: #262626;--sep: rgba(255,255,255,.095);--text: #f7f7f7;--text-2: #a3a3a3;--text-3: #777;--tabbar: rgba(16,16,16,.91);--shadow: 0 12px 32px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.035)}html[data-skin=liquidglass][data-theme=light]{--glass-background: #f3f3f3;--bg: #f3f3f3;--bg-elev: #fff;--card: #fff;--card-2: #ebebeb;--field: #e9e9e9;--sep: rgba(0,0,0,.1);--text: #151515;--text-2: #5e5e5e;--text-3: #818181;--tabbar: rgba(248,248,248,.92);--shadow: 0 10px 28px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.8);--ok: #292929;--warn: #454545;--bad: #444}html[data-skin=liquidglass] .pane{background:var(--bg)}html[data-skin=liquidglass] .screen{max-width:820px;margin-inline:auto;padding:calc(24px + env(safe-area-inset-top)) clamp(18px,4vw,36px) 48px}html[data-skin=liquidglass] .screen-title{font-weight:650;letter-spacing:-.045em;text-shadow:none;margin-bottom:7px}html[data-skin=liquidglass] .screen-sub{color:var(--text-2);line-height:1.55;margin-bottom:25px}html[data-skin=liquidglass] .section-title{font-size:12px;letter-spacing:.12em;font-weight:650;color:var(--text-2);text-shadow:none;margin:28px 2px 12px}html[data-skin=liquidglass] .card,html[data-skin=liquidglass] .stat,html[data-skin=liquidglass] .tuner-card,html[data-skin=liquidglass] .metro-controls{background:var(--card);border:1px solid var(--sep);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-skin=liquidglass] .stat{padding:19px 16px}html[data-skin=liquidglass] .stat .v{font-size:clamp(23px,6vw,32px);font-weight:630}html[data-skin=liquidglass] .stat .k{margin-top:7px;font-size:11px;line-height:1.3}html[data-skin=liquidglass] .wbar,html[data-skin=liquidglass] .wbar.today{background:#e3e3e3;border-radius:5px}html[data-skin=liquidglass] .wbar:not(.today){opacity:.48}html[data-skin=liquidglass] .tabbar{width:min(100%,820px);margin-inline:auto;border:1px solid var(--sep);border-bottom:0;border-radius:23px 23px 0 0;box-shadow:0 -14px 40px #00000029;background:var(--tabbar);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}html[data-skin=liquidglass] .tab-btn{height:62px;gap:5px;color:var(--text-3)}html[data-skin=liquidglass] .tab-btn svg{width:21px;height:21px;stroke-width:1.65}html[data-skin=liquidglass] .tab-btn .lbl{font-size:clamp(8px,2.3vw,11px);font-weight:530;letter-spacing:-.02em;white-space:nowrap}html[data-skin=liquidglass] .tab-btn.active{color:var(--text)}html[data-skin=liquidglass] .tab-btn.active:before{content:"";position:absolute;top:0;width:23px;height:2px;border-radius:0 0 3px 3px;background:var(--text)}html[data-skin=liquidglass] .chip,html[data-skin=liquidglass] .icon-btn,html[data-skin=liquidglass] .step-btn,html[data-skin=liquidglass] .skin-opt,html[data-skin=liquidglass] .field,html[data-skin=liquidglass] .seg{background:var(--card-2);border:1px solid var(--sep);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-skin=liquidglass] .chip.on,html[data-skin=liquidglass] .skin-opt.on,html[data-skin=liquidglass] .seg-item.active{background:#393939;border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:inset 0 1px #ffffff14}html[data-skin=liquidglass][data-theme=light] .chip.on,html[data-skin=liquidglass][data-theme=light] .skin-opt.on,html[data-skin=liquidglass][data-theme=light] .seg-item.active{background:#292929}html[data-skin=liquidglass] .btn-primary{background:#f1f1f1;color:#111;border:1px solid #f1f1f1;box-shadow:none;font-weight:650}html[data-skin=liquidglass][data-theme=light] .btn-primary{background:#242424;color:#fff;border-color:#242424}html[data-skin=liquidglass] .btn-soft,html[data-skin=liquidglass] .btn-ghost,html[data-skin=liquidglass] .btn-danger{background:var(--card-2);color:var(--text);border:1px solid var(--sep)}html[data-skin=liquidglass] .play-fab,html[data-skin=liquidglass] .play-fab.is-playing{width:86px;height:86px;background:#f4f4f4;color:#111;border:0;box-shadow:0 0 0 9px #ffffff12,0 10px 32px #00000038}html[data-skin=liquidglass] .play-fab.is-playing{background:#bcbcbc}html[data-skin=liquidglass] .step-btn,html[data-skin=liquidglass] .icon-btn,html[data-skin=liquidglass] .back-btn{color:var(--text)}html[data-skin=liquidglass] .pcell.st1{background:var(--field);color:var(--text)}html[data-skin=liquidglass] .pcell.st2{background:#eee;color:#111;box-shadow:none}html[data-skin=liquidglass] .metro-stage{background:#171717!important;border:0;border-bottom:1px solid var(--sep);box-shadow:none!important;padding:38px 18px 27px}html[data-skin=liquidglass] .tempo-num{font-size:clamp(88px,24vw,142px);font-weight:580;letter-spacing:-.075em;text-shadow:none;margin-top:18px}html[data-skin=liquidglass] .tempo-name{color:#a9a9a9;font-size:11px;font-weight:650;letter-spacing:.18em;margin-top:12px}html[data-skin=liquidglass] .beat-dot.on,html[data-skin=liquidglass] .beat-dot.accent.on{background:#fff;box-shadow:0 0 12px #fff6}html[data-skin=liquidglass] .sheet{background:var(--bg-elev);border:1px solid var(--sep);border-bottom:0;box-shadow:0 -20px 60px #00000059}html[data-skin=liquidglass] .glass-design-card,html[data-skin=liquidglass] .glass-design-mark{background:var(--card-2);box-shadow:none;border-color:var(--sep)}html[data-skin=liquidglass] .auto-tempo-card{box-shadow:var(--shadow)}html[data-skin=liquidglass] .field:focus,html[data-skin=liquidglass] button:focus-visible{outline:2px solid var(--text);outline-offset:3px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-link{min-height:75px;display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-card-sm);border:1px solid var(--sep);background:var(--card);text-align:left;font-size:14px;font-weight:580;box-shadow:var(--shadow)}.quick-link svg:last-child{margin-left:auto;color:var(--text-3);flex:none}.quick-link svg:first-child{color:var(--text-2);flex:none}.quick-link:active{transform:scale(.98)}.tuning-preset{display:inline-flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;margin:7px 0 12px}.tuning-preset span{color:var(--text-2);font-size:12px;font-weight:400}.welcome-screen{position:fixed;inset:0;z-index:80;overflow-y:auto;overscroll-behavior:contain;background:#050505;color:#f7f7f7;display:flex;justify-content:center;padding:calc(22px + env(safe-area-inset-top)) 25px calc(18px + env(safe-area-inset-bottom))}.welcome-content{width:min(100%,360px);min-height:min(100%,720px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0}.welcome-pick{width:clamp(158px,46vw,222px);height:clamp(158px,46vw,222px);margin:0 auto 4px;filter:drop-shadow(0 14px 35px rgba(255,255,255,.12));animation:pick-arrive .75s cubic-bezier(.2,.72,.28,1) both}.welcome-pick svg{width:100%;height:100%;overflow:visible}.welcome-content h1{font-size:clamp(43px,11vw,53px);line-height:1.03;font-weight:420;letter-spacing:-.055em}.welcome-tagline{color:#a4a4a4;font-size:18px;font-weight:450;line-height:1.35;text-align:center;margin:9px 0 15px}.welcome-features{display:grid;gap:8px;width:min(100%,304px);margin-bottom:18px}.welcome-feature{display:flex;align-items:center;gap:14px;color:#b6b6b6;font-size:14px;line-height:1.35;text-align:left}.welcome-feature-icon{width:49px;height:49px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#f3f3f3;background:linear-gradient(145deg,#1e1e1e,#101010);border:1px solid rgba(255,255,255,.04);border-radius:15px;box-shadow:inset 0 1px #ffffff0a}.welcome-feature-icon svg{stroke-width:1.55}.welcome-start{width:min(100%,304px);min-height:58px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;background:linear-gradient(180deg,#fff,#e8e8e8);color:#111;border:1px solid #fff;box-shadow:0 7px 24px #0000003d,inset 0 1px #fff;font-weight:650;font-size:16px;transition:transform .16s ease,filter .16s ease}.welcome-start span{margin-inline:auto;padding-left:18px}.welcome-start svg{position:absolute;right:15px}.welcome-start:active{transform:scale(.98);filter:brightness(.94)}.metro-immersive.screen{min-height:100%;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 18px 24px;max-width:560px}.metro-essential-header,.tuner-essential-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;min-height:42px;gap:8px}.metro-essential-header h1,.tuner-essential-header h1{text-align:center;font-size:17px;font-weight:620;letter-spacing:-.025em}.metro-round-button{width:40px;height:40px;border:1px solid rgba(255,255,255,.075);border-radius:50%;background:linear-gradient(145deg,#1d1d1de0,#0f0f0ff5);color:#f7f7f7;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff09;transition:transform .14s ease,background .16s ease,border-color .16s ease}.metro-round-button:active{transform:scale(.94)}.metro-round-button.selected{border-color:#ffffff38;background:#292929}.metro-round-button:disabled{opacity:.38}.metro-header-spacer,.metro-meter-spacer{width:40px;height:40px;display:block;flex:none}.metro-immersive .metro-essential-header{flex:none}.metro-essential-stage{position:relative;flex:1 1 auto;min-height:555px;display:flex;flex-direction:column;align-items:center;padding:30px 0 0}.metro-essential-meter{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 4px}.metro-signature{width:clamp(134px,42vw,178px);height:60px;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:radial-gradient(120% 170% at 50% 0%,#484848,#262626 54%,#1b1b1b);box-shadow:inset 0 2px 4px #ffffff24,inset 0 -5px 12px #00000061,0 10px 22px #0000003d;font-size:16px;font-variant-numeric:tabular-nums}.metro-signature i{color:#929292;font-style:normal}.metro-signature b{font-size:21px;font-weight:450}.metro-beat-pills{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:clamp(30px,7vh,56px)}.metro-beat-pill{width:42px;height:27px;border-radius:999px;background:linear-gradient(180deg,#2a2a2d,#202023);box-shadow:inset 0 1px #ffffff06;transition:height .12s ease,width .12s ease,background .12s ease,box-shadow .12s ease}.metro-beat-pill.downbeat{width:42px;height:28px}.metro-beat-pill.silent{opacity:.24}.metro-beat-pill.flashing{width:45px;height:35px;background:#f3f3f3;box-shadow:0 0 17px #ffffff38}.metro-beat-pill.downbeat.flashing{height:43px}.metro-tempo-display{margin-top:clamp(25px,7vh,56px);text-align:center}.metro-tempo-number{color:#fafafa;font-size:clamp(102px,29vw,150px);font-weight:370;line-height:.97;letter-spacing:-.075em;font-variant-numeric:tabular-nums;text-shadow:0 0 35px rgba(255,255,255,.12)}.metro-tempo-name{margin-top:9px;color:#828282;font-size:11px;font-weight:580;letter-spacing:.17em}.metro-tempo-ticks{display:flex;width:min(100%,285px);justify-content:space-between;align-items:center;margin:17px 0 0;height:25px}.metro-tempo-ticks span{width:1px;height:11px;background:#363638;border-radius:2px}.metro-tempo-ticks span.major{height:16px;background:#464649}.metro-tempo-ticks span.lit{background:#d5d5d5}.metro-glass-play{width:clamp(104px,35vw,132px);height:clamp(104px,35vw,132px);flex:none;margin-top:clamp(27px,5vh,42px);display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.64);border-radius:50%;background:radial-gradient(ellipse at 36% 16%,rgba(255,255,255,.94) 0,rgba(255,255,255,.34) 5%,transparent 22%),radial-gradient(ellipse at 18% 62%,rgba(255,255,255,.72) 0,rgba(255,255,255,.12) 11%,transparent 29%),radial-gradient(ellipse at 78% 82%,rgba(230,230,230,.6) 0,rgba(180,180,180,.13) 13%,transparent 30%),radial-gradient(circle at 50% 43%,#303030 0,#101010 42%,#030303 68%,#171717,#414141);box-shadow:inset 0 2px 3px #ffffffdb,inset 0 -12px 22px #000000b8,inset 8px 0 16px #ffffff21,0 0 0 2px #ffffff12,0 13px 35px #00000080;transition:transform .18s cubic-bezier(.2,.75,.3,1),filter .18s ease}.metro-glass-play svg{filter:drop-shadow(0 1px 2px rgba(255,255,255,.25))}.metro-glass-play:active{transform:scale(.95);filter:brightness(1.13)}.metro-glass-play.is-playing{border-color:#ffffff6b}.metro-essential-adjust{width:100%;display:flex;align-items:center;gap:12px;margin-top:auto;padding:22px 4px 0}.metro-essential-adjust>.metro-round-button{flex:none}.metro-essential-range{flex:1;min-width:0}.metro-essential-range input[type=range].rng::-webkit-slider-runnable-track{height:5px;background:#292929}.metro-essential-range input[type=range].rng::-webkit-slider-thumb{width:25px;height:25px;background:#f5f5f5;box-shadow:0 1px 10px #fff3;margin-top:-10px}.metro-options>.section-title:first-child{margin-top:13px}.metro-study-card{background:#101010;border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 36px #0003,inset 0 1px #ffffff09}.metro-study-stage{min-height:312px;display:flex;flex-direction:column;align-items:center;padding:19px 18px 12px;background:radial-gradient(110% 90% at 50% -12%,rgba(255,255,255,.1),transparent 63%),linear-gradient(180deg,#191919,#111)}.metro-study-status{width:100%;min-height:34px;display:flex;align-items:center;gap:7px;color:#b7b7b7;font-size:10px;font-weight:620;letter-spacing:.09em;text-transform:uppercase}.metro-study-status-dot{width:7px;height:7px;border-radius:50%;background:#ececec;box-shadow:0 0 11px #ffffff7a}.metro-study-signature{margin-left:auto;padding:5px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#efefef;background:#ffffff0b;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.metro-study-stage .metro-beat-pills{min-height:34px;gap:7px;margin-top:25px}.metro-study-stage .metro-beat-pill{width:34px;height:22px}.metro-study-stage .metro-beat-pill.downbeat{width:35px;height:24px}.metro-study-stage .metro-beat-pill.flashing{width:37px;height:29px}.metro-study-stage .metro-beat-pill.downbeat.flashing{height:34px}.metro-study-tempo{margin-top:22px;text-align:center}.metro-study-number{color:#fafafa;font-size:clamp(82px,22vw,120px);font-weight:370;line-height:.94;letter-spacing:-.075em;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(255,255,255,.1)}.metro-study-unit{margin-top:3px;color:#919191;font-size:10px;font-weight:620;letter-spacing:.15em}.metro-study-stage .metro-tempo-name{margin-top:7px}.metro-study-ticks{width:min(100%,250px);margin-top:13px}.metro-study-context{width:100%;min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#7e7e7e;font-size:11px}.metro-study-running{display:inline-flex;align-items:center;gap:4px;color:#e5e5e5;font-weight:600;white-space:nowrap}.metro-study-controls{padding:10px 16px 16px}.metro-study-adjust{display:flex;align-items:center;gap:10px}.metro-study-adjust .metro-round-button{width:38px;height:38px}.metro-study-range{flex:1;min-width:0}.metro-study-range input[type=range].rng::-webkit-slider-runnable-track{height:5px;background:#292929}.metro-study-range input[type=range].rng::-webkit-slider-thumb{width:24px;height:24px;background:#f5f5f5;box-shadow:0 1px 10px #ffffff2e;margin-top:-9.5px}.metro-study-play{width:88px;height:88px;margin-top:18px}.tuner-immersive.screen{min-height:100%;padding:calc(12px + env(safe-area-inset-top)) 18px 26px;max-width:560px}.tuner-preset-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;margin-top:10px}.tuner-preset-button,.tuner-settings-button{height:47px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(145deg,#1d1d1f,#141414);color:#f7f7f7;box-shadow:inset 0 1px #ffffff0a}.tuner-preset-button{width:100%;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;text-align:left}.tuner-preset-button svg{color:#bebebe}.tuner-settings-button{display:inline-flex;align-items:center;justify-content:center;border-radius:15px}.tuner-essential-stage{display:flex;flex-direction:column;align-items:center;padding-top:24px}.tuner-essential-gauge{position:relative;display:flex;width:100%;min-height:281px;flex-direction:column;align-items:center;padding:0;color:#d9d9d9;touch-action:manipulation}.tuner-essential-dial{display:block;width:100%;max-width:350px;height:auto;overflow:visible;flex:none}.tuner-gauge-accidental{fill:#828282;font-size:21px;font-family:var(--app-font);text-anchor:middle}.tuner-note-reading{display:flex;justify-content:center;align-items:baseline;gap:4px;margin-top:-63px;color:#f6f6f6;line-height:1;text-shadow:0 0 25px rgba(255,255,255,.16)}.tuner-note-reading strong{font-size:clamp(58px,17vw,78px);font-weight:420;letter-spacing:-.045em}.tuner-note-reading sup{font-size:25px;font-weight:420}.tuner-frequency-reading{margin-top:8px;color:#8b8b8b;font-size:14px;font-weight:450;font-variant-numeric:tabular-nums}.tuner-tap-hint{margin-top:5px;color:#5f5f5f;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.tuner-perfect-badge{min-width:122px;margin-top:12px;padding:9px 21px;border:1px solid rgba(255,255,255,.045);border-radius:999px;background:linear-gradient(145deg,#1b1b1c,#101010);color:#aaa;font-size:15px;font-weight:610;text-align:center;box-shadow:inset 0 1px #ffffff09}.tuner-perfect-badge.is-perfect{background:linear-gradient(145deg,#10211e,#0e1715);border-color:#4bc4a51a;color:#69dfc0}.tuner-perfect-badge.needs-tuning{color:#d1d1d1}.tuner-string-picker{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:26px}.tuner-string-chip{min-width:0;height:51px;display:flex;align-items:center;justify-content:center;gap:1px;background:linear-gradient(145deg,#1c1c1e,#141414);border:1px solid rgba(255,255,255,.055);border-radius:13px;color:#969696;font-size:17px;font-weight:500;transition:border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.tuner-string-chip sub{font-size:10px;line-height:1;margin-top:9px}.tuner-string-chip.selected{border-color:#ffffffd1;color:#f2f2f2;box-shadow:0 0 0 1px #ffffff21,0 0 15px #ffffff1a}.tuner-string-chip.is-heard{border-color:#66dfbfb3}.tuner-headstock-wrap{width:min(280px,84vw);margin:12px auto 0;color:#d8d8d8}.tuner-headstock{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 16px 40px #00000073}.tuner-string-waves{stroke-width:1.4}.tuner-settings-panel{display:grid;gap:12px;margin:4px 0 16px;padding:14px;background:#151515;border:1px solid var(--sep);border-radius:17px}.tuner-view-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;border-radius:12px;background:#0e0e0e}.tuner-view-toggle button{min-height:38px;border-radius:9px;color:#8b8b8b;font-size:13px}.tuner-view-toggle button.active{background:#292929;color:#fff}@keyframes pick-arrive{0%{opacity:0;transform:translateY(12px) scale(.94);filter:brightness(.62)}to{opacity:1;transform:none;filter:brightness(1)}}@keyframes welcome-sheet-up{0%{transform:translateY(22px);opacity:.65}to{transform:none;opacity:1}}@media (max-width: 390px){html[data-skin=liquidglass] .stat{padding:16px 10px}html[data-skin=liquidglass] .stat .k{font-size:10px}html[data-skin=liquidglass] .screen{padding-inline:16px}html[data-skin=liquidglass] .tab-btn .lbl{font-size:8px}.welcome-screen{padding-left:23px;padding-right:23px}.welcome-pick{width:clamp(142px,43vw,180px);height:clamp(142px,43vw,180px)}.welcome-content h1{font-size:45px}.welcome-tagline{font-size:16px;margin:7px 0 12px}.welcome-features{gap:7px;margin-bottom:14px}.welcome-feature-icon{width:45px;height:45px;border-radius:14px}.welcome-feature{font-size:13px;gap:12px}.welcome-start{min-height:55px}.metro-essential-stage{min-height:max(525px,calc(100dvh - 188px));padding-top:22px}.metro-beat-pills{margin-top:clamp(24px,6vh,42px)}.metro-beat-pill{width:35px}.metro-tempo-display{margin-top:clamp(20px,6vh,42px)}.metro-glass-play{margin-top:clamp(22px,4vh,34px)}.tuner-immersive.screen{padding-inline:15px}.tuner-essential-stage{padding-top:16px}.tuner-essential-gauge{min-height:253px}.tuner-note-reading{margin-top:-56px}.tuner-string-picker{gap:6px;margin-top:22px}.tuner-string-chip{height:47px;border-radius:12px}}@media (max-height: 700px){.welcome-screen{padding-top:calc(9px + env(safe-area-inset-top));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.welcome-content{min-height:0}.welcome-pick{width:clamp(118px,30vh,166px);height:clamp(118px,30vh,166px)}.welcome-tagline{margin:5px 0 8px;font-size:15px}.welcome-features{gap:5px;margin-bottom:10px}.welcome-feature-icon{width:40px;height:40px}.welcome-feature{font-size:12.5px}.welcome-start{min-height:49px}.metro-essential-stage{min-height:470px;padding-top:18px}.metro-beat-pills{margin-top:24px}.metro-tempo-display{margin-top:22px}.metro-glass-play{width:94px;height:94px;margin-top:20px}.tuner-essential-stage{padding-top:13px}.tuner-essential-gauge{min-height:235px}}@media (prefers-reduced-motion: reduce){.quick-link,.welcome-start,.metro-round-button,.metro-beat-pill,.metro-glass-play,.tuner-string-chip{transition:none}.welcome-pick{animation:none}}html[data-skin=liquidglass] .tab-btn.tab-center{color:var(--text-2)}html[data-skin=liquidglass] .tab-btn.tab-center svg{width:28px;height:28px;stroke-width:1.55}html[data-skin=liquidglass] .tab-btn.tab-center .lbl{font-size:clamp(8px,2.3vw,11px);font-weight:620}html[data-skin=liquidglass] .tab-btn.tab-center.active{color:var(--text)}html[data-skin=liquidglass] .tab-btn.tab-center.active:before{width:28px}html[data-skin=liquidglass] .tab-btn:not(.tab-center){flex:1}html[data-skin=liquidglass] .tab-btn.tab-center{flex:1.16}.train-screen{padding-bottom:60px}.train-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;min-height:42px;margin-bottom:6px}.train-title{text-align:center;font-size:17px;font-weight:620;letter-spacing:-.025em;margin:0;color:var(--text)}.train-head-right{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.train-back{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text);background:var(--card-2);border:1px solid var(--sep)}.train-back:active{transform:scale(.94)}.train-body{display:block}.train-grid{display:grid;grid-template-columns:1fr;gap:10px}.train-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;border-radius:var(--r-card-sm);border:1px solid var(--sep);background:var(--card);box-shadow:var(--shadow)}.train-card:active{transform:scale(.985)}.train-card-ico{width:42px;height:42px;flex:none;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--text)}.train-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.train-card-title{font-size:16px;font-weight:620;letter-spacing:-.02em;color:var(--text)}.train-card-sub{font-size:12.5px;line-height:1.4;color:var(--text-2)}.train-card-chev{margin-left:auto;flex:none;color:var(--text-3)}.train-note{display:flex;gap:11px;align-items:flex-start}.train-note svg{flex:none;margin-top:1px;color:var(--text-2)}.train-note p{font-size:13.5px;line-height:1.55;color:var(--text-2);margin:0}.train-note b{color:var(--text);font-weight:620}.train-form{display:flex;flex-direction:column;gap:9px}.train-label{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-top:7px}.train-label:first-child{margin-top:0}.train-switch-row{display:flex;align-items:center;gap:14px;margin-top:11px}.train-switch-label{display:flex;flex-direction:column;gap:3px;font-size:14.5px;font-weight:560;color:var(--text);margin-right:auto}.train-switch-label em{font-style:normal;font-size:12px;line-height:1.4;color:var(--text-3)}.train-slider{margin-top:12px}.train-slider-val{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--text-2);margin-top:8px}.train-inline-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.train-chips,.train-excluded{display:flex;flex-wrap:wrap;gap:8px}.chord-svg{width:100%;height:auto;display:block}.chord-svg-name{fill:var(--text);font-weight:680;letter-spacing:-.02em}.chord-svg-string,.chord-svg-fret{stroke:var(--text-3)}.chord-svg-fretno{fill:var(--text-3)}.chord-svg-x{stroke:var(--text-3);stroke-width:1.5;stroke-linecap:round}.chord-svg-open{fill:none;stroke:var(--text-2)}.chord-svg-finger{fill:var(--text)}.chord-svg-digit{fill:var(--bg);font-weight:700;font-family:inherit}.chord-svg-barre{fill:var(--text);opacity:.9}.chord-svg-hint{fill:var(--text-3);font-family:inherit;font-weight:500}.train-diagram{display:flex;justify-content:center;padding:4px 0 2px}.train-diagram .chord-svg{max-width:210px}.train-notes{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px}.train-notes li{font-size:13.5px;line-height:1.5;color:var(--text-2)}.train-notes b{color:var(--text);font-weight:620}.accordi-stage{display:flex;flex-direction:column;align-items:center;padding:30px 16px 22px;border-radius:var(--r-stage);background:#171717;border:1px solid var(--sep)}html[data-skin=liquidglass][data-theme=light] .accordi-stage{background:#ececec}.accordi-chord{font-size:clamp(44px,15vw,68px);font-weight:640;letter-spacing:-.05em;line-height:1;color:#f4f4f4;text-align:center}html[data-skin=liquidglass][data-theme=light] .accordi-chord{color:#1b1b1b}.accordi-chord:disabled{opacity:.4}.accordi-chord:active{opacity:.72}.accordi-meta{margin-top:12px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a9a9a9;text-align:center}.accordi-stats{display:flex;gap:26px;margin-top:24px}.accordi-stat{text-align:center}.accordi-stat .v{font-size:25px;font-weight:620;letter-spacing:-.03em;color:#f4f4f4;font-variant-numeric:tabular-nums}html[data-skin=liquidglass][data-theme=light] .accordi-stat .v{color:#1b1b1b}.accordi-stat .k{margin-top:4px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a9a9a9}.accordi-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.accordi-controls .btn{flex:1 1 auto;min-width:130px}.train-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.train-pair-slot{display:flex;flex-direction:column;gap:7px}.train-pair-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.train-pair-btn{width:100%;padding:12px 8px;border-radius:var(--r-btn);background:var(--card-2);border:1px solid var(--sep);color:var(--text);font-size:15px;font-weight:620}.train-pair-mini{background:var(--card-2);border:1px solid var(--sep);border-radius:var(--r-card-sm);padding:6px}.train-pair-mini .chord-svg{max-width:130px;margin-inline:auto}.train-staff-card{background:var(--card);border:1px solid var(--sep);border-radius:var(--r-card);box-shadow:var(--shadow);padding:10px 12px 6px;margin-bottom:12px;overflow:hidden}.staff-host{width:100%;overflow:hidden}.staff-host svg{width:100%;height:auto;display:block}.staff-host svg path,.staff-host svg text{fill:var(--text);stroke:var(--text)}.staff-host svg .vf-stavenote{fill:var(--text)}.train-note-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.train-note-chip{font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:var(--r-badge);background:var(--card-2);border:1px solid var(--sep);color:var(--text-2)}.train-note-chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.ear-stage{display:flex;flex-direction:column;align-items:center;padding:28px 16px 24px;border-radius:var(--r-stage);background:#171717;border:1px solid var(--sep)}html[data-skin=liquidglass][data-theme=light] .ear-stage{background:#ececec}.ear-prompt{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a9a9a9;text-align:center}.ear-question{margin-top:12px;font-size:22px;font-weight:620;letter-spacing:-.03em;color:#f4f4f4;text-align:center}html[data-skin=liquidglass][data-theme=light] .ear-question{color:#1b1b1b}.ear-play{margin-top:20px;width:78px;height:78px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f4f4f4;color:#111;box-shadow:0 0 0 8px #ffffff12}.ear-play:active{transform:scale(.95)}.ear-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin-top:18px}.ear-answer{padding:13px 8px;border-radius:var(--r-btn);background:var(--card-2);border:1px solid var(--sep);color:var(--text);font-size:13.5px;font-weight:580;line-height:1.3}.train-chips-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.train-chips-stack .chip{width:100%;text-align:center;font-size:12.5px;font-weight:550}.ear-answer.right{background:var(--text);color:var(--bg);border-color:var(--text)}.ear-answer.wrong{border-color:var(--text);color:var(--text)}.ear-feedback{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--text-2);text-align:center}.ear-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ear-stat{background:var(--card);border:1px solid var(--sep);border-radius:var(--r-card-sm);box-shadow:var(--shadow);padding:14px 12px;text-align:center}.ear-stat .v{font-size:23px;font-weight:640;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}.ear-stat .k{margin-top:5px;font-size:10.5px;font-weight:620;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.ear-progress{display:flex;flex-direction:column;gap:11px}.ear-row{display:flex;flex-direction:column;gap:6px}.ear-row-top{display:flex;justify-content:space-between;font-size:13px;font-weight:580;color:var(--text-2)}.ear-bar{height:7px;border-radius:4px;background:var(--card-2);overflow:hidden}.ear-bar>i{display:block;height:100%;background:var(--text);border-radius:4px}.ear-mistakes{display:flex;flex-wrap:wrap;gap:8px}.brano-drop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 20px;border-radius:var(--r-card);border:1.5px dashed var(--sep);background:var(--card);text-align:center}.brano-drop p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2)}.wave-wrap{position:relative;background:var(--card-2);border:1px solid var(--sep);border-radius:var(--r-card-sm);padding:8px 8px 4px;margin-top:4px}.wave-canvas{display:block;width:100%;height:96px;touch-action:none}.wave-cursor{position:absolute;top:8px;bottom:4px;width:2px;background:var(--text);pointer-events:none}.brano-sel{position:absolute;top:8px;bottom:4px;background:var(--acc-soft);border-left:2px solid var(--text);border-right:2px solid var(--text);pointer-events:none}.brano-sel>b{position:absolute;top:-2px;font-size:10px;font-weight:700;color:var(--text);background:var(--card-2);padding:1px 4px;border-radius:4px}.brano-sel .a{left:-8px}.brano-sel .b{right:-8px}.brano-times{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:6px}.brano-bar{display:flex;align-items:center;gap:12px;margin-top:12px}.brano-play{width:62px;height:62px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--text);color:var(--bg)}.brano-play:active{transform:scale(.95)}.brano-speed{font-size:19px;font-weight:640;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:62px;text-align:center;color:var(--text)}.step-card{display:flex;align-items:center;gap:12px;padding:13px 15px}.step-num{width:32px;height:32px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);border:1px solid var(--sep);font-size:12.5px;font-weight:700;color:var(--text-2)}.step-card.on{border-color:var(--text)}.step-card.on .step-num{background:var(--text);color:var(--bg);border-color:var(--text)}.step-body{display:flex;flex-direction:column;gap:2px;margin-right:auto}.step-title{font-size:14.5px;font-weight:600;color:var(--text)}.step-sub{font-size:12px;color:var(--text-3)}.trainer-track{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.trainer-pip{height:6px;flex:1 1 6px;min-width:6px;border-radius:3px;background:var(--card-2);border:1px solid var(--sep)}.trainer-pip.done{background:var(--text-2);border-color:var(--text-2)}.trainer-pip.now{background:var(--text);border-color:var(--text)}.harmony-strip{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.harmony-strip::-webkit-scrollbar{display:none}.harmony-card{flex:none;width:132px;border-radius:var(--r-card-sm);border:1px solid var(--sep);background:var(--card);box-shadow:var(--shadow);padding:9px 9px 7px;transition:border-color .16s ease,transform .14s ease}.harmony-card.locked{border-color:var(--text)}.harmony-card-main{display:block;width:100%;text-align:center;border-radius:var(--r-card-sm)}.harmony-card-barre{text-align:center;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:2px}.harmony-card-name{text-align:center;font-size:15px;font-weight:650;letter-spacing:-.02em;color:var(--text)}.harmony-card-degree{text-align:center;font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:2px}.harmony-card-diagram{margin-top:2px}.harmony-card-diagram .chord-svg{max-width:112px;margin-inline:auto}.harmony-card-notes{text-align:center;font-size:10.5px;color:var(--text-3);margin-top:2px}.harmony-card-actions{display:flex;gap:6px;margin-top:6px}.harmony-act{flex:1;height:27px;border-radius:var(--r-btn-sm);background:var(--card-2);border:1px solid var(--sep);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center}.harmony-act.on{background:var(--text);color:var(--bg);border-color:var(--text)}.harmony-keyline{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:8px}.harmony-keyline b{color:var(--text);font-weight:650}.fav-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 15px}.fav-row+.fav-row{border-top:.5px solid var(--sep)}.fav-open{flex:1;min-width:0;text-align:left}.fav-name{font-size:14.5px;font-weight:600;color:var(--text)}.fav-sub{font-size:12px;color:var(--text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 420px){.train-pair,.ear-stats{grid-template-columns:1fr}.accordi-stats{gap:18px}}@media (prefers-reduced-motion: reduce){.train-card,.ear-play,.brano-play,.train-back,.harmony-card,.harmony-act{transition:none}}