:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203d33;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:26px 22px 42px}header{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:850;font-size:13px;letter-spacing:1.3px}.tag{background:#e5ebdf;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:1px}.intro{padding:45px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#677861}h1{font-size:clamp(36px,9vw,57px);line-height:1.1;letter-spacing:-2px;margin:15px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:#778d52}.intro>p:last-child{max-width:440px;font-size:17px;line-height:1.65;color:#617067}.card{background:#fff;border:1px solid #e3e5db;border-radius:24px;padding:26px;box-shadow:0 10px 45px #293b2410}.status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;margin-bottom:26px}.dot{width:9px;height:9px;border-radius:50%;background:#71945d}.off{background:#9c9c9c}label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}input:not([type=checkbox]){font:inherit;width:100%;padding:15px;border:1px solid #d9dfd5;border-radius:12px;color:inherit;background:#fcfcf9}input:focus-visible,button:focus-visible{outline:3px solid #92b1c3;outline-offset:3px}.adult{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;margin-top:16px}.adult input{width:18px;height:18px;accent-color:#294c3e}.record-area{text-align:center;margin:24px 0 0;background:#f4f6ef;padding:26px 16px;border-radius:18px}.timer{font-size:38px;font-weight:750;letter-spacing:-1px}.timer small{font-size:16px;font-weight:400;color:#778575}.record-area p{font-size:14px;line-height:1.5;color:#60705d}button{cursor:pointer;width:100%;border:0;border-radius:12px;padding:16px;font:inherit;font-size:14px;font-weight:700;min-height:50px}.primary{background:#254c3c;color:#fff}.stop{background:#a43e3e;color:#fff}.recording{background:#faf0ef}button:disabled{opacity:.45;cursor:not-allowed}.preview{margin-top:24px}audio{width:100%;margin-bottom:14px}.success{color:#2c653a;font-size:14px;line-height:1.5}.error{color:#973e37;font-size:14px;line-height:1.5;background:#fcf1ee;padding:13px;border-radius:10px}.note,footer{font-size:12px;color:#778074;line-height:1.8}footer{text-align:center;margin-top:25px}h2{font-size:23px}@media(max-width:390px){main{padding:20px 14px}.card{padding:20px}.brand{font-size:11px}}
