.quiz-option-shell{height:var(--quiz-option-height,auto);border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--card) / .86);-webkit-tap-highlight-color:transparent;border-radius:.65rem;grid-template-columns:minmax(0,1fr) 3.35rem;align-items:stretch;min-width:0;transition:border-color .14s,background .14s;display:grid;overflow:visible}.quiz-card:has(.quiz-option-weighting){--quiz-option-height:5.55rem}.quiz-option-shell:has(.quiz-option-correct){border-color:hsl(var(--success,142 71% 35%) / .62);background:hsl(var(--success,142 71% 35%) / .12)}.quiz-option-shell:has(.quiz-option-incorrect){border-color:hsl(var(--destructive) / .34);background:hsl(var(--destructive) / .1)}.quiz-option-shell:hover{border-color:hsl(var(--primary) / .32);background:hsl(var(--primary) / .08)}.quiz-option-shell:has(.quiz-option-correct):hover{border-color:hsl(var(--success,142 71% 35%) / .68);background:hsl(var(--success,142 71% 35%) / .14)}.quiz-option-shell:has(.quiz-option-incorrect):hover{border-color:hsl(var(--destructive) / .42);background:hsl(var(--destructive) / .12)}:is(.quiz-option-shell:has(.quiz-option:focus-visible),.quiz-option-shell:has(.quiz-option-weight-button:focus-visible)){border-color:hsl(var(--primary) / .46);box-shadow:inset 0 0 0 2px hsl(var(--primary) / .24);outline:none}:is(.quiz-option-shell:has(.quiz-option-correct:focus-visible),.quiz-option-shell:has(.quiz-option-incorrect:focus-visible)),:is(.quiz-option-shell:has(.quiz-option:focus:not(:focus-visible)),.quiz-option-shell:has(.quiz-option-weight-button:focus:not(:focus-visible))){outline:none}.quiz-option-shell .quiz-option{width:100%;min-width:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0}.quiz-option-shell .quiz-option:hover{box-shadow:none;border-color:#0000}.quiz-option-shell .quiz-option:focus-visible{outline:none}.quiz-option-shell .quiz-option-text{container-type:inline-size}.quiz-option-shell .quiz-option:has(.quiz-option-answer-hint){row-gap:.28rem;padding-top:.7rem;padding-bottom:.7rem}.quiz-option-shell .quiz-option:has(.quiz-option-answer-hint) .quiz-option-text{gap:var(--quiz-word-stack-gap)}.quiz-option-shell .quiz-option-primary{font-size:var(--quiz-word-romanized-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.05;overflow:hidden}.quiz-option-shell .quiz-option-primary:has(.word-tools-inline){overflow:visible}.quiz-option-weighting{--quiz-option-weight-up-color:#ff8585;--quiz-option-weight-down-color:#65d67e;--quiz-option-weight-normal-color:var(--thai-primary);--quiz-option-weight-optical-x-offset:0;--quiz-option-weight-icon-y-offset:.18rem;width:100%;height:var(--quiz-option-height,100%);min-width:3.35rem;border:0;border-left:1px solid hsl(var(--primary) / .08);opacity:1;pointer-events:auto;visibility:visible;background:0 0;grid-template-rows:1.72rem minmax(1.45rem,1fr) 1.72rem;align-content:center;align-self:start;place-items:center;min-inline-size:0;margin:0;padding:.42rem 0;display:grid;position:relative}.quiz-option-weight-button{width:2rem;height:1.9rem;color:var(--thai-primary);cursor:pointer;opacity:0;pointer-events:none;transform:translateX(var(--quiz-option-weight-optical-x-offset));background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;transition:opacity .12s,background .14s,border-color .14s;display:inline-flex;position:relative}.quiz-option-weighting:hover .quiz-option-weight-button,.quiz-option-weighting:focus-within .quiz-option-weight-button,.quiz-option-weighting-revealed .quiz-option-weight-button{opacity:1;pointer-events:auto}.quiz-option-weight-button:before{content:"";border-radius:999px;position:absolute;inset:-.24rem}.quiz-option-weight-button-high{color:var(--quiz-option-weight-up-color)}.quiz-option-weight-button-low{color:var(--quiz-option-weight-down-color)}.quiz-option-weight-button:disabled{cursor:not-allowed}.quiz-option-weighting:hover .quiz-option-weight-button:disabled,.quiz-option-weighting:focus-within .quiz-option-weight-button:disabled,.quiz-option-weighting-revealed .quiz-option-weight-button:disabled{opacity:.38}.quiz-option-weight-button svg{--quiz-option-weight-icon-scale:1;--quiz-option-weight-icon-y-translate:0;filter:drop-shadow(0 0 #0000);transform:translateY(var(--quiz-option-weight-icon-y-translate)) scale(var(--quiz-option-weight-icon-scale));transform-origin:50%;transition:filter .16s,transform .16s}.quiz-option-weight-button-high svg{--quiz-option-weight-icon-y-translate:calc(-1 * var(--quiz-option-weight-icon-y-offset))}.quiz-option-weight-button-low svg{--quiz-option-weight-icon-y-translate:var(--quiz-option-weight-icon-y-offset)}.quiz-option-weight-button:not(:disabled):hover,.quiz-option-weight-button:focus-visible{background:0 0;border-color:#0000;outline:none}.quiz-option-weight-button:not(:disabled):hover svg,.quiz-option-weight-button:focus-visible svg{--quiz-option-weight-icon-scale:1.08;filter:drop-shadow(0 0 .28rem)}.quiz-option-weight-markers{transform:translateX(var(--quiz-option-weight-optical-x-offset));grid-template-rows:repeat(5,.19rem);place-items:center;gap:.22rem;display:grid}.quiz-option-weight-markers span{background:hsl(var(--primary) / .14);border-radius:999px;width:.75rem;height:.19rem;transition:background .16s,box-shadow .16s;display:block}.quiz-option-weighting[data-weight-control-variant=dots] .quiz-option-weight-markers{grid-template-rows:repeat(5,.25rem);gap:.19rem}.quiz-option-weighting[data-weight-control-variant=dots] .quiz-option-weight-markers span{width:.25rem;height:.25rem}.quiz-option-weighting[data-weight-level="1"] .quiz-option-weight-marker-active,.quiz-option-weighting[data-weight-level="2"] .quiz-option-weight-marker-active{background:var(--quiz-option-weight-up-color);box-shadow:0 0 0 .13rem #ff85851f}.quiz-option-weighting[data-weight-level="-1"] .quiz-option-weight-marker-active,.quiz-option-weighting[data-weight-level="-2"] .quiz-option-weight-marker-active{background:var(--quiz-option-weight-down-color);box-shadow:0 0 0 .13rem #67d57f1f}.quiz-option-weighting[data-weight-level="0"] .quiz-option-weight-marker-active{background:var(--quiz-option-weight-normal-color);box-shadow:0 0 0 .13rem hsl(var(--primary) / .1)}.quiz-option-weight-current{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-option-weight-tooltip{z-index:4;border:1px solid hsl(var(--primary) / .14);background:hsl(var(--card));min-width:7.6rem;color:var(--thai-primary);font-size:.76rem;font-weight:var(--thai-font-weight-ui);opacity:0;pointer-events:none;text-align:left;border-radius:8px;padding:.48rem .58rem;line-height:1.05;transition:opacity .14s,transform .14s;position:absolute;top:50%;right:calc(100% + .55rem);transform:translate(.2rem,-50%);box-shadow:0 10px 22px #00000038}.quiz-option-weight-tooltip small{color:var(--thai-muted-foreground);margin-top:.16rem;font-size:.69rem;font-weight:400;display:block}.quiz-option-shell .quiz-option small{line-height:1.15}:is(.quiz-option-weighting:has(.quiz-option-weight-button:focus-visible) .quiz-option-weight-tooltip,.quiz-option-weighting-revealed .quiz-option-weight-tooltip){opacity:1;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.quiz-option-weighting:has(.quiz-option-weight-button:not(:disabled):hover) .quiz-option-weight-tooltip{opacity:1;transform:translateY(-50%)}}@media (hover:none),(pointer:coarse){.quiz-option-weight-button{opacity:1;pointer-events:auto}.quiz-option-weight-button:disabled{opacity:.38}}@media (width<=520px){.quiz-option-shell{grid-template-columns:minmax(0,1fr) 3rem;min-height:0}.quiz-option-shell .quiz-option{min-height:0;overflow:hidden}.quiz-option-weighting{--quiz-option-weight-optical-x-offset:0;min-width:3rem;padding:.32rem 0}.quiz-option-weight-button{width:1.85rem;height:1.78rem}.quiz-option-weight-button:before{inset:-.16rem}.quiz-option-weight-tooltip{top:auto;bottom:calc(100% + .35rem);right:.3rem;transform:translateY(.2rem)}:is(.quiz-option-weighting:has(.quiz-option-weight-button:focus-visible) .quiz-option-weight-tooltip,.quiz-option-weighting-revealed .quiz-option-weight-tooltip){transform:translateY(0)}}@media (width<=520px) and (hover:hover) and (pointer:fine){.quiz-option-weighting:has(.quiz-option-weight-button:not(:disabled):hover) .quiz-option-weight-tooltip{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quiz-option-weight-button,.quiz-option-weight-button svg,.quiz-option-weight-markers span,.quiz-option-weight-tooltip{transition:none}}