.mode-buttons{flex-basis:34rem}.quiz-card{--quiz-option-height:5.15rem;border:1px solid hsl(var(--foreground) / .12);background:radial-gradient(circle at top right, hsl(var(--destructive) / .12), transparent 18rem), linear-gradient(135deg, hsl(var(--card) / .94), hsl(var(--muted) / .78));box-shadow:0 22px 60px hsl(var(--foreground) / .08);border-radius:1rem;gap:.58rem;margin-top:0;padding:.82rem .95rem .95rem;display:grid}.quiz-card-header,.quiz-feedback{justify-content:space-between;align-items:center;gap:.85rem;display:flex}.quiz-feedback{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:stretch;align-items:center;display:grid}.quiz-card h2,.quiz-card p{margin:0}.quiz-card h2{font-size:1.45rem;font-weight:var(--thai-font-weight-heading);flex-wrap:wrap;align-items:baseline;gap:.5rem;line-height:1.1;display:flex}.quiz-title-count{color:var(--thai-muted-foreground);white-space:nowrap;font-size:.85rem;font-weight:500}.quiz-card-header p,.quiz-feedback p{color:var(--thai-muted-foreground);line-height:1.35}.quiz-score{min-width:0;color:var(--thai-primary);text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:.75rem;font-size:.94rem;font-weight:550;display:inline-flex}.quiz-score-restart{border:1px solid hsl(var(--foreground) / .14);background:hsl(var(--card) / .82);min-height:2rem;color:var(--thai-primary);cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;font-weight:550;line-height:1}.quiz-score-restart:hover,.quiz-score-restart:focus-visible{background:var(--thai-primary);color:var(--thai-primary-foreground)}.quiz-prompt{--quiz-prompt-display-size:clamp(1.56rem, 5.05vw, 2.76rem);appearance:none;box-sizing:border-box;background:var(--thai-primary);width:100%;min-height:6.25rem;color:var(--thai-primary-foreground);cursor:default;font:inherit;text-align:left;border:2px solid #0000;border-radius:.9rem;gap:.34rem;padding:.72rem min(11rem,34vw) .72rem .95rem;display:grid}.quiz-prompt-label,.quiz-prompt span{color:hsl(var(--primary-foreground) / .74);font-weight:525;line-height:1.375}.quiz-prompt strong{font-size:var(--quiz-prompt-display-size);font-weight:var(--thai-font-weight-display);overflow-wrap:anywhere;line-height:1}.quiz-prompt-button{cursor:pointer;position:relative}.quiz-prompt-button:not(:disabled):hover,.quiz-prompt-button:not(:disabled):active{background:var(--thai-primary)}.quiz-prompt-button:disabled{opacity:1}.quiz-prompt-button[aria-disabled=true]{cursor:not-allowed}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--quiz-option-height);gap:.75rem;display:grid}.quiz-option{border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--card) / .86);height:100%;min-height:0;color:var(--thai-foreground);cursor:pointer;text-align:left;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.95rem;padding:.85rem;display:grid}.quiz-option-text{gap:.35rem;min-width:0;display:grid}.quiz-option-primary{font-size:1.45rem;font-weight:var(--thai-font-weight-control)}.quiz-option small{color:var(--thai-muted-foreground);font-weight:500}.quiz-option-reveal{color:var(--quiz-option-reveal-color,var(--thai-danger));font-size:.95rem;font-weight:var(--thai-font-weight-control);text-align:right;white-space:nowrap;gap:.25rem;line-height:1.35;display:grid}.quiz-option-reveal small{color:inherit;font-size:.85rem}.quiz-option:not(:disabled):hover{border-color:hsl(var(--primary) / .32);box-shadow:0 0 0 1px hsl(var(--primary) / .18)}.quiz-option:not(:disabled):active{box-shadow:none;background:0 0;border-color:#0000}.quiz-option:focus-visible,.quiz-prompt-button:focus-visible,.quiz-primary-button:focus-visible,.quiz-secondary-button:focus-visible,.quiz-score-restart:focus-visible,.quiz-context-card-speech-hit-area:focus-visible,.quiz-context-sentence-surface:focus-visible,.quiz-context-hint-toggle:focus-visible,.quiz-context-listen:focus-visible,.quiz-context-translation-toggle:focus-visible{border-color:hsl(var(--primary) / .46);box-shadow:inset 0 0 0 2px hsl(var(--primary) / .24);outline:none}.quiz-option-correct{border-color:hsl(var(--success,142 71% 35%) / .62);background:hsl(var(--success,142 71% 35%) / .12);--quiz-option-reveal-color:var(--thai-success)}.quiz-option-incorrect{border-color:hsl(var(--destructive) / .34);background:hsl(var(--destructive) / .1)}.quiz-option-dimmed{opacity:.58}.quiz-context-hint-toggle{border:1px solid hsl(var(--primary) / .18);background:hsl(var(--card) / .88);min-width:0;max-width:100%;min-height:2.55rem;color:var(--thai-primary);cursor:pointer;font:inherit;white-space:nowrap;border-radius:.65rem;justify-content:center;justify-self:start;align-items:center;gap:.35rem;padding:.55rem .9rem;font-weight:550;display:inline-flex}.quiz-context-hint-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.quiz-context-hint-toggle svg{flex:none;transition:transform .18s}.quiz-context-hint-toggle:hover{background:var(--thai-primary);color:var(--thai-primary-foreground)}.quiz-context-hint-toggle:focus:not(:focus-visible){outline:none}.quiz-context-hint-toggle:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--primary) / .24);outline:none}.quiz-context-hint-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.quiz-context-hint-toggle-unavailable,.quiz-context-hint-toggle-unavailable:hover{border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--card) / .62);color:var(--thai-muted-foreground);cursor:not-allowed;opacity:.72}.quiz-context-hint-toggle[aria-expanded=true]{border-color:hsl(var(--primary) / .22);background:hsl(var(--card) / .9);color:var(--thai-primary)}.quiz-context-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .16s;display:grid;overflow:hidden}.quiz-context-panel-instant{transition:none}.quiz-context-panel[aria-hidden=false]{opacity:1;grid-template-rows:1fr}.quiz-context-panel-inner{gap:.55rem;min-height:0;display:grid;overflow:hidden}.quiz-context-card{isolation:isolate;border:1px solid hsl(var(--primary) / .16);background:hsl(var(--card) / .72);border-radius:.9rem;gap:.45rem;padding:.7rem .85rem .78rem;display:grid;position:relative;overflow:hidden}.quiz-context-card-speech-hit-area{appearance:none;z-index:1;border-radius:inherit;box-shadow:none;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.quiz-context-card-speech-hit-area:disabled{cursor:not-allowed}.quiz-context-card,.quiz-context-card *{touch-action:manipulation;-webkit-touch-callout:none}.quiz-context-sentence-surface:focus{outline:none}.quiz-context-card-speech-hit-area:focus-visible,.quiz-context-sentence-surface:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--primary) / .24);outline:none}.quiz-context-header{z-index:2;pointer-events:none;justify-content:flex-end;align-items:center;gap:.75rem;display:none;position:relative}.quiz-context-title{color:var(--thai-primary);font-size:.78rem;font-weight:var(--thai-font-weight-ui);letter-spacing:.08em;text-transform:uppercase}.quiz-context-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quiz-context-listen,.quiz-context-translation-toggle{border:1px solid hsl(var(--foreground) / .14);background:hsl(var(--card) / .88);min-height:2.2rem;color:var(--thai-primary);cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .75rem;font-weight:550;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.quiz-context-translation-toggle{min-width:12.75rem}.quiz-context-listen:disabled,.quiz-context-word:disabled{cursor:not-allowed;opacity:.72}.quiz-context-listen[aria-pressed=true]{background:hsl(var(--card) / .88);color:var(--thai-primary)}.quiz-context-listen[aria-pressed=true] svg{color:var(--thai-success);stroke:currentColor}.quiz-context-listen:not(:disabled):hover,.quiz-context-listen:not(:disabled):focus-visible,.quiz-context-translation-toggle:not(:disabled):hover,.quiz-context-translation-toggle:not(:disabled):focus-visible{border-color:hsl(var(--primary) / .32);background:hsl(var(--primary) / .1);color:var(--thai-primary)}.quiz-context-sentence-frame{z-index:2;pointer-events:none;justify-items:center;width:fit-content;max-width:100%;display:inline-grid;position:relative}.quiz-context-sentence-surface{max-width:100%;color:var(--thai-foreground);cursor:pointer;text-align:left;padding-top:0;display:grid}.quiz-context-romanized-line{color:var(--thai-foreground);font-size:clamp(1.36rem,2.95vw,2.16rem);font-weight:var(--thai-font-weight-heading);flex-wrap:wrap;align-items:flex-start;gap:clamp(.9rem,3vw,1.75rem);line-height:1;display:flex}.quiz-context-word{pointer-events:auto;min-width:max-content;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:center;background:0 0;border:0;border-radius:.25rem;gap:.2rem;padding:.16rem .1rem .2rem;display:inline-grid;position:relative}.quiz-context-word-shell{justify-items:center;display:inline-grid;position:relative}.quiz-context-word-shell:before{content:"";width:max(100%,9rem);height:2.9rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.quiz-context-word[data-gloss]{cursor:pointer}.quiz-context-word[data-gloss]:hover,.quiz-context-word[data-gloss]:focus-visible,.quiz-context-word[data-gloss]:active{background:hsl(var(--primary) / .08)}.quiz-context-word:focus{outline:none}.quiz-context-word:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--primary) / .18)}.quiz-context-word-romanized,.quiz-context-word-thai,.quiz-context-word-gloss{text-align:center;justify-self:center;display:block}.quiz-context-word-thai{color:var(--thai-muted-foreground);font-size:.44em;font-weight:500;line-height:1.25}.quiz-context-word-gloss{background:hsl(var(--primary) / .16);color:#0000;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;border-radius:.28rem;width:max-content;max-width:min(12rem,100%);padding-inline:.16em;font-size:.76rem;font-weight:500;line-height:1.2}.quiz-context-word-gloss>span{display:block}.quiz-context-word-shell-gloss-peek .quiz-context-word-gloss,.quiz-context-word-shell:hover .quiz-context-word-gloss{color:var(--thai-primary);-webkit-user-select:none;user-select:none;background:0 0}.quiz-context-card:has(.quiz-context-translation-peek) .quiz-context-word-gloss{color:var(--thai-primary);-webkit-user-select:none;user-select:none;background:0 0}.quiz-context-card:has(.quiz-context-translation-text:hover) .quiz-context-word-gloss{color:var(--thai-primary);-webkit-user-select:none;user-select:none;background:0 0}.quiz-context-card:has(.quiz-context-translation-text:focus-visible) .quiz-context-word-gloss{color:var(--thai-primary);-webkit-user-select:none;user-select:none;background:0 0}.quiz-context-word-shell:has(:focus-visible) .quiz-context-word-gloss{color:var(--thai-primary);-webkit-user-select:none;user-select:none;background:0 0}.quiz-context-translation{pointer-events:auto;color:var(--thai-muted-foreground);text-align:center;min-block-size:2.05rem;padding-top:.32rem;font-weight:500;line-height:1.42}.quiz-context-translation-text{justify-items:center;gap:.1rem;display:inline-grid}.quiz-context-translation-hidden{cursor:pointer;-webkit-user-select:none;user-select:none}.quiz-context-translation-hidden .quiz-context-translation-text{background:hsl(var(--primary) / .14);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0000;-webkit-user-select:none;user-select:none;border-radius:.36rem;padding-inline:.22rem}.quiz-context-translation-peek .quiz-context-translation-text,.quiz-context-translation-hidden .quiz-context-translation-text:hover,.quiz-context-translation-hidden .quiz-context-translation-text:focus-visible{color:inherit;-webkit-user-select:none;user-select:none;background:0 0}.quiz-feedback-correct{color:var(--thai-success);font-weight:var(--thai-font-weight-heading)}.quiz-actions{flex:none;grid-column:2;justify-content:center;justify-self:center;gap:.5rem;min-width:min(100%,25.75rem);display:flex}.quiz-primary-button,.quiz-secondary-button{cursor:pointer;text-align:center;border-radius:.65rem;min-width:min(12.5rem,50vw - 1.95rem);min-height:2.55rem;padding:.55rem 1rem;font-weight:550;transition:border-color .14s,background .14s,color .14s}.quiz-primary-button{border:1px solid hsl(var(--primary) / .2);background:var(--thai-primary);color:var(--thai-primary-foreground)}.quiz-primary-button:disabled,.quiz-secondary-button:disabled{cursor:not-allowed;opacity:.5}.quiz-primary-button:disabled:hover,.quiz-primary-button:disabled:focus-visible,.quiz-secondary-button:disabled:hover,.quiz-secondary-button:disabled:focus-visible{border-color:hsl(var(--foreground) / .18);background:hsl(var(--card) / .9);color:var(--thai-muted-foreground)}.quiz-primary-button:not(:disabled):hover,.quiz-primary-button:not(:disabled):focus-visible{border-color:hsl(var(--primary) / .34);background:hsl(var(--primary) / .88);color:var(--thai-primary-foreground)}.quiz-primary-button:not(:disabled):active,.quiz-secondary-button:not(:disabled):active,.quiz-context-hint-toggle:not(:disabled):active{box-shadow:inset 0 0 0 1px hsl(var(--primary) / .16)}.quiz-secondary-button{border:1px solid hsl(var(--foreground) / .14);background:hsl(var(--card) / .84);color:var(--thai-primary)}.quiz-secondary-button:not(:disabled):hover,.quiz-secondary-button:not(:disabled):focus-visible{border-color:hsl(var(--primary) / .32);background:hsl(var(--primary) / .1);color:var(--thai-primary)}.quiz-empty-state{padding:1.25rem}.memory-card{border:1px solid hsl(var(--foreground) / .12);background:radial-gradient(circle at 12% 12%, hsl(var(--card) / .95), transparent 13rem), radial-gradient(circle at bottom right, hsl(var(--primary) / .12), transparent 20rem), linear-gradient(135deg, hsl(var(--card) / .96), hsl(var(--muted) / .78));box-shadow:0 22px 60px hsl(var(--foreground) / .08);border-radius:1.1rem;gap:1rem;margin-top:1.1rem;padding:1.15rem;display:grid}.memory-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.memory-card h2,.memory-card p{margin:0}.memory-card h2{font-size:1.35rem}.memory-card-header p{max-width:44rem;color:var(--thai-muted-foreground);line-height:1.6}.memory-kicker{color:var(--thai-danger);font-size:.76rem;font-weight:var(--thai-font-weight-ui);letter-spacing:.08em;text-transform:uppercase}.memory-count{border:1px solid hsl(var(--primary) / .12);background:hsl(var(--card) / .76);color:var(--thai-primary);font-weight:var(--thai-font-weight-control);border-radius:999px;flex:none;padding:.55rem .8rem}.memory-layout{grid-template-columns:minmax(18rem,.95fr) minmax(0,1.35fr);align-items:stretch;gap:1rem;display:grid}.memory-word-panel{border:2px solid hsl(var(--card) / .72);background:linear-gradient(150deg, hsl(var(--card) / .1), transparent 38%), var(--thai-primary);min-height:24rem;color:var(--thai-primary-foreground);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px hsl(var(--card) / .2), 0 26px 56px hsl(var(--foreground) / .16);border-radius:1rem;align-content:end;gap:.45rem;padding:1.35rem;display:grid;position:relative}.memory-word-panel:not(:disabled):hover{background:linear-gradient(150deg, hsl(var(--card) / .14), transparent 38%), var(--thai-primary);border-color:var(--thai-primary-foreground)}.memory-word-panel:disabled{cursor:not-allowed}.memory-listen-indicator{background:var(--thai-background-raised);color:var(--thai-primary);font-weight:var(--thai-font-weight-control);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .8rem;line-height:1;display:inline-flex;position:absolute;top:1.15rem;right:1.15rem;box-shadow:0 12px 28px #0000002e}.memory-listen-indicator svg,.memory-listen-indicator span{color:var(--thai-primary);stroke:currentColor}.memory-word-panel strong{font-size:clamp(3rem,12vw,6.5rem);line-height:1}.memory-romanized{color:hsl(var(--primary-foreground) / .86);font-size:clamp(1.6rem,5vw,2.45rem);font-weight:var(--thai-font-weight-heading)}.memory-thai-parts{color:hsl(var(--primary-foreground) / .64);font-weight:500}.memory-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.memory-detail{border:1px solid hsl(var(--foreground) / .1);background:hsl(var(--card) / .76);border-radius:.95rem;min-height:9.5rem;padding:1rem}.memory-detail h3{color:var(--thai-primary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;margin:0 0 .65rem;font-size:.85rem;display:flex}.memory-detail p{color:var(--thai-muted-foreground);gap:.35rem;line-height:1.6;display:grid}.memory-detail strong{color:var(--thai-foreground);font-size:1.4rem}.memory-detail span{color:var(--thai-muted-foreground)}.memory-actions{justify-content:flex-end;gap:.5rem;display:flex}.memory-actions button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.memory-empty-state{padding:1.25rem}@media (width<=900px){.mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-layout{grid-template-columns:1fr}.memory-word-panel{min-height:18rem}}@media (width<=720px){.memory-card-header{flex-direction:column;align-items:stretch}.quiz-card-header{flex-direction:row;align-items:flex-start}.quiz-score{text-align:right;justify-content:space-between;min-width:0;margin-top:.08rem}.quiz-feedback{grid-template-columns:1fr;align-items:stretch;gap:.65rem}.quiz-context-hint-toggle{order:2;justify-self:stretch;width:100%}.quiz-context-header{display:none}.quiz-context-actions{grid-template-columns:1fr 1fr;display:grid}.quiz-context-romanized-line{font-size:clamp(1.7rem,4.6vw,3rem)}.quiz-actions{order:1;grid-column:auto;grid-template-columns:1fr 1fr;justify-self:stretch;gap:.75rem;min-width:0;display:grid}.quiz-prompt{--quiz-prompt-display-size:min(clamp(1.75rem, 7vw, 3.4rem), calc((100vw - 4.5rem) / var(--quiz-prompt-fit-chars,12) * 1.25));height:7.2rem;min-height:7.2rem;padding:.85rem;overflow:hidden}.quiz-prompt strong{font-size:min(clamp(1.75rem, 7vw, 3.4rem), calc((100vw - 4.5rem) / var(--quiz-prompt-fit-chars,12) * 1.25))}.quiz-prompt-button{height:7.2rem;min-height:7.2rem;padding:.92rem 8.45rem .85rem .85rem}.memory-details{grid-template-columns:1fr}.memory-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=520px){.quiz-card{--quiz-option-height:5.18rem;gap:.62rem}.mode-buttons,.quiz-options,.quiz-context-actions,.memory-actions{grid-template-columns:1fr}.quiz-card{padding:.66rem .58rem .58rem .72rem}.memory-card{padding:.58rem}.quiz-card h2{gap:.4rem;font-size:1.28rem}.quiz-title-count{font-size:.74rem}.quiz-score{gap:.52rem;font-size:.74rem}.quiz-score-restart{min-height:1.85rem;padding:.34rem .56rem}.quiz-feedback,.quiz-actions{gap:.6rem}.quiz-primary-button,.quiz-secondary-button,.quiz-context-hint-toggle{min-height:2.58rem}.quiz-primary-button:focus,.quiz-secondary-button:focus,.quiz-context-hint-toggle:focus,.quiz-context-listen:focus,.quiz-context-translation-toggle:focus{outline:none}.quiz-primary-button:not(:disabled):active,.quiz-secondary-button:not(:disabled):active,.quiz-context-hint-toggle:not(:disabled):active{transform:none}.quiz-context-hint-toggle{justify-self:stretch;width:100%}.quiz-prompt{--quiz-prompt-display-size:min(clamp(1.62rem, 9.6vw, 2.65rem), calc((100vw - 3.8rem) / var(--quiz-prompt-fit-chars,12) * 1.18));border-radius:.75rem;height:5.9rem;min-height:5.9rem}.quiz-prompt strong{font-size:min(clamp(1.62rem, 9.6vw, 2.65rem), calc((100vw - 3.8rem) / var(--quiz-prompt-fit-chars,12) * 1.18))}.quiz-prompt-button{height:5.9rem;min-height:5.9rem;padding:.72rem 7.6rem .72rem .76rem}.quiz-options{gap:.52rem}.quiz-option{column-gap:.65rem;padding:.72rem .74rem .62rem}.quiz-option-text,.quiz-option-reveal{overflow:hidden}.quiz-option-primary{text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;overflow:hidden}.quiz-option small,.quiz-option-reveal small{font-size:.72rem}.quiz-option-reveal{font-size:.78rem}.quiz-context-card{padding:.85rem}.quiz-context-header{display:none}.quiz-context-sentence-surface{padding-top:0}.quiz-context-word-shell:before{display:none}.quiz-context-word-shell:has(.quiz-context-word:focus-visible){z-index:8}@media (hover:hover) and (pointer:fine){.quiz-context-word-shell:hover{z-index:8}}.memory-word-panel{min-height:16rem;padding-top:4.25rem}.memory-listen-indicator{left:1rem;right:auto}}
