@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#14213d;background:#f5faff;font-family:Nunito Sans Variable,Avenir Next,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #14213d;--paper: #f5faff;--white: #ffffff;--pool: #bde8f2;--mango: #ffc857;--coral: #f26b5e;--leaf: #3c9d77;--muted: #62718b;--line: rgba(20, 33, 61, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 40px}.site-header{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:2px solid var(--ink)}.brand{display:inline-flex;width:max-content;gap:11px;align-items:center;text-decoration:none}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-family:Fredoka Variable,sans-serif;font-size:1.23rem;letter-spacing:-.02em}.brand small{margin-top:5px;color:var(--muted);font-size:.69rem;font-weight:750}.brand-mark{width:46px;height:34px;padding:8px;display:flex;align-items:center;justify-content:space-between;background:var(--mango);border:2px solid var(--ink);border-radius:9px 9px 4px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.brand-mark span{width:10px;height:10px;border:2px solid var(--ink);background:var(--paper);border-radius:50%}.language-route{min-height:48px;display:flex;align-items:center;padding:4px;border:2px solid var(--ink);background:var(--white);border-radius:999px}.language-name{padding:0 14px;font-size:.82rem;font-weight:850;white-space:nowrap}.target-language{color:#8f2d2c}.language-route button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--pool)}.language-route button:hover{background:var(--mango)}.headphone-note{justify-self:end;display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.8rem;font-weight:750}.app-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:54px 0 38px}.lesson-sidebar{min-width:0}.intro-copy .kicker{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#8f2d2c;font-weight:850;font-size:.84rem}.intro-copy h1{max-width:9ch;margin:0;font-family:Fredoka Variable,sans-serif;font-size:clamp(2.7rem,4.1vw,4.6rem);line-height:.96;letter-spacing:-.055em;font-weight:650}.intro-copy>p:last-child{max-width:31ch;margin:22px 0 38px;color:var(--muted);font-size:1rem;line-height:1.55}.picker-title{margin:0 0 11px;font-family:Fredoka Variable,sans-serif;font-size:1rem}.lesson-picker{display:grid;border-top:2px solid var(--ink)}.lesson-tab{position:relative;width:100%;min-height:68px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:9px 10px 9px 4px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line)}.lesson-tab:after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:4px;border-radius:4px;background:transparent}.lesson-tab[data-active=true]:after{background:var(--coral)}.lesson-tab[data-active=true]{background:#bde8f247}.lesson-tab:hover{background:#bde8f273}.lesson-icon{width:36px;height:36px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--white)}.lesson-tab[data-active=true] .lesson-icon{background:var(--mango);box-shadow:2px 2px 0 var(--ink)}.lesson-tab strong,.lesson-tab small{display:block}.lesson-tab strong{font-family:Fredoka Variable,sans-serif;font-size:.97rem;font-weight:600}.lesson-tab small{margin-top:2px;color:var(--muted);font-size:.73rem}.custom-tab{border-bottom:2px solid var(--ink)}.how-it-works{margin-top:34px;display:grid;grid-template-columns:26px 1fr;gap:10px 9px;align-items:center}.how-it-works span{width:24px;height:24px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;font-family:Fredoka Variable,sans-serif;font-size:.72rem;font-weight:650;background:var(--mango)}.how-it-works p{margin:0;font-size:.76rem;color:var(--muted)}.how-it-works strong{color:var(--ink)}.studio-panel{min-width:0;align-self:start;background:var(--white);border:2px solid var(--ink);border-radius:32px 32px 8px;box-shadow:9px 9px 0 var(--ink);overflow:clip}.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 30px 24px;border-bottom:1px solid var(--line)}.studio-heading h2{margin:3px 0 4px;font-family:Fredoka Variable,sans-serif;font-size:clamp(1.85rem,3vw,2.7rem);line-height:1;letter-spacing:-.035em;font-weight:650}.studio-heading>div>p:last-child{margin:0;color:var(--muted);font-size:.82rem}.now-learning{margin:0;color:var(--muted);font-size:.74rem;font-weight:850}.now-learning span{display:inline-grid;place-items:center;min-width:28px;height:22px;margin-left:6px;padding:0 6px;color:var(--ink);background:var(--coral);border:1px solid var(--ink);border-radius:6px}.variation-button,.practice-button,.secondary-button,.primary-button,.text-button,.add-row{min-height:44px;display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:10px;font-weight:850;font-size:.8rem}.variation-button{padding:0 14px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.variation-button:hover{background:var(--pool)}.player-layout{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(320px,1.1fr);min-height:590px}.player-layout>div:first-child{min-width:0;padding:30px;background:var(--pool);border-right:1px solid var(--line)}.cassette{position:relative;aspect-ratio:1.55 / 1;width:100%;max-width:500px;margin:0 auto;padding:24px 24px 20px;background:var(--mango);border:3px solid var(--ink);border-radius:18px 18px 32px;box-shadow:7px 7px #14213d38;transform:rotate(-.7deg)}.cassette-label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.57rem;font-weight:900}.cassette-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:Fredoka Variable,sans-serif;font-size:.8rem}.tape-window{height:45%;margin:15px 0 17px;padding:10px clamp(14px,3vw,30px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--paper);border:3px solid var(--ink);border-radius:30px 12px}.reel{position:relative;width:clamp(52px,8vw,72px);aspect-ratio:1;display:block;border:5px solid var(--ink);border-radius:50%;background:var(--white)}.reel:after{content:"";position:absolute;inset:35%;border:2px solid var(--ink);border-radius:50%;background:var(--coral)}.reel i{position:absolute;top:48%;left:8%;width:84%;height:3px;background:var(--ink);transform-origin:center}.reel i:nth-child(2){transform:rotate(60deg)}.reel i:nth-child(3){transform:rotate(120deg)}.reel.spinning{animation:reel-spin 2.1s linear infinite}.tape-track{height:8px;overflow:hidden;border:2px solid var(--ink);border-radius:10px;background:var(--white)}.tape-track span{display:block;height:100%;min-width:3px;background:var(--coral);transition:width .12s linear}.cassette-footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.52rem;font-weight:950}.sequencer{justify-self:center;display:flex;gap:5px}.sequencer i{width:8px;height:8px;display:block;border:1px solid var(--ink);border-radius:50%;background:var(--white)}.sequencer i.lit{background:var(--coral)}.cassette-screws i{position:absolute;width:6px;height:6px;border:1.5px solid var(--ink);border-radius:50%}.cassette-screws i:nth-child(1){top:9px;left:10px}.cassette-screws i:nth-child(2){top:9px;right:10px}.cassette-screws i:nth-child(3){bottom:9px;left:10px}.cassette-screws i:nth-child(4){bottom:9px;right:10px}.song-controls{margin-top:24px}.control-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.control-fields label>span{display:block;margin:0 0 6px 3px;font-size:.66rem;font-weight:850}.control-fields select{width:100%;min-height:44px;padding:0 30px 0 11px;border:1.5px solid var(--ink);border-radius:10px;background:var(--white);font-weight:800;font-size:.75rem}.speech-toggle{align-self:end;min-width:48px;min-height:44px;padding:0 12px;display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:10px;background:var(--white);font-size:.74rem;font-weight:850}.speech-toggle[aria-pressed=true]{background:var(--mango)}.transport-dock{display:grid;grid-template-columns:48px minmax(120px,1fr) 48px;gap:10px;max-width:320px;margin:18px auto 0}.round-control,.play-control{min-height:48px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.round-control{display:grid;place-items:center;background:var(--white);border-radius:50%}.play-control{padding:0 18px;display:flex;gap:8px;align-items:center;justify-content:center;background:var(--coral);border-radius:999px;font-weight:950}.play-control:hover,.primary-button:hover,.practice-button:hover{background:var(--mango)}.support-note{margin:13px 0 0;color:#862f2e;text-align:center;font-size:.72rem;font-weight:750}.lyrics-section,.practice-panel{min-width:0;padding:28px 30px}.section-heading,.practice-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.section-heading h2,.practice-topline h2{margin:0;font-family:Fredoka Variable,sans-serif;font-size:1.2rem;font-weight:650}.section-heading p,.practice-topline p{margin:2px 0 0;color:var(--muted);font-size:.74rem}.section-heading>svg{color:var(--coral)}.lyrics-list{max-height:490px;overflow-y:auto;padding:0 7px 0 0;margin:0;list-style:none;scrollbar-color:var(--pool) transparent}.lyrics-list li+li{border-top:1px solid var(--line)}.lyric-line{width:100%;min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:10px 8px;border:0;border-left:4px solid transparent;text-align:left;background:transparent}.lyric-line:hover{background:#bde8f240}.lyric-line[data-active=true]{background:#fff4d7;border-left-color:var(--coral)}.line-number{color:var(--muted);font-family:Fredoka Variable,sans-serif;font-size:.7rem}.line-copy{min-width:0}.line-copy>strong,.pair-lyric{display:block;font-family:Fredoka Variable,sans-serif;font-size:clamp(.95rem,1.3vw,1.12rem);line-height:1.25;font-weight:550}.pair-lyric{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pair-lyric strong{color:#a03735;font-size:1.12em}.lyric-beat{color:var(--coral)}.line-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem}.line-pulse{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:18px;opacity:0}.lyric-line[data-active=true] .line-pulse{opacity:1}.line-pulse i{width:3px;height:7px;background:var(--coral);animation:pulse-bar .8s ease-in-out infinite alternate}.line-pulse i:nth-child(2){height:15px;animation-delay:.16s}.line-pulse i:nth-child(3){height:10px;animation-delay:.32s}.lyric-recap .line-copy>strong{color:#1c795a}.studio-actions{min-height:72px;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line)}.studio-actions p{display:flex;align-items:center;gap:8px;max-width:52ch;margin:0;color:var(--muted);font-size:.72rem}.studio-actions p svg{flex:0 0 auto;color:var(--coral)}.practice-button{padding:0 22px;background:var(--leaf);color:var(--white);box-shadow:3px 3px 0 var(--ink)}.practice-panel{display:flex;flex-direction:column}.text-button{min-height:40px;padding:0 10px;border-color:transparent;background:transparent;color:var(--muted)}.question-count{color:var(--muted);font-size:.72rem;font-weight:850}.question-prompt{margin:22px 0;font-family:Fredoka Variable,sans-serif;font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.2}.question-prompt strong{color:#a03735}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-grid button{min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper);font-family:Fredoka Variable,sans-serif;font-weight:550}.answer-grid button[data-result=correct]{background:#dff5e9;border-color:#1c795a}.answer-grid button[data-result=incorrect]{background:#ffe6e2;border-color:#a03735}.answer-feedback{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.answer-feedback p{margin:0;font-weight:800}.primary-button{padding:0 18px;background:var(--mango);box-shadow:3px 3px 0 var(--ink)}.score-card{flex:1;display:grid;place-items:center;align-content:center;text-align:center}.score-card>span{font-family:Fredoka Variable,sans-serif;font-size:5rem;line-height:1;color:var(--leaf)}.score-card h3{max-width:18ch;margin:16px 0 25px;font-family:Fredoka Variable,sans-serif;font-size:1.55rem}.dialog-scrim{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#14213da3}.custom-dialog{width:min(680px,100%);max-height:min(800px,92dvh);overflow-y:auto;padding:26px;background:var(--white);border:2px solid var(--ink);border-radius:26px 26px 8px;box-shadow:8px 8px 0 var(--ink)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.dialog-header h2{margin:0;font-family:Fredoka Variable,sans-serif;font-size:1.8rem}.dialog-header p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.icon-button,.remove-row{width:44px;height:44px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper)}.custom-rows{margin-top:18px}.custom-row{display:grid;grid-template-columns:1fr 1fr 44px;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.custom-row label span{display:block;margin:0 0 5px 3px;font-size:.69rem;font-weight:850}.custom-row input{width:100%;min-height:46px;padding:0 12px;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper)}.custom-row input:focus{background:var(--white)}.remove-row{align-self:end}.row-error{grid-column:1 / -1;margin:0;color:#962f2d;font-size:.72rem;font-weight:750}.add-row{margin-top:14px;padding:0 14px;background:var(--pool)}.form-error{color:#962f2d;font-weight:800;font-size:.82rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.secondary-button{padding:0 18px;background:var(--white)}footer{padding:24px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:750;text-align:center}@keyframes reel-spin{to{transform:rotate(360deg)}}@keyframes pulse-bar{to{height:17px}}@media(max-width:1050px){.app-shell{padding:0 24px}.app-layout{grid-template-columns:220px minmax(0,1fr);gap:26px}.player-layout{grid-template-columns:1fr}.player-layout>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.lyrics-list{max-height:380px}.headphone-note{display:none}.site-header{grid-template-columns:1fr auto}}@media(max-width:760px){.app-shell{padding:0 15px}.site-header{min-height:76px;gap:10px}.brand small{display:none}.brand-mark{width:40px;height:31px}.language-route{min-height:44px}.language-name{padding:0 8px;font-size:.7rem}.source-language{display:none}.app-layout{display:block;padding:34px 0 30px}.intro-copy h1{max-width:12ch;font-size:clamp(2.65rem,13vw,4rem)}.intro-copy>p:last-child{margin-bottom:28px}.lesson-picker{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-bottom:2px solid var(--ink);scrollbar-width:none}.lesson-picker::-webkit-scrollbar{display:none}.lesson-tab{flex:0 0 155px;min-height:82px;scroll-snap-align:start;border-right:1px solid var(--line);border-bottom:0;grid-template-columns:35px 1fr}.lesson-tab:after{inset:auto 7px 0;width:auto;height:4px}.custom-tab{border-right:0}.how-it-works{display:none}.studio-panel{margin-top:28px;border-radius:24px 24px 7px;box-shadow:5px 5px 0 var(--ink);overflow:visible}.studio-heading{padding:22px 18px 18px;align-items:flex-end}.studio-heading h2{font-size:1.8rem}.variation-button{width:44px;min-width:44px;flex:0 0 44px;padding:0}.variation-button svg{margin:auto}.variation-button{font-size:0}.player-layout>div:first-child{padding:22px 18px;border-radius:0}.cassette{padding:20px 18px 16px}.control-fields{grid-template-columns:1fr 1fr}.speech-toggle{grid-column:1 / -1}.transport-dock{position:sticky;z-index:8;bottom:max(10px,env(safe-area-inset-bottom));padding:8px;background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink)}.round-control,.play-control{box-shadow:none}.lyrics-section,.practice-panel{padding:24px 18px}.lyrics-list{max-height:none}.studio-actions{padding:14px 18px}.studio-actions p{display:none}.practice-button{width:100%}footer{margin-top:14px}}@media(max-width:440px){.brand strong{font-size:1.03rem}.brand-mark{width:37px}.target-language{max-width:74px;overflow:hidden;text-overflow:ellipsis}.studio-heading>div>p:last-child{display:none}.cassette{min-height:205px}.tape-window{padding-inline:10px}.reel{width:50px}.cassette-footer>span:last-child{display:none}.cassette-footer{grid-template-columns:auto 1fr}.speech-toggle span{display:inline}.lyric-line{grid-template-columns:28px minmax(0,1fr) 24px;padding-inline:4px}.answer-grid{grid-template-columns:1fr}.answer-feedback{align-items:stretch;flex-direction:column}.custom-row{grid-template-columns:1fr 44px}.custom-row label{grid-column:1 / -1}.remove-row{grid-column:2}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(prefers-contrast:more){:root{--line: rgba(20, 33, 61, .52)}.lesson-tab,.lyric-line{border-color:var(--ink)}}