@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f7f7f8;background:#08090b;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--lime: #a3ff12;--lime-soft: #d7ff6a;--surface: #14161a;--raised: #1c1f24;--muted: #a6abb6;--muted-readable: #b8c0cc;--text-soft: #c7d0dd;--border: rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}html{background:#08090b}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(163,255,18,.08),transparent 30%),#08090b}#root{width:100%;max-width:100%;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-page{width:min(100%,720px);margin:0 auto;padding:16px 18px 190px}.home-header,.page-top{display:flex;align-items:center;justify-content:space-between}.home-header__actions{display:flex;gap:8px}.header-auth-button{max-width:128px;min-height:42px;overflow:hidden;padding:0 13px;color:#08090b;border:0;border-radius:13px;background:var(--lime);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.header-auth-button.is-signed{color:#27d8ff;border:1px solid rgba(39,216,255,.3);background:#27d8ff12}.brand{display:inline-flex;align-items:center;gap:10px}.brand__mark{width:42px;height:48px;overflow:visible}.brand__mark>path:first-child{fill:var(--lime)}.brand__bolt,.brand__dot{fill:#08090b}.brand__copy{display:grid;line-height:1}.brand__copy strong{font-family:Barlow Condensed,sans-serif;font-size:24px;letter-spacing:.06em}.brand__copy small{color:var(--muted);font-size:11px;letter-spacing:.17em;margin-top:5px}.brand--sm .brand__mark{width:31px;height:36px}.brand--sm .brand__copy strong{font-size:19px}.brand--sm .brand__copy small{display:none}.brand--lg .brand__mark{width:64px;height:72px}.avatar-button,.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:42px;height:42px;cursor:pointer;font-weight:800}.avatar-button{border-color:#a3ff1259;color:var(--lime)}.hero{padding:34px 0 20px;position:relative}.hero:after{content:"♫";position:absolute;right:3%;top:22px;color:#a3ff1212;font-size:140px;transform:rotate(-9deg);pointer-events:none}.game-badge,.record-badge{display:inline-flex;border:1px solid rgba(163,255,18,.24);background:#a3ff1212;color:var(--lime);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.12em}.hero h1,.result-hero h1,.progress-screen h1{margin:13px 0;font:900 clamp(48px,15vw,78px)/.88 "Barlow Condensed",sans-serif;letter-spacing:-.025em;text-transform:uppercase;position:relative}.hero h1 em{color:var(--lime);font-style:italic}.hero>p{color:var(--muted-readable);font-size:14px;line-height:1.55;max-width:560px;margin:0 0 19px}.hero-actions{display:grid;gap:10px}.home-greeting{padding:25px 2px 15px}.home-greeting small{color:var(--lime);font-weight:800;letter-spacing:.1em}.home-greeting h1{margin:5px 0 3px;font:900 clamp(35px,11vw,53px)/.95 "Barlow Condensed";text-transform:uppercase}.home-greeting p{margin:0;color:var(--muted-readable);font-size:12px}.public-username-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;margin-bottom:14px;padding:14px;border:1px solid rgba(39,216,255,.22);border-radius:17px;background:linear-gradient(135deg,#27d8ff13,#a3ff1206),#121519}.public-username-card__icon{display:grid;place-items:center;width:42px;height:42px;color:#08090b;border-radius:13px;background:#27d8ff;font-size:21px;font-weight:900}.public-username-card>div:not(.public-username-card__actions):not(.public-username-card__form){display:grid;gap:3px;min-width:0}.public-username-card small{color:#27d8ff;font-size:9px;font-weight:800;letter-spacing:.12em}.public-username-card strong{color:var(--text-soft);font-size:12px}.public-username-card p{margin:0;color:var(--muted-readable);font-size:10px;line-height:1.4}.public-username-card em{color:var(--lime);font-size:10px;font-style:normal}.public-username-card em.is-error{color:#ff9b80}.public-username-card__actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.public-username-card button{min-height:38px;padding:0 12px;color:#08090b;border:0;border-radius:11px;background:var(--lime);font-size:10px;font-weight:800;cursor:pointer}.public-username-card__actions button:last-child,.public-username-card__edit,.public-username-card__cancel{color:var(--text-soft)!important;border:1px solid var(--border)!important;background:#202329!important}.public-username-card__edit{grid-column:1 / -1}.public-username-card__form{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.public-username-card__form label{display:flex;align-items:center;min-height:40px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:#0c0e11}.public-username-card__form label span{color:#27d8ff;font-weight:800}.public-username-card__form input{width:100%;min-width:0;padding:0 3px;color:var(--text-soft);border:0;outline:0;background:transparent;font-size:11px}.public-username-card__form .public-username-card__cancel,.public-username-card__form em{grid-column:1 / -1}.public-username-card button:disabled,.public-username-card input:disabled{cursor:wait;opacity:.6}.primary-button,.secondary-button,.text-button{min-height:52px;border-radius:15px;border:0;font-weight:800;cursor:pointer}.primary-button{background:var(--lime);color:#0a0b0c;box-shadow:0 8px 24px #a3ff121f}.primary-button:hover{background:#b5ff3f;transform:translateY(-1px)}.secondary-button{background:var(--raised);border:1px solid var(--border)}.text-button{color:var(--lime);background:transparent}.play-now{display:grid;gap:14px;margin-bottom:14px;padding:18px;border:1px solid rgba(163,255,18,.22);border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(163,255,18,.1),transparent 38%),linear-gradient(145deg,#191d20,#111316)}.play-now small{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.14em}.play-now h2{margin:4px 0 3px;font:900 27px Barlow Condensed;text-transform:uppercase}.play-now p{margin:0;color:var(--muted-readable);font-size:11px}.play-now button{min-height:54px;color:#08090b;border:0;border-radius:15px;background:var(--lime);font-weight:800;cursor:pointer}.play-now button span{margin-left:10px}.player-level{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;background:linear-gradient(110deg,#181b20,#111316);border:1px solid var(--border);border-radius:18px;cursor:pointer}.level-orb{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--lime);color:#08090b;font:900 22px Barlow Condensed;box-shadow:inset 0 0 0 4px #08090b2e}.player-level>div:nth-child(2){min-width:0}.player-level span{display:flex;align-items:center;justify-content:space-between}.player-level small,.section-heading small,.level-card small,.study-note small{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em}.player-level strong{color:var(--lime-soft);font-size:12px}.player-level p{color:var(--muted);font-size:11px;margin:6px 0 0}.daily-home{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 3px 0;color:var(--muted-readable);font-size:11px}.daily-home strong{color:#ffc83d}.daily-home small{color:#7f8792;font-size:11px}.daily-goal{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;margin-top:12px;padding:13px 14px;border:1px solid rgba(39,216,255,.18);border-radius:15px;background:#27d8ff09}.daily-goal>div:first-child{display:flex;align-items:center;justify-content:space-between;grid-column:1 / -1}.daily-goal small{color:#27d8ff;font-size:11px;font-weight:800;letter-spacing:.12em}.daily-goal strong{font-size:11px}.daily-goal-track{height:6px;overflow:hidden;border-radius:99px;background:#292e34}.daily-goal-track i{display:block;height:100%;border-radius:inherit;background:#27d8ff}.daily-goal>span{color:var(--muted-readable);font-size:11px;white-space:nowrap}.daily-goal.completed{border-color:#a3ff1238;background:#a3ff1209}.daily-goal.completed small,.daily-goal.completed>span{color:var(--lime)}.daily-goal.completed .daily-goal-track i{background:var(--lime)}.progress-track{height:6px;overflow:hidden;background:#292c31;border-radius:999px;margin-top:8px}.progress-track i{display:block;height:100%;background:var(--lime);border-radius:inherit;min-width:2px}.home-section{margin-top:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-heading h2{font:800 22px Barlow Condensed;margin:2px 0 0;text-transform:uppercase;letter-spacing:.01em}.section-heading>span{color:var(--muted);font-size:11px}.challenge-list{display:grid;gap:9px}.mode-carousel{display:flex;gap:9px;overflow-x:auto;margin-inline:-18px;padding:0 18px 7px;scroll-snap-type:x proximity;scrollbar-width:none}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel .challenge-card{flex:0 0 225px;min-height:104px;scroll-snap-align:start}.mode-carousel .challenge-card__icon{width:40px;height:40px}.mode-carousel .challenge-card__body strong{font-size:18px}.mode-carousel .challenge-card__arrow{display:none}.modes-carousel-shell{position:relative;margin-inline:-18px}.modes-carousel-shell .mode-carousel{margin-inline:0}.modes-carousel-fade{position:absolute;z-index:2;top:0;bottom:7px;width:34px;pointer-events:none;opacity:0;transition:opacity .18s ease}.modes-carousel-fade--start{left:0;background:linear-gradient(90deg,var(--background, #08090b),transparent)}.modes-carousel-fade--end{right:0;background:linear-gradient(270deg,var(--background, #08090b),transparent)}.modes-carousel-shell.can-scroll-back .modes-carousel-fade--start,.modes-carousel-shell.can-scroll-forward .modes-carousel-fade--end{opacity:1}.modes-carousel-control{display:none}.challenge-card{--accent: var(--lime);display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:13px;width:100%;min-height:78px;border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:11px 14px;cursor:pointer;transition:.18s ease}.challenge-card:hover{border-color:#ffffff2b;transform:translateY(-1px)}.challenge-card--selected{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.challenge-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,#111);color:var(--accent);font-size:23px}.challenge-card__body{display:grid;gap:5px}.challenge-card__body strong{font:800 20px Barlow Condensed;text-transform:uppercase}.challenge-card__body small{color:var(--muted-readable);line-height:1.4;font-size:12px}.challenge-card__arrow{color:var(--accent);font-size:30px}.challenge-card em{color:var(--muted);background:#22252a;border-radius:999px;padding:5px 7px;font-size:11px;font-style:normal;font-weight:800}.challenge-card:disabled{opacity:.55;cursor:not-allowed}.compact-section{margin-top:20px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#101216;border:1px solid var(--border);border-radius:17px;padding:5px;gap:4px}.segmented button{display:grid;gap:2px;min-width:0;border:0;background:transparent;border-radius:12px;padding:11px 3px;cursor:pointer}.segmented button.active{background:var(--raised);box-shadow:0 2px 8px #00000040}.segmented strong{font:700 16px Barlow Condensed}.segmented span{color:#ffc83d;font-size:11px;font-weight:800}.segmented small,.control-grid small{color:var(--muted-readable);font-size:11px}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.control-grid button{display:grid;justify-items:center;gap:5px;border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:13px 5px;cursor:pointer}.control-grid button.active{color:var(--lime);border-color:#a3ff1273;background:#a3ff120f}.control-grid button>span{font-size:21px}.control-grid strong{font-size:12px}.focus-section{padding:15px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,#15181c,#101215)}.focus-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.focus-heading small{color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.1em}.focus-heading h2{margin:3px 0;font:800 21px Barlow Condensed;text-transform:uppercase}.focus-heading p{max-width:430px;margin:0;color:var(--muted-readable);font-size:11px;line-height:1.45}.focus-summary{display:block;margin-top:7px;color:#ffc83d;font-size:11px;font-weight:700}.game-toggle{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:36px;padding:0 9px;color:var(--muted);border:1px solid var(--border);border-radius:999px;background:#0d0f12;font-size:11px;font-weight:800;cursor:pointer}.game-toggle i{position:relative;width:27px;height:16px;border-radius:999px;background:#343840;transition:.2s ease}.game-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#9298a3;transition:.2s ease}.game-toggle.active{color:var(--lime);border-color:#a3ff124d}.game-toggle.active i{background:#a3ff124d}.game-toggle.active i:after{left:14px;background:var(--lime)}.focus-controls{margin-top:14px;animation:focus-open .18s ease}@keyframes focus-open{0%{opacity:0;transform:translateY(-4px)}}.focus-selects{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.focus-selects label{display:grid;gap:6px}.focus-selects label>span{color:var(--muted-readable);font-size:11px;font-weight:700}.focus-selects select{width:100%;min-height:43px;padding:0 11px;color:#f7f7f8;border:1px solid var(--border);border-radius:11px;background:var(--raised);cursor:pointer}.focus-presets{display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding-bottom:3px;scrollbar-width:thin}.focus-presets button{flex:0 0 auto;min-height:34px;padding:0 10px;color:#c8ccd3;border:1px solid var(--border);border-radius:999px;background:#1a1d22;font-size:11px;font-weight:700;cursor:pointer}.focus-presets button:hover{color:var(--lime);border-color:#a3ff124d}.focus-adjust,.focus-collapse{margin-top:12px;min-height:34px;padding:0 11px;color:var(--text-soft);border:1px solid var(--border);border-radius:10px;background:#1a1d22;font-size:11px;font-weight:700;cursor:pointer}.focus-collapse{width:100%;color:var(--muted-readable);background:transparent}.flow-presets{display:flex;gap:7px;overflow-x:auto;margin-top:15px;padding-bottom:2px;scrollbar-width:none}.flow-presets::-webkit-scrollbar{display:none}.flow-presets button{flex:0 0 auto;min-height:35px;padding:0 12px;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:11px;font-weight:700;cursor:pointer}.flow-presets button:hover{border-color:#27d8ff59;color:#27d8ff}.quick-play-button{width:100%;min-height:46px;margin-top:12px;color:#0a0b0c;border:0;border-radius:13px;background:var(--lime);font-weight:800;cursor:pointer}.quick-play-button span{margin-left:8px}.install-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-bottom:14px;padding:13px 14px;border:1px solid rgba(163,255,18,.24);border-radius:15px;background:linear-gradient(120deg,#a3ff1217,#27d8ff0a)}.install-card>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#08090b;background:var(--lime);font-size:17px}.install-card>div{display:grid;gap:3px;min-width:0}.install-card strong{color:var(--text-soft);font-size:11px}.install-card small{color:var(--muted-readable);font-size:11px;line-height:1.35}.install-card button{min-height:34px;padding:0 11px;color:#08090b;border:0;border-radius:10px;background:var(--lime);font-size:11px;font-weight:800;cursor:pointer}.install-success{position:fixed;z-index:90;top:max(18px,env(safe-area-inset-top));left:50%;width:max-content;max-width:calc(100% - 28px);padding:11px 16px;color:#08090b;border-radius:999px;background:var(--lime);box-shadow:0 12px 35px #0000006b;font-size:11px;font-weight:800;text-align:center;transform:translate(-50%);animation:combo-pop .32s cubic-bezier(.2,1.5,.4,1)}.training-disclosure{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:14px 15px;text-align:left;border:1px solid var(--border);border-radius:15px;background:var(--surface);cursor:pointer}.training-disclosure span{display:grid;gap:2px}.training-disclosure small{color:var(--muted);font-size:11px;letter-spacing:.12em}.training-disclosure strong{font-size:13px}.training-disclosure b{color:var(--muted-readable);font-size:21px;font-weight:400}.training-panel{padding-top:1px;animation:focus-open .18s ease}.settings-screen{padding-bottom:115px}.settings-screen .home-header{margin-bottom:25px}.settings-heading{padding:4px 1px 10px}.settings-heading small{color:var(--lime);font-weight:800;letter-spacing:.12em}.settings-heading h1{margin:5px 0 4px;font:900 48px/.95 Barlow Condensed;text-transform:uppercase}.settings-heading p{margin:0;color:var(--muted-readable);font-size:12px}.settings-play{width:100%;margin-top:18px}.view-setting-group{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:10px;background:#171a1f}.view-setting-group button{min-height:30px;padding:0 8px;color:var(--muted-readable);border:0;border-radius:7px;background:transparent;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.view-setting-group button.active{color:#f7f7f8;background:#292d33}.position-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.position-setting>div{display:grid;gap:4px;min-width:0}.position-setting strong{color:var(--text-soft);font-size:11px}.position-setting small{color:var(--muted-readable);font-size:11px;line-height:1.35}.push-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;margin-top:14px;padding:14px;border:1px solid rgba(39,216,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(39,216,255,.055),var(--surface))}.push-card__icon{display:grid;place-items:center;width:41px;height:41px;color:#08090b;border-radius:12px;background:#27d8ff;font-size:21px}.push-card__copy{display:grid;gap:3px;min-width:0}.push-card__copy small{color:#27d8ff;font-size:9px;font-weight:800;letter-spacing:.12em}.push-card__copy strong{color:var(--text-soft);font-size:12px}.push-card__copy p{margin:0;color:var(--muted-readable);font-size:10px;line-height:1.4}.push-card__copy em{margin-top:3px;color:var(--lime);font-size:10px;font-style:normal}.push-card__actions{grid-column:1 / -1;display:flex;gap:8px}.push-card__actions button{flex:1;min-height:38px;padding:0 11px;color:#08090b;border:0;border-radius:10px;background:#27d8ff;font-size:10px;font-weight:800;cursor:pointer}.push-card__actions button:last-child:not(:only-child){color:var(--text-soft);border:1px solid var(--border);background:#202329}.push-card__actions button:disabled{cursor:not-allowed;opacity:.55}.push-card--enabled{border-color:#a3ff1240}.push-card--enabled .push-card__icon{background:var(--lime)}.push-card--blocked,.push-card--unsupported{border-style:dashed}.tone-setting{margin-top:14px;padding:13px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.tone-setting__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tone-setting__heading>div{display:grid;gap:4px}.tone-setting__heading strong{color:var(--text-soft);font-size:11px}.tone-setting__heading small{color:var(--muted-readable);font-size:11px}.tone-setting__heading>button{flex:0 0 auto;min-height:32px;padding:0 10px;color:#27d8ff;border:1px solid rgba(39,216,255,.23);border-radius:9px;background:#27d8ff0d;font-size:11px;font-weight:800;cursor:pointer}.tone-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}.tone-options button{display:grid;gap:3px;min-height:50px;padding:8px 10px;text-align:left;border:1px solid var(--border);border-radius:11px;background:#1a1d22;cursor:pointer}.tone-options button strong{color:var(--text-soft);font-size:11px}.tone-options button small{color:var(--muted-readable);font-size:11px}.tone-options button.active{border-color:#a3ff1259;background:#a3ff120e;box-shadow:inset 3px 0 0 var(--lime)}.tone-options button.active strong{color:var(--lime)}.recent-achievements,.achievement-section{margin-top:22px}.recent-achievement-list,.achievement-grid{display:grid;gap:8px}.recent-achievement-list article,.achievement-grid article{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.recent-achievement-list article>span,.achievement-grid article>span{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#ffc83d1a;font-size:18px}.recent-achievement-list article>div,.achievement-grid article>div{display:grid;gap:3px}.recent-achievement-list strong,.achievement-grid strong{font-size:11px}.recent-achievement-list small,.achievement-grid small{color:var(--muted-readable);font-size:11px;line-height:1.35}.empty-mini{padding:17px;color:var(--muted-readable);text-align:center;border:1px dashed var(--border);border-radius:13px;font-size:11px}.coach-tip{display:flex;gap:12px;padding:13px;margin:18px 0 12px;border:1px dashed rgba(255,200,61,.25);background:#ffc83d09;border-radius:15px}.coach-tip>span{display:grid;place-items:center;flex:0 0 32px;height:32px;color:#08090b;background:#ffc83d;border-radius:50%}.coach-tip small{color:#ffc83d;font-size:11px;letter-spacing:.14em;font-weight:800}.coach-tip p{color:var(--text-soft);font-size:12px;line-height:1.45;margin:4px 0 0}.start-selected{width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.mobile-tabs{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0d0f12f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border)}.mobile-tabs button{display:grid;place-items:center;gap:3px;min-height:48px;color:#777d88;border:0;background:transparent;font-size:18px;cursor:pointer}.mobile-tabs button.active{color:var(--lime)}.mobile-tabs span{font-size:11px;font-weight:700}.sticky-play{position:fixed;z-index:25;left:0;right:0;bottom:calc(55px + env(safe-area-inset-bottom));padding:12px 14px;background:linear-gradient(to top,rgba(8,9,11,.99) 55%,rgba(8,9,11,.7),transparent);pointer-events:none}.sticky-play button{width:min(100%,690px);min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;margin:auto;color:#08090b;border:0;border-radius:15px;background:var(--lime);box-shadow:0 8px 28px #0000006b;font-weight:800;cursor:pointer;pointer-events:auto}.game-screen{width:100%;max-width:100%;min-height:100vh;padding:8px 0 24px;overflow-x:hidden}.game-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:0 10px}.game-header .icon-button{flex:0 0 38px;width:38px;height:38px;border-radius:12px}.hud{display:flex;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;gap:5px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.hud::-webkit-scrollbar{display:none}.hud span{flex:0 0 auto;padding:7px 8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap}.hud i{color:#27d8ff;font-style:normal}.hud .hud__danger{color:#ff4f5e;border-color:#ff4f5e4d}.hud .hud__danger i{color:#ff4f5e}.hud .hud__streak-hot{color:#ffc83d;border-color:#ffc83d57;animation:streak-hit .45s ease}.hud .hud__streak-hot i{color:#ffc83d}@keyframes streak-hit{50%{transform:scale(1.12);box-shadow:0 0 16px #ffc83d29}}.hud .hud__focus{color:var(--lime-soft);border-color:#a3ff1240;background:#a3ff120f}.hud .hud__target{color:#ffc83d;border-color:#ffc83d47;background:#ffc83d0f;font-size:12px}.hud .hud__target i{color:#ffc83d}.energy-bar{grid-column:1 / -1;position:relative;height:5px;overflow:hidden;border-radius:99px;background:#24282e}.energy-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#27d8ff,#a3ff12,#ffc83d);transition:width .25s ease}.energy-bar.active{height:19px;border:1px solid rgba(255,200,61,.25);background:#ffc83d0f}.energy-bar.active>i{opacity:.22;width:100%!important}.energy-bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffc83d;font-size:11px;letter-spacing:.1em}.game-copy{text-align:center;padding:18px 15px 10px}.game-copy span{color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.17em}.game-copy h1{font:900 32px Barlow Condensed;text-transform:uppercase;margin:2px 0}.game-copy p{color:var(--muted);font-size:11px;margin:0}.fretboard-shell{width:100%;max-width:100%;min-width:0;position:relative;overflow:hidden}.fretboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 20px);max-width:790px;margin:0 auto 2px;padding:7px 9px;border:1px solid var(--border);border-radius:11px;background:#14161ab8}.fretboard-toolbar>div{display:grid;gap:2px;min-width:0}.fretboard-toolbar strong{font-size:11px}.fretboard-toolbar small{color:var(--muted-readable);font-size:11px}.view-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,auto));flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:9px;background:#0e1013;overflow:visible}.fretboard-toolbar .view-switch button{min-height:27px;padding:0 8px;color:var(--muted-readable);border:0;border-radius:6px;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.fretboard-toolbar .view-switch button.active{color:#f7f7f8;background:#292d33}.view-label-short{display:none}.fretboard-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 10px 10px;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.fretboard-scroll::-webkit-scrollbar{display:none}.fretboard{width:720px;min-width:720px}.fretboard__numbers{display:grid;grid-template-columns:62px repeat(12,1fr);padding:0 0 8px;color:#70757e;font-size:11px;font-weight:700;text-align:center}.fretboard__wood{position:relative;padding:16px 0;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(3deg,rgba(255,255,255,.018) 0 2px,transparent 2px 8px),linear-gradient(90deg,#39261a,#67452e 48%,#3b271b);box-shadow:inset 0 2px #ffffff1a,inset 0 -3px 10px #0009,0 15px 35px #0006}.guitar-string{display:grid;grid-template-columns:62px repeat(12,1fr);height:40px;position:relative}.fretboard--mirror .fretboard__numbers,.fretboard--mirror .guitar-string{grid-template-columns:repeat(12,1fr) 62px}.guitar-string:after{content:"";position:absolute;z-index:3;left:0;right:0;top:50%;height:var(--string, 2px);background:linear-gradient(#e3d7b8,#7b705c);box-shadow:0 1px 2px #000;pointer-events:none}.fret{position:relative;z-index:4;display:grid;place-items:center;border:0;border-right:3px ridge rgba(210,215,210,.72);background:transparent;padding:0}.fret--open{border-right:7px ridge #e4ded0;background:#0f0c0938}.fretboard--mirror .fret--open{border-right:0;border-left:7px ridge #e4ded0}.fret:disabled{color:inherit}.fret:not(:disabled){cursor:pointer}.fret--hunt-active{cursor:crosshair!important;touch-action:manipulation}.fret--hunt-active:active{background:#ffc83d24}.fret--hunt-correct b{background:#ffc83d;color:#100d05;box-shadow:0 0 0 4px #ffc83d2e;animation:pop .2s ease}.fret--outside-focus{opacity:.3;background:#05060761}.fret--focused{box-shadow:inset 0 2px #a3ff1221,inset 0 -2px #a3ff1221}.fret-marker{position:absolute;z-index:-1;width:12px;height:12px;background:#ede1be7a;border-radius:50%;box-shadow:inset 0 1px 2px #fff6}.fret-marker--double:after{content:"";position:absolute;left:0;top:22px;width:12px;height:12px;background:inherit;border-radius:50%}.target-pulse,.fret b{position:relative;z-index:5;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--lime);color:#08090b;font-size:15px;box-shadow:0 0 0 5px #a3ff1229;animation:pulse 1.2s infinite}.fret b{animation:pop .25s ease;background:#f7f7f8;box-shadow:0 0 0 5px #ffffff24}.fret--selected b{background:var(--lime)}.fret--feedback-correct b{background:var(--lime);color:#081005;box-shadow:0 0 0 5px #a3ff1233,0 0 20px #a3ff1238;animation:marker-success .5s ease}.fret--feedback-wrong b{background:#ff6673;color:#fff;box-shadow:0 0 0 5px #ff4f5e24}.fret--feedback-timeout b{background:#ffc83d;color:#151005;box-shadow:0 0 0 5px #ffc83d26}@keyframes marker-success{50%{transform:scale(1.22)}}.swipe-hint{color:#858b95;font-size:11px;text-align:center;letter-spacing:.035em;padding:0 12px 3px}@keyframes pulse{50%{box-shadow:0 0 0 10px #a3ff1200}}@keyframes pop{0%{transform:scale(.5)}}.answer-area{width:min(100%,620px);margin:0 auto;padding:4px 12px 8px}.game-feedback{min-height:34px;display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:700;text-align:center}.game-feedback--good{color:var(--lime);font-size:17px}.game-feedback--bad{color:#ff7d88;font-size:15px}.hunt-answer-area>p{margin:1px 0 0;color:var(--muted);text-align:center;font-size:11px}.ear-panel{width:min(calc(100% - 24px),500px);margin:18px auto;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.listen-again{display:block;min-height:44px;margin:0 auto 13px;padding:0 18px;color:#08090b;border:0;border-radius:13px;background:#27d8ff;font-weight:800;cursor:pointer}.ear-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ear-options button{min-height:58px;color:var(--text-soft);border:1px solid var(--border);border-radius:13px;background:var(--raised);font-size:18px;font-weight:800;cursor:pointer}.ear-options button:active{color:#08090b;background:var(--lime)}.riff-picker{display:flex;gap:6px;overflow-x:auto;width:min(calc(100% - 20px),790px);margin:0 auto 6px;padding-bottom:3px;scrollbar-width:none}.riff-picker button{flex:0 0 auto;min-height:31px;padding:0 10px;color:var(--muted-readable);border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:11px;cursor:pointer}.riff-picker button.active{color:#08090b;border-color:#ffc83d;background:#ffc83d}.goal-celebration{position:fixed;z-index:80;top:60px;left:50%;width:max-content;max-width:calc(100% - 30px);padding:11px 15px;color:#08090b;border-radius:999px;background:#ffc83d;box-shadow:0 12px 35px #0006;font-size:11px;font-weight:800;transform:translate(-50%);animation:goal-pop .3s ease}@keyframes goal-pop{0%{opacity:0;transform:translate(-50%,-12px) scale(.9)}}.game-toast{position:fixed;z-index:75;top:60px;left:50%;width:max-content;max-width:calc(100% - 30px);padding:10px 16px;color:#08090b;border-radius:999px;background:var(--lime);box-shadow:0 12px 35px #0006;font:800 15px Barlow Condensed;text-transform:uppercase;letter-spacing:.04em;transform:translate(-50%);animation:combo-pop .32s cubic-bezier(.2,1.5,.4,1)}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-10px) scale(.7)}}.note-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.note-buttons button{min-height:50px;border:1px solid var(--border);background:var(--raised);border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;touch-action:manipulation}.note-buttons button:hover{border-color:var(--lime);color:var(--lime)}.note-buttons button:active{color:#08090b;background:var(--lime);transform:scale(.97)}.type-answer{display:grid;grid-template-columns:1fr auto;gap:8px}.type-answer input{min-width:0;color:#fff;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 16px;text-transform:uppercase}.type-answer button,.voice-button{min-height:52px;border:0;border-radius:14px;background:var(--lime);color:#08090b;padding:0 18px;font-weight:800;cursor:pointer}.voice-button{display:block;width:min(100%,330px);margin:auto}.voice-button--active{background:#ff4f5e;color:#fff;animation:pulse 1s infinite}.study-note{width:min(calc(100% - 24px),390px);margin:10px auto;padding:12px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px}.study-note strong{display:block;color:var(--lime);font:900 48px Barlow Condensed;line-height:1;margin:3px 0}.study-note p{color:var(--muted);font-size:11px;margin:0}.listen-note-button{min-height:34px;margin-top:9px;padding:0 13px;color:#08090b;border:0;border-radius:10px;background:#27d8ff;font-size:11px;font-weight:800;cursor:pointer}.study-tools{width:min(calc(100% - 24px),480px);display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px;margin:10px auto;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.study-tools label{display:grid;gap:5px}.study-tools label span{color:var(--muted-readable);font-size:11px;font-weight:700}.study-tools select{min-height:40px;padding:0 10px;color:#fff;border:1px solid var(--border);border-radius:10px;background:var(--raised)}.study-tools p{margin:0;color:var(--muted-readable);font-size:11px;line-height:1.45}.fret--study-muted{opacity:.28}.fret--study-match b{background:#27d8ff;color:#071014;box-shadow:0 0 0 4px #27d8ff21}.result-screen{width:min(100%,600px);min-height:100vh;margin:auto;padding:19px 18px 42px}.result-hero{text-align:center;padding:32px 0 22px}.result-burst{display:grid;place-items:center;width:78px;height:78px;margin:auto;border-radius:26px;background:var(--lime);color:#08090b;font-size:37px;transform:rotate(-4deg);box-shadow:0 0 0 8px #a3ff1214;animation:reward .5s cubic-bezier(.2,1.6,.4,1)}@keyframes reward{0%{transform:scale(.3) rotate(-20deg);opacity:0}}.eyebrow{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.18em;margin:19px 0 0}.result-hero h1{font-size:54px;margin:5px 0}.result-hero>p:last-of-type{color:var(--muted);font-size:13px}.result-hero>p strong{color:var(--lime-soft)}.record-badge{margin-top:6px}.daily-result-badge{display:block;width:fit-content;margin:8px auto 0;padding:6px 10px;color:#ffc83d;border:1px solid rgba(255,200,61,.25);border-radius:999px;background:#ffc83d0f;font-size:11px;font-weight:800}.level-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:17px}.level-card>div:first-child{display:flex;justify-content:space-between;font:800 14px Barlow Condensed}.level-card strong{color:var(--lime)}.level-card small{display:block;margin-top:7px}.result-grid,.progress-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0}.result-grid article,.progress-stats article{display:grid;justify-items:center;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.result-grid article>span{font-size:18px}.result-grid strong{margin-top:4px;font:900 28px Barlow Condensed}.result-grid small,.progress-stats small{color:var(--muted);font-size:11px}.result-actions{display:grid;gap:8px;margin-top:13px}.result-share-button{min-height:52px;color:#08090b;border:0;border-radius:15px;background:linear-gradient(110deg,#27d8ff,#a3ff12);font-weight:800;cursor:pointer}.result-share-button:disabled{cursor:wait;opacity:.7}.result-share-fallbacks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-share-fallbacks button{min-width:0;min-height:44px;padding:8px;font-size:10px}.result-share-message{margin:0;padding:9px 12px;color:var(--lime);border:1px solid rgba(163,255,18,.18);border-radius:11px;background:#a3ff120a;text-align:center;font-size:11px}.result-share-desktop-hint{display:none;margin:-2px 0 1px;color:var(--muted-readable);text-align:center;font-size:10px;line-height:1.4}@media(min-width:700px){.result-share-desktop-hint{display:block}.result-download-button{border-color:#27d8ff99;background:#27d8ff1f;color:#dffaff;box-shadow:0 0 0 1px #27d8ff14}.result-download-button:hover:not(:disabled){border-color:#27d8ffd9;background:#27d8ff30}}.result-message{margin:13px 0;color:var(--text-soft);text-align:center;font-size:13px;font-weight:700}.result-level-progress{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.result-level-progress>span{color:var(--text-soft);font-size:11px;font-weight:800;text-transform:uppercase}.result-level-progress small{display:block;margin-top:6px;color:var(--muted-readable);font-size:11px}.result-error-tip{margin:11px 0 0;color:var(--muted-readable);text-align:center;font-size:11px}.result-error-tip strong{color:#ffc83d}.result-recommendation{margin:10px 0 0;padding:10px 12px;color:var(--muted-readable);border-left:3px solid #27d8ff;border-radius:0 9px 9px 0;background:#27d8ff0a;font-size:11px;line-height:1.45}.unlock-card{padding:15px;border:1px solid rgba(255,200,61,.25);border-radius:17px;background:linear-gradient(145deg,#ffc83d14,#14161a)}.unlock-card>small{color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.14em}.unlock-card article{display:flex;align-items:center;gap:12px;margin-top:11px}.unlock-card article>span{font-size:31px}.unlock-card article>div{display:grid;gap:2px}.unlock-card article strong{font:800 19px Barlow Condensed;text-transform:uppercase}.unlock-card article p{margin:0;color:var(--muted-readable);font-size:11px}.progress-screen .page-top{margin-bottom:43px}.progress-screen h1{font-size:57px;margin-top:4px}.player-level--large{margin:20px 0;padding:20px}.player-level--large .level-orb{width:60px;height:60px;font-size:30px}.player-level--large>div:nth-child(2){display:grid;width:100%}.player-level--large .progress-track{width:100%}.progress-stats article{justify-items:start;gap:8px;min-height:95px}.progress-stats strong{font:800 24px Barlow Condensed}.empty-state{color:var(--muted);text-align:center;padding:50px 25px;margin:15px 0;border:1px dashed var(--border);border-radius:18px;line-height:1.6}.progress-screen>.primary-button{width:100%;margin-top:14px}.advanced-stats-panel{position:relative;overflow:hidden;margin-top:22px;padding:16px;border:1px solid rgba(255,200,61,.22);border-radius:20px;background:linear-gradient(145deg,#ffc83d13,#111316fa 34%,#27d8ff09)}.advanced-stats-panel:before{content:"";position:absolute;top:-80px;right:-70px;width:180px;height:180px;border-radius:50%;background:#ffc83d0e;filter:blur(4px);pointer-events:none}.advanced-stats-heading{position:relative;display:flex;align-items:start;justify-content:space-between;gap:12px}.advanced-stats-heading>div{min-width:0}.advanced-stats-heading small{color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.12em}.advanced-stats-heading h2{margin:3px 0 0;font:800 25px Barlow Condensed;text-transform:uppercase}.advanced-stats-heading>span{flex:0 0 auto;padding:5px 8px;color:#08090b;border-radius:999px;background:#ffc83d;font-size:9px;font-weight:900;letter-spacing:.06em}.advanced-stats-intro{position:relative;max-width:590px;margin:8px 0 14px;color:var(--muted-readable);font-size:11px;line-height:1.5}.advanced-stats-summary{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.advanced-stats-summary article{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#08090b75}.advanced-stats-summary small{overflow:hidden;color:var(--muted-readable);font-size:9px;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.advanced-stats-summary strong{color:#fff;font:900 25px Barlow Condensed}.advanced-stats-details{position:relative;display:grid;gap:9px;margin-top:10px}.advanced-stats-card{min-width:0;padding:13px;border:1px solid var(--border);border-radius:15px;background:#111316c7}.advanced-stats-card__title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border)}.advanced-stats-card__title>span{font-size:12px;font-weight:800}.advanced-stats-card__title small{color:var(--muted);font-size:9px}.advanced-stats-list{display:grid;gap:11px;padding-top:12px}.advanced-stats-list>div{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding-bottom:7px}.advanced-stats-list span{display:grid;gap:2px;min-width:0}.advanced-stats-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.advanced-stats-list small{color:var(--muted-readable);font-size:9px}.advanced-stats-list em{align-self:center;color:var(--lime);font-size:11px;font-style:normal;font-weight:800}.advanced-stats-list i{position:absolute;right:0;bottom:0;left:0;overflow:hidden;height:3px;border-radius:99px;background:#2a2d32}.advanced-stats-list i:after{content:"";display:block;width:var(--accuracy);height:100%;border-radius:inherit;background:linear-gradient(90deg,#27d8ff,var(--lime))}.advanced-stats-note-list,.advanced-stats-session-list{display:grid;padding-top:4px}.advanced-stats-note-list>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border)}.advanced-stats-note-list>div:last-child,.advanced-stats-session-list>div:last-child{border-bottom:0}.advanced-stats-note-list>div>strong{display:grid;place-items:center;width:38px;height:38px;color:#08090b;border-radius:11px;background:#ffc83d;font:900 20px Barlow Condensed}.advanced-stats-note-list span{display:grid;gap:2px}.advanced-stats-note-list b{font-size:11px}.advanced-stats-note-list small{color:var(--muted-readable);font-size:9px}.advanced-stats-note-list p{margin:12px 0 4px;color:var(--muted-readable);font-size:11px;line-height:1.45}.advanced-stats-session-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.advanced-stats-session-list span{display:grid;gap:2px;min-width:0}.advanced-stats-session-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.advanced-stats-session-list small{color:var(--muted);font-size:9px}.advanced-stats-session-list b{color:var(--lime);font-size:11px}.advanced-stats-session-list em{color:#27d8ff;font-size:10px;font-style:normal;font-weight:800}.advanced-stats-message{position:relative;display:grid;justify-items:center;gap:7px;padding:27px 12px 12px;text-align:center}.advanced-stats-message>span{display:grid;place-items:center;width:42px;height:42px;color:#08090b;border-radius:14px;background:#ffc83d;font-size:21px;font-weight:900}.advanced-stats-message strong{font-size:13px}.advanced-stats-message p{max-width:360px;margin:0;color:var(--muted-readable);font-size:11px;line-height:1.45}.advanced-stats-message button{min-height:40px;margin-top:4px;padding:0 18px;color:#08090b;border:0;border-radius:11px;background:var(--lime);font-size:11px;font-weight:800;cursor:pointer}.advanced-stats-message--error>span{color:#fff;background:#ff644b}.advanced-stats-loader{border:3px solid rgba(8,9,11,.2);border-top-color:#08090b;animation:advanced-stats-spin .8s linear infinite}@keyframes advanced-stats-spin{to{transform:rotate(360deg)}}.smart-coach-panel{position:relative;overflow:hidden;margin-top:12px;padding:16px;border:1px solid rgba(39,216,255,.24);border-radius:20px;background:linear-gradient(145deg,#27d8ff13,#111316fa 38%,#a3ff1206)}.smart-coach-panel:after{content:"♫";position:absolute;top:-20px;right:8px;color:#27d8ff0b;font:900 105px Barlow Condensed;transform:rotate(-10deg);pointer-events:none}.smart-coach-heading{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:10px}.smart-coach-heading>div{min-width:0}.smart-coach-heading small{color:#27d8ff;font-size:9px;font-weight:900;letter-spacing:.11em}.smart-coach-heading h2{margin:3px 0 0;font:900 25px Barlow Condensed;text-transform:uppercase}.smart-coach-heading>span{flex:0 0 auto;max-width:105px;padding:5px 7px;color:#071014;border-radius:999px;background:#27d8ff;font-size:8px;font-weight:900;line-height:1.15;text-align:center}.smart-coach-list{position:relative;z-index:1;display:grid;gap:9px;margin-top:14px}.smart-coach-insight{display:grid;gap:11px;padding:13px;border:1px solid var(--border);border-left-width:3px;border-radius:14px;background:#08090b85}.smart-coach-insight--attention{border-left-color:#ff9b62}.smart-coach-insight--opportunity{border-left-color:#27d8ff}.smart-coach-insight--evolution{border-left-color:var(--lime)}.smart-coach-insight>div{display:grid;gap:4px}.smart-coach-insight small{color:var(--muted-readable);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.smart-coach-insight--attention small{color:#ffad7a}.smart-coach-insight--opportunity small{color:#74e6ff}.smart-coach-insight--evolution small{color:var(--lime-soft)}.smart-coach-insight strong{font-size:12px;line-height:1.35}.smart-coach-insight p{margin:0;color:var(--muted-readable);font-size:10px;line-height:1.5}.smart-coach-insight button,.smart-coach-state>button{min-height:39px;padding:0 13px;color:#071014;border:0;border-radius:10px;background:#27d8ff;font-size:10px;font-weight:900;cursor:pointer}.smart-coach-state{display:grid;gap:7px}.smart-coach-state>strong{position:relative;z-index:1;margin-top:16px;font-size:13px}.smart-coach-state>p{position:relative;z-index:1;margin:0;color:var(--muted-readable);font-size:11px;line-height:1.5}.smart-coach-state>button{position:relative;z-index:1;width:fit-content;margin-top:4px}.custom-workouts-panel{position:relative;overflow:hidden;margin-top:12px;padding:16px;border:1px solid rgba(232,137,255,.23);border-radius:20px;background:linear-gradient(145deg,#e889ff13,#111316fa 36%,#27d8ff06)}.custom-workouts-panel:after{content:"✦";position:absolute;top:-31px;right:5px;color:#e889ff0b;font-size:110px;pointer-events:none}.custom-workouts-heading{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:10px}.custom-workouts-heading>div{min-width:0}.custom-workouts-heading small{color:#e889ff;font-size:9px;font-weight:900;letter-spacing:.12em}.custom-workouts-heading h2{margin:3px 0 0;font:900 25px Barlow Condensed;text-transform:uppercase}.custom-workouts-heading>span{flex:0 0 auto;padding:5px 8px;color:#130717;border-radius:999px;background:#e889ff;font-size:8px;font-weight:900;letter-spacing:.05em}.custom-workouts-limit{position:relative;z-index:1;margin:8px 0 13px;color:var(--muted-readable);font-size:10px;line-height:1.45}.custom-workouts-list{position:relative;z-index:1;display:grid;gap:9px}.custom-workouts-list article{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--border);border-radius:15px;background:#08090b8c}.custom-workouts-list article>div:first-of-type{display:grid;gap:3px;padding-right:35px}.custom-workouts-list article small{color:#e889ff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.custom-workouts-list article strong{font-size:13px}.custom-workouts-list article p{margin:0;color:var(--text-soft);font-size:10px}.custom-workouts-list article span{color:var(--muted-readable);font-size:9px;line-height:1.4}.custom-workout-favorite{position:absolute;z-index:1;top:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;color:var(--muted-readable);border:1px solid var(--border);border-radius:10px;background:#1c1f24;font-size:18px;cursor:pointer}.custom-workout-favorite.active{color:#ffc83d;border-color:#ffc83d40;background:#ffc83d12}.custom-workout-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.custom-workout-actions button{min-height:39px;padding:0 12px;border-radius:10px;font-size:10px;font-weight:900;cursor:pointer}.custom-workout-actions button:first-child{color:#130717;border:0;background:#e889ff}.custom-workout-actions button:last-child{color:var(--muted-readable);border:1px solid var(--border);background:transparent}.custom-workouts-empty{position:relative;z-index:1;display:grid;gap:5px;padding:24px 14px;color:var(--muted-readable);border:1px dashed var(--border);border-radius:14px;text-align:center;font-size:11px}.custom-workouts-empty p{margin:0;font-size:10px;line-height:1.45}.custom-workouts-error{position:relative;z-index:1;margin:10px 0 0;padding:9px 11px;color:#ffad9d;border:1px solid rgba(255,100,75,.22);border-radius:10px;background:#ff644b0e;font-size:10px;line-height:1.4}.custom-workouts-create{position:relative;z-index:1;width:100%;min-height:43px;margin-top:11px;color:#eeb1ff;border:1px solid rgba(232,137,255,.28);border-radius:11px;background:#e889ff12;font-size:10px;font-weight:900;cursor:pointer}.custom-workouts-state{display:grid;gap:7px}.custom-workouts-state>strong{position:relative;z-index:1;margin-top:15px;font-size:13px}.custom-workouts-state>p{position:relative;z-index:1;margin:0;color:var(--muted-readable);font-size:11px;line-height:1.45}.custom-workouts-state>button{position:relative;z-index:1;width:fit-content;min-height:40px;margin-top:4px;padding:0 17px;color:#130717;border:0;border-radius:10px;background:#e889ff;font-size:10px;font-weight:900;cursor:pointer}.custom-workout-form{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding:14px;border:1px solid rgba(232,137,255,.22);border-radius:15px;background:#08090ba8}.custom-workout-form__title{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.custom-workout-form__title strong{font:800 18px Barlow Condensed;text-transform:uppercase}.custom-workout-form__title button{display:grid;place-items:center;width:34px;height:34px;color:var(--muted-readable);border:1px solid var(--border);border-radius:10px;background:#1c1f24;font-size:18px;cursor:pointer}.custom-workout-form label{display:grid;gap:5px;min-width:0}.custom-workout-form label span{color:var(--muted-readable);font-size:9px;font-weight:800}.custom-workout-form input,.custom-workout-form select{width:100%;min-width:0;min-height:42px;padding:0 10px;color:#fff;border:1px solid var(--border);border-radius:10px;background:#101216;font-size:11px}.custom-workout-form input:disabled,.custom-workout-form select:disabled{cursor:not-allowed;opacity:.5}.custom-workout-form__wide{grid-column:1 / -1}.custom-workout-form>button[type=submit]{grid-column:1 / -1;min-height:44px;color:#130717;border:0;border-radius:11px;background:#e889ff;font-size:11px;font-weight:900;cursor:pointer}.custom-workout-form>button[type=submit]:disabled{cursor:wait;opacity:.65}.ranking-screen{width:min(100%,1040px)}.ranking-hero{margin:24px 0 18px}.ranking-hero>small{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.14em}.ranking-hero h1{margin:5px 0 7px;font:900 54px/.9 Barlow Condensed,sans-serif;text-transform:uppercase}.ranking-hero p{margin:0;color:var(--muted-readable);font-size:12px;line-height:1.5}.ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border:1px solid var(--border);border-radius:14px;background:#111316}.ranking-tabs button{min-height:40px;color:var(--muted-readable);border:0;border-radius:10px;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.ranking-tabs button.active{color:#08090b;background:var(--lime)}.ranking-position-card{display:grid;gap:4px;margin:12px 0;padding:14px 16px;border:1px solid rgba(39,216,255,.22);border-radius:16px;background:linear-gradient(120deg,#27d8ff17,#a3ff1208)}.ranking-position-card>span{color:#27d8ff;font-size:10px;font-weight:800;letter-spacing:.13em}.ranking-position-card strong{font:800 22px Barlow Condensed,sans-serif;text-transform:uppercase}.ranking-position-card small{color:var(--muted-readable);font-size:11px}.ranking-rival-summary{margin:0 0 10px;padding:10px 13px;color:var(--text-soft);border:1px solid rgba(232,137,255,.22);border-radius:12px;background:#e889ff0e;font-size:11px;font-weight:700;text-align:center}.ranking-state{padding:36px 18px;color:var(--muted-readable);border:1px dashed var(--border);border-radius:17px;text-align:center;font-size:12px}.ranking-state--error{color:#ff9b80;border-color:#ff644b3d}.ranking-online-notice{margin:0 0 10px;padding:8px 11px;color:#ffc83d;border:1px solid rgba(255,200,61,.18);border-radius:10px;background:#ffc83d0d;text-align:center;font-size:10px}.ranking-board{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.ranking-table-head{display:none}.ranking-list{display:grid}.ranking-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px 10px;align-items:center;width:100%;padding:13px;color:var(--text-soft);border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer}.ranking-row:last-child{border-bottom:0}.ranking-row:hover,.ranking-row.is-current{background:#a3ff120e}.ranking-row.is-current{box-shadow:inset 3px 0 var(--lime)}.ranking-row.is-rival{background:linear-gradient(90deg,#e889ff1f,#e889ff06);box-shadow:inset 3px 0 #e889ff}.ranking-place{color:var(--lime);font:800 20px Barlow Condensed,sans-serif}.ranking-player{display:grid;gap:2px;min-width:0}.ranking-player b{display:flex;align-items:center;gap:6px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ranking-player small{color:var(--muted);font-size:9px}.ranking-bot-badge{flex:0 0 auto;padding:2px 5px;color:#08090b;border-radius:999px;background:#ffc83d;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}.ranking-rival-badge{flex:0 0 auto;padding:2px 5px;color:#08090b;border-radius:999px;background:#e889ff;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.06em}.ranking-row>span[data-label]{color:var(--muted-readable);font-size:10px}.ranking-row>span[data-label]:before,.ranking-row>strong[data-label]:before{content:attr(data-label) ": ";color:var(--muted);font-weight:500}.ranking-row>span[data-label=Nível]{grid-column:2}.ranking-row>span[data-label=Liga]{grid-column:2}.ranking-row>strong[data-label]{grid-column:3;grid-row:1 / span 3;color:#27d8ff;font-size:12px;text-align:right}.ranking-public-profile{position:relative;margin-top:12px;padding:18px;border:1px solid rgba(163,255,18,.25);border-radius:18px;background:radial-gradient(circle at 95% 0,rgba(163,255,18,.1),transparent 35%),#14161a}.ranking-public-profile>small{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.13em}.ranking-public-profile h2{margin:5px 0 14px;font:800 28px Barlow Condensed,sans-serif;text-transform:uppercase}.ranking-public-profile>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ranking-public-profile span{display:grid;gap:3px;padding:10px;border:1px solid var(--border);border-radius:11px;background:#08090b59}.ranking-public-profile span small{color:var(--muted);font-size:9px;text-transform:uppercase}.ranking-public-profile span strong{font-size:12px}.ranking-profile-close{position:absolute;top:10px;right:10px;width:34px;height:34px;color:var(--muted-readable);border:1px solid var(--border);border-radius:10px;background:#202329;font-size:20px;cursor:pointer}.ranking-position-toast{position:fixed;z-index:90;top:max(18px,env(safe-area-inset-top));left:50%;display:grid;gap:2px;width:max-content;max-width:calc(100% - 28px);padding:12px 17px;color:#08090b;border-radius:14px;background:linear-gradient(110deg,#e889ff,var(--lime));box-shadow:0 16px 45px #00000073;text-align:center;transform:translate(-50%);animation:combo-pop .32s cubic-bezier(.2,1.5,.4,1)}.ranking-position-toast strong{font-size:12px}.ranking-position-toast span{font-size:10px;font-weight:700}.invite-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;margin:14px 0;padding:15px;border:1px solid rgba(39,216,255,.2);border-radius:17px;background:#27d8ff0a}.invite-card>span{display:grid;place-items:center;width:43px;height:43px;color:#071014;border-radius:13px;background:#27d8ff;font-size:22px;font-weight:900}.invite-card>div{display:grid;gap:3px}.invite-card small{color:#27d8ff;font-size:11px;font-weight:800;letter-spacing:.12em}.invite-card strong{font-size:12px}.invite-card p{margin:0;color:var(--muted-readable);font-size:11px}.invite-card em{color:var(--lime);font-size:11px;font-style:normal}.invite-card__preview-label{margin-top:6px;color:var(--muted)!important;font-size:8px!important}.invite-card textarea{width:100%;min-width:0;min-height:72px;resize:vertical;padding:8px 9px;color:var(--text-soft);border:1px solid var(--border);border-radius:9px;background:#0c0e11;font:inherit;font-size:9px;line-height:1.45}.invite-card__actions{grid-column:1 / -1;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.invite-card button{min-height:38px;color:#071014;border:0;border-radius:11px;background:#27d8ff;font-size:11px;font-weight:800;cursor:pointer}.invite-card button:nth-child(2),.invite-card button:last-child{color:#08090b;background:var(--lime)}.invite-card button:disabled{cursor:not-allowed;opacity:.48}.daily-streak-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:14px;border:1px solid rgba(255,200,61,.2);border-radius:16px;background:#ffc83d0a}.daily-streak-card>div{display:flex;align-items:center;gap:10px}.daily-streak-card>div>span{font-size:25px}.best-ranking-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-bottom:10px;padding:14px;border:1px solid rgba(232,137,255,.2);border-radius:16px;background:#e889ff0a}.best-ranking-card>span{display:grid;place-items:center;width:40px;height:40px;color:#08090b;border-radius:12px;background:#e889ff;font-size:21px}.best-ranking-card>div{display:grid;gap:2px}.best-ranking-card small{color:#e889ff;font-size:9px;font-weight:800;letter-spacing:.12em}.best-ranking-card strong{font:800 22px Barlow Condensed,sans-serif}.best-ranking-card p{margin:0;color:var(--muted-readable);font-size:10px;text-align:right}.daily-streak-card small{color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.1em}.daily-streak-card strong{display:block;margin-top:2px;font-size:15px}.daily-streak-card p{color:var(--muted-readable);font-size:11px}.league-card{--league: var(--lime);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:10px;padding:14px;border:1px solid color-mix(in srgb,var(--league) 28%,transparent);border-radius:17px;background:color-mix(in srgb,var(--league) 5%,var(--surface))}.league-card>span{display:grid;place-items:center;width:48px;height:48px;color:#08090b;border-radius:15px;background:var(--league);font-size:24px}.league-card>div{display:grid;gap:2px}.league-card small{color:var(--league);font-size:11px;font-weight:800;letter-spacing:.12em}.league-card strong{font:800 20px Barlow Condensed;text-transform:uppercase}.league-card p{margin:0;color:var(--muted-readable);font-size:11px}.league-card em{grid-column:1 / -1;color:var(--muted-readable);font-size:11px;font-style:normal;text-align:right}.league-unlock{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px auto 0;padding:10px 13px;width:fit-content;border:1px solid rgba(255,200,61,.3);border-radius:14px;background:#ffc83d12}.league-unlock>span{font-size:28px}.league-unlock>div{display:grid;text-align:left}.league-unlock small{color:#ffc83d;font-size:11px;letter-spacing:.12em}.league-unlock strong{font:800 17px Barlow Condensed;text-transform:uppercase}.daily-challenge-card{display:grid;grid-template-columns:1fr auto;gap:9px 12px;margin-top:14px;padding:15px;border:1px solid rgba(232,137,255,.22);border-radius:17px;background:#e889ff0a}.daily-challenge-card>div:first-child{display:grid;gap:3px}.daily-challenge-card small{color:#e889ff;font-size:11px;font-weight:800;letter-spacing:.12em}.daily-challenge-card strong{font-size:12px}.daily-challenge-card p{margin:0;color:var(--muted-readable);font-size:11px}.daily-challenge-card>span{color:#ffc83d;font-size:11px;font-weight:800}.daily-challenge-card .daily-goal-track{grid-column:1 / -1}.daily-challenge-card button{grid-column:1 / -1;min-height:38px;color:#fff;border:1px solid rgba(232,137,255,.25);border-radius:11px;background:#e889ff1a;font-size:11px;font-weight:800;cursor:pointer}.daily-challenge-card.completed{opacity:.72;border-color:#a3ff1240}.coach-card{margin-top:22px;padding:16px;border:1px solid rgba(39,216,255,.2);border-radius:17px;background:linear-gradient(145deg,rgba(39,216,255,.05),var(--surface))}.coach-card>small{color:#27d8ff;font-size:11px;font-weight:800;letter-spacing:.14em}.coach-card h2{margin:5px 0 4px;font:800 22px Barlow Condensed;text-transform:uppercase}.coach-card p{margin:0;color:var(--muted-readable);font-size:11px;line-height:1.5}.coach-card button{min-height:36px;margin-top:11px;padding:0 12px;color:#071014;border:0;border-radius:10px;background:#27d8ff;font-size:11px;font-weight:800;cursor:pointer}.trend-card{margin-top:22px;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.trend-card>small{color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.12em}.trend-card h2{margin:4px 0 12px;font:800 22px Barlow Condensed;text-transform:uppercase}.trend-card p{margin:9px 0 0;color:var(--muted-readable);font-size:11px;line-height:1.5}.trend-bars{height:105px;display:flex;align-items:stretch;gap:5px;padding:8px;border-radius:11px;background:#0d0f12}.trend-bars>div{flex:1;display:flex;min-width:0;flex-direction:column;justify-content:end;align-items:center;gap:4px}.trend-bars i{display:block;width:100%;min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(#27d8ff,#256f80)}.trend-bars span{color:#737b86;font-size:11px;text-transform:uppercase}.pro-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;margin-top:14px;padding:15px;border:1px solid rgba(255,200,61,.2);border-radius:17px;background:linear-gradient(145deg,#ffc83d0f,#111316)}.pro-card>span{display:grid;place-items:center;width:43px;height:43px;color:#08090b;border-radius:13px;background:#ffc83d;font-size:22px}.pro-card>div{display:grid;gap:3px}.pro-card small{color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.12em}.pro-card strong{font-size:11px}.pro-card p{margin:0;color:var(--muted-readable);font-size:11px;line-height:1.4}.pro-card button{grid-column:1 / -1;min-height:36px;color:#7f7762;border:1px solid rgba(255,200,61,.13);border-radius:10px;background:#ffc83d0a}.pro-preview-section{margin-top:14px;padding:17px;border:1px solid rgba(255,200,61,.2);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(255,200,61,.1),transparent 35%),#111316}.pro-preview-section .section-heading{margin-bottom:7px}.pro-preview-section .section-heading small{color:#ffc83d}.pro-preview-section .section-heading>span{color:#ffc83d}.pro-preview-section__intro{margin:0 0 14px;color:var(--muted-readable);font-size:11px;line-height:1.5}.pro-feature-grid{display:grid;gap:9px}.pro-feature-card{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid rgba(255,200,61,.16);border-radius:15px;background:linear-gradient(145deg,#ffc83d0e,#101215f5)}.pro-feature-card__top{display:flex;align-items:center;gap:7px}.pro-feature-card__icon{display:grid;place-items:center;width:35px;height:35px;color:#08090b;border-radius:10px;background:#ffc83d;font-size:18px}.pro-feature-card__badge{padding:3px 7px;color:#08090b;border-radius:999px;background:#ffc83d;font-size:9px;font-weight:900;letter-spacing:.12em}.pro-feature-card__lock{margin-left:auto;font-size:13px;filter:grayscale(1);opacity:.7}.pro-feature-card>strong{font:800 18px Barlow Condensed,sans-serif;text-transform:uppercase}.pro-feature-card>p{min-height:34px;margin:0;color:var(--muted-readable);font-size:11px;line-height:1.5}.pro-feature-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:3px}.pro-feature-card__footer small{color:#a79d82;font-size:10px;font-weight:800;text-transform:uppercase}.pro-feature-card__footer button{min-height:36px;padding:0 14px;color:#08090b;border:0;border-radius:10px;background:#ffc83d;font-size:11px;font-weight:900;cursor:pointer}.pro-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding:18px;background:#030406c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pro-modal{display:grid;justify-items:center;width:min(100%,430px);padding:25px 20px 20px;border:1px solid rgba(255,200,61,.3);border-radius:23px;background:radial-gradient(circle at 50% 0,rgba(255,200,61,.13),transparent 35%),#15171a;box-shadow:0 24px 80px #0000008c;text-align:center;outline:0}.pro-modal__mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:13px;color:#08090b;border-radius:16px;background:#ffc83d;font-size:27px}.pro-modal>small{color:#ffc83d;font-size:10px;font-weight:900;letter-spacing:.14em}.pro-modal h2{margin:6px 0 12px;font:900 38px/.95 Barlow Condensed,sans-serif;text-transform:uppercase}.pro-modal>strong{margin-bottom:11px;color:#fff1bd;font-size:13px}.pro-modal>p{margin:3px 0;color:var(--muted-readable);font-size:12px;line-height:1.5}.pro-modal__email{display:grid;gap:6px;width:100%;margin-top:13px;text-align:left}.pro-modal__email span{color:#ffc83d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pro-modal__email input{width:100%;min-height:43px;padding:0 12px;color:var(--text-soft);border:1px solid var(--border);border-radius:11px;outline:0;background:#0c0e11;font-size:12px}.pro-modal__email input:focus{border-color:#ffc83da6;box-shadow:0 0 0 2px #ffc83d1a}.pro-modal__email input:disabled{opacity:.65}.pro-modal>.pro-modal__success{width:100%;margin-top:13px;padding:10px 12px;color:#dfffb3;border:1px solid rgba(163,255,18,.25);border-radius:11px;background:#a3ff1212;font-weight:700}.pro-modal__actions{display:grid;gap:8px;width:100%;margin-top:20px}.pro-modal__actions button{min-height:45px;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer}.pro-modal__actions button:first-child{color:#08090b;border:0;background:#ffc83d}.pro-modal__actions button:first-child:disabled{color:#162008;background:var(--lime);cursor:default;opacity:1}.pro-modal__actions button:last-child{color:var(--muted-readable);border:1px solid var(--border);background:transparent}.pro-modal__actions--single button:first-child{color:#08090b;border:0;background:#ffc83d}.rating-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px;background:#050709d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rating-prompt section{display:grid;justify-items:center;width:min(100%,390px);padding:24px;border:1px solid rgba(255,200,61,.28);border-radius:22px;background:#111316;text-align:center;box-shadow:0 24px 80px #00000080}.rating-prompt section>span{color:#ffc83d;font-size:36px}.rating-prompt small{margin-top:8px;color:#ffc83d;font-size:11px;font-weight:800;letter-spacing:.14em}.rating-prompt strong{margin-top:7px;font:900 26px Barlow Condensed;text-transform:uppercase}.rating-prompt p{margin:7px 0 16px;color:var(--muted-readable);font-size:11px;line-height:1.5}.rating-prompt button{width:100%;min-height:42px;border-radius:11px;font-size:11px;font-weight:800;cursor:pointer}.rating-prompt button:first-of-type{color:#08090b;border:0;background:#ffc83d}.rating-prompt button:last-of-type{margin-top:7px;color:var(--muted-readable);border:1px solid var(--border);background:transparent}.mastery-card{margin-top:22px;padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.mastery-heading{display:grid;gap:8px;margin-bottom:12px}.mastery-heading small{color:#27d8ff;font-size:11px;font-weight:800;letter-spacing:.12em}.mastery-heading h2{margin:2px 0 0;font:800 22px Barlow Condensed;text-transform:uppercase}.mastery-legend{display:flex;align-items:center;gap:5px;color:var(--muted-readable);font-size:11px}.mastery-legend i{width:8px;height:8px;margin-left:5px;border-radius:3px}.mastery-scroll{overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.mastery-map{width:620px}.mastery-frets,.mastery-row{display:grid;grid-template-columns:42px repeat(13,1fr);gap:3px;align-items:center;margin-bottom:3px}.mastery-frets b,.mastery-row b,.mastery-frets span{color:var(--muted);font-size:11px;text-align:center}.mastery-row button{aspect-ratio:1.4;min-height:20px;border:0;border-radius:4px;cursor:pointer}.mastery-row button.neutral,.mastery-legend .neutral{background:#2a2e34}.mastery-row button.weak,.mastery-legend .weak{background:#9d3943}.mastery-row button.medium,.mastery-legend .medium{background:#b78a29}.mastery-row button.strong,.mastery-legend .strong{background:#579326}.mastery-detail{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 10px;color:var(--muted-readable);border-radius:10px;background:#0f1114;font-size:11px}.mastery-detail strong{color:#fff}.mastery-train{width:100%;margin-top:10px}.learning-path{margin-top:24px}.learning-list{display:grid;gap:8px}.learning-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.learning-list article.active{border-color:#27d8ff52;background:#27d8ff09}.learning-list article.completed{opacity:.72}.learning-index{display:grid;place-items:center;width:34px;height:34px;color:var(--muted-readable);border:1px solid var(--border);border-radius:50%;background:#20242a;font-size:11px;font-weight:800}.learning-list article.active .learning-index{color:#071014;border-color:#27d8ff;background:#27d8ff}.learning-list article.completed .learning-index{color:#081005;border-color:var(--lime);background:var(--lime)}.learning-copy{display:grid;gap:3px;min-width:0}.learning-copy strong{font-size:11px}.learning-copy p{margin:0;color:var(--muted-readable);font-size:11px;line-height:1.35}.learning-copy small{color:#89919d;font-size:11px}.learning-progress{height:4px;overflow:hidden;margin-top:3px;border-radius:99px;background:#292d33}.learning-progress i{display:block;height:100%;border-radius:inherit;background:#27d8ff}.learning-list article.completed .learning-progress i{background:var(--lime)}.learning-list article>button{min-height:32px;padding:0 9px;color:var(--text-soft);border:1px solid var(--border);border-radius:9px;background:#24282e;font-size:11px;font-weight:700;cursor:pointer}.auth-panel{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;margin-top:22px;padding:15px;border:1px solid rgba(39,216,255,.18);border-radius:17px;background:linear-gradient(145deg,#27d8ff0d,#111316)}.auth-panel>span{display:grid;place-items:center;width:43px;height:43px;color:#27d8ff;border-radius:13px;background:#27d8ff14;font-size:22px}.auth-panel>div,.auth-panel__intro{display:grid;gap:3px;min-width:0}.auth-panel small{color:#27d8ff;font-size:11px;font-weight:800;letter-spacing:.12em}.auth-panel strong{font-size:11px}.auth-panel p{margin:0;color:var(--muted-readable);font-size:11px;line-height:1.4}.auth-panel button{min-height:36px;color:var(--text-soft);border:1px solid var(--border);border-radius:10px;background:#202329;font-size:11px;font-weight:700;cursor:pointer}.auth-panel button:disabled{cursor:wait;opacity:.65}.auth-panel--unconfigured{border-style:dashed}.auth-panel--signed>span{color:#08090b;background:var(--lime)}.auth-panel--signed>button{grid-column:1 / -1}.auth-panel__actions{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px!important}.auth-panel__actions button:first-child,.auth-form__actions button:first-child{color:#08090b;border-color:var(--lime);background:var(--lime)}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;align-items:end;padding:14px;background:#040608d1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.auth-modal{position:relative;width:min(100%,420px);max-height:calc(100vh - 28px);overflow-y:auto;margin:0 auto;padding:23px;border:1px solid rgba(39,216,255,.25);border-radius:23px;background:linear-gradient(145deg,#27d8ff12,#111316 32%);box-shadow:0 28px 90px #00000094}.auth-modal__close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:38px;height:38px;color:var(--muted-readable);border:1px solid var(--border);border-radius:12px;background:#1b1e23;font-size:21px;cursor:pointer}.auth-modal__mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;color:#08090b;border-radius:16px;background:linear-gradient(135deg,#27d8ff,var(--lime));font-size:25px}.auth-modal>small{color:#27d8ff;font-size:10px;font-weight:900;letter-spacing:.14em}.auth-modal h2{margin:6px 42px 8px 0;font:900 35px/.95 Barlow Condensed;text-transform:uppercase}.auth-modal>p{margin:0;color:var(--muted-readable);font-size:12px;line-height:1.5}.auth-modal__tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:18px;padding:4px;border:1px solid var(--border);border-radius:13px;background:#0b0d10}.auth-modal__tabs button{min-height:39px;color:var(--muted-readable);border:0;border-radius:9px;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.auth-modal__tabs button.active{color:#08090b;background:var(--lime)}.auth-modal__form{display:grid;gap:11px;margin-top:15px}.auth-modal__form label{display:grid;gap:6px}.auth-modal__form label span{color:var(--text-soft);font-size:10px;font-weight:800}.auth-modal__form input{width:100%;min-height:46px;padding:0 12px;color:#fff;border:1px solid var(--border);border-radius:12px;background:#0b0d10;font-size:12px}.auth-modal__form>button,.auth-modal__signout{min-height:47px;color:#08090b;border:0;border-radius:12px;background:var(--lime);font-size:12px;font-weight:900;cursor:pointer}.auth-modal__form>button:disabled,.auth-modal__signout:disabled,.auth-modal__close:disabled{cursor:wait;opacity:.65}.auth-modal__switch{width:100%;margin-top:13px;padding:8px;color:#27d8ff;border:0;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.auth-modal__account{display:grid;gap:4px;margin:18px 0 14px;padding:14px;border:1px solid var(--border);border-radius:13px;background:#0b0d10}.auth-modal__account strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.auth-modal__account span{color:var(--muted-readable);font-size:10px}.auth-modal .auth-message{display:block;margin:11px 0 0;padding:9px 11px;border-radius:10px;font-size:10px;font-style:normal;line-height:1.4}.auth-modal .auth-message--success{color:#dfffb3;border:1px solid rgba(163,255,18,.22);background:#a3ff120f}.auth-modal .auth-message--error{color:#ffad9d;border:1px solid rgba(255,100,75,.22);background:#ff644b0f}.auth-modal__signout{width:100%;margin-top:8px;color:var(--text-soft);border:1px solid var(--border);background:#202329}.auth-form{grid-column:1 / -1;display:grid;gap:10px;padding-top:5px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#0d0f12}.auth-tabs button{border:0;background:transparent}.auth-tabs button.active{color:#08090b;background:var(--lime)}.auth-form label{display:grid;gap:5px}.auth-form label>span{color:var(--muted-readable);font-size:11px;font-weight:700}.auth-form input{min-height:40px;padding:0 11px;color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none;background:#0d0f12;font:inherit;font-size:11px}.auth-form input:focus{border-color:#27d8ff8c;box-shadow:0 0 0 3px #27d8ff14}.auth-form__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-message{font-size:11px;font-style:normal;line-height:1.4}.auth-message--success{color:var(--lime)}.auth-message--error{color:#ff7a59}.onboarding{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 15%,rgba(163,255,18,.1),transparent 35%),#08090b}.onboarding__card{width:min(100%,440px);padding:20px;border:1px solid var(--border);border-radius:25px;background:linear-gradient(145deg,#181b20,#101215);box-shadow:0 30px 80px #00000073}.onboarding__visual{display:grid;place-items:center;width:92px;height:92px;margin:38px auto 25px;color:#08090b;border-radius:29px;background:var(--lime);font-size:42px;transform:rotate(-3deg)}.onboarding__card>span{display:block;color:#ffc83d;text-align:center;font-size:11px;font-weight:800;letter-spacing:.15em}.onboarding__card h1{margin:8px 0;text-align:center;font:900 36px/.95 Barlow Condensed;text-transform:uppercase}.onboarding__card>p{min-height:48px;margin:0 auto;color:var(--muted-readable);text-align:center;font-size:12px;line-height:1.55}.onboarding__dots{display:flex;justify-content:center;gap:6px;margin:20px 0}.onboarding__dots i{width:6px;height:6px;border-radius:99px;background:#3a3e45}.onboarding__dots i.active{width:20px;background:var(--lime)}.onboarding__card>button{width:100%}.onboarding__card--smart{max-height:calc(100vh - 36px);overflow-y:auto}.onboarding__card--smart .onboarding__dots{margin:24px 0 18px}.onboarding-question>span,.onboarding-plan>span{display:block;color:#ffc83d;text-align:center;font-size:10px;font-weight:800;letter-spacing:.14em}.onboarding-question h1,.onboarding-plan h1{margin:7px auto 8px;max-width:360px;text-align:center;font:900 32px/.98 Barlow Condensed,sans-serif;text-transform:uppercase}.onboarding-question>p,.onboarding-plan>p{margin:0 auto;color:var(--muted-readable);text-align:center;font-size:11px;line-height:1.5}.onboarding-options{display:grid;gap:8px;margin-top:21px}.onboarding-options button{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;min-height:64px;padding:11px 13px;color:var(--text-soft);border:1px solid var(--border);border-radius:14px;background:#15181d;text-align:left;cursor:pointer}.onboarding-options button:hover{border-color:#a3ff1259;background:#a3ff120b}.onboarding-options strong{font-size:12px}.onboarding-options small{grid-column:1;color:var(--muted-readable);font-size:10px}.onboarding-options b{grid-column:2;grid-row:1 / span 2;color:var(--lime);font-size:20px}.onboarding-goals{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:21px 0 10px}.onboarding-goals button{display:grid;justify-items:center;gap:7px;min-height:94px;padding:12px 8px;color:var(--text-soft);border:1px solid var(--border);border-radius:14px;background:#15181d;cursor:pointer}.onboarding-goals button:hover{border-color:#27d8ff66;background:#27d8ff0d}.onboarding-goals button span{display:grid;place-items:center;width:38px;height:38px;color:#08090b;border-radius:11px;background:#27d8ff;font-size:19px}.onboarding-goals strong{font-size:10px}.onboarding-question>.text-button,.onboarding-plan>.text-button{width:100%}.onboarding-plan__items{display:grid;gap:8px;margin:22px 0}.onboarding-plan__items article{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:#15181d}.onboarding-plan__items i{display:grid;place-items:center;width:31px;height:31px;color:#08090b;border-radius:10px;background:var(--lime);font-style:normal;font-weight:900}.onboarding-plan__items div{display:grid;gap:2px}.onboarding-plan__items strong{font-size:12px}.onboarding-plan__items small{color:var(--muted-readable);font-size:9px}.onboarding-plan>.primary-button{width:100%}.entry-loading{display:grid;place-content:center;justify-items:center;gap:16px;min-height:100vh;text-align:center}.entry-loading p{margin:0;color:var(--muted);font-size:14px}.landing-page{width:min(100%,1160px);margin:0 auto;padding:18px 18px 50px}.landing-nav{display:flex;align-items:center;justify-content:space-between}.landing-nav>button{min-height:40px;padding:0 15px;color:var(--lime);border:1px solid rgba(163,255,18,.3);border-radius:12px;background:#a3ff120d;font-size:11px;font-weight:800;cursor:pointer}.landing-hero{display:grid;gap:34px;align-items:center;padding:70px 0 76px}.landing-hero__copy h1{max-width:760px;margin:19px 0;font:900 clamp(55px,14vw,104px)/.82 "Barlow Condensed";letter-spacing:-.035em;text-transform:uppercase}.landing-hero__copy h1 em{color:var(--lime);font-style:italic}.landing-hero__copy>p{max-width:650px;margin:0;color:var(--muted-readable);font-size:clamp(15px,2.5vw,19px);line-height:1.6}.landing-actions{display:grid;gap:9px;max-width:560px;margin-top:26px}.landing-actions button,.landing-final>button{min-height:55px;border-radius:15px;font-size:12px;font-weight:800;cursor:pointer}.landing-primary,.landing-final>button{color:#08090b;border:0;background:var(--lime);box-shadow:0 13px 38px #a3ff1224}.landing-primary span{margin-left:10px}.landing-secondary{color:var(--text-soft);border:1px solid var(--border);background:var(--surface)}.landing-proof,.landing-install-message{display:block;margin-top:12px;color:var(--muted);font-size:11px}.landing-install-message{color:#27d8ff}.landing-demo{position:relative;overflow:hidden;padding:17px;border:1px solid rgba(163,255,18,.23);border-radius:25px;background:radial-gradient(circle at 80% 0,rgba(163,255,18,.12),transparent 33%),linear-gradient(145deg,#191d21,#0e1013);box-shadow:0 35px 80px #00000059;transform:rotate(1deg)}.landing-demo:after{content:"";position:absolute;inset:auto -20% -45% 20%;height:70%;background:#27d8ff14;filter:blur(50px);pointer-events:none}.landing-demo__top{display:flex;align-items:center;justify-content:space-between;color:var(--muted-readable);font-size:11px;font-weight:800}.landing-demo__top>span{color:var(--lime)}.landing-demo__top b{color:#ffc83d}.landing-note{display:grid;justify-items:center;padding:27px 0 20px}.landing-note small{color:var(--muted);font-size:11px;letter-spacing:.14em}.landing-note strong{display:grid;place-items:center;width:70px;height:70px;margin:10px 0;color:#08090b;border-radius:22px;background:var(--lime);font:900 43px Barlow Condensed}.landing-note span{color:var(--muted-readable);font-size:11px}.landing-frets{position:relative;z-index:1;display:grid;gap:5px;padding:12px;border-radius:13px;background:linear-gradient(90deg,#2c211a,#493226,#2c211a)}.landing-frets i{display:grid;grid-template-columns:repeat(4,1fr);height:12px;border-top:1px solid rgba(255,255,255,.42)}.landing-frets b{position:relative;border-right:2px solid rgba(210,215,219,.5)}.landing-frets b.active:after{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;border:3px solid #08090b;border-radius:50%;background:var(--lime);transform:translate(-50%);box-shadow:0 0 0 2px var(--lime)}.landing-notes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.landing-notes span{display:grid;place-items:center;min-height:36px;border:1px solid var(--border);border-radius:9px;background:#1c2025;font:800 15px Barlow Condensed}.landing-section{padding:58px 0;border-top:1px solid var(--border)}.landing-heading{max-width:650px;margin-bottom:25px}.landing-heading small,.landing-feature>div:first-child small,.landing-pro small{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.15em}.landing-heading h2,.landing-feature h2,.landing-pro h2,.landing-final h2{margin:7px 0 0;font:900 clamp(35px,8vw,58px)/.92 "Barlow Condensed";text-transform:uppercase}.landing-steps,.landing-modes,.landing-benefits{display:grid;gap:10px}.landing-steps article,.landing-modes article,.landing-benefits article{padding:20px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.landing-steps article>span{color:var(--lime);font:900 28px Barlow Condensed}.landing-steps strong,.landing-modes strong,.landing-benefits strong{display:block;margin-top:15px;font:800 20px Barlow Condensed;text-transform:uppercase}.landing-steps p,.landing-modes p,.landing-benefits p{margin:6px 0 0;color:var(--muted-readable);font-size:11px;line-height:1.55}.landing-modes{grid-template-columns:repeat(2,1fr)}.landing-modes article>span{display:grid;place-items:center;width:44px;height:44px;color:#08090b;border-radius:13px;background:var(--lime);font-size:22px}.landing-feature{display:grid;gap:28px;align-items:center;margin:45px 0;padding:26px;border:1px solid rgba(39,216,255,.2);border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(39,216,255,.1),transparent 35%),var(--surface)}.landing-feature>div:first-child>p,.landing-pro p,.landing-final>p{color:var(--muted-readable);font-size:12px;line-height:1.65}.landing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.landing-stats article{display:grid;justify-items:center;gap:5px;padding:15px 5px;border:1px solid var(--border);border-radius:14px;background:#08090b80;text-align:center}.landing-stats article>span{font-size:19px}.landing-stats strong{font:800 18px Barlow Condensed}.landing-stats small{color:var(--muted);font-size:11px;letter-spacing:.1em}.landing-benefits article{background:linear-gradient(145deg,#15181c,#101215)}.landing-pro{display:grid;gap:18px;align-items:center;margin:48px 0;padding:27px;border:1px solid rgba(255,200,61,.23);border-radius:25px;background:radial-gradient(circle at 10% 0,rgba(255,200,61,.12),transparent 32%),#121315}.landing-pro>span{display:grid;place-items:center;width:65px;height:65px;color:#08090b;border-radius:19px;background:#ffc83d;font-size:33px}.landing-pro small{color:#ffc83d}.landing-final{display:grid;justify-items:center;padding:80px 0 65px;text-align:center;border-top:1px solid var(--border)}.landing-final h2{max-width:720px;margin-top:25px}.landing-final>p{max-width:520px;margin:14px auto 23px}.landing-final>button{width:min(100%,360px)}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--border)}.landing-footer>span{color:var(--muted);font-size:11px}@media(min-width:700px){.app-page{padding-top:28px;padding-bottom:110px}.hero{padding-top:52px}.hero-actions{grid-template-columns:1fr 1fr;max-width:470px}.play-now{grid-template-columns:1fr auto;align-items:center}.play-now button{min-width:210px;padding:0 20px}.challenge-list{grid-template-columns:repeat(2,1fr)}.challenge-card:last-child{grid-column:1 / -1}.modes-carousel-shell{margin-inline:0;padding-inline:84px}.modes-carousel-shell .mode-carousel{padding-inline:2px;cursor:grab;outline:0}.modes-carousel-shell .mode-carousel:focus-visible{border-radius:17px;box-shadow:0 0 0 2px var(--lime)}.modes-carousel-shell .mode-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.modes-carousel-control{position:absolute;z-index:4;top:50%;display:grid;place-items:center;gap:2px;width:76px;min-height:58px;padding:7px;color:var(--text-soft);border:1px solid var(--border);border-radius:13px;background:#111316f5;font-size:10px;font-weight:800;cursor:pointer;transform:translateY(-55%)}.modes-carousel-control span{color:var(--lime);font-size:13px}.modes-carousel-control:disabled{opacity:.32;cursor:default}.modes-carousel-control--previous{left:0}.modes-carousel-control--next{right:0}.modes-carousel-fade--start{left:84px}.modes-carousel-fade--end{right:84px}.mobile-tabs{left:50%;right:auto;bottom:18px;width:min(460px,calc(100% - 36px));padding:6px 10px;border:1px solid var(--border);border-radius:17px;box-shadow:0 16px 50px #00000061;transform:translate(-50%)}.sticky-play{display:none}.quick-play-button{width:auto;min-width:230px;padding:0 22px}.game-screen{padding-top:22px}.game-header{width:min(100%,900px);margin:auto}.game-copy{padding-top:58px}.game-copy h1{font-size:40px}.fretboard-toolbar{width:min(calc(100% - 30px),790px);padding:10px 12px}.fretboard-scroll{display:flex;justify-content:center;padding:10px 15px 15px}.fretboard{width:790px;min-width:790px}.guitar-string{height:43px}.swipe-hint{display:none}.answer-area{padding:9px 15px}.game-feedback{min-height:42px;font-size:12px}.note-buttons{grid-template-columns:repeat(6,1fr);gap:7px}.note-buttons button{min-height:48px;font-size:inherit}.study-note{margin-top:18px;padding:16px}.study-note strong{font-size:58px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.advanced-stats-panel{padding:20px}.advanced-stats-summary{grid-template-columns:repeat(4,1fr)}.advanced-stats-details{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-coach-panel{padding:20px}.smart-coach-insight{grid-template-columns:minmax(0,1fr) auto;align-items:center}.smart-coach-insight button{min-width:150px}.custom-workouts-panel{padding:20px}.custom-workouts-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center}.custom-workout-actions{min-width:215px}.pro-feature-grid{grid-template-columns:repeat(2,1fr)}.pro-modal-backdrop{place-items:center}.mastery-heading{grid-template-columns:1fr auto;align-items:end}.auth-panel--signed{grid-template-columns:auto 1fr auto}.auth-panel--signed>button{grid-column:auto;min-width:100px}.auth-panel__actions{grid-column:auto;grid-template-columns:auto auto}.auth-modal-backdrop{place-items:center}.ranking-hero{margin-top:36px}.ranking-hero h1{font-size:68px}.ranking-position-card{grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.ranking-position-card strong{font-size:25px}.ranking-table-head{display:grid;grid-template-columns:70px minmax(180px,1.5fr) 90px minmax(130px,1fr) 110px;gap:12px;padding:11px 16px;color:var(--muted);border-bottom:1px solid var(--border);background:#101215;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ranking-row{grid-template-columns:70px minmax(180px,1.5fr) 90px minmax(130px,1fr) 110px;gap:12px;padding:13px 16px}.ranking-row>span[data-label],.ranking-row>strong[data-label]{grid-column:auto;grid-row:auto;font-size:11px;text-align:left}.ranking-row>span[data-label]:before,.ranking-row>strong[data-label]:before{content:none}.ranking-public-profile>div{grid-template-columns:repeat(5,1fr)}.landing-page{padding-inline:28px}.landing-hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:680px}.landing-actions{grid-template-columns:1.25fr 1fr}.landing-steps{grid-template-columns:repeat(3,1fr)}.landing-modes,.landing-benefits{grid-template-columns:repeat(4,1fr)}.landing-feature{grid-template-columns:1.1fr .9fr;padding:38px}.landing-pro{grid-template-columns:auto 1fr;padding:38px}}@media(max-width:380px){.install-card{grid-template-columns:auto 1fr}.install-card button{grid-column:1 / -1;width:100%}.fretboard-toolbar{gap:6px}.fretboard-toolbar .view-switch button,.view-setting-group button{padding-inline:6px}.view-label-full{display:none}.view-label-short{display:inline}.view-position-setting{align-items:stretch;flex-direction:column}.view-setting-group{width:100%}.daily-home{align-items:flex-start;flex-direction:column;gap:3px}.landing-stats{grid-template-columns:1fr}.landing-footer{align-items:flex-start;flex-direction:column}.study-tools{grid-template-columns:1fr}.learning-list article{grid-template-columns:auto 1fr}.learning-list article>button{grid-column:2;width:fit-content}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}