:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233b34;background:#f4f3ed;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:32px 22px 70px}header{display:flex;align-items:center;gap:16px;margin-bottom:36px}h1{font-family:Georgia,serif;font-weight:500;font-size:34px;margin:0}h2{font-size:23px;font-weight:600;letter-spacing:-.5px}p{color:#64726b}.eyebrow{font-size:10px;letter-spacing:2px;margin:0;color:#557264}.mark{font-size:40px;background:#173f35;color:#e5edbf;width:58px;height:58px;text-align:center;border-radius:18px}.badge{border:1px solid #d7dfd4;border-radius:20px;padding:4px 10px;font-size:12px;white-space:nowrap}header>.badge{margin-left:auto}section{background:#fffefa;border:1px solid #e0e3d8;border-radius:22px;padding:28px;margin-bottom:24px}.capture{text-align:center}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row>h2{margin:0}.good{color:#236b46}.muted,small{color:#718176}button{font:inherit;background:#173f35;color:#fff;border:1px solid transparent;border-radius:12px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #b49439;outline-offset:3px}.small{padding:7px 11px;font-size:13px}.record{width:180px;height:180px;border-radius:50%;font-size:25px;margin:22px auto 14px;box-shadow:0 0 0 10px #edf0e3}.stop{background:#a24934}.timer{font-size:27px;font-variant-numeric:tabular-nums}.tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tags button,.secondary{background:transparent;border-color:#cbd4c7;color:#344d40}.tags .selected{background:#e5edbf;border-color:#5b744d}.tags button{font-size:13px;padding:7px 12px}fieldset{border:0;border-top:1px solid #e0e3d8;margin:28px 0 0;padding:20px 0 0}legend{font-size:14px;padding:0 10px}article{border-top:1px solid #e1e5dc;padding:22px 0 10px;margin-top:18px}audio{width:100%;margin:8px 0 12px}.actions{display:flex;flex-wrap:wrap;gap:10px}progress{width:100%;accent-color:#173f35}.alert,.notice{border-radius:14px;padding:16px 20px;margin:18px 0}.alert{background:#f6e5da;color:#813e2d}.notice{background:#e3edd9;color:#315637}.error{color:#9a4532}footer{font-size:13px;padding:0 8px}summary{cursor:pointer;color:#344d40}details button{margin:10px 0}@media(max-width:560px){main{padding:20px 14px 50px}header{gap:10px}header>.badge{display:none}h1{font-size:29px}section{padding:22px 18px}.record{width:155px;height:155px}.row{font-size:13px}.actions button{flex:1}h2{font-size:21px}}