:root{--accent:#b9382e;--ink:#20252b;--paper:#fff;--wash:#fff0ec;--muted:#626569;--line:#e4e1df;--success:#08765e;color:var(--ink);font-synthesis:none;background:#fafaf9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.65}a{color:var(--accent);text-underline-offset:.22em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;font-size:clamp(2.35rem,5vw,4rem);font-weight:650;line-height:1.07}h2{letter-spacing:-.025em;font-size:1.65rem;line-height:1.25}h3{font-size:1.12rem}header{border-bottom:1px solid var(--line);background:#fff}.nav{align-items:center;gap:2rem;max-width:1180px;margin:auto;padding:1.2rem 2rem;display:flex}.brand{color:var(--ink);white-space:nowrap;font-size:1.08rem;font-weight:750;text-decoration:none}.brand-mark{flex:none;width:44px;height:39px;margin-right:.65rem;display:block}.navlinks{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.navlinks a{color:var(--ink);font-size:.93rem;text-decoration:none}.navlinks a[aria-current=page]{color:var(--accent);font-weight:650}.page{max-width:1180px;margin:auto;padding:3.5rem 2rem 4rem}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.8rem;font-weight:700}.intro{max-width:700px}.lead{color:var(--muted);font-size:1.1rem;line-height:1.7}.workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:2rem;margin-top:2.2rem;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:2rem;box-shadow:0 4px 20px #20252b03}.subtle{background:var(--wash);box-shadow:none}.small{color:var(--muted);font-size:.875rem}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.stack>*+*{margin-top:1.1rem}.settings{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.field{flex-direction:column;gap:.45rem;font-size:.875rem;font-weight:650;display:flex}select,input,textarea{color:var(--ink);background:#fff;border:1px solid #bdb8b4;border-radius:7px;min-width:0;max-width:100%;padding:.7rem}textarea{resize:vertical;width:100%;min-height:180px}.button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:7px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.8rem 1.15rem;font-weight:650;text-decoration:none;display:inline-flex}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.textbutton{color:var(--accent);background:0 0;border:0;padding:.65rem 0}.divider{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.tag{border:1px solid var(--line);border-radius:4px;padding:.2rem .5rem;font-size:.8rem;display:inline-block}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.cards .panel{padding:1.5rem}.prose{max-width:760px}.prose h2{margin-top:2.4rem}.prose li{margin-bottom:.5rem}footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;max-width:1116px;margin:auto;display:flex}.footer-links{flex-wrap:wrap;gap:1.25rem;display:flex}.footer-links a{color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:1rem}.skip:focus{z-index:9;background:#fff;padding:1rem;top:1rem}.zh{letter-spacing:.025em;font-family:PingFang SC,PingFang TC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:1.35rem;line-height:1.8}.options{gap:.75rem;display:grid}.option{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:7px;align-items:center;gap:1rem;padding:1rem;display:flex}.option:hover{border-color:var(--accent);background:var(--wash)}.option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--wash)}.option-letter{border:1px solid var(--line);border-radius:4px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:.8rem;display:grid}.progress{width:100%;height:6px;accent-color:var(--accent);margin:.8rem 0}.results-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.result-count{font-size:2rem;font-weight:700;display:block}.review{border-top:1px solid var(--line);padding:1.2rem 0}.review summary{cursor:pointer;font-weight:650}.correct{color:var(--success)}.incorrect{color:#a72a2a}.count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.count-grid div{background:var(--wash);border-radius:7px;padding:1rem}.count-grid strong{font-size:1.7rem;display:block}.scroll-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.8rem}caption{text-align:left;margin-bottom:.5rem;font-weight:650}.notice{border-left:3px solid var(--accent);background:var(--wash);padding:.7rem 1rem;font-size:.9rem}.language-menu{font-size:.9rem}.check-list{padding:0;list-style:none}.check-list li{border-bottom:1px solid var(--line);padding:.65rem 0}.check-list li:last-child{border:0}.section-space{margin-top:3rem}.hero-split{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;display:grid}.type-sample{color:var(--accent);letter-spacing:.15em;border-left:1px solid var(--line);padding-left:2rem;font-family:serif;font-size:4.8rem;line-height:1.1}.type-sample small{color:var(--muted);letter-spacing:.1em;text-align:center;margin-top:.8rem;font-family:system-ui;font-size:.75rem;display:block}@media (width<=800px){.nav{flex-wrap:wrap;gap:1rem;padding:1rem}.navlinks{flex-wrap:wrap;gap:1rem}.page{padding:2rem 1rem 3rem}.workspace,.cards{grid-template-columns:1fr}.workspace aside{order:2}.type-sample{display:none}.panel{padding:1.3rem}.settings{grid-template-columns:1fr 1fr}.results-grid{gap:.5rem}.navlinks{margin-left:0}.count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.settings,.results-grid{grid-template-columns:1fr}.navlinks a{font-size:.85rem}.brand{font-size:1rem}.footer-inner{display:block}.footer-links{margin-top:1rem}}@media (prefers-reduced-motion:no-preference){.option,.button{transition:background .15s,border-color .15s}}.language-menu{flex-shrink:0;position:relative}.language-menu summary{cursor:pointer}.language-options{z-index:10;border:1px solid var(--line);background:#fff;border-radius:7px;min-width:155px;padding:.5rem;position:absolute;top:2rem;right:0;box-shadow:0 8px 24px #20252b20}.language-options a{padding:.5rem;text-decoration:none;display:block}.question{white-space:pre-line}html[lang=ja] h1{letter-spacing:-.025em;font-size:clamp(2rem,4vw,3.4rem);line-height:1.35}html[lang=th]{line-height:1.85}html[lang=th] h1{letter-spacing:0;line-height:1.4}@media (width>=801px) and (width<=1100px){.nav{flex-wrap:wrap}.brand{margin-right:auto}.navlinks{order:3;width:100%;margin-left:0}.language-menu{margin-left:auto}}:root{--accent:#bd3026;--ink:#101c29;--muted:#586273;--paper:#fffdfa;--wash:#fff0e9;--line:#eee3da;--cream:#fff8ef;background:var(--cream)}body{background:linear-gradient(120deg,#fff9f0,#fffdf9 56%,#fff5e9)}h1,h2,h3,strong,.brand{font-weight:750}h1{letter-spacing:-.055em}h2{letter-spacing:-.045em;font-size:clamp(1.65rem,3vw,2.1rem)}.icon{vertical-align:middle;flex:none}header{z-index:5;background:#fffefa;border-bottom:1px solid #f5e9df;position:relative}.nav{gap:32px;max-width:1248px;min-height:76px;padding:0 32px}.brand{letter-spacing:-.04em;align-items:center;font-size:1.2rem;display:inline-flex}.navlinks{align-self:stretch;gap:8px}.navlinks a{white-space:nowrap;border-radius:8px;align-items:center;min-height:44px;padding:8px 12px;font-size:.84rem;font-weight:600;display:flex;position:relative}.navlinks a[aria-current]{color:var(--accent);background:var(--wash);box-shadow:inset 0 0 0 1px #b9382e16}.language-menu summary{align-items:center;gap:5px;min-height:44px;font-size:.84rem;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-options{border-radius:12px;top:100%}.language-options a:hover{background:var(--wash);border-radius:6px}.page{max-width:1200px;padding:58px 32px 32px}.landing .page{max-width:none;padding:0}.illustrated-hero{isolation:isolate;min-height:480px;position:relative;overflow:hidden}.hero-art{z-index:-1;display:block;position:absolute;inset:0}.hero-art img{object-fit:cover;object-position:center 54%;width:100%;height:100%}.hero-inner{max-width:1248px;margin:auto;padding:58px 48px 112px}.hero-copy{max-width:650px}.eyebrow{letter-spacing:.14em;margin-bottom:17px;font-size:.83rem}.hero-copy h1{text-wrap:balance;max-width:660px;margin-bottom:30px;font-size:clamp(2.9rem,5.45vw,4.6rem);font-weight:800;line-height:1.02}.hero-accent{color:var(--accent);white-space:nowrap;display:inline-block;position:relative}.brush-mark{color:#e24a3c;width:100%;height:13px;display:block}.hero-accent .brush-mark{height:16px;position:absolute;bottom:-16px;left:0}.hero-copy .lead{max-width:545px;margin-bottom:0;font-size:1.07rem;font-weight:550;line-height:1.5}.workspace{gap:36px}.test-workspace{isolation:isolate;z-index:1;grid-template-columns:minmax(0,2.12fr) minmax(250px,1fr);align-items:center;gap:36px;max-width:1180px;margin:-64px auto 0;padding:12px;position:relative}.test-workspace:before{content:"";z-index:-1;background:linear-gradient(120deg,#ffefe4ea,#fffaf3f5 66%,#fffaf370);border-radius:38px 100px 30px 38px;position:absolute;inset:0;box-shadow:0 16px 42px #dbaa6d0b}.panel{background:#fffefcef;border:1px solid #ffeadc;border-radius:22px;padding:32px;box-shadow:0 10px 35px #c3783a09}.test-workspace .quiz{border-radius:26px;padding:30px 36px 36px}.quiz-badges{gap:10px}.free-badge,.time-badge{border:0;border-radius:24px;align-items:center;gap:9px;padding:8px 14px;font-size:.79rem;font-weight:650;line-height:1.35;display:inline-flex}.free-badge{color:#b5232d;background:#ffedf0}.time-badge{color:#535b6c;background:#f2f1f2}.quiz-title{margin:22px 0 10px;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.18}.quiz [data-setup]>.muted{margin-bottom:20px;font-size:1rem;line-height:1.6}.settings{gap:20px;margin:20px 0}.field{gap:7px;font-size:.88rem;font-weight:700}select,input,textarea{background:#fffdfa;border-color:#cecdd0;border-radius:11px;min-height:48px;padding:11px 14px}input[type=checkbox]{width:18px;height:18px;min-height:auto;accent-color:var(--accent);padding:0}select{text-overflow:ellipsis;width:100%}.reference-note{align-items:flex-start;gap:10px;margin:18px 0 23px;font-size:.8rem;line-height:1.6;display:flex}.reference-note .icon{color:#717c88;margin-top:2px}.button{background:linear-gradient(110deg,#bf3328,#cf352a 75%,#c62f25);border:1px solid #c92f25;border-radius:12px;min-height:49px;font-weight:700;box-shadow:0 7px 14px #cc372c14,inset 0 1px #ffffff28}.button:hover{background:#ac2a22}.button.secondary{box-shadow:none;background:#fffdfa;border-color:#dfd7cf}[data-start]{gap:13px;width:100%;min-height:61px;font-size:1.22rem}.benefits{padding:30px 23px 26px 0}.accent-heading{margin-bottom:22px;position:relative}.accent-heading>.brush-mark{width:43px;height:7px;margin-top:5px}.benefits h2{letter-spacing:-.04em;font-size:1.5rem}.benefit-list{margin:0 0 26px;padding:0;list-style:none}.benefit-list li{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:18px;padding:13px 0;display:grid}.benefit-icon{border-radius:17px;place-items:center;width:60px;height:64px;display:grid}.benefit-0{color:#d43;background:linear-gradient(135deg,#ffe4dd,#ffeae4)}.benefit-1{color:#c87900;background:linear-gradient(135deg,#ffe6a8,#fff0ca)}.benefit-2{color:#08775e;background:linear-gradient(135deg,#d9f0df,#e3f6e9)}.benefit-list h3{letter-spacing:-.035em;margin:0 0 3px;font-size:1rem;line-height:1.35}.benefit-list p{margin:0;font-size:.86rem;line-height:1.5}.arrow-link{align-items:center;gap:10px;min-height:44px;font-size:.92rem;font-weight:600;display:inline-flex}.faq-section{z-index:1;grid-template-columns:290px minmax(0,1fr);align-items:center;gap:44px;max-width:1156px;margin:42px auto 0;padding:0 22px;display:grid;position:relative}.study-art{display:block}.study-art img{width:100%;height:auto;display:block}.faq-content h2{margin-bottom:13px}.faq-panel{background:#fffefd;border:1px solid #ffe7d6;border-radius:20px;padding:3px 27px;box-shadow:0 12px 30px #c3783a07}.faq-item{border-top:1px solid #eee9e5;padding:0}.faq-item:first-child{border-top:0}.faq-item summary{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:.98rem;line-height:1.45;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item p{color:var(--muted);margin:0;padding:0 30px 18px 0;font-size:.93rem}.inner-page .intro{margin-bottom:30px}.inner-page .intro h1{font-size:clamp(2.3rem,5vw,3.6rem)}.inner-page .quiz{max-width:840px}.inner-page .prose{padding-bottom:15px}.notice{border-radius:0 10px 10px 0}.option{border-radius:11px}.option-letter{border-radius:6px}.cards .panel:hover{border-color:#e1b09b}.subtle{background:var(--wash)}footer{border-top:0;padding:0;position:relative}.footer-landscape{pointer-events:none;height:200px;margin-top:-25px;display:block;overflow:hidden}.footer-landscape img{object-fit:cover;object-position:center 68%;width:100%;height:100%;display:block}.footer-inner{align-items:center;max-width:1220px;padding:12px 32px 26px}.footer-brand{align-items:flex-start;gap:10px;display:flex}.footer-brand .brand-mark{width:38px;height:34px;margin:0}.footer-brand strong{color:var(--ink);letter-spacing:-.025em;font-size:.94rem}.footer-brand p{margin:1px 0 0;font-size:.79rem}.footer-links{gap:24px}.footer-links a{align-items:center;min-height:44px;font-size:.75rem;display:inline-flex}html[lang=ja] .hero-copy h1,html[lang=th] .hero-copy h1{font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.3}html[lang=vi] .hero-copy h1,html[lang=es] .hero-copy h1{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.15}@media (width>=1400px){.hero-art img{object-position:center 50%}}@media (width<=1100px){.nav{flex-wrap:wrap;gap:7px 24px;min-height:72px;padding:14px 24px 0}.brand{margin-right:auto}.navlinks{order:3;gap:25px;width:100%;min-height:44px;margin-left:0}.language-menu{margin-left:auto}.hero-inner{padding:45px 38px 115px}.hero-copy{max-width:57%}.hero-copy h1{font-size:clamp(2.7rem,5.3vw,3.8rem)}.hero-copy .lead{font-size:1rem}.test-workspace{grid-template-columns:minmax(0,1.85fr) minmax(230px,1fr);gap:25px;margin-left:24px;margin-right:24px}.test-workspace .quiz{padding:26px}.benefits{padding-right:14px}.benefit-list li{grid-template-columns:50px minmax(0,1fr);gap:13px}.benefit-icon{border-radius:14px;width:50px;height:55px}.settings{gap:12px}.quiz-badges{gap:8px}.free-badge,.time-badge{gap:6px;padding:7px 10px;font-size:.72rem}.faq-section{grid-template-columns:240px minmax(0,1fr);gap:22px;margin:38px 24px 0;padding:0}}@media (width<=800px){.test-workspace{grid-template-columns:1fr;gap:12px}.test-workspace:before{border-radius:30px}.benefits{padding:15px 24px 16px}.benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:10px;display:grid}.benefit-list li{padding:5px 0;display:block}.benefit-icon{margin-bottom:12px}.faq-section{grid-template-columns:190px minmax(0,1fr);gap:12px}.faq-panel{padding:0 20px}.faq-item summary{padding:19px 0;font-size:.93rem}.footer-inner{gap:10px;padding:8px 26px 22px}}@media (width<=700px){.nav{gap:0 10px;padding:9px 19px 0}.brand{font-size:1.02rem}.brand-mark{width:36px;height:32px;margin-right:8px}.language-menu summary{gap:4px;font-size:.76rem}.language-menu summary>.icon:first-child{width:16px}.navlinks{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.navlinks a{text-align:center;white-space:normal;justify-content:center;min-height:44px;padding:7px 5px;font-size:.72rem;line-height:1.35}.illustrated-hero{min-height:505px}.hero-inner{padding:30px 24px 220px}.hero-copy{max-width:100%}.hero-copy h1{max-width:440px;margin-bottom:25px;font-size:clamp(2.6rem,8.7vw,3.55rem);line-height:1.05}.hero-copy .lead{max-width:420px;font-size:.94rem;line-height:1.55}.eyebrow{margin-bottom:12px;font-size:.71rem}.hero-art{width:100%;height:300px;top:auto}.hero-art img{object-fit:cover;object-position:76% center}.hero-art:after{content:"";background:linear-gradient(var(--cream), transparent 28%);position:absolute;inset:0}.test-workspace{gap:12px;margin:-45px 14px 0;padding:7px}.test-workspace .quiz{border-radius:22px;padding:25px 22px}.quiz-title{margin-top:20px;font-size:1.8rem}.quiz [data-setup]>.muted{font-size:.94rem}.quiz-badges{gap:8px}.free-badge,.time-badge{gap:6px;padding:7px 9px;font-size:.69rem}.quiz-badges .icon{width:16px;height:16px}.settings{grid-template-columns:1fr;gap:14px}.reference-note{gap:8px;margin:18px 0 22px;font-size:.76rem}[data-start]{min-height:55px;font-size:1.1rem}.benefits{padding:18px 19px 14px}.benefits h2{font-size:1.55rem}.benefit-list{margin-bottom:9px;display:block}.benefit-list li{grid-template-columns:53px 1fr;gap:16px;padding:12px 0;display:grid}.benefit-icon{width:53px;height:58px;margin-bottom:0}.benefit-list h3{font-size:1rem}.benefit-list p{font-size:.87rem}.faq-section{margin:27px 22px 0;padding-top:32px;display:block}.study-art{float:right;width:140px;margin:-30px -8px -4px 12px}.faq-content h2{max-width:calc(100% - 150px);min-height:105px;margin-bottom:12px;padding-top:24px;font-size:1.7rem}.faq-panel{clear:both;border-radius:18px;padding:0 20px}.faq-item p{padding-right:0}.footer-landscape{height:155px;margin-top:0}.footer-landscape img{object-position:center 75%}.footer-inner{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 25px 22px;display:flex}.footer-links{gap:8px 22px;margin-top:0}.footer-links a{font-size:.73rem}.inner-page .page{padding:35px 22px 20px}.inner-page .panel{padding:23px}.inner-page .workspace{margin-top:25px}html[lang=ja] .hero-copy h1,html[lang=th] .hero-copy h1{font-size:2.55rem;line-height:1.3}html[lang=vi] .hero-copy h1,html[lang=es] .hero-copy h1{font-size:2.7rem;line-height:1.15}}@media (width<=370px){.nav{padding-left:14px;padding-right:14px}.brand{font-size:.95rem}.hero-inner{padding-left:21px;padding-right:21px}.test-workspace{margin-left:8px;margin-right:8px}.test-workspace .quiz{padding:23px 17px}.free-badge,.time-badge{padding:6px 8px;font-size:.66rem}.faq-section{margin-left:19px;margin-right:19px}.study-art{width:120px}.faq-content h2{max-width:calc(100% - 124px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.button{background:#c53529;transition:background-color .16s,box-shadow .16s,transform .16s}.button:hover{background:#ae2d24;box-shadow:0 5px 12px #aa34231a}.button:active{transform:translateY(1px)}.button.secondary{background:#fffdfa}.button.secondary:hover{background:#fff0e9}[data-stage] .option{min-height:var(--option-height,64px)}[data-stage] .option:disabled{opacity:1}.quiz-measure{visibility:hidden;pointer-events:none;position:fixed;top:0;left:-20000px}.quiz-measure .option{min-height:0}.result-hero{background:linear-gradient(135deg,#fff0db,#fff9ed);border-radius:22px;align-items:center;gap:25px;margin:20px 0;padding:25px;display:flex}.result-ring{--score:0%;background:conic-gradient(#c53529 var(--score), #efddd0 0);border-radius:50%;flex:none;place-items:center;width:110px;height:110px;display:grid}.result-ring span{color:#b64e13;background:#fff9ed;border-radius:50%;place-items:center;width:88px;height:88px;font-size:48px;display:grid}.result-copy .eyebrow{letter-spacing:.07em;margin-bottom:5px}.estimate-value{margin-bottom:8px;font-size:clamp(1.45rem,4vw,2.3rem);line-height:1.2}.result-copy p:last-child{margin:0}.skill-meter{accent-color:#08765e;width:100%;height:8px}.results-grid .notice{border:0;border-radius:12px}.skill-studio{--studio:#9a570d;max-width:840px}.studio-reading{--studio:#08765e}.studio-vocabularyPractice{--studio:#b9382e}.studio-banner{border-top:4px solid var(--studio);color:var(--studio);background:#fff0d9;border-radius:20px 20px 0 0;align-items:center;gap:20px;padding:24px;display:flex}.studio-reading .studio-banner{background:#e8f4ed}.studio-vocabularyPractice .studio-banner{background:#ffede7}.studio-banner p{margin:0;font-weight:600}.skill-studio .quiz{border-radius:0 0 22px 22px}.level-path{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.level-chip{background:#fffdfa;border:1px solid #e7d8ca;border-radius:30px;padding:9px 17px;font-weight:650;text-decoration:none}.level-chip.active{color:#fff;background:#b9382e;border-color:#b9382e}.library-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.library-heading h2{margin-bottom:8px}.vocabulary-library tbody tr{content-visibility:auto;contain-intrinsic-size:auto 65px}.vocabulary-library td{overflow-wrap:anywhere}.vocabulary-library td:first-child{min-width:80px}.flash-dialog{color:var(--ink);background:#fff8ee;border:1px solid #edd9c6;border-radius:25px;width:min(580px,100% - 24px);max-height:calc(100dvh - 32px);padding:24px;box-shadow:0 25px 90px #34221940}.flash-dialog::backdrop{background:#17202b99}.flash-top,.flash-stats{justify-content:space-between;align-items:center;gap:15px;display:flex}.flash-top .eyebrow{margin:0}.flash-top button{min-width:44px;min-height:44px;padding:8px 12px;font-size:1.2rem}.flash-stats{color:var(--muted);font-size:.8rem}.flash-scene{perspective:1100px;margin:16px 0 25px}.paper-card{min-height:310px;transform-style:preserve-3d;transition:none;position:relative}.paper-card.is-flipped{transition:none;transform:rotateY(180deg)}.card-face{width:100%;color:var(--ink);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:repeating-linear-gradient(0deg,#0000,#0000 31px,#b9916520 32px),#fffdf5;border:1px solid #e6d1b8;border-radius:8px 20px 12px 9px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex;position:absolute;inset:0;box-shadow:0 5px #f5e6d4,0 6px #dfcbb6,0 15px 25px #6f422214}.card-front{cursor:pointer}.card-hanzi{overflow-wrap:anywhere;font-family:serif;font-size:clamp(2rem,9vw,3.8rem);line-height:1.4}.card-stamp{color:#bd3026;font-size:32px}.card-back{text-align:center;justify-content:flex-start;overflow-y:auto;transform:rotateY(180deg)}.card-back h2{margin:0;font-size:1.5rem;line-height:1.4}.card-pinyin{color:#8a4923;margin:8px 0 0;font-size:1.25rem}.card-back details{width:100%;font-size:.86rem}.card-back summary{cursor:pointer;color:var(--accent)}.card-back details p{text-align:left;margin:12px 0 0}.flash-actions{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.deck-complete{text-align:center;padding:30px 0}.completion-star{color:#ac6515;font-size:72px;line-height:1.3}.deck-complete .row{justify-content:center}@media (width<=480px){.result-hero{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.result-ring{width:84px;height:84px}.result-ring span{width:66px;height:66px;font-size:36px}.flash-dialog{padding:16px}.card-face{padding:20px}.vocabulary-library{padding:18px!important}.vocabulary-library th,.vocabulary-library td{padding:12px 7px;font-size:.85rem}.vocabulary-library td.zh{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.paper-card,.paper-card.is-flipped,.button{transition:none}}.answer-review{border:1px solid #e7d8ca;border-radius:12px;margin:26px 0;padding:16px}.answer-review>summary{cursor:pointer;font-weight:700}@media (prefers-reduced-motion:no-preference){[data-results]:not([hidden]) .result-hero{animation:.26s ease-out result-arrive}@keyframes result-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.studio-grammar .option-letter{color:#8a520e;background:#fff5db;border-radius:50%}@media (prefers-reduced-motion:no-preference){.flash-dialog[open]::backdrop{animation:.22s ease-out study-backdrop}@keyframes study-backdrop{0%{background:#17202b00}to{background:#17202b99}}}.level-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.level-evidence-grid .notice{padding:12px}.level-evidence-grid .result-count{font-size:1.2rem;display:block}@media (width<=450px){.level-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-focus-open,.quiz-focus-open body{overflow:hidden}.focus-dialog{color:var(--ink);background:#fffdf9;border:1px solid #ecdfd3;border-radius:24px;width:min(760px,100% - 48px);max-width:none;height:min(720px,100dvh - 48px);max-height:none;padding:28px 40px 20px;overflow:hidden;box-shadow:0 24px 90px #35251918}.focus-dialog::backdrop{background:#f6f1eb}.focus-dialog [data-active],.focus-content{height:100%}.focus-content{flex-direction:column;display:flex}.focus-top,.focus-bottom{flex-shrink:0;align-items:center;gap:16px;display:flex}.focus-top .tag{background:var(--wash);border:0;border-radius:20px;padding:6px 12px}.focus-count{font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:auto}.focus-dialog .textbutton{min-height:44px;padding:8px;font-size:.85rem}.focus-dialog .progress{flex-shrink:0;margin:12px 0 0}.focus-dialog [data-stage]{flex:1;grid-template-rows:minmax(min-content,1fr) auto;gap:24px;min-height:0;padding:24px 0;display:grid;overflow-y:auto}.focus-dialog .question{font-size:1.5rem;line-height:1.5}.focus-dialog [data-stage] .question{outline:none;align-items:center;min-height:0;margin:0;display:flex}.focus-dialog .options{gap:12px}.focus-dialog .option{border-radius:12px;gap:14px;padding:16px 20px;font-size:1rem;line-height:1.4}.focus-bottom{justify-content:space-between}.focus-bottom .auto-hint{margin:0}.focus-confirm{background:#fffdf9;place-items:center;padding:24px;display:grid;position:absolute;inset:0}@media (height<=700px){.focus-dialog{padding:12px 24px}.focus-dialog [data-stage]{gap:12px;padding:12px 0}.focus-dialog .question{font-size:1.125rem}.focus-dialog .option{padding:10px 14px}.focus-dialog .options{gap:8px}}@media (width<=600px){.focus-dialog{width:100%;height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px max(12px, env(safe-area-inset-bottom));border:0;border-radius:0}.focus-dialog .question{font-size:1.25rem}.focus-top{gap:10px}.focus-bottom .auto-hint{max-width:55%;font-size:.72rem}}@media (height<=500px) and (width>=601px){.focus-dialog{width:min(900px,100% - 24px);height:calc(100dvh - 16px)}.focus-dialog .options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.focus-dialog[open]::backdrop{animation:.22s ease-out focus-backdrop}@keyframes focus-backdrop{0%{opacity:0}to{opacity:1}}}
