:root{--paper:#fffdf8;--bg:#f6f2e9;--ink:#272b25;--muted:#6e7169;--line:#dcd8ce;--accent:#293026;--danger:#9b322c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,[contenteditable]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,[contenteditable]:focus-visible{outline:2px solid #707b57;outline-offset:4px}a{color:inherit}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.page{max-width:1220px;margin:auto;padding:30px 36px 20px}.brand{display:flex;align-items:center;gap:13px;font:24px Georgia,serif}.brand a{text-decoration:none}.brand svg{width:28px;height:28px}.intro{margin:26px 0 28px}.intro h1{font:normal clamp(29px,3.7vw,44px)/1.16 Georgia,serif;margin:0 0 11px;letter-spacing:-1px}.intro p{color:#63665f;line-height:1.6;margin:0;max-width:1010px}.composer{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 7px 24px #51462e06}.panel-heading{background:#efebe24d;padding:17px 24px;font-size:18px;border-bottom:1px solid var(--line)}.field-row{display:flex;align-items:center;min-height:49px;padding:0 24px;border-bottom:1px solid var(--line);gap:16px}.field-row label{width:64px;flex-shrink:0;font-size:14px;color:#53594f}.field-row input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:14px 0}.field-row:focus-within{box-shadow:inset 3px 0 #707b57}#letter{min-height:310px;padding:24px;line-height:1.8;overflow-wrap:anywhere;outline:0;font-size:17px}#letter p{margin:0 0 1em}#letter:focus{box-shadow:inset 3px 0 #707b5740}.composer-options{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;align-items:center}.check{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5}.check input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.subtle{font-size:13px;color:var(--muted);line-height:1.6}.format-toolbar{display:flex;gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 20px}.format-toolbar button{background:none;border:0;border-radius:4px;width:38px;height:35px;font-size:19px;color:var(--ink)}.format-toolbar button[aria-pressed=true],.format-toolbar button:hover,.icon-button:hover{background:#e8e5db}.action-toolbar{display:flex;align-items:center;gap:11px;padding:16px 23px;flex-wrap:wrap}.primary,.secondary{border-radius:28px;padding:12px 25px;min-height:44px;border:1px solid var(--accent);font-size:14px}.primary{background:var(--accent);color:white}.primary:hover{background:#3e4939}.secondary{background:transparent;border-color:#bfc1b5;color:var(--ink)}.icon-button{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;border:0;border-radius:8px;background:transparent;color:#53594f}.icon-button.listening{color:var(--danger);background:#f4e1dc}.text-button{border:0;background:none;color:#5b6155;font-size:13px;padding:9px 5px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.clear{margin-left:auto}.form-message{margin:0;padding:12px 24px;border-top:1px solid var(--line);color:var(--danger);font-size:14px;line-height:1.6}.attachment{margin:5px 24px;padding:10px 14px;background:#eeeee4;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:13px;flex-wrap:wrap}.attachment button{border:0;background:none;font-size:22px}.notice{padding:13px 18px;margin-bottom:16px;background:#eae8d8;border:1px solid #d6d3bd;border-radius:6px;line-height:1.6;font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;color:var(--muted);font-size:12px}footer nav{display:flex;gap:12px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;width:min(530px,calc(100% - 32px));padding:30px;max-height:85vh;overflow:auto;box-shadow:0 20px 100px #252b2430}dialog::backdrop{background:#272b2560}dialog h2,.result h2{font:normal 28px/1.3 Georgia,serif;margin-top:0}dialog p{line-height:1.7}dialog .check{margin:22px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#info-body{line-height:1.7;margin-bottom:24px}#info-body p{margin:12px 0}.result-content{padding:35px}.result-content>p{line-height:1.7}.reply-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:24px 0}.reply-meta>div{display:flex;gap:16px;padding:7px 0}.reply-meta dt{width:60px;color:var(--muted);font-size:14px}.reply-meta dd{margin:0;overflow-wrap:anywhere}.letter-text{white-space:pre-wrap;font:19px/1.85 Georgia,serif;max-width:760px;overflow-wrap:anywhere}.download-actions{display:flex;gap:12px;margin:28px 0 12px}[hidden]{display:none!important}.error{color:var(--danger)}.owner-page{max-width:1180px}.owner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.owner-card{background:var(--paper);padding:28px;border:1px solid var(--line);border-radius:9px;max-width:620px;margin:25px auto}.owner-card h1,.owner-title{font:normal 30px Georgia,serif}.stack label{display:block;font-size:14px;margin:16px 0 8px}.stack input{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fff}.stack button{margin-top:20px}.owner-grid{display:grid;grid-template-columns:340px 1fr;gap:22px}.owner-list{display:flex;flex-direction:column;gap:8px}.record-button{text-align:left;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:15px;color:var(--ink)}.record-button strong,.record-button small{display:block;line-height:1.7}.record-button.selected{border-color:var(--accent);background:#eeeee4}.owner-detail{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:24px;min-height:320px}.owner-detail h2{font:normal 26px Georgia,serif}.owner-detail h3{margin-top:28px;font-size:15px}.owner-detail .letter-text{font:16px/1.7 Arial,sans-serif}.owner-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.danger-button{color:var(--danger);border:1px solid #cba09b;border-radius:22px;background:transparent;padding:11px 18px}.status-badge{font-size:12px;color:#596349;background:#edf0e6;padding:5px 9px;border-radius:12px}.owner-settings{max-width:650px}.owner-search{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:5px;margin-bottom:12px}
@media(min-height:900px){#letter{min-height:380px}}@media(max-width:650px){.page{padding:22px 14px 15px}.brand{font-size:21px}.intro{margin:24px 5px}.intro p{font-size:14px}.intro h1{letter-spacing:-.5px}.panel-heading,.field-row{padding-left:17px;padding-right:17px}#letter{padding:20px 17px;min-height:300px}.composer-options{padding:15px 17px;gap:8px}.subtle{font-size:12px}.action-toolbar{padding:12px 14px;gap:6px}.format-toolbar{padding-left:12px}.primary{padding:11px 23px}footer{align-items:flex-start;flex-direction:column;margin-left:5px;gap:3px}footer nav{gap:14px}.result-content{padding:24px 19px}.letter-text{font-size:18px}.owner-grid{grid-template-columns:1fr}.owner-card{padding:22px}.dialog-actions{flex-wrap:wrap}.owner-header{align-items:flex-start;gap:10px}#speech-state{max-width:120px;font-size:11px}}