:root{--noche:#0E1B26;--nieve:#F3F5F4;--aurora:#3FCB94;--fiordo:#2C5A72;--niebla:#8DA1AB;--blanco:#fff;--line:rgba(14,27,38,.14);--sg:'Space Grotesk',system-ui,sans-serif;--serif:'Source Serif 4',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--nieve);color:var(--noche);font:18px/1.6 var(--serif)}[hidden]{display:none!important}a{color:var(--fiordo);text-underline-offset:4px}button,a,input,select{touch-action:manipulation}button,input,select{font:500 15px/1.4 var(--sg)}button,select{cursor:pointer}button,.primary{border:1px solid var(--line);border-radius:10px;padding:11px 16px;min-height:44px;background:transparent;color:var(--noche);font:500 15px/1.4 var(--sg)}button:hover{border-color:var(--fiordo);background:rgba(63,203,148,.08)}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--fiordo);outline-offset:4px}button[aria-pressed=true]{background:var(--noche);color:var(--nieve)}.primary{background:var(--aurora);text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-weight:700}.primary:hover{filter:brightness(.97)}.review{background:var(--noche);color:var(--nieve);font:12px/1.5 var(--sg);text-align:center;padding:7px 18px}.masthead{max-width:1120px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);font:500 14px var(--sg)}.masthead a{min-height:44px;display:flex;align-items:center;text-decoration:none}.brand{color:var(--noche);letter-spacing:.04em}.brand b{margin-left:6px}main{max-width:1120px;margin:auto;padding:0 28px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--sg);line-height:1.1;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(36px,4.6vw,63px);max-width:13ch;margin-bottom:20px}h2{font-size:clamp(34px,4vw,49px);margin-bottom:20px}h3{font-size:24px;letter-spacing:-.025em}mark{color:inherit;background:linear-gradient(transparent 15%,rgba(63,203,148,.25) 15%,rgba(63,203,148,.18) 92%,transparent 92%);border-radius:.15em;padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.eyebrow,.small-label{font:700 11px/1.5 var(--sg);text-transform:uppercase;letter-spacing:.13em;color:var(--fiordo);margin-bottom:16px}.opening{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px;padding:58px 0 38px;min-height:680px}.lede{max-width:42ch;color:rgba(14,27,38,.78);font-size:20px}.opening-art{margin:0;align-self:center}.opening-art img{display:block;width:115%;max-width:115%;height:auto;margin-left:-6%}.opening-art figcaption{text-align:center;font:italic 19px var(--serif);margin-top:10px;color:var(--fiordo)}.first-listen{border-top:1px solid var(--line);padding-top:20px}.first-listen .small-label{margin-bottom:10px}.listen{display:inline-flex;align-items:center;gap:10px;color:var(--fiordo)}.listen.large{background:var(--noche);color:var(--nieve);padding:14px 20px;border-color:var(--noche)}.loading{display:block;font:12px var(--sg);margin:6px 0;color:var(--fiordo)}fieldset{border:0;margin:22px 0 0;padding:0}legend{font:500 17px var(--sg);padding:0;margin-bottom:12px}.answers{display:flex;flex-wrap:wrap;gap:8px}.feedback{margin:14px 0 0;padding:12px 16px;border-left:3px solid var(--aurora);background:var(--blanco);font:15px/1.65 var(--sg)}details{margin-top:16px}summary{cursor:pointer;font:500 14px/1.6 var(--sg);color:var(--fiordo);padding:12px 0;min-height:44px}details p{margin-top:12px}.transcript p[lang=nb]{font:500 18px/1.5 var(--sg)}.transcript{font-size:16px}.path{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;flex-wrap:wrap}.path a{font:500 14px var(--sg);text-decoration:none;min-height:44px;display:flex;align-items:center}.progress{font:13px/1.5 var(--sg);color:var(--fiordo);margin:14px 0 0}.section{padding:76px 0;scroll-margin-top:20px;border-bottom:1px solid var(--line)}.section-head{max-width:680px;margin-bottom:30px}.section-head>p:last-child{max-width:57ch;color:rgba(14,27,38,.78)}.card-select{display:grid;gap:8px;max-width:500px;font:500 14px var(--sg);margin:20px 0}select,input{border:1px solid var(--line);border-radius:8px;background:var(--blanco);padding:12px;min-height:44px;color:var(--noche);max-width:100%}.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.block{border:1px solid var(--line);padding:24px;border-radius:12px;background:var(--blanco);display:flex;flex-direction:column;align-items:flex-start}.block .label{font:500 12px var(--sg);color:var(--fiordo);margin-bottom:18px}.block .no{font:500 25px/1.4 var(--sg);margin-bottom:12px}.block .slot{display:block;color:var(--fiordo);border-bottom:2px solid var(--aurora);width:fit-content}.block .listen{margin-top:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px}.note h3{font-size:22px}.note p{font-size:17px}.quiet{font:14px/1.65 var(--sg);color:rgba(14,27,38,.7)}.tinted{background:radial-gradient(ellipse at 65% 50%,rgba(63,203,148,.09),transparent 62%)}.verb-demo{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:var(--blanco);overflow:hidden;margin:30px 0 38px}.verb-demo>div{padding:24px;display:grid;grid-template-columns:1fr auto;gap:10px 6px;align-items:center;border-right:1px solid var(--line)}.verb-demo>div:last-child{border:0}.verb-demo span[lang]{font:500 24px var(--sg)}.verb-demo strong{font:700 36px var(--sg);color:var(--fiordo);background:rgba(63,203,148,.17);padding:2px 14px;border-radius:8px}.verb-demo span:not([lang]){font:14px var(--sg)}.question-lab{padding:28px 0}.switch{display:flex;gap:8px}.sentence,.formula{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 16px;font:500 clamp(20px,3vw,31px)/1.5 var(--sg)}.sentence span,.formula span,.formula b{border:1px solid var(--line);background:var(--blanco);border-radius:8px;padding:10px 15px}.sentence .verb,.formula b{background:rgba(63,203,148,.22);font-weight:700}.sentence-help{font-size:16px}.deep{border-top:1px solid var(--line);padding-top:6px}.deep>summary{font-size:16px}.deep p{max-width:66ch}.talk{border:1px solid var(--line);background:var(--blanco);padding:30px;border-radius:14px}.identity{font:15px/1.6 var(--sg);border-bottom:1px solid var(--line);padding-bottom:20px}.turn{padding:22px 0;border-bottom:1px solid var(--line)}.turn:last-child{border-bottom:0}.turn-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.turn-top>span{font:14px var(--sg)}.model{background:rgba(63,203,148,.1);padding:18px;margin-top:14px;border-radius:8px}.model strong{font:500 22px/1.5 var(--sg)}.model p{margin:5px 0 12px}.small-discovery{margin:40px 0;border-left:4px solid var(--aurora);padding:12px 28px}.small-discovery h3{font-size:42px;margin:0 0 14px}.small-discovery p{max-width:56ch}.transfer{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}audio{width:100%;max-width:520px;display:block;margin:16px 0}.dialog-text p{font-size:16px;margin:8px 0}.scene-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:32px}.scene-heading img{width:100%;height:auto}.rescue{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rescue article{border:1px solid var(--line);border-radius:12px;background:var(--blanco);padding:24px}.rescue h3{font-size:21px}.rescue .no{font:500 23px/1.5 var(--sg)}.rescue p{font-size:16px}.number-table{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:20px}.number-table>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;text-align:center}.number-table b{display:block;font:500 26px var(--sg)}.number-table span{font-size:16px}.check-number{margin:32px 0}#number-form{margin:18px 0;max-width:460px}#number-form label{display:block;font:14px var(--sg);margin:10px 0}#number-form>div{display:flex;gap:8px}#number-form input{min-width:0;width:100%}.text-link{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.5 var(--sg)}.kit-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:26px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 20px}.phrase-bank{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.phrase-row{padding:20px 14px 20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}.phrase-row:nth-child(even){padding-left:24px}.phrase-row strong{font:500 19px/1.4 var(--sg)}.phrase-row p{font-size:15px;margin:6px 0 0}.alphabet{font:500 24px/1.8 var(--sg);letter-spacing:.1em}.finish{max-width:730px;border-bottom:0}footer{max-width:1120px;margin:auto;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);font:13px/1.5 var(--sg)}footer button{font-size:12px}.audio-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--noche);color:var(--nieve);display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;width:max-content;max-width:calc(100% - 24px);box-shadow:0 6px 30px rgba(14,27,38,.2);z-index:100;font:14px/1.4 var(--sg)}.audio-bar span{max-width:45vw}.audio-bar button{color:var(--nieve);border-color:rgba(243,245,244,.3);white-space:nowrap}.global-error{position:fixed;bottom:85px;margin:0 20px;background:var(--blanco);border:1px solid var(--line);padding:14px;font:14px/1.5 var(--sg);z-index:101}.skip{position:absolute;top:-100px;left:10px;z-index:200;background:var(--blanco);padding:12px}.skip:focus{top:5px}
@media(max-width:760px){.opening{grid-template-columns:1fr;gap:20px;padding-top:32px;min-height:0}.opening-art{max-width:340px;margin:auto}.opening-art img{width:100%;max-width:100%;margin:0}.opening-art figcaption{font-size:17px}.opening-copy{display:contents}.opening .eyebrow{order:0}.opening h1{order:1;max-width:15ch}.opening .lede{order:2;margin-bottom:0}.opening-art{order:4}.first-listen{order:3;width:100%}.opening h1{margin-bottom:0}.opening .eyebrow{margin-bottom:0}.blocks{grid-template-columns:1fr}.block{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.block .label{grid-column:1/-1;margin:0}.block .no{margin:0}.block .slot{display:inline}.block .listen{margin:0;padding:10px}.two-col{grid-template-columns:1fr;gap:24px}.verb-demo>div{padding:18px 10px;grid-template-columns:1fr;justify-items:center;gap:13px}.verb-demo span[lang]{font-size:20px}.verb-demo strong{font-size:28px}.scene-heading{grid-template-columns:1fr;gap:28px}.scene-heading img{max-width:340px;margin:auto}.rescue{grid-template-columns:1fr}.phrase-bank{grid-template-columns:1fr}.phrase-row:nth-child(even){padding-left:0}.section{padding:48px 0}.talk{padding:20px}.turn-top{align-items:flex-start;flex-direction:column;gap:8px}.number-table>div{padding:12px 5px}.number-table span{font-size:14px}.path{gap:0}.path a{width:50%;font-size:13px}.path a:last-child{width:100%}.sentence span,.formula span,.formula b{padding:7px 10px}.small-discovery{padding:8px 20px}.kit-actions>a,.kit-actions>button{width:100%}footer{flex-direction:column;align-items:flex-start}.masthead{padding:14px 20px}main{padding:0 20px}.lede{font-size:18px}.audio-bar{gap:8px}.audio-bar button{padding:9px}.audio-bar span{font-size:12px}.section-head{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.opening-art img{width:100%;max-width:100%;margin:0;border-radius:18px}.opening-art figcaption{font-size:17px;line-height:1.5}.origin-lesson{margin:46px 0 0}.origin-lesson figcaption{max-width:600px}.origin-lesson figcaption p{font-size:17px;color:var(--fiordo)}.origin-lesson>img{width:100%;height:auto;display:block;border-radius:12px}.origin-labels{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:22px 26px 0}.origin-labels>div{min-width:0}.origin-labels .small-label{display:block;margin-bottom:10px}.origin-labels p[lang]{font:500 25px/1.4 var(--sg);margin:0 0 8px}.origin-labels p[lang] strong{font-weight:700;box-shadow:inset 0 -.3em rgba(63,203,148,.24)}.origin-labels p:not([lang]){font-size:17px;margin-bottom:14px}.origin-takeaway{margin:28px 26px 0;padding:16px 0;border-top:1px solid var(--line);font-size:17px;max-width:66ch}.grammar-workshop{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px}.grammar-art{margin:0}.grammar-art img{width:100%;height:auto;display:block}.grammar-art figcaption{font:15px/1.6 var(--sg);color:var(--fiordo);max-width:32ch;margin:16px auto;text-align:center}.question-lab>p{font-size:17px}.sentence{gap:10px;font-size:clamp(20px,2.6vw,28px)}.sentence>span{display:flex;flex-direction:column;justify-content:space-between;gap:6px}.sentence small{font:500 11px/1.4 var(--sg);letter-spacing:.025em;color:var(--fiordo)}.sentence b{font-weight:500}.sentence .verb b{font-weight:700}.scene-heading img{border-radius:16px}.repair-path{list-style:none;margin:0 0 30px;padding:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.repair-path li{display:flex;align-items:flex-start;gap:12px}.repair-path li>span{font:700 13px/32px var(--sg);min-width:32px;text-align:center;border-radius:50%;background:rgba(63,203,148,.22)}.repair-path strong{font:700 16px/1.5 var(--sg)}.repair-path p{font-size:16px;line-height:1.5;margin:7px 0 0}
@media(max-width:1000px){.grammar-workshop{grid-template-columns:1fr}.grammar-art{max-width:430px;margin:0 auto 25px}.grammar-art img{max-height:250px;object-fit:contain}.repair-path{gap:16px}}
@media(max-width:760px){.opening-art{max-width:480px}.scene-heading img{max-width:480px}.origin-lesson{margin-top:34px}.origin-labels{gap:18px;padding:14px 0 0}.origin-labels p[lang]{font-size:19px}.origin-labels p:not([lang]){font-size:15px}.origin-labels .small-label{font-size:10px;letter-spacing:.09em}.origin-takeaway{margin:24px 0 0;font-size:16px}.origin-lesson figcaption h3{font-size:24px}.origin-lesson figcaption p{font-size:16px}.sentence{font-size:21px;gap:7px}.sentence>span{padding:9px 11px}.sentence small{font-size:10px}.repair-path{grid-template-columns:1fr;gap:20px}.grammar-art{max-width:360px}.grammar-art figcaption{font-size:14px}.grammar-workshop{gap:0}.grammar-art img{max-height:210px}}
.opening-art img,.scene-heading img,.origin-lesson>img{border-radius:0}.origin-lesson{max-width:820px;margin-left:auto;margin-right:auto}.origin-lesson>img{max-height:420px;object-fit:contain}
/* Práctica y ayudas: el color acompaña mensajes explícitos y nunca revela una respuesta. */
.practice-panel{margin:32px 0;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--blanco)}.practice-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.word-pool,.word-answer{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}.word-pool button{font-size:21px;background:var(--nieve);border-color:var(--fiordo)}.word-pool button:disabled{opacity:.32;cursor:default;border-color:var(--line)}.word-answer{min-height:64px;align-items:center;padding:12px;border:1px dashed var(--niebla);border-radius:10px}.word-answer>span:not(.empty-answer){font:500 22px/1.5 var(--sg);padding:5px 10px;background:rgba(63,203,148,.14);border-radius:6px}.empty-answer{font:15px/1.5 var(--sg);color:var(--fiordo)}#order-prompt{font:500 20px/1.5 var(--sg)}#next-order{margin-top:20px}button:disabled{cursor:default}.listen:disabled{cursor:wait}.listen[data-playing=true]{border-color:var(--fiordo);box-shadow:inset 0 0 0 1px var(--fiordo);background:rgba(63,203,148,.16)}.listen.large[data-playing=true]{background:var(--noche)}.answers button[data-result=correct]{background:rgba(63,203,148,.23);border-color:var(--fiordo);color:var(--noche)}.answers button[data-result=hint]{background:var(--blanco);color:var(--noche);border-style:dashed}.feedback[data-result=correct]{border-left-width:5px}.slow-request{margin:24px 0 34px;padding:22px 0 22px 24px;border-left:3px solid var(--aurora);max-width:700px}.slow-request h3{font-size:clamp(23px,3vw,32px);line-height:1.35}.slow-request p{margin-bottom:14px}.dialog-turn{padding:13px 0;border-bottom:1px solid var(--line)}.dialog-turn:last-child{border-bottom:0}.dialog-turn p[lang]{font:500 17px/1.6 var(--sg);margin:0}.dialog-turn .translation{font:16px/1.6 var(--serif);margin:7px 0 0;color:var(--fiordo)}.audio-bar{padding-bottom:max(10px,env(safe-area-inset-bottom));}.audio-bar span{overflow-wrap:anywhere}.audio-bar span[role=status]{max-width:min(520px,45vw)}.audio-bar button{flex-shrink:0}.global-error{max-width:680px}#audio-load-error p{margin-bottom:12px}.kit-actions button{font-size:14px}.phrase-row strong{overflow-wrap:anywhere}body{padding-bottom:90px}.finish details[open]{margin-bottom:24px}
@media(max-width:760px){.practice-panel{padding:21px 17px}.practice-actions{gap:8px}.practice-actions button{font-size:13px}.word-pool button{font-size:19px}.word-answer>span:not(.empty-answer){font-size:19px}.slow-request{padding-left:20px}.audio-bar{bottom:8px}.audio-bar span[role=status]{max-width:40vw}.audio-bar button{font-size:12px}.kit-actions .text-link{justify-content:center}.block .no{font-size:22px}.block .listen{font-size:12px}}
@media(max-width:359px){.block{grid-template-columns:1fr}.block .listen{width:fit-content;margin-top:6px}.audio-bar{gap:6px;padding:8px 10px}.audio-bar span[role=status]{max-width:35vw}.audio-bar button{padding:8px}}