.mode-toggle{display:inline-flex;margin-top:18px;border:1px solid var(--line-300);border-radius:var(--radius-pill);background:var(--paper-0);overflow:hidden}.mode-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font:600 13px var(--font-sans);color:var(--ink-500);padding:9px 20px;transition:background var(--t-fast),color var(--t-fast)}.mode-toggle button[aria-pressed=true]{background:var(--ink-900);color:#fff;cursor:default}.mode-toggle button:not([aria-pressed=true]):hover{color:var(--ink-900)}.step-indicator{font-size:13px;color:var(--ink-500);min-width:100px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reading-overlay{position:fixed;inset:0;z-index:100;background:var(--scrim);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:overlay-in var(--t-overlay-in) var(--ease-out) both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.reading-card{position:relative;width:var(--overlay-card-w);aspect-ratio:5/8;animation:card-rise var(--t-overlay-in) var(--ease-out) both;box-shadow:0 24px 64px rgba(0,0,0,.5);border-radius:var(--radius-card)}@keyframes card-rise{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}.reading-card .card-face{padding:8% 7% 13%}.reading-card .face-prompt{font-size:clamp(20px,4.5vw,30px);line-height:1.5}.reading-card .face-prompt.is-long{font-size:clamp(19px,3.8vw,26px)}html[lang=fa] .reading-card .face-prompt{line-height:1.65}.reading-card .face-deckmark{top:4.5%;font-size:12px;letter-spacing:2.2px}.reading-card .face-score{font-size:14px;inset-inline-end:4.5%;bottom:3.5%}.reading-card .face-answer-btn{font-size:14px;padding:9px 20px}.reading-card .face-answer-text{font-size:clamp(17px,3vw,22px)}.reading-card .face-answer-eyebrow{font-size:10px}.reading-caption{margin-top:18px;font-size:12.5px;color:var(--on-scrim-65);animation:caption-fade-in .3s var(--ease-out) both}@keyframes caption-fade-in{0%{opacity:0}to{opacity:1}}.overlay-close{position:fixed;top:18px;inset-inline-end:18px;width:44px;height:44px;border-radius:50%;cursor:pointer;background:transparent;border:1px solid var(--on-scrim-40);color:var(--on-scrim-90);font:20px/1 var(--font-sans);display:flex;align-items:center;justify-content:center;transition:border-color var(--t-fast),background var(--t-fast)}.overlay-close:hover{border-color:var(--on-scrim-90);background:hsla(0,0%,100%,.08)}.reading-overlay :focus-visible{outline:2px solid #fff;outline-offset:3px}body.overlay-open{overflow:hidden}.slider-zone{margin:26px auto 0;width:min(100%,var(--slider-w))}.slider-labels{display:flex;justify-content:space-between;margin-bottom:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400)}.ff-slider{position:relative;height:32px;cursor:pointer;touch-action:none}.ff-slider .track{position:absolute;top:14px;left:0;right:0;height:var(--slider-track-h);border-radius:2px;background:linear-gradient(90deg,var(--line-200),var(--ink-500))}[dir=rtl] .ff-slider .track{background:linear-gradient(270deg,var(--line-200),var(--ink-500))}.ff-slider .tick{position:absolute;top:21px;width:2px;height:5px;-webkit-margin-start:-1px;margin-inline-start:-1px;background:var(--line-300)}.ff-slider .thumb{position:absolute;top:16px;width:var(--slider-thumb);height:var(--slider-thumb);transform:translate(-50%,-50%);background:var(--paper-0);border:2px solid var(--ink-900);border-radius:50%;box-shadow:var(--shadow-1);transition:inset-inline-start .16s var(--ease-out),width var(--t-tip),height var(--t-tip),box-shadow var(--t-tip)}[dir=rtl] .ff-slider .thumb{transform:translate(50%,-50%)}@media (hover:hover) and (pointer:fine){.ff-slider:hover .thumb{width:20px;height:20px}}.ff-slider.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.ff-slider.is-dragging .thumb{width:22px;height:22px;box-shadow:var(--shadow-2);transition:width var(--t-tip),height var(--t-tip)}.ff-slider:focus-visible{outline:none}.ff-slider:focus-visible .thumb{outline:2px solid var(--ink-900);outline-offset:3px}.ff-slider .slider-tip{position:absolute;bottom:28px;transform:translateX(-50%);background:var(--paper-0);border:1px solid var(--line-300);border-radius:var(--radius-pill);padding:3px 11px;font:11px var(--font-sans);color:var(--ink-700);box-shadow:var(--shadow-1);white-space:nowrap;opacity:0;transition:opacity var(--t-tip);pointer-events:none}[dir=rtl] .ff-slider .slider-tip{transform:translateX(50%)}.ff-slider.is-dragging .slider-tip{opacity:1}.play-wrap{max-width:900px;margin:0 auto;padding:24px 24px 84px;--card-w:var(--table-card-w)}.playbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;position:relative}.playbar .lang-switch{position:relative;top:auto;inset-inline-end:auto}.playbar-end{display:inline-flex;align-items:center;gap:6px}.playbar-home{font:600 12.5px var(--font-sans);color:var(--ink-500);text-decoration:none;padding:6px 10px;border-radius:var(--radius-pill);transition:color var(--t-fast),background var(--t-fast)}.playbar-home:hover{color:var(--ink-900);background:var(--paper-100)}.back-link{display:inline-block;font-size:13px;color:var(--ink-500);text-decoration:none;padding:6px 10px 6px 0}.back-link:hover{color:var(--ink-900);text-decoration:underline;text-underline-offset:3px}.table-panel{position:relative;background:radial-gradient(120% 100% at 50% 0,var(--paper-100),var(--paper-200));border:1px solid var(--line-200);border-radius:var(--radius-panel);padding:52px 56px 46px;min-height:520px}.stage-flex{display:flex;justify-content:center;align-items:flex-start;gap:72px}.restore-note{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:12px;color:var(--ink-400);animation:note-out .4s var(--ease-out) 4s both}@keyframes note-out{to{opacity:0}}.slot-zone{text-align:center;position:relative}.slot-empty{width:var(--card-w);height:var(--card-h);border:2px dashed var(--line-300);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;padding:16px;color:var(--ink-300);font-size:12px}.card-attach{position:absolute;inset:0;pointer-events:none;z-index:5}.enlarge-btn{pointer-events:auto;position:absolute;top:-13px;inset-inline-end:-13px;width:38px;height:38px;border-radius:50%;cursor:pointer;background:hsla(0,0%,100%,.95);border:1px solid var(--line-300);box-shadow:var(--shadow-2);color:var(--ink-700);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .2s var(--ease-out) .25s,transform .2s var(--ease-out) .25s,border-color var(--t-fast),color var(--t-fast)}.slot-zone.is-flipped .enlarge-btn{opacity:1;transform:scale(1)}.enlarge-btn:hover{border-color:var(--ink-500);color:var(--ink-900)}.enlarge-btn svg{width:16px;height:16px;display:block}.enlarge-btn--v2{width:40px;height:40px;background:var(--paper-0);border:1.5px solid var(--ink-700);color:var(--ink-900);box-shadow:var(--shadow-2)}.enlarge-btn--v2:hover{border-color:var(--ink-900);background:var(--paper-50)}.enlarge-btn--v2 svg{width:17px;height:17px}.enlarge-btn--v2 .enlarge-label{display:none}.enlarge-btn--v2.is-first{width:auto;height:40px;padding:0 15px 0 13px;gap:8px;border-radius:var(--radius-pill)}.enlarge-btn--v2.is-first .enlarge-label{display:inline;font:600 12.5px var(--font-sans);letter-spacing:.01em;white-space:nowrap}.flip-hint.is-teach{color:var(--ink-700);font-weight:600}.flip-hint{font-size:12px;color:var(--ink-400);text-align:center;margin:16px 0 0}.flip-hint.is-nudge{color:var(--ink-700);font-weight:600}.stage-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px;min-height:48px}.pile-chip{display:none}@media (max-width:699px){.play-wrap{padding:16px 16px 120px;--card-w:min(76vw,320px)}.table-panel{padding:30px 18px 26px;min-height:0}.stage-flex{flex-direction:column-reverse;align-items:center;gap:26px}.stage-flex.pre-draw{flex-direction:column}.stage-flex.has-active .pile-zone{display:none}.stage-flex.has-active .pile-chip{display:flex}.stage-controls{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));background:hsla(0,0%,98%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-200)}}@media (prefers-reduced-motion:reduce){.restore-note,.table-panel{animation:none!important}.enlarge-btn{transition:none!important}}