:root{--bg:#f2f2f7;--bg2:#fff;--card:#fff;--label:#000;--label2:#3c3c4399;--label3:#3c3c434d;--sep:#3c3c432e;--fill:#7878801f;--fill2:#78788033;--accent:#08f;--green:#34c759;--orange:#ff9500;--yellow:#fc0;--red:#ff3b30;--glass:#ffffff9e;--glass-strong:#fffc;--glass-edge:#ffffffe6;--glass-shadow:0 10px 40px #0000001f, 0 1px 3px #0000000f;--roll-bg:#fff;--roll-row:#7878800f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--r-card:26px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--bg2:#1c1c1e;--card:#1c1c1e;--label:#fff;--label2:#ebebf599;--label3:#ebebf54d;--sep:#5454588c;--fill:#7878803d;--fill2:#7878805c;--accent:#0a91ff;--green:#30d158;--orange:#ff9f0a;--yellow:#ffd60a;--red:#ff453a;--glass:#26262a8c;--glass-strong:#2c2c30c7;--glass-edge:#ffffff29;--glass-shadow:0 10px 40px #00000080, 0 1px 3px #0000004d;--roll-bg:#0c0c0e;--roll-row:#7878801a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--label);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,system-ui,sans-serif;font-size:17px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(190%);backdrop-filter:blur(24px)saturate(190%);box-shadow:var(--glass-shadow), inset 0 .5px 0 var(--glass-edge), inset 0 0 0 .5px var(--glass-edge);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(160deg,#ffffff59,#fff0 38% 70%,#ffffff1f);position:absolute;inset:0}.press{transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s}.press:active{transform:scale(.94)}.app{height:100%;position:relative;overflow:hidden}.page{-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 52px) 0 calc(var(--safe-bottom) + 110px);background:var(--bg);position:absolute;inset:0;overflow-y:auto}.page.push-in{animation:.42s cubic-bezier(.2,.9,.25,1) pushIn}@keyframes pushIn{0%{opacity:0;transform:translate(40%)}}.navbar{z-index:20;height:calc(var(--safe-top) + 52px);padding:var(--safe-top) 12px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar:after{content:"";z-index:-1;background:linear-gradient(var(--bg) 40%, transparent);opacity:0;transition:opacity .25s;position:absolute;inset:0}.navbar.scrolled:after{opacity:.95}.navbar>*{pointer-events:auto}.navbar .inline-title{text-align:center;opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;transition:all .25s;position:absolute;left:70px;right:70px;overflow:hidden;transform:translateY(6px)}.navbar.scrolled .inline-title{opacity:1;transform:none}.circle-btn{width:44px;height:44px;color:var(--label);border-radius:50%;place-items:center;display:grid}.circle-btn svg{width:22px;height:22px}.large-title{letter-spacing:.01em;margin:4px 20px 2px;font-size:34px;font-weight:700;line-height:1.15}.subtitle{color:var(--label2);margin:0 20px 18px;font-size:15px}.section-title{letter-spacing:0;margin:26px 20px 10px;font-size:22px;font-weight:700}.section-header{text-transform:uppercase;color:var(--label2);letter-spacing:.02em;margin:24px 36px 7px;font-size:13px}.section-footer{color:var(--label2);margin:7px 36px 0;font-size:13px;line-height:1.35}.list{background:var(--card);border-radius:var(--r-card);margin:0 16px;overflow:hidden}.cell{text-align:left;align-items:center;gap:14px;width:100%;min-height:52px;padding:10px 18px;display:flex;position:relative}.cell+.cell:before{content:"";top:0;right:0;left:var(--inset,18px);border-top:.5px solid var(--sep);position:absolute}button.cell:active{background:var(--fill)}.cell .grow{flex:1;min-width:0}.cell .title{font-size:17px}.cell .sub{color:var(--label2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.cell .value{color:var(--label2);white-space:nowrap;font-size:17px}.cell .chev{color:var(--label3);flex:none;width:9px}.icon-tile{color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.icon-tile svg{width:19px;height:19px}.grid2{grid-template-columns:1fr 1fr;gap:12px;margin:0 16px;display:grid}.cat-card{border-radius:var(--r-card);background:var(--card);text-align:left;flex-direction:column;justify-content:space-between;min-height:132px;padding:16px;display:flex;position:relative;overflow:hidden}.cat-card .ico{color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.cat-card .ico svg{width:23px;height:23px}.cat-card .t{margin-top:14px;font-size:17px;font-weight:600}.cat-card .s{color:var(--label2);margin-top:3px;font-size:12.5px;line-height:1.3}.cat-card .n{color:var(--label3);font-size:13px;font-weight:600;position:absolute;top:16px;right:16px}.hero{color:#fff;text-align:left;border-radius:30px;flex-direction:column;justify-content:flex-end;width:calc(100% - 32px);min-height:170px;margin:0 16px;padding:20px;display:flex;position:relative;overflow:hidden}.hero .bg{z-index:0;position:absolute;inset:0}.hero>:not(.bg){position:relative}.hero>.k,.hero>.h,.hero>.d{padding-right:64px}.hero .k{opacity:.85;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.hero .h{margin:4px 0;font-size:26px;font-weight:700;line-height:1.15}.hero .d{opacity:.85;font-size:14px}.hero .play{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff38;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;bottom:18px;right:18px;box-shadow:inset 0 .5px #fff9;position:absolute!important}.scroller{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 16px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start;flex:none}.routine{background:var(--card);text-align:left;border-radius:24px;width:240px;padding:16px}.routine .m{color:var(--label2);font-size:12px;font-weight:600}.routine .t{margin:4px 0;font-weight:600}.routine .s{color:var(--label2);font-size:13px;line-height:1.3}.chips{flex-wrap:wrap;gap:8px;margin:0 16px;display:flex}.chip{background:var(--fill);border-radius:99px;align-items:center;gap:6px;padding:7px 13px;font-size:14px;font-weight:500;display:inline-flex}.tabbar{z-index:30;left:50%;bottom:calc(var(--safe-bottom) + 10px);border-radius:32px;width:min(100% - 40px,420px);height:64px;padding:4px;display:flex;position:fixed;transform:translate(-50%)}.tabbar button{color:var(--label);z-index:1;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10.5px;font-weight:600;transition:color .25s;display:flex;position:relative}.tabbar button svg{width:25px;height:25px}.tabbar button.on{color:var(--accent)}.tabbar .pill{background:var(--fill);border-radius:28px;transition:left .45s cubic-bezier(.3,1.3,.5,1);position:absolute;top:4px;bottom:4px}.segmented{background:var(--fill);border-radius:99px;padding:3px;display:flex;position:relative}.segmented button{z-index:1;white-space:nowrap;border-radius:99px;flex:1;padding:7px 6px;font-size:14px;font-weight:500;position:relative}.segmented .thumb{background:var(--bg2);border-radius:99px;transition:left .35s cubic-bezier(.3,1.25,.5,1),width .35s;position:absolute;top:3px;bottom:3px;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a}.toggle{background:var(--fill2);border-radius:99px;flex:none;width:63px;height:28px;transition:background .25s;position:relative}.toggle.on{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:99px;width:37px;height:24px;transition:transform .3s cubic-bezier(.3,1.3,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026}.toggle.on:after{transform:translate(22px)}.stepper{background:var(--fill);border-radius:99px;align-items:center;height:34px;display:flex}.stepper button{place-items:center;width:46px;height:34px;font-size:22px;font-weight:400;display:grid}.stepper button:active{opacity:.4}.stepper .v{text-align:center;font-variant-numeric:tabular-nums;min-width:62px;font-size:15px;font-weight:600}input[type=range]{appearance:none;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--accent), var(--accent)) 0 / var(--p,50%) 100% no-repeat, var(--fill2);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:99px;width:38px;height:24px;margin-top:-9px;box-shadow:0 3px 10px #0003,0 0 0 .5px #0000000d}input[type=range]::-moz-range-track{background:var(--fill2);border-radius:3px;height:6px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:99px;width:38px;height:24px;box-shadow:0 3px 10px #0003}.btn{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 26px;font-size:17px;font-weight:600;display:inline-flex}.btn.secondary{background:var(--fill);color:var(--label)}.btn.block{width:100%}.btn svg{width:20px;height:20px}.key-grid{grid-template-columns:repeat(6,1fr);gap:8px;padding:14px;display:grid}.key-grid button{background:var(--fill);border-radius:14px;height:44px;font-size:14px;font-weight:600}.key-grid button.on{background:var(--accent);color:#fff}.sheet-backdrop{z-index:50;background:#0000004d;animation:.3s fade;position:fixed;inset:0}.sheet{z-index:51;left:8px;right:8px;bottom:calc(var(--safe-bottom) + 8px);background:var(--glass-strong);border-radius:36px;max-width:560px;max-height:88vh;margin:0 auto;padding:10px 0 20px;animation:.5s cubic-bezier(.2,1,.3,1) sheetUp;position:fixed;overflow-y:auto}.sheet .grabber{background:var(--label3);border-radius:3px;width:36px;height:5px;margin:0 auto 8px}.sheet .sheet-title{text-align:center;margin:6px 20px 14px;font-size:20px;font-weight:700}@keyframes sheetUp{0%{transform:translateY(105%)}}@keyframes fade{0%{opacity:0}}.player{z-index:40;background:var(--bg);padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + 12px);flex-direction:column;animation:.45s cubic-bezier(.2,1,.3,1) modalUp;display:flex;position:fixed;inset:0}@keyframes modalUp{0%{transform:translateY(100%)}}.player-top{align-items:center;gap:10px;padding:6px 12px;display:flex}.player-top .tt{text-align:center;flex:1;min-width:0}.player-top .tt .a{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.player-top .tt .b{color:var(--label2);font-size:13px}.roll-wrap{background:var(--roll-bg);border-radius:28px;flex:1;min-height:200px;margin:8px 12px;position:relative;overflow:hidden}.roll-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.roll-overlay{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:12px;left:12px;right:12px}.phase-pill{border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.phase-pill .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.phase-pill.sing .dot{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5;transform:scale(1.6)}}.readout{justify-content:space-between;align-items:center;gap:12px;margin:4px 20px 6px;display:flex}.readout .note{font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-width:120px;font-size:40px;font-weight:700}.readout .meta{text-align:right;color:var(--label2);font-size:13px;line-height:1.4}.cents-bar{background:var(--fill);border-radius:3px;height:6px;margin:0 20px 10px;position:relative}.cents-bar .zone{background:color-mix(in srgb, var(--green) 35%, transparent);border-radius:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cents-bar .needle{border-radius:2px;width:4px;height:16px;margin-left:-2px;transition:left 80ms linear,background .2s;position:absolute;top:-5px}.controls{justify-content:center;align-items:center;gap:22px;padding:6px 0;display:flex}.controls .main{background:var(--accent);color:#fff;width:76px;height:76px;box-shadow:0 8px 30px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;place-items:center;display:grid}.controls .main svg{width:32px;height:32px}.controls .side{border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.controls .side svg{width:24px;height:24px}.progress{background:var(--fill);border-radius:2px;height:4px;margin:0 20px 6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:2px;height:100%}.intro{z-index:3;background:color-mix(in srgb, var(--roll-bg) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.intro .syll{background:var(--fill);border-radius:99px;margin-bottom:10px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.intro p{color:var(--label2);margin:0 0 8px;font-size:15px;line-height:1.4}.score-ring{width:150px;height:150px;margin:8px auto 4px;position:relative}.score-ring .v{place-items:center;font-size:40px;font-weight:700;display:grid;position:absolute;inset:0}.bars{align-items:flex-end;gap:3px;height:54px;margin:10px 20px;display:flex}.bars div{border-radius:3px;flex:1;min-height:3px}.orb-stage{flex:1;place-items:center;display:grid;position:relative}.orb{border-radius:50%;place-items:center;width:230px;height:230px;display:grid;position:relative}.orb .ring,.orb .core{will-change:transform;border-radius:50%;position:absolute;inset:0}.orb .label{text-align:center;color:#fff;text-shadow:0 1px 10px #00000040;position:relative}.orb .label .p{font-size:24px;font-weight:700}.orb .label .c{font-variant-numeric:tabular-nums;margin-top:2px;font-size:54px;font-weight:200;line-height:1}.orb .label .h{opacity:.9;margin-top:4px;font-size:13px}.tips{background:var(--card);color:var(--label2);border-radius:22px;margin:0 16px;padding:14px 18px;font-size:14px;line-height:1.45}.tips li{margin:4px 0}.tips ul{margin:0;padding-left:18px}.tuner-note{text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:96px;font-weight:700;line-height:1}.tuner-oct{color:var(--label2);font-size:40px;font-weight:500}.keyboard{scrollbar-width:none;height:150px;padding:0 16px;display:flex;position:relative;overflow-x:auto}.keyboard::-webkit-scrollbar{display:none}.keyboard .w{color:#8e8e93;background:linear-gradient(#fff,#f6f6f6);border-radius:0 0 12px 12px;flex:none;justify-content:center;align-items:flex-end;width:46px;height:100%;margin-right:2px;padding-bottom:10px;font-size:11px;font-weight:600;display:flex;position:relative;box-shadow:inset 0 -4px #00000014,0 0 0 .5px #0000002e}.keyboard .w.on,.keyboard .w:active{background:linear-gradient(#e6f0ff,#cfe2ff)}.keyboard .b{z-index:2;background:linear-gradient(#3a3a3c,#1c1c1e);border-radius:0 0 9px 9px;width:30px;height:92px;position:absolute;top:0;box-shadow:inset 0 -5px #ffffff14,0 3px 6px #0000004d}.keyboard .b.on,.keyboard .b:active{background:linear-gradient(#0a84ff,#0060df)}.keyboard .sung{outline:3px solid var(--green);outline-offset:-3px}.empty{text-align:center;color:var(--label2);padding:24px;font-size:15px}.big-timer{text-align:center;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:72px;font-weight:200}.meter{background:var(--fill);border-radius:5px;height:10px;margin:16px 20px;overflow:hidden}.meter>div{background:var(--green);height:100%;transition:width 80ms linear}