:root{font-family:system-ui,-apple-system,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:#17372f;background:#f6f4eb;font-size:18px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:4px solid #ed9e41;outline-offset:3px}.skip{position:absolute;transform:translateY(-150%);background:#fff;padding:.4rem}.skip:focus{transform:none}header{background:#124537;color:#fff;padding:1rem max(1.25rem,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.35rem;font-weight:800;text-decoration:none;letter-spacing:.05em}.subtitle{font-size:.8rem;color:#d3e8d7}main{max-width:1100px;margin:auto;padding:2rem 1.25rem 4rem}h1,h2,p{margin-top:0}h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.18;letter-spacing:-.035em;margin:.7rem 0 1.2rem}h1 em{font-style:normal;color:#126852}h2{font-size:1.5rem;line-height:1.3}.hero{padding:2rem 1rem 2.4rem;max-width:740px}.eyebrow{font-size:.82rem;font-weight:800;color:#126852;letter-spacing:.14em}.lead{font-size:1.18rem;color:#425b51}.panel{background:#fff;border:1px solid #dce4d7;border-radius:25px;padding:clamp(1.25rem,4vw,2.4rem);margin-bottom:1.5rem;box-shadow:0 18px 55px #1744350d}.panel h2:not(:first-child){margin-top:2rem}.record-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem;margin:1.5rem 0}.big-button{width:min(100%,310px);min-height:160px;border:0;border-radius:24px;background:#be501f;color:white;font-size:2.3rem;font-weight:800;box-shadow:0 8px 0 #883412;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem}.big-button span{font-size:1.35rem}.big-button[aria-pressed="true"]{background:#9b2828;box-shadow:0 8px 0 #681d1d}.speak,.quiet,.states button{border:2px solid #b2c9bb;background:#fff;color:#124537;border-radius:14px;padding:.75rem 1.1rem;font-weight:700;min-height:50px}#record-status{min-height:1.7em;font-weight:700}audio{width:100%;max-width:600px;margin:.5rem 0 1rem}.fallback{border-top:1px solid #dce4d7;padding-top:1.25rem;margin-top:1.5rem}label{display:block;font-weight:700;margin:.4rem 0}input[type=file],input[type=password]{width:100%;max-width:650px;padding:.8rem;border:2px solid #b5c7bb;border-radius:12px;background:#fff}.submit,.button-link{display:inline-block;border:0;border-radius:15px;padding:.85rem 1.6rem;background:#125844;color:#fff;font-weight:800;text-decoration:none;margin:1.5rem 0 .7rem;min-height:56px}.submit:hover,.button-link:hover{background:#0a4131}.fine{font-size:.82rem;color:#52685d}.offline{background:#e4eee1;border-radius:25px;padding:1.6rem 2rem;display:flex;gap:1.4rem;margin:1.5rem 0}.offline .icon{font-size:2.8rem}.note{max-width:800px;margin:2rem 1rem;color:#52665b}footer{border-top:1px solid #dce4d7;max-width:1100px;margin:auto;padding:1.4rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:#586b61}footer a{white-space:nowrap}.narrow{max-width:600px;margin:2rem auto}.narrow h1{font-size:2.6rem}.result{text-align:center;max-width:720px;margin:4rem auto}.result h1{font-size:2.8rem}.symbol{width:86px;height:86px;margin:auto;background:#d9eee0;color:#165a44;border-radius:50%;font-size:3rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.toolbar h1{font-size:2.6rem}.task{display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:white;border:1px solid #dce4d7;border-radius:16px;padding:1.15rem;margin:.75rem 0;min-height:84px}.task:hover{border-color:#126852}.task small{display:block;color:#597165}.empty{padding:2rem}.back{display:inline-block;margin-bottom:1.5rem}.states{display:flex;gap:.75rem;flex-wrap:wrap}.history{padding-left:1.4rem}.history li{margin:.6rem 0}.history span{color:#52685d}.alert{padding:1rem;background:#ffe7d4;border-radius:10px}@media(max-width:600px){header{padding:1rem}.subtitle{display:none}main{padding:1rem 1rem 3rem}.hero{padding:1.5rem .25rem}.record-actions{display:block}.big-button{width:100%;margin-bottom:1.2rem}.offline{padding:1.3rem;display:block}.offline .icon{margin-bottom:.7rem}footer{display:block}footer a{display:block;margin-top:.8rem}.toolbar h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}