.recall-card.panel{min-height:0;padding:clamp(14px,2vw,24px)}.topbar-language-stack{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.review-all-note{color:#687961;margin-top:8px;font-size:12px;line-height:1.5;display:block}.study-studio.is-reviewing .ss-heading{margin:10px 0}.study-studio.is-reviewing .ss-heading h1{margin:5px 0;font-size:22px;line-height:1.25}.study-studio.is-reviewing .ss-heading p{margin:3px 0;font-size:12px;line-height:1.4}.study-studio.is-reviewing .ss-personal-lesson{min-height:44px;margin:6px 0;padding:8px 12px;font-size:13px}.study-studio.is-reviewing .ss-tabs{margin:8px 0}.study-studio.is-reviewing button.recall-reveal{min-height:180px}.recall-card .recognition-navigation{gap:8px;margin-bottom:10px}.recall-card>p{margin:5px 0;font-size:12px;line-height:1.4}.recognition-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;display:flex}.recognition-lookup{color:#60735f;align-items:center;gap:6px;min-height:44px;font-size:13px;display:inline-flex}.recall-card button.recall-reveal{color:#2e4d3e;touch-action:pan-y;background:#f5f7ef;border:1px solid #d8e2d1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:220px;padding:20px;display:flex}.recall-reveal:focus-visible{outline-offset:3px;outline:3px solid #a98753}.recall-card .recall-hanzi{text-align:center;margin:8px 0;font-size:clamp(45px,6vw,72px);line-height:1.25}.recall-card .recall-face .pinyin,.recall-card .recall-reveal .pinyin{color:#98783e;text-align:center;margin:0;font-size:21px;line-height:1.45}.recall-action-label{align-items:center;gap:8px;font-size:15px;display:inline-flex}.recall-reveal>small{color:#6e7c69;font-size:12px;line-height:1.4}.recall-card .recall-face{padding:8px}.recall-card .revealed-answer{margin:8px 0 12px;padding:12px 0}.recall-card .recognition-meaning{text-align:center;color:#52695c;margin:5px 0 0;font-size:16px;font-weight:400;line-height:1.45}.recall-card .recognition-example p{margin:5px 0;font-size:15px;line-height:1.55}.recall-card .recognition-example p[lang=zh-Hans]{font-size:23px;line-height:1.5}.recall-card .recognition-example .pinyin{font-size:15px}.recall-card .recognition-rating-zone{z-index:3;background:#fff;border-top:1px solid #dce4d4;padding:10px 0 2px;position:sticky;bottom:8px}.recall-card .recognition-rating-zone .rating-instruction{margin:0 0 8px;font-size:13px;line-height:1.4}.recall-card .ratings{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.recall-card .ratings button{min-height:54px;padding:8px 6px}.recall-card .ratings small{font-size:11px;line-height:1.3}@media (max-width:650px){.recall-card .recognition-rating-zone{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media (max-width:600px){.recall-card button.recall-reveal{min-height:190px;padding:16px}.recall-card .ratings{grid-template-columns:repeat(4,minmax(0,1fr))}.recall-card .ratings button{min-height:48px;padding:8px 3px;font-size:12px}.recall-card .ratings strong{font-size:12px}.recall-card .ratings small{display:none}.recognition-tools .pill{font-size:11px}}.voice-demo{background:#fbfcf7;border:1px solid #d9e3d1;border-radius:18px;padding:22px}.voice-demo-intro h2{margin:0 0 5px;font-size:23px}.voice-demo-intro p,.voice-privacy,.voice-unavailable{color:#6c7f6a;font-size:13px;line-height:1.65}.voice-fruit-cards{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:20px 0;display:grid}.voice-fruit-cards article{background:#eef4e7;border:1px solid #cfddc7;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:18px 12px;animation:.2s ease-out fruit-arrive;display:flex}.voice-fruit-cards strong{color:#2c5236;font-size:30px}.voice-fruit-cards span{font-size:17px}.voice-fruit-cards small{color:#73836b;font-size:12px}.voice-example{flex-wrap:wrap;align-items:baseline;gap:7px 18px;display:flex}.voice-example>span:first-child{font-size:24px}.voice-example small{color:#78866e}.voice-demo-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.voice-demo button{cursor:pointer;color:#36593d;background:#eef4e7;border:1px solid #bdcfb3;border-radius:9px;min-height:44px;padding:10px 15px}.voice-demo button.primary{color:#fff;background:#345c45}.voice-demo button:disabled{opacity:.5;cursor:default}.voice-status{color:#385a42;font-size:14px}.voice-reply{white-space:pre-wrap;background:#f0f4ec;border-radius:12px;min-height:95px;padding:16px;line-height:1.8}.voice-input{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.voice-input input{min-width:160px;min-height:44px;font:inherit;border:1px solid #c9d8c0;border-radius:9px;flex:1;padding:10px}.voice-unavailable{border-top:1px solid #e0e7da;padding-top:12px}:is(.voice-demo button:focus-visible,.voice-demo input:focus-visible){outline-offset:3px;outline:3px solid #6093a8}@keyframes fruit-arrive{0%{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.voice-fruit-cards article{animation:none}}@media (max-width:600px){.voice-demo{padding:15px}.voice-fruit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-demo-intro h2{font-size:20px}}.lab-nav-mark{flex-shrink:0;overflow:visible}.scene-lab-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.scene-lab-heading h1{margin:0;font-size:30px}.scene-lab-heading>p{color:#6b7c70;max-width:340px;margin:0;font-size:14px;line-height:1.6}.scene-lab-tabs{flex-wrap:wrap;justify-content:flex-start;gap:7px;margin:0 0 14px;display:flex}.scene-lab-tabs button{color:#3b5c45;min-height:44px;font:inherit;cursor:pointer;background:#f9fbf5;border:1px solid #cddace;border-radius:10px;padding:11px 16px;font-size:14px}.scene-lab-tabs button[aria-pressed=true]{color:#fff;background:#345c45;border-color:#345c45}.scene-lab-tabs button:focus-visible{outline-offset:3px;outline:3px solid #6198ae}.scene-lab-note{color:#6b7c70;margin:0 0 10px;font-size:13px}.scene-lab-frame{background:#f5f6ef;border:1px solid #dce4d5;border-radius:16px;width:100%;height:max(700px,100svh - 230px);display:block}.scene-lab-panel{min-width:0}@media (max-width:700px){.scene-lab-heading{flex-direction:column;align-items:start;gap:7px}.scene-lab-heading h1{font-size:25px}.scene-lab-heading>p{font-size:12px}.scene-lab-tabs{gap:5px}.scene-lab-tabs button{padding:10px 11px;font-size:12px}.scene-lab-frame{height:calc(100svh - 180px);min-height:650px}}
