:root{color:#263d30;font-synthesis:none;background:#f5f3eb;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main{max-width:1120px;margin:auto;padding:0 30px}header{border-bottom:1px solid #ced3c5;justify-content:space-between;align-items:center;min-height:90px;display:flex}.brand{color:inherit;letter-spacing:.1em;font-weight:850;text-decoration:none}.eyebrow{letter-spacing:.16em;color:#667a66;font-size:11px;font-weight:700}h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(58px,9vw,104px);line-height:1.05}h1 span{color:#d05b39}.english,.muted{color:#657365;font-size:13px}.toolbar{background:#e5eadb;border:1px solid #c9d2bb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.toolbar p{margin-bottom:0;font-size:12px;line-height:1.6}.dot{background:#798c68;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.actions{flex-wrap:wrap;gap:8px;display:flex}button{color:#fff;font:inherit;cursor:pointer;background:#284934;border:1px solid #284934;border-radius:9px;padding:12px 16px;font-size:13px}button.secondary{color:#284934;background:0 0;border-color:#b6c1ad}button:hover{filter:brightness(.92)}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #d05b39}button:disabled{opacity:.55;cursor:wait}.experiment{justify-content:space-between;align-items:center;gap:24px;margin:42px 0 12px;display:flex}h2{margin:8px 0;font-size:26px}h2 span{color:#657365;margin-top:8px;font-size:13px;font-weight:400;display:block}.experiment p:not(.eyebrow),#scenario-status{color:#657365;font-size:13px}.section-title{margin:35px 0 20px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{overflow-wrap:anywhere;background:#fffef9;border:1px solid #d7d8cd;border-radius:14px;padding:24px}.card h3{margin:20px 0 5px;font-size:23px}.card p{font-size:13px;line-height:1.7}.card small{color:#667568;font-size:10px;display:block}.badge{letter-spacing:.04em;font-weight:700;font-size:10px!important}.short .badge{color:#b94c2f}.review .badge{color:#84641b}.ready .badge{color:#3e6c3c}.record{border-top:1px solid #d5d7cb;padding:22px 24px}.record h3{margin:10px 0;font-size:17px;font-weight:500}.record p{font-size:12px}.correction{background:#f1e9dc;border-left:3px solid #d05b39}.ledger{margin-top:50px}aside{color:#f6f4e9;background:#263d30;border-radius:14px;margin:40px 0;padding:28px}aside p{color:#d7e0cf;font-size:13px;line-height:1.8}footer{color:#647160;border-top:1px solid #ced3c5;padding:25px 0 50px;font-size:11px;line-height:1.8}@media (max-width:720px){header,main{padding-left:18px;padding-right:18px}header .eyebrow{display:none}.hero{padding-top:40px}.toolbar,.experiment{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}.actions button{padding:11px 12px}.intro{font-size:17px}.card{padding:20px}h2{font-size:23px}}.hero{padding:30px 0 24px}h1{letter-spacing:-.035em;margin:16px 0;font-size:clamp(32px,5vw,56px)}.intro{font-size:16px;line-height:1.7}.eyebrow,.badge{font-size:12px!important}.actions button,.card p,.experiment p:not(.eyebrow),#scenario-status{font-size:14px}.card small{font-size:12px}.toolbar{align-items:flex-start}.toolbar p,.record p{font-size:13px}footer{font-size:12px}button[aria-pressed=true]{outline-offset:2px;box-shadow:0 0 0 2px #d05b39}