:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#153a43;background:#eef5f4;font-size:19px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:2px solid #d6e5e2;padding:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}a{color:#145e60;text-decoration:none;font-weight:800}main{max-width:1080px;margin:24px auto;padding:0 18px 220px}h1{font-size:2rem}h2{font-size:1.4rem}.card{background:white;border:2px solid #d6e5e2;border-radius:18px;padding:22px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button,select,input{font:inherit;min-height:54px;border:2px solid #91b3b0;border-radius:12px;padding:10px 16px}button{background:#146e72;color:white;font-weight:750;cursor:pointer}button.secondary{background:#fff;color:#164e55}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ecaf39;outline-offset:2px}input{width:100%;margin:8px 0 16px}label{display:block}select{max-width:100%;background:#fff}.code{font-size:3rem;letter-spacing:.2em;font-weight:900}.picture{display:block;max-height:360px;width:100%;object-fit:contain;border-radius:12px;background:#f1f6f5}.prompt{font-size:1.6rem;font-weight:800}.hint{background:#fff3ce;border:2px solid #e5bf58;padding:18px;border-radius:12px}.controls{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid #8cafaa;padding:12px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;z-index:5}.controls button{font-size:16px;min-height:48px}.big{width:100%;font-size:1.5rem;min-height:86px}.muted{color:#536d72}.reminder{background:#fff4d9;padding:8px;border-radius:8px}#message{position:fixed;top:8px;left:50%;transform:translateX(-50%);background:#fff3ce;color:#633900;z-index:10;max-width:90%;padding:14px;border-radius:12px;box-shadow:0 4px 20px #0002}#message:empty{display:none}.metric{font-weight:800;font-size:1.3rem}progress{width:100%;height:24px}.status{color:#145e60;font-weight:750}.answers{border-left:5px solid #96b9b2;padding-left:12px}.small{font-size:.85rem}@media(max-width:600px){main{padding-bottom:290px}h1{font-size:1.6rem}.card{padding:16px}.controls{justify-content:flex-start}.controls button{flex:1 0 26%;padding:8px}.code{font-size:2.4rem}.prompt{font-size:1.3rem}}

.speech-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1080px;margin:12px auto;padding:0 18px}.speech-button{font-size:1rem}.spoken-option{display:flex;flex-direction:column;gap:8px;flex:1 1 180px}.spoken-option button{width:100%}#speech-status{color:#145e60;font-weight:700}

.hint-panel{background:#fff3ce;border:3px solid #d9a52d;scroll-margin:20px}.hint-panel h2{margin-top:0}.hint-content{font-size:1.45rem;font-weight:800;line-height:1.6}.hint-picture{display:block;width:100%;height:160px;object-fit:contain;border-radius:10px}