.quiz-app{font-family:var(--font-body);flex-direction:column;gap:1.25rem;display:flex}.quiz-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mode-toggle{border:1px solid var(--color-border);background:var(--color-card);box-shadow:0 2px 0 var(--color-border);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.mode-toggle button{cursor:pointer;font:inherit;color:var(--color-ink-soft);background:0 0;border:none;border-radius:999px;padding:.45rem 1.15rem;font-weight:700;transition:background-color .12s,color .12s}.mode-toggle button:hover:not(.active){color:var(--color-primary-dark);background:var(--color-primary-tint)}.mode-toggle button.active{background:var(--color-primary);color:#fff}.quiz-toolbar select{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-ink);border-radius:999px;padding:.55rem .85rem;font-weight:600}.progress-label{color:var(--color-ink-soft);margin:0 0 .5rem;font-size:.85rem}.flashcard{border:2px solid var(--color-ink);background:var(--color-card);cursor:pointer;width:100%;min-height:220px;box-shadow:0 6px 0 var(--color-border);border-radius:20px;padding:0;display:block}.flashcard .face{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:220px;padding:1.5rem;display:flex}.flashcard .es{font-size:1.5rem;font-weight:600}.flashcard .en{color:var(--color-ink-soft)}.flashcard .hint{color:var(--color-primary);font-size:.8rem;font-weight:600}.flashcard .label{text-transform:uppercase;color:var(--color-primary);font-size:.75rem;font-weight:700}.controls{justify-content:center;gap:.5rem;display:flex}.controls button{border:2px solid var(--color-primary-tint-border);background:var(--color-primary-tint);cursor:pointer;font:inherit;color:var(--color-primary-dark);border-radius:999px;padding:.6rem 1.2rem;font-weight:700;transition:background-color .12s,border-color .12s,color .12s}.controls button:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.mark-known,.mark-unknown{font-weight:700}.mark-known{border-color:var(--color-success);color:var(--color-success)}.mark-known:hover{border-color:var(--color-success);color:#fff;background:var(--color-success)}.mark-unknown{border-color:var(--color-error);color:var(--color-error)}.mark-unknown:hover{border-color:var(--color-error);color:#fff;background:var(--color-error)}.review-done{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}.review-done-score{margin:0;font-size:1.6rem;font-weight:700}.review-done-sub{color:var(--color-ink-soft);margin:0 0 .75rem}.review-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);font-weight:800}.review-primary:hover{color:#fff;border-color:var(--color-primary-dark);background:var(--color-primary-dark)}.progress-panel{flex-direction:column;gap:1rem;display:flex}.progress-summary{color:var(--color-ink-soft);margin:0}.progress-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.progress-row{border:1px solid var(--color-border);background:var(--color-card);border-radius:14px;padding:.9rem 1rem}.progress-row.completed{border-color:var(--color-success);background:var(--color-success-bg)}.progress-row-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.progress-row-title{font-weight:600}.progress-row-status{color:var(--color-ink-soft);font-size:.8rem;font-weight:700}.progress-row.completed .progress-row-status{color:var(--color-success)}.progress-bar{background:var(--color-border);border-radius:999px;height:8px;margin:.5rem 0 .4rem;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .2s}.progress-row.completed .progress-bar-fill{background:var(--color-success)}.progress-row-meta{color:var(--color-ink-soft);font-size:.8rem}.test-mode{flex-direction:column;gap:1rem;display:flex}.answer-area{flex-direction:column;gap:1rem;scroll-margin-top:5rem;scroll-margin-bottom:15rem;display:flex}.round-head{flex-direction:column;gap:.6rem;display:flex}.stats{letter-spacing:.02em;color:var(--color-ink-soft);justify-content:space-between;gap:.5rem;font-size:.8rem;font-weight:800;display:flex}.stats span:first-child{color:var(--color-primary-dark)}.repeat-flag{background:var(--color-primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.68rem;font-weight:800}.sound-toggle{border:1px solid var(--color-border);background:var(--color-card);width:2.4rem;height:2.4rem;color:var(--color-primary-dark);cursor:pointer;border-radius:50%;place-items:center;margin-left:auto;display:inline-grid}.sound-toggle[aria-pressed=false],.voice-toggle[aria-pressed=false]{color:var(--color-ink-soft)}.sound-toggle svg,.voice-toggle svg{width:1.15rem;height:1.15rem}.sound-toggle:hover,.voice-toggle:hover{border-color:var(--color-primary)}.voice-toggle{border:1px solid var(--color-border);background:var(--color-card);width:2.4rem;height:2.4rem;color:var(--color-primary-dark);cursor:pointer;border-radius:50%;place-items:center;margin-left:auto;display:inline-grid}.voice-toggle[aria-pressed=true]{border-color:var(--color-primary-tint-border);background:var(--color-primary-tint)}.voice-toggle+.sound-toggle{margin-left:.4rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.question-card{border:1px solid var(--color-border);background:var(--color-card);text-align:center;box-shadow:0 18px 40px -28px #24161080, 0 3px 0 var(--color-border);border-radius:30px;padding:1.5rem 1.6rem 1.7rem;scroll-margin-top:5rem}.category-tag{border:1px solid var(--color-primary-tint-border);background:var(--color-primary-tint);color:var(--color-primary-dark);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;margin:0 0 .85rem;padding:.2rem .7rem;font-size:.68rem;font-weight:800;display:inline-block}.quiz-prompt{color:var(--color-ink-soft);margin:0 0 .6rem;font-size:.95rem;font-weight:800}.quiz-front{font-family:var(--font-display);margin:0;font-size:1.75rem;font-weight:700;line-height:1.25}@media (width<=520px){.quiz-front{font-size:1.5rem}}.quiz-front .en{font-family:var(--font-body);color:var(--color-ink-soft);margin-top:.45rem;font-size:1.02rem;font-weight:600;display:block}.options{flex-direction:column;gap:.6rem;display:flex}.option{text-align:left;border:2px solid var(--color-primary-tint-border);background:var(--color-primary-tint);width:100%;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:16px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:700;transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s,color .12s,opacity .2s;display:flex}.option-key{background:var(--color-primary-dark);color:#fff;width:1.9rem;height:1.9rem;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;line-height:1;display:grid}.option-text{flex:1}.option-mark{flex:none;width:1.35rem;height:1.35rem}@media (hover:hover){.option:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;box-shadow:0 12px 22px -12px var(--color-primary);transform:translateY(-2px)}.option:hover:not(:disabled) .option-key{color:var(--color-primary-dark);background:#fff}.option:hover:not(:disabled) .blank{color:#fff;border-bottom-color:#ffffffb3}}.option:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:3px}.option:disabled{cursor:default}.option.correct{border-color:var(--color-success-deep);background:var(--color-success-deep);color:#fff;box-shadow:0 12px 24px -12px var(--color-success-deep);animation:.34s option-pop}.option.correct .option-key{color:var(--color-success-deep);background:#fff}.option.incorrect{border-color:var(--color-error);background:var(--color-error);color:#fff;animation:.34s option-shake}.option.incorrect .option-key{color:var(--color-error);background:#fff}.option.faded{opacity:.38}.option.correct .blank,.option.incorrect .blank{color:#fff;border-bottom-color:#ffffffb3}@keyframes option-pop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes option-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.next-question{background:var(--color-primary);color:#fff;font:inherit;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 0 var(--color-primary-dark);border:none;border-radius:999px;align-self:flex-start;padding:.7rem 1.5rem;font-weight:800;transition:transform .1s,box-shadow .1s,background-color .12s}.next-question:hover:not(:disabled){background:var(--color-primary-dark)}.next-question:active:not(:disabled){box-shadow:0 1px 0 var(--color-primary-dark);transform:translateY(3px)}.match-board{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.match-col{flex-direction:column;gap:.6rem;display:flex}.match-tile{border:2px solid var(--color-primary-tint-border);background:var(--color-card);min-height:3.4rem;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;padding:.7rem .85rem;font-size:.92rem;font-weight:600;line-height:1.3;transition:background-color .12s,border-color .12s,color .12s,transform .12s;display:flex}.match-tile.is-picked{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.match-tile.is-solved{background:var(--color-success-bg);border-color:var(--color-success-deep);color:var(--color-success-deep);cursor:default}.match-tile.is-solved:after{content:"✓";margin-left:auto;padding-left:.5rem;font-weight:800}.match-tile.is-wrong{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error);animation:.34s option-shake}.match-tile:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:3px}@media (hover:hover){.match-tile:hover:not(:disabled){border-color:var(--color-primary)}}.match-progress{text-align:center;letter-spacing:.03em;color:var(--color-ink-soft);grid-column:1/-1;margin:.35rem 0 0;font-size:.78rem;font-weight:800}@media (width<=420px){.match-board{gap:.45rem}.match-tile{padding:.6rem .7rem;font-size:.85rem}}.quiz-loading,.quiz-error{opacity:.75;margin:1.5rem 0}.quiz-error{color:#b3261e;opacity:1}.round-bar{border:1px solid var(--color-border);background:var(--color-card);border-radius:999px;height:10px;overflow:hidden}.round-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:999px;height:100%;transition:width .25s}.stage-line{color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .75rem;font-size:.8rem;display:flex}.stage-flag{color:var(--color-primary-dark);background:var(--color-primary-tint);border:1px solid var(--color-primary-tint-border);border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:700}.stage-jump:before{content:"← ";text-decoration:none}.stage-jump{font:inherit;color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.answer-drawer{z-index:30;overscroll-behavior:contain;border-top:3px solid;max-height:72svh;animation:.22s drawer-in;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.answer-drawer.right{border-color:var(--color-success-deep);background:var(--color-success-bg)}.answer-drawer.wrong{border-color:var(--color-error);background:var(--color-error-bg)}.drawer-inner{max-width:720px;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));flex-direction:column;gap:.6rem;margin:0 auto;display:flex}.drawer-verdict{align-items:center;gap:.7rem;margin:0;display:flex}.feedback-badge{color:#fff;border-radius:50%;flex:none;place-items:center;width:2.1rem;height:2.1rem;display:grid}.feedback-badge .option-mark{width:1.2rem;height:1.2rem}.answer-drawer.right .feedback-badge{background:var(--color-success-deep)}.answer-drawer.wrong .feedback-badge{background:var(--color-error)}.feedback-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.answer-drawer.right .feedback-title{color:var(--color-success-deep)}.answer-drawer.wrong .feedback-title{color:var(--color-error)}.drawer-picked{color:var(--color-ink-soft);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--color-error) 55%, transparent);align-items:baseline;gap:.5rem;margin:0;font-size:.88rem;line-height:1.35;display:flex}.drawer-picked-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-soft);flex:none;font-size:.62rem;font-weight:800;text-decoration:none}.drawer-note{color:var(--color-ink-soft);align-items:baseline;gap:.5rem;margin:0;font-size:.92rem;line-height:1.4;display:flex}.drawer-note-label{background:var(--color-border);letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink);border-radius:999px;flex:none;padding:.1rem .45rem;font-size:.62rem;font-weight:800}.drawer-line{border:1px solid var(--color-border);background:var(--color-card);border-radius:16px;padding:.7rem .9rem}.drawer-line.is-yours{border-left:4px solid var(--color-primary)}.drawer-line-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-soft);margin:0 0 .25rem;font-size:.68rem;font-weight:800}.drawer-line-row{align-items:center;gap:.1rem;display:flex}.drawer-line-text{min-width:0;font-family:var(--font-display);text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;margin:0;padding:0;font-size:1.05rem;line-height:1.35}.drawer-line-text:hover{text-underline-offset:.2em;text-decoration:underline dotted}.drawer-line-en{color:var(--color-ink-soft);margin:.15rem 0 0;font-size:.9rem;font-weight:500;line-height:1.35}.answer-drawer .next-question{text-align:center;align-self:stretch}@keyframes drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.test-mode{padding-bottom:0}.test-mode.is-answered{padding-bottom:14rem}.round-done{text-align:center;border:1px solid var(--color-border);background:var(--color-card);box-shadow:0 18px 40px -28px #24161080, 0 3px 0 var(--color-border);border-radius:30px;padding:2rem 1.25rem 1.5rem}.round-done-score{font-family:var(--font-display);margin:0;font-size:2.6rem;font-weight:700;line-height:1}.round-done-pct{background:var(--color-primary);color:#fff;letter-spacing:.03em;border-radius:999px;margin:.6rem 0 0;padding:.25rem .9rem;font-size:1rem;font-weight:800;display:inline-block}.round-done-sub{color:var(--color-ink-soft);margin:.6rem 0 1.1rem}.round-meta{color:var(--color-ink-soft);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0 0 1.25rem;font-size:.8rem;font-weight:700;display:flex}.round-done .controls{flex-wrap:wrap;justify-content:center}.type-answer{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.type-answer input{border:2px solid var(--color-primary-tint-border);background:var(--color-card);min-width:190px;font:inherit;color:var(--color-ink);border-radius:999px;flex:1;padding:.8rem 1.1rem;font-weight:600}.type-answer input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint);outline:none}.type-answer input:disabled{opacity:.7}.type-answer button{background:var(--color-primary);color:#fff;font:inherit;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 0 var(--color-primary-dark);border:none;border-radius:999px;padding:.75rem 1.4rem;font-weight:800}.type-answer button:hover:not(:disabled){background:var(--color-primary-dark)}.type-answer button:disabled{opacity:.45;cursor:default}.type-hint{color:var(--color-ink-soft);flex-basis:100%;margin:0;font-size:.78rem}.word-bank{margin-top:.4rem}.bank-line{border:2px dashed var(--color-primary-tint-border);background:var(--color-card);border-radius:20px;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:3.4rem;padding:.6rem;display:flex}.bank-placeholder{color:var(--color-ink-soft);font-size:.85rem}.bank-pool{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .9rem;display:flex}.tile{border:2px solid var(--color-primary-tint-border);background:var(--color-card);color:var(--color-ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--color-primary-tint);border-radius:999px;padding:.45rem .85rem;font-size:.95rem;font-weight:700;transition:transform .1s,background-color .12s,border-color .12s,color .12s}@media (hover:hover){.tile:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:translateY(-1px)}}.tile.placed{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary-dark)}.tile:disabled{cursor:default;opacity:.75}.blank{border-bottom:2px solid var(--color-primary);min-width:2.5rem;color:var(--color-primary-dark);text-align:center;vertical-align:baseline;padding:0 .3rem;font-size:.85em;font-weight:700;display:inline-block}.audio-button{border:1px solid var(--color-border);background:var(--color-card);width:1.85rem;height:1.85rem;color:var(--color-primary-dark);cursor:pointer;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-left:.45rem;padding:0;display:inline-flex}.audio-button:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.audio-button.is-speaking{border-color:var(--color-primary);background:var(--color-primary-tint);animation:1.1s ease-in-out infinite speaking}@keyframes speaking{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.audio-button.is-speaking{animation:none}}.audio-button svg{width:1rem;height:1rem}.path-intro{color:var(--color-ink-soft);margin:0 0 1rem;font-size:.9rem}.practice-path{margin:0 auto;position:relative}.path-line{pointer-events:none;position:absolute;inset:0}.path-nodes{margin:0;padding:0;list-style:none}.path-node{flex-direction:column;align-items:center;gap:.35rem;width:10rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.stone{--stone:var(--opt-a);--stone-deep:var(--opt-a-deep);--stone-tint:var(--opt-a-tint);border:2px solid var(--stone);background:var(--stone-tint);width:3.4rem;height:3.4rem;box-shadow:0 4px 0 var(--stone);color:var(--stone-deep);cursor:pointer;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.path-node:nth-child(4n+2) .stone{--stone:var(--opt-b);--stone-deep:var(--opt-b-deep);--stone-tint:var(--opt-b-tint)}.path-node:nth-child(4n+3) .stone{--stone:var(--opt-c);--stone-deep:var(--opt-c-deep);--stone-tint:var(--opt-c-tint)}.path-node:nth-child(4n+4) .stone{--stone:var(--opt-d);--stone-deep:var(--opt-d-deep);--stone-tint:var(--opt-d-tint)}@media (hover:hover){.stone:hover:not(:disabled){transform:translateY(-2px)}}.stone:active:not(:disabled){box-shadow:0 1px 0 var(--color-border);transform:translateY(2px)}.stone.is-cleared{background:var(--color-success-deep);border-color:var(--color-success-deep);color:#fff;box-shadow:0 4px #0f5c35}.stone.is-current{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 0 var(--color-primary-dark), 0 0 0 5px var(--color-primary-tint)}@media (hover:hover){.stone.is-current:hover:not(:disabled){box-shadow:0 6px 0 var(--color-primary-dark), 0 0 0 7px var(--color-primary-tint)}}.stone.is-locked{cursor:not-allowed;border-color:var(--color-border);background:var(--color-card);box-shadow:0 4px 0 var(--color-border);color:var(--color-ink-soft);opacity:.75}.stone.is-final{width:4rem;height:4rem}.stone.is-final:not(.is-locked):not(.is-cleared){background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 4px #c07f13}.stone.is-final.is-current{box-shadow:0 4px #c07f13,0 0 0 5px #fdeccc}.stone-check,.stone-lock,.stone-star{width:1.5rem;height:1.5rem}.stone-dot{background:currentColor;border-radius:50%;width:.6rem;height:.6rem}.stone-label{font-family:var(--font-display);text-align:center;color:var(--color-ink);font-size:.95rem;font-weight:700;line-height:1.25}.stone-score{font-family:var(--font-body);color:var(--color-ink-soft);font-size:.8rem;font-weight:800;display:block}.stone-here{letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary-dark);background:var(--color-primary-tint);border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:800}.path-mistakes,.mistake-link{border:1px solid var(--color-border);background:var(--color-card);font:inherit;color:var(--color-ink);cursor:pointer;border-radius:999px;margin:1.25rem auto 0;padding:.6rem 1.2rem;font-weight:700;display:inline-block}.path-mistakes{display:block}.path-mistakes:hover,.mistake-link:hover{border-color:var(--color-primary)}.stage-line span{color:var(--color-ink);font-weight:700}@media (prefers-reduced-motion:reduce){.option,.answer-drawer,.stone,.tile,.match-tile{transition:none;animation:none}}.welcome{z-index:60;background:radial-gradient(120% 70% at 50% 12%, var(--color-primary-tint), transparent 70%), var(--color-bg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1.25rem;display:flex;position:fixed;inset:0;overflow-y:auto}.welcome:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.welcome-card{flex-direction:column;gap:1.1rem;max-width:32rem;display:flex}.welcome-line{font-family:var(--font-display);color:var(--color-ink-soft);opacity:0;margin:0;font-size:1.15rem;line-height:1.4}.welcome-line.lead{color:var(--color-ink);font-size:clamp(1.9rem,7vw,2.6rem);font-weight:700;line-height:1.15}.welcome-line.in{opacity:1}.welcome-word{white-space:nowrap;display:inline-block}.welcome-char{opacity:0;display:inline-block}.welcome-line.in .welcome-char{animation:.42s ease-out forwards char-in}@keyframes char-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}.welcome-cue{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-dark);opacity:0;margin:.6rem 0 0;font-size:.82rem;font-weight:800;transition:opacity .4s ease-out}.welcome-cue.in{opacity:1;animation:2.2s ease-in-out infinite cue-pulse}@keyframes cue-pulse{50%{opacity:.45}}.welcome-skip{font:inherit;color:var(--color-ink-soft);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.4rem .6rem;font-size:.85rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.welcome-line,.welcome-char,.welcome-cue{opacity:1;animation:none;transform:none}}.taster-done{max-width:28rem;margin-inline:auto}.replay-intro{border:1px solid var(--color-border);background:var(--color-card);font:inherit;color:var(--color-primary-dark);cursor:pointer;border-radius:999px;margin-top:1.25rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700}.replay-intro:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.email-prompt{z-index:70;background:#2416108c;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out prompt-fade;display:flex;position:fixed;inset:0}@keyframes prompt-fade{0%{opacity:0}}.email-prompt-card{border:1px solid var(--color-primary-tint-border);background:var(--color-card);text-align:center;border-radius:24px;width:min(26rem,100%);padding:2rem 1.5rem 1.5rem;position:relative;box-shadow:0 20px 50px #2a1b1247}.email-prompt-close{border:1px solid var(--color-border);background:var(--color-card);width:2.6rem;height:2.6rem;color:var(--color-ink-soft);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:.6rem;right:.6rem}.email-prompt-close:hover{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-dark)}.email-prompt-close svg{width:1.1rem;height:1.1rem}.email-prompt h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.5rem;line-height:1.2}.email-prompt-sub{color:var(--color-ink-soft);margin:0 0 1.25rem;font-size:.95rem;line-height:1.45}.email-prompt-form{flex-direction:column;gap:.6rem;display:flex}.email-prompt-form input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;font:inherit;color:var(--color-ink);border-radius:12px;padding:.75rem .9rem}.email-prompt-form input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.email-prompt-submit{background:var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);font:inherit;color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.8rem 1.2rem;font-weight:800}.email-prompt-submit:disabled{opacity:.55;cursor:default}.email-prompt-error{color:var(--color-error);margin:.75rem 0 0;font-size:.88rem}.email-prompt-skip{font:inherit;color:var(--color-ink-soft);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-top:.9rem;padding:.4rem;font-size:.9rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.email-prompt{animation:none}}.practice-gate{border:2px solid var(--color-ink);background:var(--color-card);max-width:420px;box-shadow:0 6px 0 var(--color-border);font-family:var(--font-body);border-radius:20px;padding:2rem 1.5rem}.practice-gate h2{margin:0 0 .5rem}.practice-gate p{color:var(--color-ink-soft);margin:0 0 1.25rem}.gate-all-langs{background:var(--color-primary-tint);border:1px solid var(--color-primary-tint-border);border-radius:12px;padding:.7rem .85rem;font-size:.9rem;line-height:1.5}.practice-gate .gate-all-langs strong{color:var(--color-ink)}.gate-flags{white-space:nowrap;margin-right:.35rem}.gate-buy{background:var(--color-primary);color:#fff;letter-spacing:.04em;box-shadow:0 4px 0 var(--color-primary-dark);border-radius:999px;padding:.7rem 1.5rem 1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-block}.gate-divider{color:var(--color-ink-soft);margin:1.5rem 0 .75rem;font-size:.85rem;font-weight:600}.gate-license-form{flex-wrap:wrap;gap:.5rem;display:flex}.gate-license-form input{border:1px solid var(--color-border);min-width:160px;font-size:.95rem;font-family:var(--font-body);border-radius:999px;flex:1;padding:.65rem .9rem}.gate-license-form input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.gate-license-form button{background:var(--color-ink);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.25rem;font-weight:700}.gate-license-form button:disabled{opacity:.6;cursor:default}.gate-error{color:var(--color-error);margin:.75rem 0 0;font-size:.85rem}.intro[data-astro-cid-jgdg23up]{opacity:.75;margin:0 0 1rem}