:root{color:#19332f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#19332f;--forest:#173f3a;--forest-2:#24554d;--cream:#f7f3eb;--paper:#fffdf8;--coral:#ed745d;--coral-deep:#d95e49;--sun:#efb74d;--sage:#b8c9b7;--muted:#70817d;--line:#dedbd1;background:#f3eee4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 20%,#efb74d1a,#0000 26rem),#f3eee4;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ed745d59}.app-shell{grid-template-columns:minmax(260px,330px) 1fr;min-height:100vh;display:grid}.sidebar{color:#f7f3eb;background:linear-gradient(#173f3af5,#173f3afc),repeating-linear-gradient(115deg,#0000 0 25px,#ffffff0a 25px 26px);flex-direction:column;height:100vh;min-height:100vh;padding:42px 38px 34px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:after{content:"";border:1px solid #f7f3eb14;border-radius:50%;width:240px;height:240px;position:absolute;top:130px;right:-150px;box-shadow:0 0 0 45px #f7f3eb06,0 0 0 90px #f7f3eb04}.brand,.mobile-brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:23px;font-weight:780;display:flex}.brand-mark{border:3px solid var(--coral);border-radius:50%;place-items:center;width:29px;height:29px;display:inline-grid;position:relative}.brand-mark:after,.brand-mark span{content:"";border:2px solid var(--sun);border-radius:50%;width:11px;height:11px;position:absolute}.brand-mark span{background:var(--cream);border:0;width:3px;height:3px}.sidebar-copy{z-index:1;margin-top:88px;position:relative}.sidebar-kicker,.eyebrow{letter-spacing:.17em;font-size:10px;font-weight:800;line-height:1}.sidebar-kicker{color:#eeb84f}.sidebar-copy h1{letter-spacing:-.035em;margin:16px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3vw,43px);font-weight:500;line-height:1.08}.sidebar-copy>p{color:#b9cbc5;max-width:250px;font-size:14px;line-height:1.65}.sidebar-progress{border-top:1px solid #f7f3eb24;border-bottom:1px solid #f7f3eb24;grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.progress-stat{padding:19px 14px 19px 0}.progress-stat+.progress-stat{border-left:1px solid #f7f3eb24;padding-left:19px}.progress-stat span{color:#a9bdb7;align-items:center;gap:6px;font-size:11px;display:flex}.progress-stat strong{margin-top:7px;font-family:Georgia,serif;font-size:28px;font-weight:500;display:block}.sidebar-tip{color:#adc0ba;align-items:flex-start;gap:10px;padding-top:22px;display:flex}.sidebar-tip svg{color:var(--sun);flex:none}.sidebar-tip p{margin:0;font-size:11px;line-height:1.55}.sidebar-tip strong{color:#f7f3eb}.practice-area{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#f7f3ebbf;border-bottom:1px solid #19332f1a;justify-content:flex-end;align-items:center;gap:28px;height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.mobile-brand{display:none}.difficulty-picker{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.difficulty-picker select{color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:750}.practice-content{width:min(850px,100% - 48px);margin:44px auto 80px}.custom-analyzer{background:#fffdf8b8;border:1px solid #2d3d381a;border-radius:14px;grid-template-columns:minmax(190px,.8fr) minmax(300px,1.2fr);align-items:center;gap:24px;margin:0 0 18px;padding:17px 19px;display:grid;box-shadow:0 7px 24px #29322c0b}.custom-analyzer label{gap:4px;display:grid}.custom-analyzer label strong{font-size:12px}.custom-analyzer label span{color:var(--muted);font-size:9px;line-height:1.4}.custom-input-row{grid-template-columns:1fr auto;gap:8px;display:grid}.custom-input-row input{background:var(--paper);width:100%;min-width:0;color:var(--ink);border:1px solid #d9d5ca;border-radius:9px;padding:10px 12px;font-size:12px}.custom-input-row input::placeholder{color:#9ba5a1}.custom-input-row button{border:1px solid var(--forest);background:var(--forest);color:#fff;cursor:pointer;border-radius:9px;padding:0 15px;font-size:10px;font-weight:800}.custom-input-row button:disabled{cursor:not-allowed;background:#c9ceca;border-color:#c9ceca}.mode-tabs{background:#e7e2d8;border-radius:14px;grid-template-columns:1fr 1fr;width:min(510px,100%);margin:0 auto 22px;padding:5px;display:grid}.mode-tab{cursor:pointer;color:#74817e;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 20px;transition:all .16s;display:flex}.mode-tab span{text-align:left;display:grid}.mode-tab strong{font-size:12px}.mode-tab small{color:#909b98;margin-top:2px;font-size:9px}.mode-tab.active{background:var(--paper);color:var(--forest);box-shadow:0 3px 12px #26363114}.mode-tab.active svg{color:var(--coral)}.practice-card{background:var(--paper);border:1px solid #2d3d3817;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #29322c14}.card-topline{border-bottom:1px solid #ece8df;justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.difficulty-tag{letter-spacing:.12em;text-transform:uppercase;color:#52705b;background:#e4eee5;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850}.difficulty-tag.medio{color:#9b681c;background:#fbebc9}.difficulty-tag.reto{color:#9f5144;background:#f8dcd7}.difficulty-tag.custom{color:#3e6870;background:#dfeaec}.new-phrase-button{color:#6f7e7a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px;font-size:11px;font-weight:750;display:flex}.new-phrase-button:hover{color:var(--coral-deep)}.speak-prompt{text-align:center;padding:52px 42px 30px}.eyebrow{color:var(--coral-deep)}.speak-prompt h2{letter-spacing:-.035em;margin:13px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,4vw,39px);font-weight:500;line-height:1.15}.speak-prompt>p:not(.sentence-display):not(.exercise-hint){color:var(--muted);margin:0;font-size:13px}.sentence-display{color:var(--ink);max-width:620px;margin:34px auto 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,4vw,36px);line-height:1.3}.exercise-hint{color:#7c8c87;margin:0 0 24px;font-size:11px}.say-it-cue{background:#faf8f2;border:1px solid #d9d8d0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:min(390px,100%);min-height:62px;margin:24px auto 4px;display:flex}.say-it-cue>span:last-child{text-align:left;display:grid}.say-it-cue strong{font-size:12px}.say-it-cue small{color:#8a9693;margin-top:3px;font-size:9px}.say-it-icon{width:38px;height:38px;color:var(--coral-deep);background:#f4ded8;border-radius:50%;place-items:center;display:grid}.reveal-button{width:100%;height:59px;color:var(--forest);cursor:pointer;background:#faf8f2;border:0;border-top:1px solid #ece8df;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.reveal-button:disabled{color:#aeb5b2;cursor:not-allowed}.reveal-button:not(:disabled):hover{background:#f5f1e9}.revealed-content{border-top:1px solid #ece8df}.revealed-sentence{text-align:center;padding:30px 30px 8px}.revealed-sentence.original-stage{border-top:1px solid #dedbd1;margin:0 24px 20px;padding:25px 24px}.revealed-sentence.original-stage .eyebrow{margin-bottom:11px;display:block}.revealed-sentence p{margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(24px,4vw,34px)}.revealed-sentence button{color:var(--coral-deep);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:750}.revealed-sentence>span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.reveal-panel{background:#f4efe5;border:1px solid #e1dbcf;border-radius:14px;margin:24px;overflow:hidden}.reveal-heading{border-bottom:1px solid #ded7cb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reveal-heading svg{color:var(--sun)}.reveal-heading h3{margin:7px 0 0;font-family:Georgia,serif;font-size:20px;font-weight:500}.stress-legend{color:#778681;margin-top:8px;font-size:9px;display:block}.stress-legend strong{color:var(--ink);-webkit-text-decoration:underline 2px var(--sun);text-decoration:underline 2px var(--sun);text-underline-offset:3px;font-weight:850}.breakdown-row{grid-template-columns:90px 1fr;align-items:start;gap:14px;padding:20px 24px;display:grid}.breakdown-row+.breakdown-row{border-top:1px solid #ded7cb}.breakdown-label{color:#7e8d88;text-transform:uppercase;letter-spacing:.09em;padding-top:7px;font-size:9px;font-weight:850}.written-breakdown{flex-wrap:wrap;gap:7px 12px;display:flex}.written-word{background:#ffffff8f;border-radius:6px;padding:5px 8px;font-family:Georgia,serif;font-size:17px}.written-dot{color:#a0a49e}.written-syllable.stressed,.syllable.stressed{-webkit-text-decoration:underline 2px var(--sun);text-decoration:underline 2px var(--sun);text-underline-offset:4px;font-weight:850}.flowing-row{background:#fffdf8a6}.flow-breakdown{flex-wrap:wrap;align-items:center;row-gap:9px;display:flex}.flow-unit{align-items:center;display:inline-flex}.syllable-dash{color:#a8aaa3;margin:0 3px}.syllable{border-radius:6px;padding:4px 2px;font-family:Georgia,serif;font-size:19px}.syllable.linked{color:#a84738;background:#f7d6ce;padding:4px 7px;box-shadow:inset 0 -2px #d95e4933}.vowel-cue{cursor:help;border-bottom:1px dotted;outline:none;position:relative}.vowel-cue:before,.vowel-cue:after{z-index:20;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;position:absolute;left:50%}.vowel-cue:before{content:"";border:5px solid #0000;border-top-color:var(--forest);width:0;height:0;bottom:calc(100% + 4px);transform:translate(-50%,2px)}.vowel-cue:after{content:attr(data-tooltip);background:var(--forest);color:#fff;white-space:nowrap;border-radius:7px;padding:7px 9px;font-family:Inter,ui-sans-serif,sans-serif;font-size:9px;font-weight:700;line-height:1;bottom:calc(100% + 14px);transform:translate(-50%,4px);box-shadow:0 5px 16px #19332f33}.vowel-cue:hover:before,.vowel-cue:hover:after,.vowel-cue:focus-visible:before,.vowel-cue:focus-visible:after{opacity:1;transform:translate(-50%)}.vowel-cue:focus-visible{border-radius:2px;box-shadow:0 0 0 3px #ed745d40}.link-notes{gap:8px;padding:0 24px 20px 128px;display:grid}.notes-label{color:#7e8d88;text-transform:uppercase;letter-spacing:.09em;margin-bottom:2px;font-size:9px;font-weight:850}.link-note{color:#657772;align-items:center;gap:9px;font-size:10px;line-height:1.45;display:flex}.link-note strong{color:var(--ink)}.link-note em{color:var(--coral-deep);font-style:normal;font-weight:800}.link-badge{background:var(--coral);color:#fff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-weight:850;display:grid}.no-connections,.no-sound-changes{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.sound-notes{border-top:1px solid #ded7cb;gap:8px;padding:18px 24px 21px 128px;display:grid}.sound-note{color:#657772;align-items:center;gap:9px;font-size:10px;line-height:1.45;display:flex}.sound-note strong{color:var(--ink)}.sound-note em{color:#3f6c70;font-style:normal;font-weight:850}.sound-badge{color:#fff;background:#5f898c;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-weight:850;display:grid}.sound-change-stage{background:#f1f6f3;border:1px solid #d6ddda;border-radius:14px;margin:0 24px 24px;overflow:hidden}.sound-change-stage>div:first-child{padding:20px 24px 15px}.sound-change-stage h3{margin:7px 0 0;font-family:Georgia,serif;font-size:19px;font-weight:500}.sound-change-stage .sound-notes{border-color:#d6ddda;padding:17px 24px 20px}.sound-change-stage .no-sound-changes{padding:0 24px 20px}.stage-reveal-button{width:calc(100% - 48px);min-height:52px;color:var(--forest);cursor:pointer;background:0 0;border:1px solid #d9d5ca;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:0 24px 24px;font-size:11px;font-weight:800;display:flex}.stage-reveal-button:hover{background:#f8f4ec}.revealed-content>.reveal-panel+.reveal-panel{margin-top:0;box-shadow:inset 4px 0 #ed745d8c}.round-actions{justify-content:space-between;align-items:center;gap:20px;padding:20px 24px 24px;display:flex}.round-actions p{color:var(--muted);margin:6px 0 0;font-size:10px}.round-buttons{gap:8px;display:flex}.round-buttons button{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:10px 14px;font-size:10px;font-weight:800;display:flex}.again-button{background:0 0;border:1px solid #d8d6cf}.got-it-button{border:1px solid var(--forest);background:var(--forest);color:#fff}@media (width<=820px){.app-shell{display:block}.sidebar{display:none}.topbar{justify-content:space-between;height:64px;padding:0 20px}.mobile-brand{font-size:19px;display:flex}.mobile-brand .brand-mark{width:25px;height:25px}.practice-content{margin-top:28px}}@media (width<=560px){.practice-content{width:min(100% - 24px,850px);margin-bottom:28px}.custom-analyzer{grid-template-columns:1fr;gap:11px;padding:15px}.mode-tab{padding:9px 8px}.mode-tab small{display:none}.practice-card{border-radius:15px}.card-topline{padding:16px 18px}.speak-prompt{padding:42px 20px 26px}.reveal-panel{margin:14px}.reveal-heading,.breakdown-row{padding:17px}.breakdown-row{grid-template-columns:1fr;gap:9px}.breakdown-label{padding-top:0}.link-notes,.sound-notes{padding:0 17px 17px}.sound-change-stage{margin:0 14px 14px}.round-actions{flex-direction:column;align-items:stretch}.round-buttons button{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}