:root{font-family:Segoe UI,system-ui,sans-serif;color:#263f3c;background:#f3f2eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;padding:30px;margin:auto}button,.button{font:600 15px Segoe UI,system-ui,sans-serif;display:inline-block;padding:13px 18px;min-height:48px;border:1px solid #b5c5bc;border-radius:10px;color:#254b48;background:#fffef8;text-decoration:none;cursor:pointer}button:hover:not(:disabled),.button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:default}.primary{background:#254b48;color:#fffdf0;border-color:#254b48}.quiet{background:transparent;border-color:transparent}.large{display:block;width:100%;font-size:18px;min-height:58px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b87836;outline-offset:3px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:20px;text-decoration:none;color:inherit}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#708579;margin-top:5px}.mark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#dfe7d9;border-radius:12px;font:36px Georgia,serif;color:#254b48}#account{text-align:right;font-size:12px}#email{display:block;overflow-wrap:anywhere}.intro{max-width:730px;margin:65px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#758676}h1{font:normal 56px/1.1 Georgia,serif;margin:16px 0 22px;letter-spacing:-1.5px}.intro p{font-size:18px;line-height:1.75;color:#60746b;max-width:650px}.features{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.features span{font-size:11px;background:#e7ecdf;padding:8px 12px;border-radius:20px;color:#547061}.signin{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e5ebdf;border:1px solid #d4dfcc;border-radius:14px;padding:24px 28px;margin:24px 0}.signin>div:first-child{max-width:620px}.signin>div:last-child{min-width:200px}.signin h2{margin:0 0 8px}.signin p{font-size:14px;line-height:1.7;margin:0}#check-signin{display:block;font-size:12px}#notice{font-size:15px;line-height:1.65;background:#fff0cf;border-radius:8px;padding:12px 18px}#notice:empty{display:none}.workspace{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-top:30px}.panel{border:1px solid #d7dfd0;border-radius:16px;padding:26px;background:#fffef8;min-width:0}.section-top{display:flex;align-items:center;gap:12px}.step{font-size:12px;background:#eaf0e3;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;color:#557059}h2{font:normal 26px Georgia,serif;letter-spacing:-.3px}.record h2{margin:22px 0}.recorder{text-align:center;padding:24px 8px}.record-dot{width:16px;height:16px;border-radius:50%;background:#bacbbb;margin:0 auto 20px}.record-dot.active{background:#b54c42;box-shadow:0 0 0 8px #b54c4215}.timer{font-size:46px;line-height:1.2;font-weight:300;letter-spacing:2px;font-variant-numeric:tabular-nums}.recorder strong{display:block;font-size:14px;margin-top:15px}.recorder p{font-size:13px;color:#6c7c70;line-height:1.7;min-height:44px}.stop{background:#b54c42;color:white;border-color:#b54c42}.privacy{border-top:1px solid #dce3d7;margin-top:25px;padding-top:20px}.privacy strong{font-size:12px}.privacy p,.small{font-size:12px;color:#6a7d70;line-height:1.8}.notes{display:flex;flex-direction:column;min-height:620px}.notes-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.notes-head h2{margin-top:22px}.empty{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:30px 0}.empty>span{font:100px/.8 Georgia,serif;color:#c7d3bf}.empty h3{font:normal 22px Georgia,serif;margin:15px 0 8px}.empty p{font-size:13px;line-height:1.9;color:#7a8a7d}.actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #e0e5da}textarea#transcript{width:100%;height:440px;flex:1;min-height:300px;resize:vertical;font:17px/1.9 Segoe UI,system-ui,sans-serif;border:0;padding:10px 0 22px;color:#263f3c;background:transparent}footer{display:flex;justify-content:space-between;align-items:center;margin:25px 0;color:#7a897d;font-size:11px}footer button{font-size:12px}dialog{width:calc(100% - 28px);max-width:560px;max-height:90vh;overflow:auto;border:1px solid #b5c5bc;border-radius:16px;background:#fffef8;color:#263f3c;padding:28px}dialog::backdrop{background:#163b36a6}dialog p{font-size:15px;line-height:1.75}dialog label{display:block;margin-top:22px;font-size:14px;font-weight:650}input[type=password]{display:block;width:100%;font:inherit;padding:14px;border:1px solid #b5c5bc;border-radius:10px;margin-top:10px}dialog a{color:#254b48}#key-message{color:#85512c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){main{padding:20px 16px}.workspace{grid-template-columns:1fr}.intro{margin-top:45px}h1{font-size:42px}.intro p{font-size:16px}.signin{display:block;padding:20px}.signin .button{margin-top:20px}.panel{padding:23px}.notes{min-height:500px}.brand{font-size:17px}header{align-items:flex-start}#account button{padding:8px;min-height:40px;font-size:12px}#email{max-width:160px}.recorder{padding:15px 5px}.privacy{margin-top:18px}.timer{font-size:42px}}