:root{--paper:#f5efe3;--ink:#183d38;--accent:#df592f;--muted:#66746c;--line:#d9d7c6;--white:#fffdf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","PingFang SC","Noto Sans",sans-serif;line-height:1.5}header,footer{max-width:1000px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1px}.wordmark span{font-size:13px;letter-spacing:0;font-weight:500;border-left:1px solid var(--ink);margin-left:12px;padding-left:12px}.tag{font-size:12px}main{max-width:780px;margin:auto;padding:40px 24px 20px}.intro{padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);margin:0 0 14px}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,7vw,65px);font-weight:400;letter-spacing:-2px;line-height:1.07;max-width:600px;margin:0 0 20px}h2{font-family:Georgia,"Songti SC",serif;font-size:30px;font-weight:400;line-height:1.15;margin:0 0 12px}.lead{color:var(--muted);font-size:17px}.lead span{font-size:14px}.line{margin:0 0 22px;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:24px}.line-head{display:flex;gap:16px;align-items:start}.number{display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:50%;width:38px;height:38px;flex-shrink:0;font-size:14px}.line h2{font-size:26px;margin:2px 0 8px}.duration,.small,.privacy{font-size:12px;color:var(--muted)}video{display:block;width:100%;max-height:400px;background:#183d38;border-radius:4px;margin:14px 0 20px}audio{display:block;width:100%;height:40px;margin:12px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:13px 18px;min-height:46px;border:1px solid var(--ink);border-radius:4px;color:var(--ink);background:transparent;transition:background .15s}button:hover{background:#eae5d8}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:var(--white);border-color:var(--accent)}button.primary:hover{background:#bd4420}button:disabled{cursor:default;opacity:.4}.recording{background:#b33125!important;color:white}.saved{font-size:12px;color:#247365;margin-bottom:0}.finish{border-top:1px solid var(--ink);padding-top:30px;margin-top:35px}#make{width:100%;margin:12px 0}progress{width:100%;accent-color:var(--accent)}#message:not(:empty),aside{padding:16px;background:#efe2c8;border-left:3px solid var(--accent);margin-bottom:20px;font-size:13px}#export-status{font-size:13px}.privacy{margin-top:30px}.text-button{padding:8px 0;border:0;text-decoration:underline;font-size:11px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);margin-top:25px}footer span{font-weight:800}[hidden]{display:none!important}@media(max-width:550px){header,footer{padding:20px 24px}.tag{display:none}main{padding-top:32px}.line{padding:18px}h1{letter-spacing:-1px}.line-head{gap:12px}.line h2{font-size:24px}.actions button{flex:1}video{max-height:320px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}