:root{--bg: #0a0b12;--bg-2: #10121c;--card: #181a26;--card-2: #20222f;--line: rgba(255, 255, 255, .06);--primary: #4c8dff;--secondary: #00cce6;--accent: #4dd9a6;--warn: #ffb84d;--gold: #ffd166;--danger: #ff5a6e;--text: #f3f5fa;--text-dim: #8b90a3;--glow: #16203f;color-scheme:dark}[data-theme=light]{--bg: #f5f7fb;--bg-2: #eef1f7;--card: #ffffff;--card-2: #f2f4f9;--line: rgba(10, 15, 30, .08);--primary: #2f6fe0;--secondary: #009fb7;--accent: #18a97c;--warn: #e08a1e;--gold: #d9a017;--danger: #e0364b;--text: #14161f;--text-dim: #5b6275;--glow: #dbe7ff;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%}body,#root{min-height:100%}#root{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;overscroll-behavior:none}.screen{width:100%;max-width:600px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;gap:14px;padding:max(14px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.layout{min-height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.layout-content{flex:1;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.layout-content .screen{padding-top:14px}@media (min-width: 720px) and (min-height: 600px){.screen{max-width:min(60%,960px);padding-left:28px;padding-right:28px}.tabbar-inner{max-width:900px}.ex-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow:visible}.ex-row .ex-card{flex:none;width:auto}}@media (orientation: landscape) and (max-height: 600px){.screen{max-width:none;gap:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.tuner-card{padding:8px}.tuner-card canvas{height:min(60vh,230px)}.pm-ring{width:min(56vh,200px);height:min(56vh,200px)}.breathe{padding:6px 0;gap:8px}.breathe-orb{width:min(46vh,170px);height:min(46vh,170px)}.box-square,.block-breathe{width:min(56vh,220px);height:min(56vh,220px)}.ctrl-btn{width:50px;height:50px}.staff-svg{height:104px}.staff-card{padding:6px}.choice-grid{gap:8px}.choice{padding:10px 12px;font-size:14px}.levelup-card{padding:16px 22px}.qr-img{width:min(200px,42vh);height:min(200px,42vh)}.screen .tip-banner{display:none}}@media (max-width: 360px){.ex-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.levelup-card{padding:24px 22px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 2px}.topbar-title{font-weight:700;font-size:17px}.back{color:var(--primary);text-decoration:none;font-weight:600;font-size:16px;background:none;border:0;padding:0;cursor:pointer}.page-title{font-size:30px;font-weight:800;letter-spacing:-.02em;padding:4px 2px 2px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:15px 18px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:transform .07s ease,opacity .2s ease,filter .2s ease;text-align:center}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),#6aa6ff);box-shadow:0 8px 20px #4c8dff47}.btn-danger{background:linear-gradient(135deg,#ff5a6e,#ff8c42)}.btn-ghost{background:var(--card);border:1px solid var(--line);color:var(--text);text-decoration:none;display:inline-block}.btn.danger{color:#e5484d;border-color:#e5484d66}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.cat-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text);margin:12px 2px 2px;letter-spacing:-.01em}.cat-manage{margin-left:auto;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none}.cat-sub{font-size:12px;font-weight:600;color:var(--text-dim);opacity:.8}.mx-list{display:flex;flex-direction:column;gap:8px}.mx-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mx-icon{font-size:18px}.mx-name{flex:1;font-weight:600;font-size:14px}.mx-btn{width:40px;height:40px;border-radius:9px;border:none;background:var(--card-2);color:var(--text);display:grid;place-items:center;text-decoration:none;font-size:15px;cursor:pointer;flex-shrink:0}.mx-btn.del{color:var(--danger)}.section-label{color:var(--text-dim);font-size:12px;font-weight:600;margin-bottom:-4px}.status{color:var(--text-dim);font-size:14px;line-height:1.5;padding:0 2px}.status strong{color:var(--accent)}.error{color:var(--danger);font-weight:600}.foot{height:8px}.home-top{display:flex;flex-direction:column;gap:12px;padding-top:2px}.home-title{font-size:32px;font-weight:800;letter-spacing:-.03em}.searchbar{display:flex;align-items:center;gap:8px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.searchbar input{border:none;background:transparent;color:var(--text);font-size:15px;width:100%;outline:none}.searchbar svg{color:var(--text-dim);flex-shrink:0}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:14px}.hero-row{display:flex;align-items:center;gap:12px}.avatar-circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));flex-shrink:0}.hero-greet{color:var(--text-dim);font-size:13px}.hero-name{font-size:20px;font-weight:800}.stat-pills{display:flex;gap:10px}.stat-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card-2);border-radius:12px;padding:10px 6px}.stat-pill .v{font-weight:800;font-size:16px}.stat-pill .l{font-size:11px;color:var(--text-dim)}.week-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px}.week-row{display:flex;justify-content:space-between}.week-day{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.week-label{font-size:11px;color:var(--text-dim);font-weight:600}.week-flame{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:16px}.week-flame.on{background:#ff963c2e;filter:none}.week-flame.miss{background:#ff5a6e1f;filter:grayscale(.4);opacity:.55}.week-flame.future{background:var(--card-2);filter:grayscale(1);opacity:.35}.week-day.today .week-flame{box-shadow:0 0 0 2px var(--primary)}.tip-card{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--danger);border-radius:14px;padding:14px}.tip-icon{font-size:18px}.tip-text{flex:1}.tip-title{font-weight:700;font-size:14px;margin-bottom:3px}.tip-body{font-size:13px;color:var(--text-dim);line-height:1.45}.tip-x{background:transparent;border:none;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer}.quick-practice{display:flex;align-items:center;gap:14px;text-decoration:none;border-radius:16px;padding:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 12px 30px #4c8dff47}.qp-icon{font-size:24px;background:#fff3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.qp-text{flex:1}.qp-title{font-weight:800;font-size:16px}.qp-sub{font-size:12px;opacity:.9}.qp-chevron{font-size:26px;opacity:.85}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 12px;text-decoration:none;color:var(--text)}.quick-icon{font-size:22px}.quick-card .t{font-weight:700;font-size:14px}.challenge{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#fff;border-radius:16px;padding:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 30px #4c8dff4d}.challenge-tag{font-size:12px;font-weight:700;opacity:.95}.challenge-name{font-size:20px;font-weight:800}.challenge .hero-sub{color:#ffffffd9}.hero-sub{color:var(--text-dim);font-size:13px}.cat{display:flex;flex-direction:column}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none;color:var(--text);transition:transform .08s ease,border-color .2s ease}.card:active{transform:scale(.985)}.card-soon{opacity:.6}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card-name{font-weight:600;font-size:15px;line-height:1.25}.stars{color:var(--gold);font-size:12px;white-space:nowrap}.card-meta{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:#4c8dff29;color:#9cc1ff}.pill-dim{background:var(--card-2);color:var(--text-dim)}.pill-soon{background:#ff8c4229;color:var(--warn)}.pill-xp{background:#4dd9a629;color:var(--accent)}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.ex-row{display:flex;gap:10px;overflow-x:auto;padding:2px 0 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ex-row::-webkit-scrollbar{display:none}.ex-row .ex-card{flex:0 0 132px;width:132px;scroll-snap-align:start}.ex-card{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:16px;padding:12px;min-height:124px;color:#fff;text-decoration:none;box-shadow:0 6px 16px #00000040;transition:transform .08s ease}.ex-card.card-soon{opacity:.85}.ex-card-top{display:flex;align-items:center;justify-content:space-between}.ex-ico svg{width:22px;height:22px}.ex-heart{opacity:.9;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;margin:-4px -4px -4px 0;display:grid;place-items:center}.ex-heart.fav{color:#ff4d67;opacity:1}.ex-edit{background:#00000040;border:none;color:#fff;cursor:pointer;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:13px}.ex-name{font-size:13px;font-weight:700;line-height:1.2;flex:1}.ex-range{font-size:11px;opacity:.9;font-weight:600}.ex-stars{font-size:11px;letter-spacing:1px}.ex-stars .on{color:#ffd166}.ex-stars .off{color:#fff6}.ex-soon{position:absolute;top:10px;right:34px;font-size:9px;font-weight:700;background:#0000004d;padding:2px 6px;border-radius:999px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:20}.tabbar-inner{display:flex;justify-content:space-around;width:100%;max-width:600px;margin:0 auto}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--text-dim);font-size:10px;font-weight:600;flex:1;padding:2px 0}.tab svg{width:24px;height:24px}.tab-active{color:var(--primary)}.tab-active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:48px;height:30px;border-radius:12px;background:#8174ff29;z-index:-1}.tab{position:relative}.progress{height:8px;border-radius:999px;background:var(--card-2);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s ease}.stage{margin-bottom:14px}.stage-head{font-weight:700;font-size:15px;margin:8px 2px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#6aa6ff);color:#fff}.nodes{display:flex;flex-direction:column;gap:8px}.node-link{text-decoration:none}.node{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--text)}.node-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--card-2);font-size:14px;flex-shrink:0}.node-label{flex:1;font-size:14px;font-weight:600}.node-done .node-mark{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.node-lock{opacity:.45}.node-current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.tier-pills{display:flex;gap:8px}.tier-pill{flex:1;border:1px solid var(--line);background:var(--card);color:var(--text-dim);border-radius:999px;padding:10px;font-size:13px;font-weight:700;cursor:pointer}.tier-pill.on{color:#fff;border-color:transparent}.tier-pill.locked{opacity:.5;cursor:default}.tier-header{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.tier-h-title{font-size:20px;font-weight:800}.rm-stage{margin-top:6px}.rm-stage-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;color:#fff;font-weight:800;margin-bottom:4px}.rm-stage-title{font-size:15px}.rm-stage-count{font-size:13px;background:#ffffff40;padding:3px 10px;border-radius:999px}.rm-nodes{display:flex;flex-direction:column}.rm-link{text-decoration:none}.rm-node{display:flex;gap:12px;align-items:stretch}.rm-rail{position:relative;width:36px;display:flex;justify-content:center}.rm-rail:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--line)}.rm-circle{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;align-self:center;background:var(--card-2);color:#fff;font-weight:800;font-size:15px}.rm-circle.done{background:linear-gradient(135deg,var(--primary),var(--secondary))}.rm-circle.open{background:var(--primary)}.rm-circle.lock{background:var(--card-2);opacity:.6}.rm-circle.lock.premium{background:linear-gradient(135deg,#8174ff,#b06bff);opacity:1}.rm-circle.current{animation:rm-pulse 1.8s ease-in-out infinite}@keyframes rm-pulse{0%,to{box-shadow:0 0 #4c8dff73}50%{box-shadow:0 0 0 8px #4c8dff00}}.rm-card.current{box-shadow:0 0 18px -6px var(--primary)}.rm-card{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:5px 0;display:flex;flex-direction:column;gap:4px}.rm-card.current{border-color:var(--primary)}.rm-name{font-weight:700;font-size:14px}.rm-dots{font-size:9px;letter-spacing:2px;color:var(--card-2)}.rm-dots .on{color:var(--gold)}.rm-req{font-size:11px;color:var(--text-dim)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 10px;text-align:center}.stat-value{font-size:22px;font-weight:800}.stat-label2{font-size:11px;color:var(--text-dim);margin-top:4px}.history{display:flex;flex-direction:column;gap:8px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px}.history-name{font-size:14px;font-weight:500}.history-when{display:block;font-size:11px;font-weight:500;color:var(--text-dim);margin-top:2px}.history-meta{display:flex;gap:6px;align-items:center;flex-shrink:0}.profile-hero{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.profile-hero .avatar{width:64px;height:64px;border-radius:50%;background:#ffffff38;display:grid;place-items:center;font-size:28px;font-weight:800}.profile-name{font-size:20px;font-weight:800}.profile-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}.level-card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.level-top{display:flex;justify-content:space-between;align-items:center}.level-num{font-size:20px;font-weight:800}.sec-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-dim);margin:12px 2px 2px}.sec-head span{font-size:15px}.level-big{font-size:32px;font-weight:800}.level-tier{font-size:16px;font-weight:700;color:var(--text-dim);margin-left:6px}.level-right{text-align:right;font-weight:700}.level-right .pts{color:var(--warn);font-size:13px;margin-top:2px}.level-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim)}.streak-cols{display:flex;align-items:center}.streak-col{flex:1;text-align:center}.streak-num{font-size:32px;font-weight:800;color:var(--warn)}.streak-div{width:1px;align-self:stretch;background:var(--line)}.streak-bonus{text-align:center;font-size:12px;color:var(--warn);font-weight:600}.freeze-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.freeze-title{font-weight:700;font-size:14px}.freeze-buy{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;flex-shrink:0}.freeze-buy:disabled{opacity:.4}.field-label{font-size:13px;color:var(--text-dim);font-weight:600;margin:2px 2px -8px}.text-input{background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:16px;color:var(--text);width:100%;outline:none}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer}.choice-on{border-color:transparent;background:linear-gradient(135deg,var(--primary),#6aa6ff);color:#fff}.choice-correct{border-color:var(--accent)!important;background:#4dd9a62e!important;color:var(--accent)!important}.choice-wrong{border-color:var(--danger)!important;background:#ff5a6e2e!important;color:var(--danger)!important}.tuner-card{width:100%;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px}canvas{width:100%;height:min(46vh,360px);display:block;border-radius:14px}.controls{display:flex;flex-direction:column;gap:12px}.tone-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tone-btn{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 0;color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.prestart,.result{display:flex;flex-direction:column;gap:16px;text-align:center;padding:8px 4px}.facts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.result .score{font-size:72px;font-weight:800;margin-top:12px}.score.good{color:var(--accent)}.score.ok{color:var(--gold)}.score.low{color:var(--danger)}.score-label{font-size:18px;font-weight:700;margin-top:-8px}.levelup{background:linear-gradient(135deg,var(--gold),#e0931e);color:#1a1a1a;font-weight:800;border-radius:12px;padding:12px}.new-ach{display:flex;flex-direction:column;gap:8px}.new-ach-item{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid rgba(77,217,166,.4);border-radius:12px;padding:10px 14px;font-weight:600}.tip-banner{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--text-dim);line-height:1.45}.player-controls{display:flex;justify-content:center;align-items:center;gap:18px}.ctrl-btn{width:60px;height:60px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--text);font-size:22px;cursor:pointer;display:grid;place-items:center}.ctrl-btn:active{transform:scale(.95)}.ctrl-btn.stop{background:var(--danger);color:#fff;border:none}.breathe{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 0}.breathe-orb{width:200px;height:200px;border-radius:50%;transition-property:transform;transition-timing-function:ease-in-out;background:radial-gradient(circle at 35% 30%,#5aa0ff,#2b5fd0);box-shadow:0 0 60px #4c8dff80}.breathe-exhale{background:radial-gradient(circle at 35% 30%,#4dd9a6,#1f9d77);box-shadow:0 0 60px #4dd9a680}.breathe-hold{background:radial-gradient(circle at 35% 30%,#ffce6b,#d99a2b);box-shadow:0 0 60px #ffb84d66}.breathe-label{font-size:30px;font-weight:800}.box-square{position:relative;width:min(80vw,260px);height:min(80vw,260px)}.box-side{position:absolute;background:var(--card-2)}.box-side.top,.box-side.bottom{left:0;right:0;height:10px;border-radius:6px}.box-side.top{top:0}.box-side.bottom{bottom:0}.box-side.left,.box-side.right{top:0;bottom:0;width:10px;border-radius:6px}.box-side.left{left:0}.box-side.right{right:0}.box-fill{position:absolute;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:6px;animation-timing-function:linear;animation-fill-mode:forwards;box-shadow:0 0 14px #4c8dff80}.box-fill.top,.box-fill.bottom{left:0;right:0;height:10px;animation-name:box-x}.box-fill.top{top:0;transform-origin:left}.box-fill.bottom{bottom:0;transform-origin:right}.box-fill.left,.box-fill.right{top:0;bottom:0;width:10px;animation-name:box-y}.box-fill.left{left:0;transform-origin:bottom}.box-fill.right{right:0;transform-origin:top}@keyframes box-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes box-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.box-center{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:grid;place-items:center;text-align:center;gap:2px}.block-breathe{position:relative;width:min(80vw,260px);height:min(80vw,260px);display:grid;place-items:center}.block-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.block-ring-bg{fill:none;stroke:var(--card-2);stroke-width:12}.block-ring-fg{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round;animation-name:ring-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ring-fill{0%{stroke-dashoffset:var(--c)}to{stroke-dashoffset:0}}.block-center{position:absolute;display:grid;place-items:center;text-align:center;gap:4px}.block-label{font-size:48px;font-weight:800;letter-spacing:.02em}.inhale-ring{width:160px;height:160px;border-radius:50%;border:10px solid var(--primary);display:grid;place-items:center;box-shadow:0 0 30px #4c8dff66}.inhale-num{font-size:56px;font-weight:800}.block-big{font-size:56px;font-weight:800;color:var(--accent)}.block-row{display:flex;gap:8px;align-items:flex-start;overflow-x:auto;max-width:100%;padding:4px;scrollbar-width:none}.block-row::-webkit-scrollbar{display:none}.block-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.block-col-label{font-size:12px;font-weight:700;color:var(--text-dim)}.block-col-label.cur{color:var(--primary)}.beat-squares{display:flex;gap:3px}.beat-sq{width:34px;height:44px;border-radius:7px;background:var(--card-2);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text-dim)}.beat-sq.past{background:#4dd9a659;color:var(--text)}.beat-sq.cur{background:var(--accent);color:#06281d;transform:scale(1.08)}.long-bar{position:relative;height:44px;min-width:70px;border-radius:7px;background:var(--card-2);overflow:hidden;display:grid;place-items:center}.long-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);transition:width .12s linear}.long-lbl{position:relative;font-size:13px;font-weight:800;color:#fff}.pm{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0}.pm-ring{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;transition:background .1s linear}.pm-ring-inner{width:184px;height:184px;border-radius:50%;background:var(--bg);display:grid;place-items:center}.pm-note{font-size:56px;font-weight:800;color:var(--text)}.pm-note.on{color:var(--accent)}.pm-label{font-size:18px;font-weight:600}.chart-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.chart-title{font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:8px}.chart-canvas{width:100%;height:160px}.bars{display:flex;align-items:flex-end;gap:8px;height:140px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.bar-track{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--card-2);border-radius:8px;overflow:hidden}.bar-fill{width:100%;min-height:3px;background:linear-gradient(180deg,var(--gold),#e0931e);border-radius:8px 8px 0 0;transition:height .4s ease}.bar-label{font-size:11px;color:var(--text-dim);font-weight:600}.bar-val{font-size:10px;color:var(--text-dim);font-weight:700;line-height:1}.trend-svg{width:100%;height:130px}.dist-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dist-label{width:92px;font-size:12px;color:var(--text-dim);text-transform:capitalize;flex-shrink:0}.dist-track{flex:1;height:10px;border-radius:999px;background:var(--card-2);overflow:hidden}.dist-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px}.dist-pct{width:36px;text-align:right;font-size:12px;font-weight:600}.range-map{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.rm-whites{display:flex;align-items:flex-end;height:96px;min-width:min-content}.rm-white{position:relative;width:16px;flex:0 0 16px;height:100%;background:#f4f6fb;border:1px solid rgba(0,0,0,.18);border-radius:0 0 3px 3px;box-sizing:border-box}.rm-white.on{background:linear-gradient(180deg,var(--secondary),var(--primary));border-color:var(--primary)}.rm-black{position:absolute;top:0;right:-5px;width:10px;height:58%;background:#20242e;border-radius:0 0 2px 2px;z-index:2}.rm-black.on{background:linear-gradient(180deg,var(--primary),#2456c8);box-shadow:0 0 6px #4c8dffb3}.rm-clabel{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:8px;font-weight:700;color:#00000073;pointer-events:none}.rm-white.on .rm-clabel{color:#ffffffd9}.range-map--fill{overflow-x:visible}.range-map--fill .rm-whites{min-width:0;width:100%}.range-map--fill .rm-white{flex:1 1 0;width:auto}.cr-phrase{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.cr-note{padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-weight:700}.cr-cur{border-color:var(--primary);color:var(--primary)}.quiz{display:flex;flex-direction:column;gap:16px;text-align:center;padding:8px 4px}.quiz-prompt{font-size:18px;font-weight:700}.staff-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}.staff-svg{width:100%;height:150px;display:block}.sync-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.sync-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim)}.sync-row b{color:var(--text)}.day-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.day-done{border-color:#4dd9a666}.day-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.day-check{background:#8174ff29;color:var(--primary);border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.day-done .day-check{background:#4dd9a62e;color:var(--accent)}.day-ex{display:block;padding:8px 10px;border-radius:8px;background:var(--card-2);color:var(--text);text-decoration:none;font-size:14px}.picker{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.pick-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;color:var(--text);cursor:pointer;text-align:left}.pick-on{border-color:transparent;background:#4c8dff29}.qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.qr-img{width:min(240px,72vw);height:min(240px,72vw);border-radius:12px;background:#fff;padding:8px}.scan-video{width:100%;max-height:320px;border-radius:14px;background:#000;object-fit:cover}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.ach{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 6px;opacity:.5}.ach-on{opacity:1;border-color:#4dd9a666}.ach-icon{font-size:24px}.ach-title{font-size:10px;font-weight:600;text-align:center;color:var(--text-dim)}.ach-on .ach-title{color:var(--text)}.setting-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:14px}.setting-head{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.setting-head .ico{color:var(--primary);font-size:16px}.setting-head .right{margin-left:auto;color:var(--primary);font-weight:800}.bpm-big{text-align:center;font-size:38px;font-weight:800;letter-spacing:-.02em}.seg{display:flex;background:var(--card-2);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;border:none;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600;padding:10px;border-radius:9px;cursor:pointer}.seg button.on{background:linear-gradient(135deg,var(--primary),#6aa6ff);color:#fff}.preset-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.preset{background:var(--card-2);border:none;color:var(--text-dim);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer}.preset.on{background:var(--primary);color:#fff}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.row{display:flex;align-items:center}.icon-btn{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--card-2);color:var(--text);font-size:16px;cursor:pointer}.row-between .label{font-weight:600;font-size:15px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--card-2);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;cursor:pointer}.slider::-moz-range-thumb{width:26px;height:26px;border:none;border-radius:50%;background:#fff}.toggle{width:50px;height:30px;border-radius:999px;background:var(--card-2);position:relative;border:none;cursor:pointer;flex-shrink:0;transition:background .15s ease}.toggle.on{background:var(--primary)}.toggle:after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .15s ease}.toggle.on:after{left:22px}.new-tile{background:var(--card);border:1px dashed var(--line);color:var(--text-dim);align-items:center;justify-content:center;box-shadow:none}.new-plus{font-size:30px;font-weight:300;color:var(--primary)}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:32px;height:32px;border-radius:50%;border:none;background:var(--card-2);color:var(--text);font-size:18px;font-weight:700;cursor:pointer}.stepper button:disabled{opacity:.4}.stepper-val{min-width:58px;text-align:center;font-weight:700}.stepper-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--card-2);color:var(--text);font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0}.stepper-btn:disabled{opacity:.4}.color-row{display:flex;gap:10px;flex-wrap:wrap}.color-dot{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-dot.on{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.icon-row{display:flex;flex-wrap:wrap;gap:8px}.icon-pick{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);font-size:20px;cursor:pointer}.icon-pick.on{border-color:transparent;background:linear-gradient(135deg,var(--primary),#6aa6ff)}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--card-2);border:none;color:var(--text-dim);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer}.chip.on{background:linear-gradient(135deg,var(--primary),#6aa6ff);color:#fff}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.note-btn{background:var(--card-2);border:none;color:var(--text);border-radius:10px;padding:12px 0;font-weight:700;cursor:pointer}.note-btn.on{background:linear-gradient(135deg,var(--primary),#6aa6ff);color:#fff}.rec-status{text-align:center;font-weight:700;font-size:18px;padding:12px}.rec-status.rec-live{color:var(--danger)}.seq-list{display:flex;flex-direction:column;gap:8px}.seq-item{display:flex;align-items:center;gap:8px;background:var(--card-2);border-radius:10px;padding:8px 10px}.seq-note{flex:1;font-weight:800;font-size:15px}.seq-move,.seq-del{width:30px;height:30px;border-radius:8px;border:none;background:var(--card);color:var(--text);font-size:14px;cursor:pointer;flex-shrink:0}.seq-move:disabled{opacity:.35}.seq-del{color:var(--danger)}.onb{justify-content:space-between;min-height:100vh;min-height:100dvh}.onb-dots{display:flex;gap:6px;justify-content:center;padding:8px 0}.onb-dot{width:8px;height:8px;border-radius:999px;background:var(--card-2);transition:width .2s ease,background .2s ease}.onb-dot.on{width:22px;background:var(--primary)}.onb-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:12px 0}.onb-lang{display:flex;align-items:center;gap:8px;align-self:center;padding:7px 12px 7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.onb-lang-ico{font-size:15px;line-height:1}.onb-lang-select{border:none;background:transparent;color:var(--text);font-size:14px;font-weight:600;padding-right:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.onb-lang-select:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.onb-emoji{font-size:56px;text-align:center}.onb-title{font-size:26px;font-weight:800;text-align:center;letter-spacing:-.02em}.onb-why{text-align:center;font-size:15px;color:var(--text-dim);margin:2px 0 4px}.onb-benefits{list-style:none;margin:6px auto 14px;padding:0;display:flex;flex-direction:column;gap:10px;max-width:340px}.onb-benefits li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.35}.onb-benefits li span{font-size:20px;flex:none}.onb-choices{display:flex;flex-direction:column;gap:10px}.onb-summary{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.sum-row{display:flex;justify-content:space-between;font-size:15px;color:var(--text-dim)}.sum-row b{color:var(--text)}.onb-actions{display:flex;gap:10px;padding-bottom:8px}.learn-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.learn-card h3{font-size:16px}.topic-head{display:flex;align-items:center;gap:10px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:8px;color:var(--text);cursor:pointer;font-size:15px}.topic-icon{font-size:20px}.topic-title{flex:1;font-weight:700;text-align:left}.topic-count{background:var(--card-2);color:var(--text-dim);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.topic-chev{color:var(--text-dim)}.learn-card p{font-size:14px;color:var(--text-dim);line-height:1.5}.learn-intro{font-size:14px;color:var(--text-dim);margin:2px 0 14px}.learn-foot{font-size:12px;color:var(--text-dim);text-align:center;margin-top:18px}.featured-row{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:8px}.featured-card{flex:0 0 200px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:left;cursor:pointer;color:var(--text)}.featured-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#fff}.featured-title{font-size:15px;font-weight:700}.featured-sub{font-size:12px;color:var(--text-dim);line-height:1.4;min-height:32px}.featured-count{font-size:12px;font-weight:600;color:var(--primary)}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.topic-card{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px;cursor:pointer;color:var(--text);text-align:left}.topic-card-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.topic-card-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.topic-card-title{font-size:12.5px;font-weight:600;line-height:1.2}.topic-card-count{font-size:11px;color:var(--text-dim)}.topic-card-chev{color:var(--text-dim);font-size:18px;flex-shrink:0}.learn-back{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px;cursor:pointer;color:var(--text)}.learn-back-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.learn-back-text{display:flex;flex-direction:column;flex:1;text-align:left}.learn-back-title{font-size:16px;font-weight:700}.learn-back-count{font-size:13px;color:var(--text-dim)}.learn-back-chev{color:var(--text-dim);font-size:16px}.tech-tip{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.tech-tip-title{font-size:16px;font-weight:700;margin-bottom:8px}.tip-para{font-size:14px;color:var(--text-dim);line-height:1.55;margin-bottom:8px;white-space:normal}.tip-audio{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.tip-audio-btn{font-size:12px;font-weight:600;color:var(--primary);background:#4c8dff24;border:none;border-radius:999px;padding:6px 12px;cursor:pointer}.tip-try{display:inline-block;font-size:13px;font-weight:600;color:var(--primary);background:#4c8dff24;border-radius:999px;padding:6px 12px;margin-bottom:10px}.tip-keywords{display:flex;flex-wrap:wrap;gap:6px}.tip-keyword{font-size:11px;color:var(--text-dim);background:var(--card-2);border-radius:999px;padding:4px 9px}.login-reward{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ffd1662e,#4dd9a61f);border:1px solid rgba(255,209,102,.35);border-radius:16px;padding:12px 14px;animation:lr-in .3s ease}.drone-orb{margin:16px 0;padding:28px 16px;border-radius:20px;text-align:center;background:radial-gradient(circle at 50% 40%,#4c8dff1a,#8174ff0d);border:1px solid var(--line);transition:box-shadow .4s ease,border-color .4s ease}.drone-orb.on{border-color:#4c8dff80;box-shadow:0 0 0 1px #4c8dff66 inset,0 0 28px #4c8dff2e;animation:drone-pulse 2.6s ease-in-out infinite}@keyframes drone-pulse{0%,to{box-shadow:0 0 0 1px #4c8dff66 inset,0 0 22px #4c8dff24}50%{box-shadow:0 0 0 1px #8174ff80 inset,0 0 36px #8174ff3d}}.drone-notes{font-size:30px;font-weight:800;letter-spacing:.02em}.drone-sub{margin-top:6px;font-size:13px;color:var(--text-dim)}.today-plan{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.tp-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tp-title{font-weight:800;font-size:16px}.tp-meta{font-size:12px;color:var(--text-dim);white-space:nowrap}.tp-progress{height:6px;background:var(--card-2, rgba(255,255,255,.06));border-radius:6px;overflow:hidden}.tp-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary, #6aa6ff));border-radius:6px;transition:width .3s ease}.tp-list{display:flex;flex-direction:column;gap:6px}.tp-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--card-2, rgba(255,255,255,.04));text-decoration:none;color:var(--text)}.tp-num{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#4c8dff2e;color:var(--primary)}.tp-done{opacity:.6}.tp-done .tp-num{background:#4cd9a633;color:var(--good, #4cd9a6)}.tp-done .tp-name{text-decoration:line-through}.tp-name{flex:1;min-width:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-chip{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap}.tp-warmup{background:#ffa50029;color:#f0a32a}.tp-weak{background:#e5484d29;color:#e5736b}.tp-goal{background:#8174ff2e;color:#a99bff}.tp-fresh{background:#4c8dff29;color:var(--primary)}.tp-sharp{background:#4cd9a629;color:#4cd9a6}.tp-alldone{text-align:center;font-weight:700;font-size:14px;padding:6px 0}.comeback-banner{position:relative;background:linear-gradient(135deg,#4c8dff29,#8174ff1f);border:1px solid rgba(76,141,255,.32);border-radius:16px;padding:16px 16px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;animation:lr-in .3s ease}.comeback-title{font-weight:800;font-size:17px}.comeback-body{font-size:13px;color:var(--text-dim)}.comeback-x,.reminder-x{position:absolute;top:8px;right:10px;border:none;background:transparent;color:var(--text-dim);font-size:15px;cursor:pointer;line-height:1}.reminder-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.comeback-banner .reminder-card{background:#ffffff0a;margin-bottom:0}.reminder-title{font-weight:800;font-size:14px}.reminder-body{font-size:12px;color:var(--text-dim)}.reminder-email{display:flex;gap:8px}.reminder-email .text-input{flex:1;min-width:0}.reminder-email .btn{white-space:nowrap;padding:10px 14px}.reminder-install{margin-top:2px}@keyframes lr-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lr-icon{font-size:24px}.lr-title{font-weight:800;font-size:15px;color:var(--gold)}.lr-sub{font-size:12px;color:var(--text-dim)}.swatch{width:100%;aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.diff-row{display:flex;gap:6px}.diff-star{background:transparent;border:none;cursor:pointer;font-size:26px;color:var(--card-2)}.diff-star.on{color:var(--gold)}.plan-day-edit{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.pde-head{display:flex;align-items:center;gap:8px}.rest-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.pde-chips{display:flex;flex-wrap:wrap;gap:6px}.pde-chip{font-size:12px;background:var(--card-2);border:0;color:var(--text);font-family:inherit;border-radius:999px;padding:5px 10px;cursor:pointer}.pde-picker{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.pde-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.pde-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--text);cursor:pointer;text-align:left}.pde-item.on{border-color:var(--primary);background:#4c8dff1f}.plan-owner-actions{display:flex;gap:10px}.plan-owner-actions .btn{flex:1}.avatar-btn{position:relative;border:none;cursor:pointer;padding:0;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid var(--bg)}.profile-name-btn{background:transparent;border:none;color:inherit;cursor:pointer;font-family:inherit}.name-pencil{font-size:13px;opacity:.5}.name-edit{display:flex;gap:8px;align-items:center;width:100%;max-width:260px}.name-save{width:40px;height:40px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-size:16px;cursor:pointer;flex-shrink:0}.time-input{background:var(--card-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:4px 8px;font-size:14px}.completion-compare{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pb-badge{font-size:13px;font-weight:800;color:var(--gold);background:#ffd16629;border:1px solid rgba(255,209,102,.4);border-radius:999px;padding:6px 14px}.delta-badge{font-size:13px;font-weight:700;border-radius:999px;padding:6px 14px}.delta-badge.up{color:var(--accent);background:#4dd9a624}.delta-badge.down{color:var(--warn);background:#ffb84d24}.next-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--text);width:100%}.next-text{flex:1}.next-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-weight:700}.next-name{font-size:15px;font-weight:700}.next-chev{font-size:24px;color:var(--text-dim)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti-bit{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;opacity:.9;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}.vowel-shape{display:flex;align-items:center;justify-content:center;gap:10px}.vowel-shape svg{width:64px;height:64px;background:var(--card);border:1px solid var(--line);border-radius:50%}.vowel-mouth{fill:#2a1820;stroke:var(--danger);stroke-width:2.5;transition:rx .25s ease,ry .25s ease}.vowel-label{font-size:22px;font-weight:800;letter-spacing:.04em;color:var(--text)}.challenge-done{text-align:center;font-weight:800;font-size:14px;color:var(--gold);background:#ffd16629;border:1px solid rgba(255,209,102,.4);border-radius:12px;padding:10px 14px}.coach-tip{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--secondary);border-radius:12px;padding:12px}.coach-ico{font-size:18px}.coach-title{font-weight:700;font-size:13px}.coach-text{font-size:12.5px;color:var(--text-dim);line-height:1.45}.diff-hint{font-size:13px;color:var(--text-dim);text-align:center;line-height:1.4}.cooldown-suggest{display:block;text-align:center;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;padding:8px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;color:var(--text);cursor:pointer}.tag-chip.on{background:#4c8dff29;border-color:var(--primary);color:var(--primary)}.sec-meta{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-dim)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insight-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center}.insight-ico{font-size:20px}.insight-val{font-size:16px;font-weight:800;margin-top:2px}.insight-lbl{font-size:11px;color:var(--text-dim)}.range-grow{color:var(--accent);font-weight:700}.new-notes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.new-notes-label{font-size:12px;color:var(--text-dim);font-weight:600}.new-note-pill{font-size:11px;font-weight:700;color:var(--accent);background:#4dd9a629;border-radius:999px;padding:3px 9px}.period-pills{margin-left:auto;display:flex;gap:4px}.period-pill{background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--text-dim);cursor:pointer}.period-pill.on{background:var(--primary);color:#fff;border-color:var(--primary)}.ach-prog{margin-top:5px;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.ach-prog-bar{width:80%;height:4px;background:var(--card-2);border-radius:999px;overflow:hidden}.ach-prog-fill{height:100%;background:var(--primary);border-radius:999px}.ach-prog-txt{font-size:9px;color:var(--text-dim);font-weight:600}.goal-card{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px}.goal-ring{width:78px;height:78px;flex-shrink:0}.goal-ring-bg{fill:none;stroke:var(--card-2);stroke-width:7}.goal-ring-fg{fill:none;stroke:url(#goalGrad);stroke-width:7;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s ease}.goal-ring-fg.done{stroke:var(--accent)}.goal-ring-pct{fill:var(--text);font-size:17px;font-weight:800}.goal-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.goal-scope{font-weight:600;text-transform:none;letter-spacing:0;opacity:.8}.goal-big{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:1px 0 2px}.goal-sub{font-size:12.5px;color:var(--text-dim)}.metro-bpm{text-align:center;font-size:64px;font-weight:800;letter-spacing:-.03em;margin-top:8px}.metro-bpm span{font-size:22px;color:var(--text-dim);font-weight:700;margin-left:6px}.metro-dots{display:flex;justify-content:center;gap:12px;margin:8px 0}.metro-dot{width:18px;height:18px;border-radius:50%;background:var(--card-2);transition:transform .06s ease,background .06s ease}.metro-dot.accent{box-shadow:0 0 0 2px var(--text-dim) inset}.metro-dot.on{background:var(--primary);transform:scale(1.35)}.metro-dot.accent.on{background:var(--accent)}.metro-controls{display:flex;align-items:center;gap:12px}.metro-play{flex:1}.tools-row{display:flex;gap:10px}.tools-row .btn{flex:1}.offline-banner{position:sticky;top:0;z-index:30;background:linear-gradient(135deg,#ff8c42,#f06b2b);color:#fff;font-size:12.5px;font-weight:600;text-align:center;padding:7px 12px}@media (prefers-reduced-motion: reduce){.confetti{display:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.heatmap{display:flex;gap:4px;justify-content:center;overflow-x:auto}.hm-col{display:flex;flex-direction:column;gap:4px}.hm-cell{width:14px;height:14px;border-radius:3px;background:var(--card-2);display:inline-block}.hm-cell.lvl0{background:var(--card-2)}.hm-cell.lvl1{background:#4dd9a659}.hm-cell.lvl2{background:#4dd9a699}.hm-cell.lvl3{background:#4dd9a6d9}.hm-cell.lvl4{background:var(--accent)}.hm-cell.future{background:transparent;box-shadow:0 0 0 1px var(--line) inset}.hm-legend{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:var(--text-dim)}.hm-scale{display:flex;align-items:center;gap:3px}.hm-scale .hm-cell{width:11px;height:11px}[data-theme=dark]{--bg: #07080c;--bg-2: #0c0e14;--card: #14161f;--card-2: #1c1f2b;--line: rgba(255, 255, 255, .08);--primary: #8174ff;--secondary: #3fd0e6;--gold: #f5c451;--text: #f4f5fb;--text-dim: #969cb2}:root{--elev: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 14px 34px -16px rgba(0, 0, 0, .75)}[data-theme=light]{--elev: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 12px 26px -16px rgba(20, 30, 60, .22);--primary: #8174ff;--secondary: #2aa7c4}body{background:radial-gradient(120% 55% at 100% 0%,rgba(109,93,255,.12),transparent 60%),radial-gradient(110% 55% at 0% 2%,rgba(63,208,230,.07),transparent 55%),var(--bg);background-attachment:fixed}.home-title{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#8174ff}.searchbar{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 1px #ffffff0a inset}.hero-card{position:relative;overflow:hidden;border-radius:22px;padding:18px;background:radial-gradient(150% 130% at 88% -25%,rgba(109,93,255,.3),transparent 55%),linear-gradient(180deg,#ffffff0b,#fff0),var(--card);border:1px solid var(--line);box-shadow:var(--elev)}.avatar-circle{width:50px;height:50px;border-radius:16px;box-shadow:0 6px 18px -6px var(--primary)}.hero-greet{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700;color:var(--text-dim)}.hero-name{font-size:22px;font-weight:800;letter-spacing:-.02em}.stat-pills{gap:0;background:#ffffff08;border:1px solid var(--line);border-radius:16px;overflow:hidden}.stat-pill{background:transparent;border-radius:0;padding:12px 6px;position:relative}.stat-pill+.stat-pill:before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line)}.stat-pill .v{font-size:17px;font-weight:800;letter-spacing:-.01em}.stat-pill .l{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700;color:var(--text-dim)}.week-card{border-radius:20px;background:var(--card);box-shadow:var(--elev)}.week-flame.on{background:#f5c45129;box-shadow:0 0 0 1px #f5c45140 inset}.week-day.today .week-flame{box-shadow:0 0 0 2px var(--primary),0 0 16px -3px var(--primary)}.quick-card{border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--elev);padding:14px 12px;transition:transform .12s ease,border-color .2s ease}.quick-card:active{transform:translateY(1px) scale(.99)}.quick-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#ffffff0d;box-shadow:0 1px #ffffff0f inset}.quick-grid .quick-card:nth-child(1) .quick-icon{background:linear-gradient(135deg,#f58a4b4d,#f58a4b1a)}.quick-grid .quick-card:nth-child(2) .quick-icon{background:linear-gradient(135deg,#6d5dff52,#6d5dff1a)}.quick-grid .quick-card:nth-child(3) .quick-icon{background:linear-gradient(135deg,#3fd0e647,#3fd0e61a)}.quick-card .t{font-size:14px;font-weight:700;letter-spacing:-.01em}.quick-card .s{font-size:11px;color:var(--text-dim)}.quick-practice{position:relative;overflow:hidden;border-radius:18px;padding:18px;background:linear-gradient(100deg,#6a63b8,#5a64ab);box-shadow:0 6px 16px -12px #00000073}.qp-icon{width:44px;height:44px;background:#ffffff38;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.qp-title{font-size:16px;font-weight:800;letter-spacing:-.01em}.tip-card{border-radius:16px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--primary);box-shadow:var(--elev)}.tip-card .tip-icon{color:var(--primary)}.tip-card .tip-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.cat-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin:18px 2px 8px}.cat-manage{text-transform:none;letter-spacing:0}.ex-row .ex-card{flex:0 0 150px;width:150px}.ex-card{border-radius:20px;padding:14px;min-height:158px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 24px -14px #000000d9}.ex-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff24,#fff0 30%,#00000047);pointer-events:none}.ex-card>*{position:relative;z-index:1}.ex-card .ex-name{margin-top:auto}.ex-ico{width:38px;height:38px;border-radius:50%;background:#fff3;display:grid;place-items:center;box-shadow:0 1px #ffffff2e inset}.ex-ico svg{width:19px;height:19px}.ex-name{font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.ex-range{font-size:10.5px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:.92}.new-tile{background:var(--card)!important;border:1px dashed var(--line)}.new-tile:after{display:none}.tabbar{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line)}.tab{gap:4px;transition:color .2s ease}.tab svg{width:23px;height:23px}.tab-active svg{filter:drop-shadow(0 0 10px rgba(109,93,255,.6))}.page-title{letter-spacing:-.035em;font-weight:800}.sec-head{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--text-dim);margin-top:16px}.sec-head span{-webkit-text-fill-color:initial}.stat-card,.level-card,.chart-card,.setting-card,.sync-card,.insight-card,.goal-card,.week-card,.freeze-card,.tech-tip,.tip-card,.next-card,.node{border-radius:18px;box-shadow:var(--elev)}.stat-card,.insight-card{background:var(--card);border:1px solid var(--line)}.stat-value{letter-spacing:-.02em;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--primary),#8f7bff 55%,var(--secondary));box-shadow:0 14px 30px -14px var(--primary)}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary))}.choice{border-radius:14px}.choice-on,.choice.choice-on{border-color:var(--primary);background:#6d5dff24;color:var(--text)}.pill{background:#6d5dff29;color:#c2b8ff}.avatar{border-radius:22px;box-shadow:0 8px 22px -8px var(--primary)}.profile-hero{background:radial-gradient(140% 120% at 85% -20%,rgba(109,93,255,.28),transparent 55%),var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--elev);color:var(--text)}.tier-pill.on{box-shadow:0 8px 20px -10px var(--primary)}.rm-card{border-radius:14px}.history-row{border-radius:12px}.ic-amber{color:var(--gold)}.ic-cyan{color:var(--secondary)}.ic-violet{color:var(--primary)}.stat-pill .v{display:flex;align-items:center;justify-content:center;gap:6px}.stat-pill .v svg{flex-shrink:0}.quick-grid .quick-card:nth-child(1) .quick-icon{color:var(--gold)}.quick-grid .quick-card:nth-child(2) .quick-icon{color:var(--primary)}.quick-grid .quick-card:nth-child(3) .quick-icon{color:var(--secondary)}.week-flame svg{display:block}.week-flame.on{color:var(--gold)}.week-flame.miss{color:var(--danger)}.week-flame.future{color:var(--text-dim)}.tip-card .tip-icon{display:inline-flex}.cat-title svg{color:var(--primary);vertical-align:-2px}.qp-icon svg{color:#fff}.sec-head>span:first-child:not(.sec-meta){display:none}@media (min-width: 720px) and (min-height: 600px){.ex-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible!important;gap:12px}.ex-row .ex-card{flex:none!important;width:auto!important}}[data-theme=light] .searchbar{background:#fff}[data-theme=light] .stat-pills{background:#141e3c06}[data-theme=light] .pill{color:#5b4fd4;background:#8174ff1f}[data-theme=light] .hero-card,[data-theme=light] .week-card,[data-theme=light] .quick-card,[data-theme=light] .goal-card,[data-theme=light] .tip-card{border-color:#141e3c12}.ex-emoji{font-size:18px;line-height:1}.ex-heart.pop svg{animation:heart-pop .42s ease}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.45)}60%{transform:scale(.9)}to{transform:scale(1)}}.ex-card{transition:transform .12s ease,box-shadow .2s ease}.ex-card:active{transform:scale(.97)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 20px}.empty-icon{font-size:44px;width:84px;height:84px;display:grid;place-items:center;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--elev)}.empty-title{font-size:18px;font-weight:800;letter-spacing:-.01em}.empty-msg{font-size:14px;color:var(--text-dim);line-height:1.5;max-width:320px}.empty-state .btn{margin-top:6px;min-width:200px}.welcome-banner{display:flex;align-items:center;gap:12px;border-radius:16px;padding:14px 16px;background:linear-gradient(120deg,#8174ff2e,#3fd0e61f);border:1px solid rgba(129,116,255,.3)}.announce-banner{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(120deg,#6a5cff,#3fd0e6);box-shadow:0 2px 10px #00000040}.announce-banner span{flex:1}.announce-banner button{background:#fff3;border:0;color:#fff;border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:13px}.vp-setup{text-align:left}.vp-desc{margin:2px 0 12px}.vp-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:18px;margin-bottom:12px;background:linear-gradient(120deg,#6a74ff38,#3fd0e621);border:1px solid rgba(106,116,255,.32)}.vp-sum-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:700}.vp-sum-note{font-size:40px;font-weight:800;line-height:1.05;letter-spacing:-.02em}.vp-sum-meta{text-align:right;font-size:12.5px;color:var(--text-dim);display:flex;flex-direction:column;gap:1px}.vp-sum-meta b{color:var(--text);font-size:15px;font-weight:800}.vp-sum-adapt{color:var(--primary);font-weight:700;margin-top:2px}.vp-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 14px;margin-bottom:12px}.vp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;border-bottom:1px solid var(--line)}.vp-row:last-child{border-bottom:0}.vp-k{font-size:14px;font-weight:700}.vp-stepper{display:flex;align-items:center;gap:12px}.vp-stepper b{min-width:40px;text-align:center;font-size:16px;font-weight:800}.vp-stepper small{color:var(--text-dim);font-weight:600;margin-left:-6px}.rnd{width:32px;height:32px;border-radius:10px;background:var(--card-2);border:1px solid var(--line);color:var(--text);font-size:18px;font-weight:800;cursor:pointer;line-height:1}.rnd:disabled{opacity:.4;cursor:default}.vp-row-notes{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0}.note-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.note-strip::-webkit-scrollbar{display:none}.note-pill{flex:0 0 auto;min-width:44px;padding:10px 8px;border-radius:10px;scroll-snap-align:center;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;background:var(--card);border:1px solid var(--line);color:var(--text);font-weight:700;font-size:14px;cursor:pointer}.note-pill.on{background:var(--primary);border-color:var(--primary);color:#fff}.more-toggle{width:100%;text-align:left;background:transparent;border:0;color:var(--text-dim);font-weight:700;font-size:13px;padding:6px 2px 12px;cursor:pointer}.vp-actions{display:flex;gap:10px}.vp-actions .btn{flex:1}.vp-actions .btn-primary{flex:1.8}.vp-rowline{display:flex;align-items:center;justify-content:space-between;gap:10px}.vp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;margin-top:6px;border-radius:999px;background:var(--line);outline:none;cursor:pointer}.vp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 1px 4px #0006;cursor:pointer}.vp-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--primary)}.listen-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin:10px 0 2px;padding:12px 14px;border-radius:14px;font-weight:700;font-size:14px;color:var(--text);background:var(--card);border:1px solid var(--border, rgba(129, 116, 255, .25));cursor:pointer}.listen-toggle.on{background:linear-gradient(120deg,#8174ff38,#3fd0e624);border-color:#8174ff80}.listen-live{display:flex;align-items:center;justify-content:center;gap:16px;margin:6px 12px 0;padding:8px 12px;border-radius:12px;font-size:14px;background:#ffffff12;color:#eef1f8;border:1px solid rgba(255,255,255,.12);transition:background .15s,border-color .15s}.listen-live.match{background:#2fbf6b2e;border-color:#2fbf6b99}.listen-tick{color:#2fbf6b;font-weight:800}.listen-count{color:#eef1f899;font-weight:700}.play-report{text-align:left;margin:14px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(120deg,#6a74ff29,#3fd0e61a);border:1px solid rgba(106,116,255,.3)}.pr-head{font-weight:800;font-size:14px;margin-bottom:10px}.pr-stats{display:flex;gap:10px;flex-wrap:wrap}.pr-stat{flex:1;min-width:64px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 4px}.pr-n{font-size:20px;font-weight:800;letter-spacing:-.02em}.pr-n small{font-size:11px;font-weight:700;color:var(--text-dim)}.pr-l{font-size:11px;color:var(--text-dim);font-weight:700}.pr-insights{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pr-insights li{font-size:13.5px;line-height:1.4;padding-left:18px;position:relative}.pr-insights li:before{content:"›";position:absolute;left:4px;color:var(--primary);font-weight:800}.wb-emoji{font-size:26px}.wb-title{font-weight:800;font-size:15px}.wb-sub{font-size:12.5px;color:var(--text-dim);line-height:1.4}.update-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;box-shadow:var(--elev);font-size:13px}.update-toast button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer}.quests{display:flex;flex-direction:column;gap:10px}.quest{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--elev)}.quest.claimed{opacity:.6}.quest-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest-title{font-weight:700;font-size:14px}.quest-reward{font-size:12px;font-weight:800;color:var(--gold);white-space:nowrap}.quest-bar{height:7px;border-radius:999px;background:var(--card-2);overflow:hidden;margin:8px 0 6px}.quest-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width .4s ease}.quest-bottom{display:flex;justify-content:space-between;align-items:center}.quest-prog{font-size:12px;color:var(--text-dim);font-weight:600}.quest-claim{border:none;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:700;cursor:pointer;background:var(--primary);color:#fff}.quest-claim:disabled{background:var(--card-2);color:var(--text-dim);cursor:default}.quest-claimed{font-size:12px;font-weight:700;color:var(--accent)}.shop-balance{font-size:24px;font-weight:800;color:var(--gold)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--elev)}.shop-item.equipped{border-color:var(--primary)}.shop-swatch{width:100%;height:44px;border-radius:10px}.shop-name{font-size:13px;font-weight:700}.shop-btn{width:100%;border:none;border-radius:999px;padding:7px;font-size:12px;font-weight:700;cursor:pointer;background:var(--card-2);color:var(--text)}.shop-btn.buy{background:var(--primary);color:#fff}.shop-btn.buy:disabled{background:var(--card-2);color:var(--text-dim);cursor:default}.shop-btn.on{background:var(--primary);color:#fff}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#05060cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lu-fade .25s ease}@keyframes lu-fade{0%{opacity:0}to{opacity:1}}.levelup-card{position:relative;z-index:1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px 40px;box-shadow:var(--elev);animation:lu-pop .4s cubic-bezier(.2,.9,.2,1.2)}@keyframes lu-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.levelup-emoji{font-size:52px}.levelup-big{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px}.levelup-tier{color:var(--text-dim);font-weight:600;margin-bottom:16px}.sk{border-radius:14px;background:linear-gradient(100deg,var(--card) 30%,var(--card-2) 50%,var(--card) 70%);background-size:200% 100%;animation:sk-shimmer 1.3s ease-in-out infinite}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-title{height:32px;width:50%;margin:6px 2px}.sk-card{height:120px}.sk-card.sk-short{height:80px}.sk-row{display:flex;gap:12px}.sk-tile{height:150px;flex:1;border-radius:18px}.per-note{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.per-note-head{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-dim);margin-bottom:8px}.per-note-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}.per-note-name{font-weight:700}.per-note-val{font-weight:700;font-size:13px}.per-note-val.flat{color:var(--secondary)}.per-note-val.sharp{color:var(--warn)}.take-player{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.take-head{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-dim);margin-bottom:8px}.take-player audio{width:100%;height:38px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}:focus:not(:focus-visible){outline:none}.btn:focus-visible,.tab:focus-visible,.ex-card:focus-visible{outline-offset:3px}.mic-meter{margin-top:10px;height:10px;border-radius:999px;background:var(--card-2);overflow:hidden}.mic-meter-bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--warn) 70%,var(--danger));transition:width .06s linear}.range-time{margin-top:12px}.range-time-head{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-dim);margin-bottom:8px}.range-bars{display:flex;align-items:stretch;gap:6px;height:90px}.range-bar-col{flex:1;position:relative}.range-bar{position:absolute;left:20%;right:20%;border-radius:999px;background:linear-gradient(180deg,var(--secondary),var(--primary))}.rm-white.root,.rm-black.root{box-shadow:0 0 0 2px var(--gold) inset}.rm-white.on,.rm-black.on,.range-map .rm-white,.range-map .rm-black{cursor:pointer}.fretboard{display:flex;flex-direction:column;gap:6px;overflow-x:auto;padding:4px 0}.fb-frets,.fb-string{display:grid;grid-template-columns:28px repeat(13,minmax(34px,1fr));align-items:center;gap:4px;min-width:520px}.fb-fret-no{text-align:center;font-size:10px;color:var(--text-dim)}.fb-fret-no.mark{color:var(--primary);font-weight:700}.fb-open-label{font-size:12px;font-weight:700;color:var(--text-dim);text-align:center}.fb-cell{height:34px;border:none;border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);display:grid;place-items:center;cursor:pointer;border-radius:4px}.fb-cell.open{border-left:none}.fb-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:var(--primary)}.fb-cell.root .fb-dot{background:var(--gold);color:#1a1400;box-shadow:0 0 10px -2px var(--gold)}.instrument-bar{display:flex;gap:6px;padding:6px;margin:8px 16px 4px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--elev)}.instr-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:background .18s ease,color .18s ease}.instr-tab .instr-ico{font-size:16px;line-height:1}.instr-tab.on{color:#fff;background:linear-gradient(100deg,#8174ff,#6f7bf2 55%,#3fd0e6 130%);box-shadow:0 10px 22px -14px #8174ff}.instr-hero{display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;border-radius:18px;padding:16px 18px;color:#fff;text-decoration:none;background:linear-gradient(100deg,#6a63b8,#5a64ab);box-shadow:0 6px 16px -12px #00000073}.instr-hero-title,.instr-hero-sub{text-decoration:none}.instr-hero-emoji{font-size:30px;width:50px;height:50px;display:grid;place-items:center;background:#fff3;border-radius:14px;flex-shrink:0}.instr-hero-text{flex:1;min-width:0}.instr-hero-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.instr-hero-sub{font-size:12.5px;opacity:.92;margin-top:2px;line-height:1.3}.instr-soon{border-radius:16px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--primary);box-shadow:var(--elev)}.instr-soon-title{font-size:14px;font-weight:800;color:var(--text)}.instr-soon p{font-size:12.5px;color:var(--text-dim);margin-top:4px;line-height:1.45}.instr-notice{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 14px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--primary);box-shadow:var(--elev)}.instr-notice-emoji{font-size:22px;width:40px;height:40px;display:grid;place-items:center;background:#8174ff24;border-radius:11px;flex-shrink:0}.instr-notice-text{flex:1;min-width:0}.instr-notice-title{font-size:13.5px;font-weight:800;color:var(--text)}.instr-notice-sub{font-size:12px;color:var(--text-dim);margin-top:2px;line-height:1.35}.lesson-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.lesson-instr{font-size:13px;font-weight:700;color:var(--text)}.lesson-diff{font-size:12px;color:var(--primary);letter-spacing:2px}.lesson-badge{font-size:11px;font-weight:800;color:#2fbf6b;background:#2fbf6b24;padding:3px 9px;border-radius:999px}.lesson-instruction{font-size:14px;line-height:1.55;color:var(--text);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:12px;padding:13px 15px;margin:0 0 16px}.lesson-staff{padding:6px 8px;overflow-x:auto}.lesson-notes-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.lesson-note-chip{font-size:13px;font-weight:700;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:6px 11px;cursor:pointer}.lesson-note-chip:active{background:#8174ff29}.lesson-tip{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--text-dim);background:#8174ff14;border-radius:11px;padding:10px 13px;margin-bottom:14px;line-height:1.4}.lesson-tip-ico{flex-shrink:0}.btn-success{background:linear-gradient(100deg,#2fbf6b,#1f9d57);color:#fff;box-shadow:0 12px 26px -16px #2fbf6b}.lesson-complete-btn{margin-top:14px}.lesson-done{margin-top:16px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 16px;box-shadow:var(--elev)}.lesson-done-title{font-size:18px;font-weight:800;color:var(--text)}.lesson-done-sub{font-size:13px;color:var(--text-dim);margin-top:4px}.lesson-done-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.rm-white.active{background:var(--primary)!important;box-shadow:0 0 14px -2px var(--primary)}.rm-black.active{background:var(--primary)!important;box-shadow:0 0 12px -1px var(--primary)}.fb-cell.active .fb-dot,.fb-cell.active:not(.on):after{background:var(--primary);color:#fff;box-shadow:0 0 12px -1px var(--primary)}.fb-cell.active{transform:scale(1.08)}.lesson-note-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px -3px var(--primary)}.tab-svg{width:100%;height:96px;display:block}.speed-row{display:flex;align-items:center;gap:8px;margin:6px 0 12px}.speed-label{font-size:12px;font-weight:700;color:var(--text-dim);margin-right:2px}.speed-pill{flex:1;padding:8px 6px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.speed-pill.on{background:var(--primary);color:#fff;border-color:var(--primary)}.speed-pill:disabled{opacity:.6;cursor:default}.score-svg{width:100%;height:150px;display:block}.lesson-recent{text-decoration:none;color:inherit;align-items:center}.lesson-recent .qp-chevron{color:var(--text-dim)}.lesson-stair-card{padding:0;overflow:hidden}.lesson-staircase{width:100%;height:190px;display:block}.lesson-card .ex-name{font-size:13px;font-weight:700;line-height:1.25}.lesson-card-done{font-size:12px;font-weight:800;color:#fff;background:#ffffff47;border-radius:999px;padding:1px 7px}.lesson-lv{font-size:11px;font-weight:800;color:#fff;background:#00000047;border-radius:999px;padding:1px 8px}.pack-head.pack-super{background:var(--card-2);color:var(--text);border:1px solid var(--line)}.pack-head.pack-super .pack-title{color:var(--text)}.pack-head.pack-super .pack-meta{color:var(--text-dim)}.pack-supergroup{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-left:6px;border-left:2px solid var(--line)}.run-badge{font-size:11px;font-weight:700;color:var(--primary);background:#8174ff24;padding:2px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}.ex-count{font-size:11px;font-weight:600;opacity:.9;margin-top:auto}.pack-header{display:flex;align-items:center;gap:14px;border-radius:18px;padding:18px;color:#fff;box-shadow:0 14px 30px -16px #00000080}.pack-header-icon{font-size:30px;width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;background:#ffffff38;border-radius:15px}.pack-header-title{font-size:19px;font-weight:800;letter-spacing:-.01em}.pack-header-sub{font-size:12.5px;opacity:.92;margin-top:2px}.pack-import-cta{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 14px;margin-bottom:6px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--primary);box-shadow:var(--elev);text-decoration:none;color:inherit}.pack-import-ico{font-size:20px;width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:#8174ff24;border-radius:11px}.pack-import-text{flex:1;min-width:0;display:flex;flex-direction:column}.pack-import-title{font-size:13.5px;font-weight:800;color:var(--text)}.pack-import-sub{font-size:12px;color:var(--text-dim);margin-top:1px}.instr-exercise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f1222;color:#eef1f8;display:flex;flex-direction:column;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.rotate-hint{display:none;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:#cfe0ff;background:#8174ff2e;border:1px solid rgba(129,116,255,.35);border-radius:10px;padding:8px 10px;flex-shrink:0}@media (orientation: portrait){.rotate-hint{display:flex}}.ex-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.ex-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-title .run-badge{background:#8174ff3d;color:#cfe0ff;flex-shrink:0}.ex-exit{flex-shrink:0;width:44px;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#fff;font-size:16px;cursor:pointer}.ex-notation-toggle{flex-shrink:0;height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.ex-metro{flex-shrink:0;width:44px;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#fff;font-size:16px;cursor:pointer}.ex-metro.on{border-color:#8174ffb3;background:#8174ff47}.notation-switch{margin-left:auto;border:none;cursor:pointer;background:#8174ff2e;color:var(--primary);font-weight:700}.ex-notation{background:#f4f6fb;--text: #10121a;--text-dim: #9aa3b2;--card: #f4f6fb;border-radius:12px;padding:2px 8px;flex-shrink:0}.ex-notation .score-svg,.ex-notation .tab-svg{height:86px}@media (min-width: 720px){.ex-notation .score-svg{height:132px}.ex-notation .tab-svg{height:120px}}.ex-legend{flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.3;color:#ffffffd1;padding:2px}.ex-legend-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);font-size:11px;font-weight:800;color:#fff}.ex-stage-area{flex:1;min-height:0;border-radius:14px;overflow:hidden}.ex-stage-area .lesson-staircase{height:100%}.stepper-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:6px}.stepper-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:22px;font-weight:800;cursor:pointer}.stepper-btn:active{background:#8174ff24}.stepper-val{font-size:22px;font-weight:800;min-width:36px;text-align:center}.pack-sec{margin-top:4px}.pack-head{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:16px;padding:14px 16px;margin:0 0 8px;color:#fff;cursor:pointer;text-align:left;box-shadow:0 6px 16px -10px #00000080}.pack-ic{font-size:22px}.pack-title{font-weight:800;font-size:16px;flex:1}.pack-meta{font-weight:700;font-size:13px;opacity:.95;white-space:nowrap}.pack-cat{margin:0 0 10px}.pack-cat-title{font-size:13px;font-weight:700;color:var(--text-dim);margin:2px 0 6px 2px}.pack-locked{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:-4px 0 8px}.pack-locked .status{margin:0;flex:1}.pack-locked .btn{width:auto;padding:8px 16px}.pack-locked-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 20px;margin:8px 0 12px}.pack-locked-panel .pl-ico{font-size:34px}.pack-locked-panel .pl-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.pack-locked-panel .pl-msg{font-size:14px;color:var(--text-dim);line-height:1.5;max-width:340px;margin:0}.pack-locked-panel .pl-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.pack-locked-panel .pl-actions .btn{width:auto;padding:10px 20px}.pack-locked-panel .pl-note{font-size:12px;color:var(--text-dim);margin:0}.tier-upsell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:linear-gradient(135deg,#8174ff24,#b06bff24);border:1px solid rgba(129,116,255,.35);border-radius:18px;padding:20px 18px;margin:4px 0 14px}.tier-upsell .tu-emoji{font-size:30px}.tier-upsell .tu-title{font-size:16px;font-weight:800;letter-spacing:-.01em}.tier-upsell .tu-msg{font-size:13.5px;color:var(--text-dim);line-height:1.5;max-width:320px;margin:0}.tier-upsell .tu-cta{width:auto;padding:10px 22px;margin-top:4px}.seg{display:flex;gap:6px;background:var(--card-2);border-radius:12px;padding:4px}.seg-btn{flex:1;border:none;background:transparent;color:var(--text-dim);font-weight:700;font-size:14px;padding:9px 6px;border-radius:9px;cursor:pointer}.seg-btn.on{background:var(--card);color:var(--text);box-shadow:0 1px 4px #0000002e}.admin-pack{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.admin-pack-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.admin-pack-ico{font-size:22px}.admin-pack-text{min-width:0}.admin-pack-title{font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px}.admin-pack-sub{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pack-actions{display:flex;gap:4px;flex-shrink:0}.admin-form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}.admin-row2{display:flex;gap:10px}.admin-row2>div{flex:1}.admin-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:6px 0;cursor:pointer}.admin-link{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.admin-dim{opacity:.5}.admin-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45;white-space:pre;overflow-wrap:normal}.tabb{background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.tabb-seq{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tabb-chip{display:inline-flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.tabb-chip.on{outline:2px solid var(--primary)}.tabb-chip button{border:none;background:var(--card);color:var(--text);font-weight:700;font-size:13px;padding:6px 8px;cursor:pointer}.tabb-chip .tabb-x{color:var(--danger);padding:6px}.tabb-add{border:1px dashed var(--line);background:transparent;color:var(--primary);font-weight:700;border-radius:8px;padding:6px 10px;cursor:pointer}.tabb-grid{display:grid;gap:3px;overflow-x:auto}.tabb-fno,.tabb-sname{font-size:11px;color:var(--text-dim);text-align:center;align-self:center;font-weight:700}.tabb-cell{min-width:26px;height:26px;border:1px solid var(--line);background:var(--card);border-radius:6px;color:var(--primary);font-size:13px;cursor:pointer;padding:0}.tabb-cell.on{background:var(--primary);color:#fff;border-color:var(--primary)}.tabb-move{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.pk-keys{display:flex;gap:2px;overflow-x:auto;padding-bottom:4px}.pk-key{flex:0 0 auto;width:26px;height:70px;border:1px solid var(--line);border-radius:0 0 5px 5px;cursor:pointer;font-size:9px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}.pk-key.white{background:#f6f7fb;color:#555}.pk-key.black{background:#2a2d3a;color:#ccc;height:48px;width:22px}.pk-key.on{background:var(--primary);color:#fff}.cat-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:none;padding:0;margin:0 0 8px;cursor:pointer;color:inherit;font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.cat-chev{font-size:12px;font-weight:700;color:var(--text-dim);flex-shrink:0;white-space:nowrap}.home-prem-banner,.prem-promo{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;margin:8px 0 4px;text-decoration:none;color:#fff;background:linear-gradient(100deg,#6a63b8,#8174ff 60%,#b06bff);box-shadow:0 10px 24px -16px #8174ffe6}.hpb-ico,.prem-promo-ico{font-size:26px;flex-shrink:0}.hpb-text,.prem-promo-text{flex:1;min-width:0}.hpb-title,.prem-promo-title{font-weight:800;font-size:15px}.hpb-sub,.prem-promo-sub{font-size:12.5px;opacity:.88;line-height:1.3}.hpb-cta{font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0;opacity:.95}.prem-promo-chev{font-size:22px;opacity:.8;flex-shrink:0}.prem-promo{margin:4px 0 12px}.prem-promo-owned{background:linear-gradient(100deg,#2f6f5e,#3fb56a)}.premium .prem-hero{text-align:center;padding:10px 6px 4px}.prem-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:#8174ff29;border-radius:999px;padding:5px 14px;margin-bottom:12px}.prem-title{font-size:26px;font-weight:900;letter-spacing:-.02em;margin:0 0 8px}.prem-sub{color:var(--text-dim);font-size:14px;line-height:1.5;max-width:520px;margin:0 auto}.prem-owned-note{margin:12px auto 0;font-size:13px;font-weight:600;color:var(--primary)}.prem-celebrate{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#2f6f5e,#3fb56a);color:#fff;border-radius:14px;padding:12px 14px;font-weight:700;margin-bottom:10px}.prem-celebrate .pc-emoji{font-size:20px}.prem-celebrate .pc-x{margin-left:auto;background:#fff3;border:none;color:#fff;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:13px}.prem-billing{display:flex;gap:6px;background:var(--card);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:999px;padding:4px;width:fit-content;margin:18px auto 16px}.pb-opt{border:none;background:none;color:var(--text-dim);font-weight:700;font-size:14px;padding:8px 18px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:8px}.pb-opt.on{background:var(--primary);color:#fff}.pb-save{font-size:11px;font-weight:800;background:#3fb56a38;color:#3fb56a;border-radius:999px;padding:2px 7px}.pb-opt.on .pb-save{background:#ffffff40;color:#fff}.plan-grid{display:grid;grid-template-columns:1fr;gap:14px}.plan-card{position:relative;background:var(--card);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:18px;padding:16px;overflow:hidden}.plan-featured{border-color:var(--primary);box-shadow:0 14px 34px -22px #8174ffe6}.plan-owned{opacity:.92}.plan-ribbon{position:absolute;top:12px;right:-34px;transform:rotate(45deg);background:var(--primary);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:4px 40px}.plan-head{display:flex;align-items:center;gap:10px;border-radius:12px;padding:12px 14px;color:#fff}.plan-ico{font-size:24px}.plan-name{font-size:18px;font-weight:900}.plan-tagline{color:var(--text-dim);font-size:13px;line-height:1.4;margin:10px 2px 12px}.plan-price{display:flex;align-items:baseline;gap:4px;padding:0 2px}.pp-amount{font-size:32px;font-weight:900;letter-spacing:-.02em}.pp-per{color:var(--text-dim);font-weight:700}.plan-price-note{font-size:12px;color:var(--text-dim);margin:2px 2px 12px}.plan-price-note s{opacity:.7}.plan-perks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}.plan-perks li{display:flex;gap:8px;font-size:13.5px;line-height:1.4;align-items:flex-start}.pp-check{color:#3fb56a;font-weight:900;flex-shrink:0}.plan-cta{width:100%}.plan-cta-owned{cursor:default}.unlock-sec{margin:26px 0 6px}.unlock-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.unlock-ico{flex-shrink:0;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.unlock-title{font-size:18px;font-weight:800;margin:2px 0 4px;letter-spacing:-.01em}.unlock-blurb{color:var(--text-dim);font-size:13px;line-height:1.45;margin:0}.unlock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unlock-cell{background:var(--card);border:1px solid var(--border, rgba(255,255,255,.06));border-radius:14px;padding:12px}.uc-ico{font-size:20px}.uc-title{font-weight:800;font-size:13.5px;margin:6px 0 4px}.uc-body{color:var(--text-dim);font-size:12.5px;line-height:1.4}.unlock-cta{width:100%;margin-top:12px}.prem-h2{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:30px 2px 12px}.prem-finefoot{color:var(--text-dim);font-size:12.5px;text-align:center;line-height:1.5;margin:12px 8px 0}.compare-card{background:var(--card);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:16px;overflow:hidden}.cmp-row{display:grid;grid-template-columns:1fr 64px 64px;align-items:center;padding:11px 14px;border-top:1px solid var(--border, rgba(255,255,255,.06))}.cmp-row:first-child{border-top:none}.cmp-header{background:#8174ff0f}.cmp-header .cmp-col{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.cmp-label{font-size:13px;line-height:1.35;padding-right:8px}.cmp-col{text-align:center;font-size:13px}.cmp-col-pro{color:var(--primary);font-weight:700}.cmp-yes{color:#3fb56a;font-weight:900}.cmp-no{color:var(--text-dim);opacity:.6}.cmp-txt{font-size:11.5px;color:var(--text-dim)}.cmp-txt-pro{color:var(--primary);font-weight:700}.testi-grid{display:grid;gap:10px}.testi{background:var(--card);border:1px solid var(--border, rgba(255,255,255,.06));border-radius:14px;padding:14px 16px;margin:0}.testi-q{font-size:14px;line-height:1.5;margin:0 0 8px;font-style:italic}.testi-by{font-size:12.5px;color:var(--text-dim)}.faq-list{display:grid;gap:8px}.faq-item{background:var(--card);border:1px solid var(--border, rgba(255,255,255,.06));border-radius:14px;overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;color:inherit;font-family:inherit;text-align:left;font-size:14px;font-weight:700;padding:14px 16px;cursor:pointer}.faq-chev{font-size:20px;color:var(--primary);flex-shrink:0}.faq-a{padding:0 16px 14px;color:var(--text-dim);font-size:13px;line-height:1.5}.prem-final{text-align:center;background:linear-gradient(135deg,#6a63b8,#8174ff 55%,#b06bff);color:#fff;border-radius:18px;padding:22px 18px;margin:28px 0 10px}.journey-hero{text-align:center;padding:22px 18px;border-radius:18px;margin-bottom:14px;color:#fff;background:linear-gradient(135deg,#6a63b8,#8174ff 55%,#b06bff)}.journey-level{font-size:52px;font-weight:900;line-height:1}.journey-tier{font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.92;margin-top:4px}.journey-hero .progress{background:#ffffff40}.journey-hero .progress-fill{background:#fff}.song-list{display:flex;flex-direction:column;gap:10px}.song-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--border, rgba(255, 255, 255, .08))}.song-emoji{font-size:26px;flex-shrink:0}.song-text{flex:1;min-width:0}.song-title{font-weight:800;font-size:15px}.streak-save{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:14px 16px;border-radius:16px;margin:8px 0 4px;color:#fff;border:none;background:linear-gradient(100deg,#b85c2a,#e7892f);box-shadow:0 10px 24px -16px #e7892fe6}.take-saved{font-size:12px;font-weight:700;color:var(--primary);margin-left:8px;text-decoration:none}.takes-list{display:flex;flex-direction:column;gap:10px}.take-row{background:var(--card);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:14px;padding:12px 14px}.take-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.take-name{font-weight:800;font-size:14px}.take-meta{font-size:12px;color:var(--text-dim);white-space:nowrap}.take-row-play{display:flex;align-items:center;gap:8px}.take-row-play audio{flex:1;min-width:0;height:36px}.take-row-sel{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.take-pick{flex:1;padding:8px 10px}.take-pick.on{border-color:var(--primary);color:var(--primary);font-weight:800}.take-compare{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.tc-head{font-weight:800;font-size:14px}.tc-panel{display:flex;flex-direction:column;gap:4px}.tc-label{font-size:12px;font-weight:700;color:var(--text-dim);display:flex;align-items:center;gap:6px}.tc-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.tc-dot.tc-a{background:var(--primary)}.tc-dot.tc-b{background:var(--gold, #e0a93e)}.tc-a-color{color:var(--primary)}.tc-b-color{color:var(--gold, #e0a93e)}.take-cmp-svg{width:100%;height:96px;display:block;background:var(--card-2, rgba(255,255,255,.03));border-radius:10px}.take-cmp-axis{font-size:8px;fill:var(--text-dim);font-weight:700}.tc-loading{font-size:12px;color:var(--text-dim);padding:28px 0;text-align:center}.tc-controls{display:flex;gap:8px}.tc-controls .btn{flex:1;padding:9px 0}.jam-progs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.jam-bars{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.jam-bar{flex:1 1 60px;min-width:56px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center;position:relative;color:var(--text);font:inherit;cursor:pointer;transition:border-color .1s,transform .1s,box-shadow .1s}.jam-bar.on{border-color:var(--primary);background:#4c8dff1f;transform:translateY(-2px)}.jam-bar.editing{border-color:var(--primary);box-shadow:0 0 0 2px #4c8dff59 inset}.link-btn{background:none;border:0;padding:0;cursor:pointer;color:var(--primary);font-weight:700;font-size:13px}.jam-bar-name{display:block;font-weight:800;font-size:16px}.jam-bar-n{position:absolute;top:4px;right:6px;font-size:9px;color:var(--text-dim);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ear-top{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 12px;font-size:13px}.ear-progress{font-weight:800}.ear-score{color:var(--text-dim)}.ear-play{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;border-radius:18px;border:none;cursor:pointer;color:#fff;font-weight:800;font-size:15px;background:linear-gradient(135deg,#6a63b8,#8174ff 60%,#b06bff);box-shadow:0 10px 24px -16px #8174ffe6}.ear-play-ico{font-size:34px}.ear-play:active{transform:scale(.99)}.ear-opt{transition:border-color .15s,background .15s,opacity .15s}.ear-opt.ear-correct{border-color:#3fb56a;background:#3fb56a2e;color:#3fb56a}.ear-opt.ear-wrong{border-color:var(--danger, #e7472f);background:#e7472f29;color:var(--danger, #e7472f)}.ear-opt.ear-dim{opacity:.5}.auth-panel{display:flex;flex-direction:column;gap:10px;width:100%}.auth-panel .text-input{width:100%}.auth-toggle{background:none;border:none;color:var(--primary);font-weight:700;font-size:13px;cursor:pointer;padding:2px}.auth-or{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:12px;margin:2px 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border, rgba(255, 255, 255, .12))}.gsi-btn{display:flex;justify-content:center;min-height:40px}.prem-account{display:flex;justify-content:center;gap:18px;margin-top:18px;flex-wrap:wrap}.prem-link-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:13px;cursor:pointer;padding:4px}.prem-link-danger{color:var(--danger, #e7472f)}.pf-title{font-size:21px;font-weight:900;letter-spacing:-.01em}.pf-sub{font-size:13.5px;opacity:.9;margin:6px 0 16px;line-height:1.45}.prem-final .btn-primary{background:#fff;color:#5a4fd0}.pf-guarantee{font-size:12px;opacity:.85;margin-top:12px}@media (min-width: 640px){.plan-grid{grid-template-columns:1fr 1fr}.plan-featured{grid-column:1 / -1}.testi-grid{grid-template-columns:1fr 1fr 1fr}}