:root{font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#253d39;background:#f5f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:auto;padding:36px 24px calc(30px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#315e57;color:#fff;font-size:34px}.badge{font-size:10px;letter-spacing:1.7px;background:#e8eee3;padding:7px 11px;border-radius:20px;color:#557258}.eyebrow{font-size:10px;letter-spacing:2px;color:#657d6e;margin:0 0 12px}h1{font:normal 48px/1.06 Georgia,serif;letter-spacing:-1.8px;margin:0 0 20px}h1 em{font-style:normal;color:#668777}.intro{color:#64786d;margin:0 0 27px;font-size:16px}.tip{padding:18px 20px;background:#e6eddf;border-radius:14px;font-size:14px;line-height:1.7;margin-bottom:25px}.panel{padding:24px;background:#fff;border:1px solid #e0e6da;border-radius:16px;margin:16px 0}.section-title{display:flex;align-items:center;gap:12px}.step{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#e9eee5;font-size:12px;color:#59734c}h2{font-size:17px;line-height:1.35;margin:0;font-weight:600}.panel p{font-size:14px;color:#63766b}.panel .small,.small{font-size:12px;line-height:1.7;color:#6e7e73}label{display:block;font-size:13px;margin:20px 0 6px;font-weight:600}input,select,button{font:inherit;border-radius:9px;width:100%;min-height:48px;padding:12px;color:#253d39;border:1px solid #ccd8c7;background:#fff}input,select{font-size:16px}button{margin-top:18px;border-color:#315e57;background:#315e57;color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.42;cursor:default}.secondary{background:#eef3e9;border-color:#dfe7d8;color:#365e48}.text-button{margin:8px 0 0;border:0;background:none;color:#6b7a70;font-size:12px;min-height:44px}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #b99a62;outline-offset:3px}.feedback{padding:17px 20px;border-radius:12px;background:#e6eddf;font-size:14px;overflow-wrap:anywhere}.feedback.error{background:#f8e7df;color:#8b423a}.sound-note{margin:30px 0;color:#64766a}.sound-note h2{font:normal 23px Georgia,serif;color:#355447}.sound-note p{font-size:13px;line-height:1.8}footer{border-top:1px solid #dde5d7;padding-top:22px;font-size:11px;color:#758470;line-height:1.9;text-align:center}[hidden]{display:none!important}@media(min-width:800px){main{padding-top:52px}h1{font-size:60px}.panel{padding:30px}}@media(max-width:360px){main{padding-left:18px;padding-right:18px}h1{font-size:42px}.panel{padding:20px}}