@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}@media (width<=767px){html,body,#root{background:#080b0c;height:100dvh}.phone-stage[data-immersive=true]{background:#080b0c;width:100vw;height:100dvh;padding:0;display:block;position:fixed;inset:0}.phone-stage[data-immersive=true] .phone-scale-box,.phone-stage[data-immersive=true] .phone-device,.phone-stage[data-immersive=true] .device-screen{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0;transform:none}.phone-stage[data-immersive=true] .phone-bezel,.phone-stage[data-immersive=true] .device-camera,.phone-stage[data-immersive=true] .status-bar,.phone-stage[data-immersive=true] .home-indicator-svg,.phone-stage[data-immersive=true] .android-navigation-bar,.phone-stage[data-immersive=true] .mobile-cursor{display:none}.phone-stage[data-immersive=true] .device-screen,.phone-stage[data-immersive=true] .device-screen *{cursor:auto!important}}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}:root{color:#f3e8d1;background:#080b0c;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}.app-screen{color:#f3e8d1;background:#080b0c}button{font:inherit}.status-bar{color:#f3e8d1}.status-indicator-svg{filter:invert()brightness(1.7)}.journey-screen{min-height:100%;padding:48px 22px calc(var(--mobile-safe-area-height) + 18px);background:#080b0c;overflow:hidden}.journey-header{text-align:center}.journey-header .brand{margin-bottom:6px}.journey-header h1{color:#f6ead4;letter-spacing:.025em;margin:0;font-size:27px;font-weight:650}.journey-header>p:last-child{color:#ddd1bc;letter-spacing:.08em;margin:9px 0 0;font-size:16px}.journey-header>p strong{color:#35c7bd;font-size:23px;font-weight:620}.song-lab-entry{color:#f7ead2;text-align:left;cursor:pointer;background:radial-gradient(circle at 14%,#ffbe182e,#0000 30%),linear-gradient(115deg,#171106,#0d1313 76%);border:1px solid #9c7016;border-radius:14px;grid-template-columns:52px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:96px;margin-top:18px;padding:14px;display:grid;box-shadow:0 0 22px #ffb2001a,inset 0 0 28px #ffbe180a}.song-lab-icon{color:#ffbe18;background:#181207;border:1.5px solid #ffbe18;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 0 16px #ffbe1838}.song-lab-icon svg{width:28px;height:28px}.song-lab-entry>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.song-lab-entry small{color:#43cfc5;letter-spacing:.08em;font-size:10px}.song-lab-entry strong{letter-spacing:.03em;font-size:18px;font-weight:700}.song-lab-entry em{color:#a69e91;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.song-lab-entry>svg{color:#ffbe18;width:18px;height:18px}.song-lab-entry:active{background:#1a1306;transform:translateY(1px)}.song-lab-entry:focus-visible{outline-offset:3px;outline:2px solid #f6ead4}.rhythm-library-entry{color:#f4e7cf;text-align:left;cursor:pointer;background:radial-gradient(circle at 12%,#35c7bd24,#0000 28%),linear-gradient(110deg,#11150f,#151006);border:1px solid #65501d;border-radius:13px;grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:84px;margin-top:18px;padding:12px 14px;display:grid;box-shadow:0 10px 28px #0000003d,inset 0 0 22px #ffb7000a}.library-entry-icon{color:#42cec3;background:#0a1717;border:1px solid #2d857f;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.library-entry-icon svg{width:28px;height:28px}.rhythm-library-entry>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.rhythm-library-entry small{color:#bd8c29;letter-spacing:.08em;font-size:10px}.rhythm-library-entry strong{letter-spacing:.04em;font-size:18px;font-weight:680}.rhythm-library-entry em{color:#9f988c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.rhythm-library-entry>svg{color:#ffbe18;width:17px;height:17px}.rhythm-library-entry:active{border-color:#ffbe18;transform:translateY(1px)}.rhythm-library-entry:focus-visible{outline-offset:3px;outline:2px solid #f6ead4}.journey-map{height:576px;margin:14px -2px 0;position:relative}.journey-path-chart{z-index:0;pointer-events:none;width:100%;height:536px;position:absolute;top:8px;left:0}.journey-day{z-index:1;width:100%;height:72px;position:absolute;left:0}.journey-day.day-1{top:0}.journey-day.day-2{top:80px}.journey-day.day-3{top:160px}.journey-day.day-4{top:240px}.journey-day.day-5{top:320px}.journey-day.day-6{top:400px}.journey-day.day-7{top:480px}.lesson-choice{width:100%;height:72px;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:relative}.day-label{color:#eee2cd;letter-spacing:.04em;border-bottom:1px solid #363635;width:76px;padding-bottom:5px;font-size:15px;font-weight:560;position:absolute;top:25px;left:6px}.day-node{color:#43cfc5;background:#0a1112;border:1.5px solid #35a9a1;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;font-weight:620;transition:border-color .15s,color .15s,box-shadow .15s,transform .15s;display:grid;position:absolute;top:12px;left:calc(31% - 24px);box-shadow:0 0 11px #35c7bd24}.lesson-summary{flex-direction:column;gap:6px;min-width:0;display:flex;position:absolute;top:13px;left:43%;right:28px}.lesson-summary strong{color:#f2e6d1;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:620;overflow:hidden}.lesson-summary small{color:#9e978b;letter-spacing:.03em;font-size:11px}.lesson-choice>svg{color:#35c7bd;width:17px;height:17px;position:absolute;top:28px;right:2px}.lesson-choice:active .day-node,.lesson-choice:focus-visible .day-node{color:#ffbe18;background:#0b0d0d;border:2px solid #ffbe18;transform:scale(1.06);box-shadow:0 0 18px #ffb00052}.lesson-choice:focus-visible{outline:none}.weekly-goal{color:#e2d5bf;justify-content:center;align-items:center;gap:10px;margin-top:0;display:flex}.weekly-goal p{white-space:nowrap;margin:0;font-size:15px}.weekly-goal svg{color:#b87705;filter:drop-shadow(0 0 5px #ffae0040);width:48px;height:24px}.weekly-goal svg:last-child{transform:scaleX(-1)}.guide-screen{min-height:100%;padding:64px 22px calc(var(--mobile-safe-area-height) + 24px);background:#080b0c}.guide-nav{z-index:8;background:#080b0c;justify-content:space-between;align-items:center;min-height:42px;padding:4px 0;display:flex;position:sticky;top:38px}.guide-nav button{color:#d8cdb8;cursor:pointer;background:#0e1112;border:1px solid #4b4b47;border-radius:17px;align-items:center;gap:6px;min-height:34px;padding:6px 10px;font-size:12px;display:flex}.guide-nav button svg{color:#35c7bd;width:15px;height:15px}.guide-nav>span{color:#817c73;letter-spacing:.06em;font-size:12px}.guide-nav button:focus-visible,.demo-button:focus-visible,.guide-start:focus-visible{outline-offset:3px;outline:2px solid #f6ead4}.guide-header{text-align:center;margin-top:0;padding-top:80px}.guide-kicker-row{justify-content:center;align-items:center;min-height:26px;display:flex;position:relative}.guide-kicker-row>span{color:#ffbe18;letter-spacing:.08em;font-size:12px;font-weight:650}.guide-kicker-row button{color:#bfc0b9;cursor:pointer;background:#0d1112;border:1px solid #3f4545;border-radius:13px;align-items:center;gap:3px;min-height:26px;padding:3px 7px;font-size:10px;display:flex;position:absolute;left:0}.guide-kicker-row button svg{color:#35c7bd;width:12px;height:12px}.guide-header h1{color:#f6ead4;letter-spacing:.025em;margin:6px 0 8px;font-size:27px;font-weight:650}.guide-meta{color:#a8a095;justify-content:center;align-items:center;gap:8px;display:flex}.guide-meta b{font-size:11px;font-weight:520}.guide-meta i{background:#5a5955;border-radius:50%;width:3px;height:3px}.guide-card{background:#0d1112;border:1px solid #303435;border-radius:12px}.guide-goal{background:#120f08;border-color:#5b491d;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 16px;display:flex}.guide-goal>svg{color:#ffbe18;flex:none;width:25px;height:25px}.guide-card h2{color:#f2e6d1;letter-spacing:.04em;margin:0;font-size:15px;font-weight:650}.guide-card p{color:#bdb3a2;margin:5px 0 0;font-size:13px;line-height:1.55}.guide-technique{margin-top:12px;padding:15px 16px 10px}.guide-card-heading{align-items:center;gap:9px;display:flex}.guide-card-heading>svg{color:#35c7bd;flex:none;width:22px;height:22px}.guide-technique ol{margin:10px 0 0;padding:0;list-style:none}.guide-technique li{border-top:1px solid #242829;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.guide-technique li>span{color:#43cfc5;border:1px solid #357b76;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.guide-technique li p{color:#d3c7b3;margin:0;font-size:12px;line-height:1.5}.guide-demo{margin-top:12px;padding:14px 16px 16px}.guide-demo .guide-card-heading p{color:#88847d;letter-spacing:.08em;margin-top:2px;font-size:11px}.demo-button{color:#45d2c8;text-align:left;cursor:pointer;background:#0a1717;border:1px solid #2d8d86;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:12px;padding:0 12px;display:grid}.demo-button svg{width:19px;height:19px}.demo-button span{font-size:13px;font-weight:650}.demo-button small{color:#8baaa6;font-size:10px}.demo-button.playing{color:#ffbe18;background:#151106;border-color:#ffbe18}.demo-button:disabled{cursor:default;opacity:1}.guide-start{color:#ffbe18;cursor:pointer;background:#100e08;border:1.5px solid #ffbe18;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:14px;font-size:16px;font-weight:680;display:flex;box-shadow:0 0 16px #ffb0002e}.guide-start svg{width:20px;height:20px}.guide-start:active{color:#0b0d0d;background:#ffbe18}.guide-start:disabled{color:#8b7950;box-shadow:none;cursor:default;border-color:#5e5130}.guide-source{background:#0a1112;border:1px solid #2e3b3b;border-radius:10px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.guide-source>span{color:#43cfc5;white-space:nowrap;border:1px solid #327a75;border-radius:999px;padding:3px 6px;font-size:9px}.guide-source div{min-width:0}.guide-source strong{color:#d9ceb9;font-size:11px}.guide-source p{color:#8f8b83;margin:3px 0 4px;font-size:10px;line-height:1.45}.guide-source a{color:#c99b3b;font-size:10px;text-decoration:none}.song-lab-screen{min-height:100%;padding:64px 18px calc(var(--mobile-safe-area-height) + 28px);background:radial-gradient(circle at 12% 0,#35c7bd14,#0000 20%),radial-gradient(circle at 90% 4%,#ffbe1814,#0000 24%),#080b0c}.song-lab-header{text-align:center;position:relative}.song-lab-header>button{color:#cbc0ad;cursor:pointer;background:#0d1112;border:1px solid #454946;border-radius:15px;align-items:center;gap:4px;min-height:30px;padding:5px 8px;font-size:10px;display:flex;position:absolute;top:0;left:0}.song-lab-header>button svg{color:#35c7bd}.song-lab-header .brand{margin-bottom:3px}.song-lab-header>span{color:#ffbe18;letter-spacing:.22em;font-size:9px;font-weight:700}.song-lab-header h1{color:#f6ead4;letter-spacing:.02em;margin:5px 0 4px;font-size:26px;font-weight:690}.song-lab-header>p:last-child{color:#9e978b;margin:0;font-size:11px}.song-import-card{background:linear-gradient(120deg,#151106,#0d1212);border:1px solid #62501f;border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:88px;margin-top:18px;padding:12px;display:grid}.song-import-card.analyzing,.song-import-card.decoding,.song-import-card.requesting{background:#0a1515;border-color:#2f827c}.song-import-card.recording{background:#091313;border-color:#2f827c}.song-import-card.error{background:#160d09;border-color:#774536}.song-import-icon{color:#ffbe18;background:#171207;border:1px solid #8a671f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.song-import-card.analyzing .song-import-icon,.song-import-card.decoding .song-import-icon{color:#35c7bd;border-color:#2f827c;animation:.85s ease-in-out infinite alternate song-pulse}@keyframes song-pulse{to{transform:scale(1.05);box-shadow:0 0 16px #35c7bd5c}}.song-import-icon svg{width:23px;height:23px}.song-import-card>div:nth-child(2){min-width:0}.song-import-card strong{color:#eee2cd;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.song-import-card p{color:#8d8981;margin:4px 0 0;font-size:9px;line-height:1.45}.song-import-card label{color:#ffbe18;cursor:pointer;background:#171207;border:1px solid #a47718;border-radius:8px;place-items:center;min-width:62px;min-height:34px;padding:0 9px;font-size:10px;font-weight:650;display:grid}.song-import-card.decoding label,.song-import-card.analyzing label,.song-import-card.requesting label,.song-import-card.recording label{color:#657572;cursor:default;border-color:#3b5553}.song-import-card input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.listen-song-card{background:linear-gradient(120deg,#081817,#0d1112);border:1px solid #2d605d;border-radius:13px;grid-template-columns:42px minmax(0,1fr) 88px;align-items:center;gap:9px;min-height:96px;margin-top:10px;padding:11px 10px;display:grid}.listen-song-card.recording{border-color:#35c7bd;box-shadow:inset 0 0 18px #35c7bd14}.listen-song-icon{color:#35c7bd;background:#081b1a;border:1px solid #2f7772;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.listen-song-icon>svg{width:22px;height:22px}.listen-song-icon>span{align-items:end;gap:2px;height:15px;display:flex;position:absolute;bottom:0;right:-3px}.listen-song-icon i{background:#ffbe18;border-radius:2px;width:2px;height:6px;display:block}.listen-song-icon i:nth-child(2){height:11px}.listen-song-icon i:nth-child(3){height:14px}.listen-song-icon i:nth-child(4){height:8px}.listen-song-card.recording .listen-song-icon i{animation:.62s ease-in-out infinite alternate listen-bars}.listen-song-card.recording .listen-song-icon i:nth-child(2){animation-delay:-200ms}.listen-song-card.recording .listen-song-icon i:nth-child(3){animation-delay:-420ms}@keyframes listen-bars{to{opacity:.45;height:3px}}.listen-song-copy{min-width:0}.listen-song-copy strong{color:#e6dcc8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.listen-song-copy p{color:#85877f;margin:4px 0 0;font-size:9px;line-height:1.45}.listen-song-actions{flex-direction:column;align-items:stretch;gap:5px;display:flex}.listen-song-actions button,.listen-song-actions label{text-align:center;cursor:pointer;border-radius:7px;place-items:center;min-height:32px;padding:0 5px;font-size:9px;font-weight:650;line-height:1.15;display:grid}.listen-song-actions button{color:#46d7cc;background:#0a1d1b;border:1px solid #2e8f88}.listen-song-actions button.stop{color:#ffbe18;background:#1a1306;border-color:#b27f1a}.listen-song-actions button:disabled{color:#58635f;cursor:default;border-color:#364341}.listen-song-actions label{color:#a59f94;background:#0d1112;border:1px solid #414846}.listen-song-actions input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.saved-song-library{background:#0b1011;border:1px solid #303837;border-radius:13px;margin-top:10px;overflow:hidden}.saved-song-library.error{border-color:#564335}.saved-song-heading{justify-content:space-between;align-items:center;min-height:54px;padding:9px 11px;display:flex}.saved-song-heading>div{align-items:center;gap:9px;min-width:0;display:flex}.saved-song-heading svg{color:#35c7bd;flex:none;width:25px;height:25px}.saved-song-heading span{flex-direction:column;gap:2px;min-width:0;display:flex}.saved-song-heading strong{color:#e7dcc8;font-size:12px}.saved-song-heading small{color:#737872;font-size:8px}.saved-song-heading>b{color:#42c9bf;white-space:nowrap;border:1px solid #3a5552;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:650}.saved-song-library.error .saved-song-heading>b{color:#b98264;border-color:#68493a}.saved-song-empty{color:#777b75;border-top:1px solid #252b2b;margin:0;padding:10px 12px 12px;font-size:9px;line-height:1.45}.saved-song-list{border-top:1px solid #252b2b}.saved-song-list>button{width:100%;min-height:60px;color:inherit;text-align:left;cursor:pointer;content-visibility:auto;background:0 0;border:0;border-top:1px solid #222829;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.saved-song-list>button:first-child{border-top:0}.saved-song-list>button:active{background:#0c1918}.saved-song-list>button:disabled{opacity:.5;cursor:default}.saved-song-list>button>svg{color:#ffbe18;width:24px;height:24px}.saved-song-list>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.saved-song-list>button strong{color:#ddd3c0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.saved-song-list>button small{color:#777a74;font-size:8px}.saved-song-list>button em{color:#6e706b;flex-direction:column;align-items:end;gap:4px;font-size:8px;font-style:normal;display:flex}.saved-song-list>button em b{color:#3bc9bf;white-space:nowrap;font-size:8px}.song-lab-empty{text-align:center;background:#0c1011;border:1px solid #292e2f;border-radius:14px;margin-top:13px;padding:24px 18px 18px}.song-lab-empty>div{color:#35c7bd;background:#0a1717;border:1px solid #375f5c;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto;display:grid}.song-lab-empty>div svg{width:34px;height:34px}.song-lab-empty h2{color:#eadfca;margin:12px 0 14px;font-size:17px}.song-lab-empty ol{text-align:left;margin:0;padding:0;list-style:none}.song-lab-empty li{border-top:1px solid #242829;align-items:center;gap:10px;padding:10px 0;display:flex}.song-lab-empty li>span{color:#ffbe18;border:1px solid #86631a;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.song-lab-empty li p{color:#99938a;margin:0;font-size:11px}.song-lab-empty li b{color:#ddd1bc;margin-right:6px;font-weight:650}.song-lab-empty small{color:#5f625f;margin-top:14px;font-size:9px;display:block}.song-analysis-summary{background:#0c1011;border:1px solid #2d3233;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-top:13px;display:grid}.song-analysis-summary>div{border-left:1px solid #282c2d;flex-direction:column;justify-content:center;align-items:center;min-height:76px;display:flex}.song-analysis-summary>div:first-child{border-left:0}.song-analysis-summary span{color:#77756f;font-size:9px}.song-analysis-summary strong{color:#ffbe18;margin-top:3px;font-size:23px;font-weight:620;line-height:1}.song-analysis-summary div:nth-child(2) strong{color:#35c7bd;font-size:17px}.song-analysis-summary small{color:#8f8a81;margin-top:3px;font-size:8px}.song-name-editor{background:#0b1011;border:1px solid #303536;border-radius:12px;margin-top:10px;padding:10px}.song-name-editor>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.song-name-editor label{color:#ded3be;font-size:10px;font-weight:650}.song-name-editor small{color:#6f746f;text-align:right;font-size:8px}.song-name-editor>div:last-child{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:7px;display:grid}.song-name-editor input{color:#eee2cc;width:100%;min-width:0;height:42px;font:inherit;background:#080c0d;border:1px solid #3c4848;border-radius:8px;outline:none;padding:0 10px;font-size:16px}.song-name-editor input:focus{border-color:#35c7bd;box-shadow:0 0 0 2px #35c7bd1c}.song-name-editor input::placeholder{color:#555b58}.song-name-editor button{color:#43cfc5;cursor:pointer;background:#091918;border:1px solid #2d7771;border-radius:8px;min-width:70px;min-height:37px;padding:0 9px;font-size:9px;font-weight:650}.song-name-editor button:disabled{opacity:.48;cursor:default}.song-name-editor.error{border-color:#704534}.song-name-editor.saved{border-color:#285b58}.song-save-action{background:linear-gradient(120deg,#141106,#0b1212);border:1px solid #4d421f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:62px;margin-top:10px;padding:9px 10px;display:flex}.song-save-action.saved{background:#091716;border-color:#286d67}.song-save-action.error{background:#160d09;border-color:#704534}.song-save-action>div{align-items:center;gap:8px;min-width:0;display:flex}.song-save-action>div>svg{color:#ffbe18;flex:none;width:25px;height:25px}.song-save-action.saved>div>svg{color:#35c7bd}.song-save-action span{flex-direction:column;gap:3px;min-width:0;display:flex}.song-save-action strong{color:#e6dbc6;font-size:11px}.song-save-action small{color:#7e7d75;font-size:8px;line-height:1.3}.song-save-action button{color:#ffbe18;cursor:pointer;background:#171207;border:1px solid #a47718;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:68px;min-height:36px;padding:0 9px;font-size:9px;font-weight:650;display:flex}.song-save-action button svg{width:15px;height:15px}.song-save-action.saved button{color:#43cfc5;background:#0a1a19;border-color:#2e7771}.song-save-action button:disabled{cursor:default}.song-save-action.saving button svg{animation:.6s ease-in-out infinite alternate song-pulse}.song-ai-upgrade{background:linear-gradient(120deg,#081817,#101108);border:1px solid #285b58;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:64px;margin-top:9px;padding:9px 10px;display:flex}.song-ai-upgrade.processing{border-color:#8d6718}.song-ai-upgrade.error{border-color:#704534}.song-ai-upgrade>div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.song-ai-upgrade>div:first-child>svg{color:#35c7bd;flex:none;width:25px;height:25px}.song-ai-upgrade.processing>div:first-child>svg{color:#ffbe18;animation:.6s ease-in-out infinite alternate song-pulse}.song-ai-upgrade span{flex-direction:column;gap:3px;min-width:0;display:flex}.song-ai-upgrade strong{color:#e7dcc7;font-size:11px}.song-ai-upgrade small{color:#777b76;font-size:8px;line-height:1.3}.song-ai-actions{flex:none;gap:5px;display:flex}.song-ai-actions button{color:#43cfc5;cursor:pointer;background:#091918;border:1px solid #2e7771;border-radius:8px;min-width:67px;min-height:35px;padding:0 8px;font-size:9px;font-weight:650}.song-ai-actions button:disabled{opacity:.62;cursor:default}.song-waveform{background:#0b0f10;border:1px solid #2c3031;border-radius:12px;margin-top:11px;padding:11px 12px 9px;position:relative}.waveform-bars{align-items:center;gap:1px;height:55px;display:flex}.waveform-bars i{background:#454b4b;flex:1;min-width:1px}.waveform-bars i.played{background:#35c7bd;box-shadow:0 0 4px #35c7bd47}.song-waveform input[type=range]{opacity:0;cursor:pointer;width:calc(100% - 16px);height:64px;margin:0;position:absolute;inset:6px 8px auto}.song-waveform>div:last-child{color:#77756f;grid-template-columns:40px 1fr 40px;align-items:center;margin-top:4px;font-size:8px;display:grid}.song-waveform>div:last-child span{color:#a59d91;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-waveform time:last-child{text-align:right}.song-score-section{background:#090c0d;border:1px solid #3c3d37;border-radius:12px;margin-top:11px;overflow:hidden}.song-score-heading{justify-content:space-between;align-items:center;min-height:50px;padding:10px 13px;display:flex}.song-score-heading div{flex-direction:column;gap:2px;display:flex}.song-score-heading span{color:#817d75;letter-spacing:.1em;font-size:8px}.song-score-heading strong{color:#e9ddc8;font-size:13px}.song-score-heading p{color:#35c7bd;border:1px solid #2d7771;border-radius:999px;margin:0;padding:3px 7px;font-size:8px}.song-score-window{--song-score-row-height:112px;height:calc(var(--song-score-row-height) * 2);border-top:1px solid #282b2c;overflow:hidden}.song-score-track{flex-direction:column;display:flex;transform:translateY(0)}.song-score-row{height:var(--song-score-row-height);flex:0 0 var(--song-score-row-height);border-bottom:1px solid #282b2c;position:relative}.song-score-row.is-current{background:#ffbe1806}.song-score-row .notation-section{height:var(--song-score-row-height);background:0 0;border:0;padding:4px 8px 0}.song-score-row-label{z-index:4;color:#77756f;letter-spacing:.04em;font-size:8px;position:absolute;top:7px;right:10px}.song-score-row.is-current .song-score-row-label{color:#35c7bd}.song-score-finish{color:#5d5c58;letter-spacing:.16em;place-items:center;height:100%;font-size:10px;display:grid}.song-score-section .notation-highlight{width:20px}.song-score-section .sticking-row{left:52px;right:10px}.song-measure-nav{border-top:1px solid #282b2c;grid-template-columns:72px 1fr 72px;align-items:center;gap:6px;min-height:42px;padding:7px 10px;display:grid}.song-measure-nav button{color:#44c8bf;cursor:pointer;background:#0c1515;border:1px solid #3c4443;border-radius:7px;min-height:28px;font-size:9px}.song-measure-nav button:disabled{color:#505754;opacity:.5}.song-measure-nav span{color:#6d6c68;text-align:center;font-size:8px}.song-measure-nav span i{border-radius:50%;width:6px;height:6px;margin:0 2px 1px;display:inline-block}.song-measure-nav .legend-now{background:#35c7bd;box-shadow:0 0 5px #35c7bda6}.song-measure-nav .legend-strike{background:#ffbe18;box-shadow:0 0 5px #ffbe18a6}.song-practice-panel{background:linear-gradient(140deg,#121006,#0b1010);border:1px solid #4b3e1c;border-radius:12px;margin-top:11px;padding:12px}.song-speed-row{align-items:center;gap:6px;display:flex}.song-speed-row>span{color:#8d877d;margin-right:auto;font-size:9px}.song-speed-row button{color:#89877f;cursor:pointer;background:#0c1011;border:1px solid #3c4140;border-radius:6px;min-width:48px;min-height:26px;font-size:9px}.song-speed-row button.active{color:#ffbe18;background:#171207;border-color:#9f7318}.song-main-controls{grid-template-columns:65px 1fr 65px;align-items:center;gap:12px;margin-top:12px;display:grid}.song-main-controls button{cursor:pointer;border:0}.song-skip,.song-loop{color:#a9a195;background:#0c1011;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:0;font-size:9px;display:flex;border:1px solid #4a4e4b!important}.song-loop svg{color:#35c7bd;width:17px;height:17px}.song-loop.active{color:#35c7bd;background:#0b1717;border-color:#35a99f!important}.song-play{color:#ffbe18;background:#0b0d0d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:102px;height:102px;margin:0 auto;font-size:13px;font-weight:680;display:flex;box-shadow:0 0 19px #ffbe183d;border:2px solid #ffbe18!important}.song-play svg{width:26px;height:26px}.song-tempo-correction{border-top:1px solid #302b1e;justify-content:center;align-items:center;gap:14px;min-height:42px;margin-top:11px;padding-top:10px;display:flex}.song-tempo-correction>button{color:#35c7bd;cursor:pointer;background:#111616;border:1px solid #4c5351;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.song-tempo-correction p{flex-direction:column;align-items:center;margin:0;display:flex}.song-tempo-correction p span{color:#77736c;font-size:8px}.song-tempo-correction p strong{color:#d6cab6;font-size:11px}.song-analysis-note{color:#676964;text-align:center;margin:10px 5px 0;font-size:9px;line-height:1.55}.song-lab-screen button:focus-visible,.song-import-card label:focus-within,.listen-song-actions label:focus-within{outline-offset:2px;outline:2px solid #f6ead4}.library-screen{min-height:100%;padding:64px 18px calc(var(--mobile-safe-area-height) + 26px);background:radial-gradient(circle at 82% 3%,#ffb20014,#0000 22%),#080b0c}.library-header{text-align:center;position:relative}.library-header>button{color:#cbc0ad;cursor:pointer;background:#0d1112;border:1px solid #454946;border-radius:15px;align-items:center;gap:4px;min-height:30px;padding:5px 8px;font-size:10px;display:flex;position:absolute;top:0;left:0}.library-header>button svg{color:#35c7bd}.library-header .brand{margin-bottom:3px}.library-header>span{color:#35c7bd;letter-spacing:.2em;font-size:9px;font-weight:700}.library-header h1{color:#f6ead4;letter-spacing:.035em;margin:5px 0 4px;font-size:28px;font-weight:680}.library-header>p:last-child{color:#9e978b;margin:0;font-size:11px}.library-filters{background:#0c1011;border:1px solid #292e2f;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:18px;padding:4px;display:grid}.library-filters button{color:#8e8a82;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-height:30px;padding:0 6px;font-size:11px}.library-filters button.active{color:#ffbe18;background:#181207;border-color:#84621c}.library-filters button:focus-visible,.rhythm-actions button:focus-visible,.library-header>button:focus-visible{outline-offset:2px;outline:2px solid #f6ead4}.rhythm-list{gap:11px;margin-top:13px;display:grid}.rhythm-card{background:linear-gradient(145deg,#0e1213,#0a0d0e);border:1px solid #2d3233;border-radius:13px;padding:13px 14px 12px;box-shadow:0 8px 20px #0000002e}.rhythm-card-topline{align-items:center;display:flex}.rhythm-card-topline>span{color:#625e56;font-family:Georgia,serif;font-size:12px}.rhythm-card-topline>p{color:#3fc9bf;border:1px solid #2c6965;border-radius:999px;margin:0 0 0 8px;padding:2px 6px;font-size:9px}.rhythm-card-topline>div{gap:3px;margin-left:auto;display:flex}.rhythm-card-topline>div i{background:#3d3d39;border-radius:50%;width:5px;height:5px}.rhythm-card-topline>div i.filled{background:#ffbe18;box-shadow:0 0 5px #ffbe1873}.rhythm-card h2{color:#f2e6d1;margin:8px 0 2px;font-size:18px;font-weight:680}.rhythm-flavor{color:#989187;margin:0;font-size:10px}.rhythm-grid{background:repeating-linear-gradient(#0000 0 11px,#51524e38 11px 12px);border-top:1px solid #2b3030;border-bottom:1px solid #2b3030;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;height:50px;margin-top:10px;display:grid}.rhythm-grid span{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.rhythm-grid span i{background:#d9ceb9;border:1px solid #827d73;border-radius:50%;width:7px;height:7px;margin-bottom:5px}.rhythm-grid span b{color:#cfc4b1;min-height:14px;font-size:9px;font-weight:650}.rhythm-grid span.rest i{background:0 0;border-color:#555652}.rhythm-grid span.rest b{color:#5f605c}.rhythm-grid span.accent i{background:#ffbe18;border-color:#ffbe18;width:9px;height:9px;box-shadow:0 0 8px #ffbe185c}.rhythm-grid span.accent b{color:#ffbe18}.rhythm-meta{color:#77746e;gap:10px;margin-top:8px;font-size:9px;display:flex}.rhythm-meta span+span:before{color:#3f403d;content:"•";margin-right:10px}.rhythm-actions{grid-template-columns:1fr 1.25fr;gap:8px;margin-top:10px;display:grid}.rhythm-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:11px;font-weight:650;display:flex}.rhythm-actions button svg{width:15px;height:15px}.rhythm-actions .preview{color:#41c9bf;background:#0a1717;border:1px solid #2e7b75}.rhythm-actions .preview.playing{color:#ffbe18;background:#171207;border-color:#ffbe18}.rhythm-actions .preview:disabled:not(.playing){opacity:.4}.rhythm-actions .practice{color:#ffbe18;background:#171207;border:1px solid #aa7b17}.rhythm-card>a{color:#696965;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:8px;text-decoration:none;display:block;overflow:hidden}.library-license{background:#0b0e0f;border:1px dashed #434440;border-radius:10px;margin-top:14px;padding:14px}.library-license strong{color:#d7ccb8;font-size:12px}.library-license p{color:#85827b;margin:5px 0 7px;font-size:9px;line-height:1.55}.library-license a{color:#35bdb4;font-size:9px;text-decoration:none}.training-console{min-height:100%;padding:64px 0 calc(var(--mobile-safe-area-height) + 20px);background:#080b0c;overflow:hidden}.training-header{text-align:center;padding:0 24px;position:relative}.brand{color:#eadcc3;letter-spacing:.08em;margin:0 0 13px;font-family:Songti SC,STSong,serif;font-size:24px;font-weight:700}.brand-button{cursor:pointer;background:0 0;border:0;margin-left:auto;margin-right:auto;padding:0;display:block}.brand-button:focus-visible{outline-offset:4px;outline:2px solid #f6ead4}.exit-training{color:#d8cdb8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0e1112;border:1px solid #4b4b47;border-radius:16px;align-items:center;gap:5px;min-height:32px;padding:5px 8px;font-size:11px;display:flex;position:absolute;top:1px;left:15px}.exit-training svg{color:#35c7bd;width:14px;height:14px}.exit-training:active{color:#ffbe18;border-color:#ffbe18}.exit-training:focus-visible{outline-offset:3px;outline:2px solid #f6ead4}.training-header h1{color:#f6ead4;letter-spacing:.02em;margin:0;font-size:25px;font-weight:650;line-height:1.2}.round-label{color:#d8cdb8;letter-spacing:.08em;margin:12px 0 0;font-size:15px}.round-label strong{color:#36c7bd;font-size:22px;font-weight:650}.tempo-section{height:162px;margin-top:2px;position:relative;overflow:visible}.tempo-arc-chart{pointer-events:none;height:154px;position:absolute;inset:0 17px auto}.tempo-value{z-index:2;color:#ffbe18;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;width:132px;margin:0;padding:0;display:flex;position:absolute;top:57px;left:50%;transform:translate(-50%)}.tempo-value strong{letter-spacing:-.04em;text-shadow:0 0 18px #ffb00047;font-size:64px;font-weight:560;line-height:.9}.tempo-value span{letter-spacing:.08em;margin-top:8px;font-size:17px;font-weight:650}.tempo-value:focus-visible,.control-row button:focus-visible,.round-track button:focus-visible{outline-offset:4px;outline:2px solid #f6ead4}.tempo-popover{z-index:5;background:#111516;border:1px solid #3e4242;border-radius:19px;justify-content:space-between;align-items:center;width:172px;height:38px;padding:0 8px;display:flex;position:absolute;top:128px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0006}.tempo-popover button{color:#39c9be;background:#202626;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.tempo-popover span{color:#cbbfa9;font-size:11px}.notation-section{background:#090c0d;border-top:1px solid #343536;border-bottom:1px solid #343536;height:122px;padding:8px 16px 0;position:relative}.notation-highlight{z-index:0;background:#ffb70017;width:38px;height:88px;transition:left .11s ease-out;position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 20px #ffb1001a}.notation-highlight.is-hidden{opacity:0}.notation-playhead,.notation-strike-cue{z-index:2;pointer-events:none;height:78px;position:absolute;top:5px;transform:translate(-50%)}.notation-playhead{background:#35c7bd;border-radius:2px;width:2px;box-shadow:0 0 8px #35c7bdb8}.notation-playhead:after{content:"";background:#35c7bd;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #35c7bdcc}.notation-strike-cue{transform-origin:50% 100%;background:#ffbe181f;border:1px solid #ffbe18e0;border-radius:8px;width:23px;box-shadow:0 0 14px #ffbe1847}.notation-strike-cue span{color:#171105;background:#ffbe18;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:800;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 9px #ffbe18b8}.notation-strike-cue.is-cueing{animation:.22s linear both strike-cue-countdown}.notation-strike-cue.is-cueing span{animation:.22s linear both strike-cue-drop}.notation-playhead.is-hidden,.notation-strike-cue.is-hidden{opacity:0}.notation-canvas{z-index:1;width:100%;height:82px;position:relative}.notation-canvas svg{display:block;overflow:visible}.time-signature{z-index:3;color:#f3e8d1;flex-direction:column;align-items:center;width:24px;font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:.82;display:flex;position:absolute;top:34px;left:9px}.sticking-row{z-index:2;color:#eee2cd;text-align:center;grid-template-columns:repeat(8,1fr);font-size:16px;font-weight:700;display:grid;position:absolute;bottom:8px;left:61px;right:19px}.sticking-row .active{color:#ffbe18}.sticking-row .now{color:#35c7bd}.sticking-row .strike{color:#ffbe18;text-shadow:0 0 7px #ffbe1894}.sticking-row .optional{color:#777770;font-weight:520}@keyframes strike-cue-countdown{0%{opacity:.35;transform:translate(-50%)scaleY(1.06)}72%{opacity:1}to{opacity:1;transform:translate(-50%)scaleY(.92)}}@keyframes strike-cue-drop{0%{transform:translate(-50%)}to{transform:translate(-50%,48px)}}.beat-progress{grid-template-columns:repeat(4,1fr);max-width:148px;margin:10px auto 0;display:grid}.beat-progress span{color:#676765;flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex;position:relative}.beat-progress span:before{content:"";background:#525453;width:100%;height:1px;position:absolute;top:5px;right:50%}.beat-progress span:first-child:before{display:none}.beat-progress i{z-index:1;background:#090c0d;border:1px solid #5c5e5d;border-radius:50%;width:10px;height:10px}.beat-progress .active{color:#ffbe18}.beat-progress .active i{background:#ffbe18;border-color:#ffbe18;box-shadow:0 0 10px #ffbe1870}.beat-progress b{font-weight:550}.coach-tip{color:#e1d5c0;letter-spacing:.02em;justify-content:center;align-items:center;gap:12px;margin:12px 0 2px;font-size:15px;display:flex}.coach-tip svg{color:#b87705;filter:drop-shadow(0 0 5px #ffae0040);width:42px;height:22px}.coach-tip svg:last-child{transform:scaleX(-1)}.audio-status{color:#ffbe18;letter-spacing:.025em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#151106;border:1px solid #6d5625;border-radius:999px;align-items:center;gap:6px;min-height:28px;margin:5px auto 10px;padding:4px 11px;font-size:11px;display:flex}.audio-status.ready{color:#48d5ca;background:#0b1717;border-color:#286d69}.audio-status svg{width:14px;height:14px}.audio-status:focus-visible{outline-offset:3px;outline:2px solid #f6ead4}.practice-controls{position:relative}.timer-shell{width:168px;height:168px;margin:0 auto;position:relative}.timer-ring-chart{pointer-events:none;position:absolute;inset:0}.timer-shell time{color:#f0e4cf;font-variant-numeric:tabular-nums;letter-spacing:.03em;place-items:center;font-size:37px;font-weight:500;display:grid;position:absolute;inset:0}.control-row{justify-content:space-between;align-items:flex-end;margin:12px 22px 0;display:flex;position:relative}.control-row button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.utility-control{color:#d8ccb7;background:0 0;flex-direction:column;align-items:center;gap:5px;width:62px;padding:0;font-size:13px;display:flex}.utility-control>span{color:#38c8bd;background:#0c1011;border:1px solid #8a8378;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.utility-control svg{width:20px;height:20px}.utility-control.selected>span{background:#102021;border-color:#43bfb7}.primary-control{color:#ffbe18;background:#0b0d0d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:98px;height:98px;margin:0;display:flex;box-shadow:0 0 18px #ffae0047;border:2px solid #ffbe18!important}.primary-control svg{width:27px;height:27px}.primary-control span{font-size:15px;font-weight:650}.round-track{grid-template-columns:repeat(4,1fr);margin:15px 20px 0;display:grid;position:relative}.round-track:before{content:"";background:#585855;height:1px;position:absolute;top:32px;left:12.5%;right:12.5%}.round-completion-line{z-index:1;pointer-events:none;background:#35c7bd;height:1px;position:absolute;top:32px;left:12.5%}.round-track button{z-index:1;color:#8f877b;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.round-track button>span{background:#080b0c;border:2px solid #66655f;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.round-track button svg{width:12px;height:12px}.round-track button.completed,.round-track button.current{color:#35c7bd}.round-track button.completed>span{color:#081111;background:#35c7bd;border-color:#35c7bd}.round-track button.current>span{border-color:#35c7bd;box-shadow:0 0 10px #35c7bd57}.round-track button b{order:-1;font-weight:520}@media (height<=780px){.journey-screen{padding-top:34px}.journey-header .brand{margin-bottom:10px}.journey-header h1{font-size:24px}.journey-header>p:last-child{margin-top:8px}.journey-map{height:576px;margin-top:10px}.weekly-goal{margin-top:4px}.guide-screen{padding-top:48px}.guide-header{padding-top:68px}.guide-header h1{font-size:24px}.guide-goal{margin-top:13px}.guide-technique li{padding:6px 0}.training-console{padding-top:58px}.brand{margin-bottom:8px;font-size:21px}.training-header h1{font-size:22px}.round-label{margin-top:7px}.tempo-section{height:145px}.tempo-arc-chart{height:138px}.tempo-value{top:51px}.tempo-value strong{font-size:57px}.timer-shell{width:152px;height:152px}.primary-control{width:90px;height:90px}}@media (width<=767px){.journey-screen,.library-screen,.song-lab-screen,.training-console{padding-top:max(26px, env(safe-area-inset-top,0px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.guide-screen{padding-top:max(58px, env(safe-area-inset-top,0px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.app-screen{min-height:100dvh}}@media (width<=767px) and (height<=700px){.training-console{padding-top:max(18px, env(safe-area-inset-top,0px))}.brand{margin-bottom:4px;font-size:19px}.training-header h1{font-size:20px}.round-label{margin-top:4px;font-size:13px}.round-label strong{font-size:19px}.tempo-section{height:126px}.tempo-arc-chart{height:120px}.tempo-value{top:43px}.tempo-value strong{font-size:50px}.tempo-value span{margin-top:5px;font-size:14px}.notation-section{height:110px}.beat-progress{margin-top:7px}.coach-tip{margin-top:8px;font-size:13px}.coach-tip svg{width:32px}.audio-status{margin-top:3px;margin-bottom:8px}.timer-shell{width:138px;height:138px}.timer-shell time{font-size:32px}.control-row{margin-top:10px}.primary-control{width:82px;height:82px}.utility-control>span{width:39px;height:39px}.round-track{margin-top:12px}}