:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ecefed;background:#151716;font-synthesis:none;--ink: #171918;--paper: #f7f6f2;--muted: #989f9b;--line: #343836;--accent: #d86649}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#151716}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.topbar{height:64px;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;text-decoration:none}.brand-mark,.empty-mark{display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;color:#151716;background:var(--accent);font-family:Iowan Old Style,Georgia,serif;font-size:20px}.tagline{color:var(--muted);font-size:12px;letter-spacing:.04em}.setup-link{margin-left:auto;color:#b9bfbb;font-size:12px}.topbar .quiet{margin-left:0}.workspace{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);min-height:calc(100vh - 64px)}.rail{padding:22px;border-right:1px solid var(--line);overflow:auto}.card{padding:22px 0;border-bottom:1px solid var(--line)}.card:first-child{padding-top:4px}h1,h2,p{margin-top:0}h2{margin-bottom:18px;font-family:Iowan Old Style,Georgia,serif;font-size:25px;font-weight:500;color:#fff}.eyebrow{margin-bottom:7px;color:var(--accent);font:500 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.fineprint,.help,.muted{color:var(--muted);font-size:12px;line-height:1.55}.help a{color:#d9ddda}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em}form,.controls{display:grid;gap:15px}label{display:grid;gap:7px;color:#cbd0cd;font-size:12px}.remember{display:flex;align-items:center;gap:8px}.remember input{margin:0;accent-color:var(--accent)}input[type=email],input[type=password],input[type=url]{width:100%;border:1px solid #434845;border-radius:7px;padding:11px 12px;color:#fff;background:#202321;outline:none}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ef947b;outline-offset:2px}.url-row{display:grid;grid-template-columns:1fr auto;gap:8px}button{border:1px solid #4b514d;border-radius:7px;padding:10px 13px;color:#ecf0ed;background:#272b29}button:hover{background:#313633}.primary{border-color:var(--accent);color:#181a19;background:var(--accent);font-weight:700}.primary:hover{background:#eb795b}.quiet{padding:7px 9px;border-color:transparent;color:#abb1ad;background:transparent}.small{font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:start}.section-title h2{margin-bottom:8px}.controls label output{float:right;color:#fff;font-family:ui-monospace,SFMono-Regular,monospace}input[type=range]{width:100%;accent-color:var(--accent)}fieldset{margin:0;padding:0;border:0}legend{margin-bottom:8px;color:#cbd0cd;font-size:12px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #414643;border-radius:7px;overflow:hidden}.segmented label{display:block}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:9px 5px;text-align:center;color:#adb3af;border-right:1px solid #414643}.segmented label:last-child span{border:0}.segmented input:checked+span{color:#191b1a;background:#d9dedb}.warnings{padding:13px;border:1px solid #704535;border-radius:7px;color:#efc0b3;background:#261c19;font-size:12px;line-height:1.5}.warnings ul{padding-left:18px}.ack{display:flex;grid-template-columns:auto 1fr;align-items:center;color:#f0d4cc}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drafts ul{margin:0;padding:0;list-style:none}.drafts li+li{border-top:1px solid #2b2e2c}.drafts li button{display:grid;gap:6px;width:100%;padding:12px 0;border:0;text-align:left;background:transparent}.drafts li button:hover span{color:var(--accent)}.drafts small{display:flex;align-items:center;gap:7px;color:var(--muted)}.session-card button{width:100%}.status{width:6px;height:6px;border-radius:50%;background:#919793}.status.sent{background:#70ae8b}.status.failed{background:#df7359}.status.uncertain{background:#d6a75e}.status.sending{background:#76a6bd}.reader-panel{min-width:0;padding:clamp(20px,4vw,60px);color:var(--ink);background:#deded9}.reader-heading{display:flex;justify-content:space-between;gap:20px;max-width:820px;margin:0 auto 18px}.reader-heading h1{margin-bottom:4px;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(27px,3vw,42px);font-weight:600;line-height:1.05}.reader-heading p:not(.eyebrow){color:#68706c;font-size:12px}.reader-heading a{align-self:end;margin-bottom:3px;color:#4f5854;font-size:11px;white-space:nowrap}#preview-frame{display:block;width:100%;max-width:820px;height:calc(100vh - 190px);min-height:620px;margin:auto;border:0;border-radius:2px;background:var(--paper);box-shadow:0 14px 42px #15171521}.empty{display:grid;place-items:start;align-content:center;max-width:550px;min-height:calc(100vh - 180px);margin:auto}.empty-mark{width:54px;margin-bottom:30px;font-size:34px}.empty h1{max-width:480px;margin-bottom:16px;font:600 clamp(40px,6vw,72px)/.95 Iowan Old Style,Georgia,serif;letter-spacing:-.03em}.empty>p:last-child{max-width:470px;color:#59605c;line-height:1.65}.message{max-width:820px;margin:0 auto 14px;padding:10px 13px;border:1px solid #9fa7a2;border-radius:6px;color:#38413c;background:#eef1ed;font-size:12px}.message.error{border-color:#b65e49;color:#792f20;background:#fff0ec}@media(max-width:760px){.topbar{height:56px;padding:0 16px}.tagline{display:none}.setup-link{font-size:11px}.workspace{display:flex;flex-direction:column}.rail{padding:18px 16px 0;border-right:0}.card:first-child{padding-top:0}.reader-panel{padding:24px 12px}.reader-heading{align-items:end;padding:0 4px}.reader-heading h1{font-size:30px}#preview-frame{height:75vh;min-height:520px}.empty{min-height:45vh;padding:24px 4px}.empty h1{font-size:45px}}@media(max-width:390px){.actions,.url-row{grid-template-columns:1fr}.reader-heading a{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}