:root{color-scheme:dark;--cocoa: #1a120e;--cocoa-2: #2a1d16;--paper: #f4ecdf;--paper-2: #e7dccb;--ink: #24170f;--brass: #a68456;--brass-2: #e6d3b0;--seal: #8d3228;--moss: #1e6b45;--line: rgba(166, 132, 86, .55);--shadow: 0 24px 60px rgba(0, 0, 0, .28);font-family:Literata,Palatino,Palatino Linotype,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--brass-2);background:radial-gradient(circle at top left,rgba(166,132,86,.18),transparent 32%),linear-gradient(160deg,#24160f 0%,var(--cocoa) 48%,#100c0a 100%)}.grain{pointer-events:none;position:fixed;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,244,224,.18) .6px,transparent .6px);background-size:3px 3px}.gate,main{position:relative;width:min(760px,calc(100% - 28px));margin:0 auto;padding:28px 0 120px}.eyebrow,.index{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--brass)}h1{margin:8px 0 0;font-family:Bodoni Moda,Didot,serif;font-size:clamp(4.2rem,16vw,7rem);font-weight:560;line-height:.8;color:var(--paper)}h2{margin:0;font-family:Bodoni Moda,Didot,serif;font-size:1.8rem;color:var(--ink)}.lede,.copy,.ledger li{line-height:1.5;overflow-wrap:anywhere}.gate form,.command{display:grid;gap:8px}label{font-size:.85rem}input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);font:inherit;font-size:1.05rem;padding:12px 0}button,.text-button{border:0;background:var(--brass);color:var(--ink);font:inherit;min-height:48px;padding:0 16px;cursor:pointer}.text-button{margin-top:18px;background:transparent;color:var(--brass-2);text-decoration:underline}.mast{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.seal{margin:0;border:1px dashed var(--seal);color:#f0c7c1;padding:10px 12px;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.sheet{position:relative;margin-top:18px;padding:18px 18px 16px 64px;background:linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink);box-shadow:var(--shadow);animation:rise .6s ease both}.sheet:nth-of-type(2){animation-delay:.05s}.sheet:nth-of-type(3){animation-delay:.1s}.sheet:nth-of-type(4){animation-delay:.15s}.sheet:nth-of-type(5){animation-delay:.2s}.index{position:absolute;top:18px;left:16px}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.meter{border-top:1px solid rgba(36,23,15,.2);padding-top:8px}.meter strong{display:block;font-family:Bodoni Moda,Didot,serif;font-size:1.8rem}.ledger{list-style:none;margin:12px 0 0;padding:0}.ledger li{display:grid;gap:4px;padding:10px 0;border-top:1px solid rgba(36,23,15,.15)}.row-actions{display:flex;gap:8px}.row-actions button:last-child{background:transparent;color:var(--seal)}.command{position:sticky;bottom:0;margin-top:22px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--cocoa) 28%)}.command-row{display:flex;gap:10px;align-items:end}.command input{flex:1}.error{color:#f0c7c1;min-height:1.2em}#reply{min-height:1.4em}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:640px){.gate,main{width:min(760px,calc(100% - 20px));padding-top:18px}h1{font-size:clamp(3.4rem,18vw,4.8rem)}.mast{align-items:flex-start}.seal{flex:0 0 auto}.meters{grid-template-columns:1fr}.sheet{padding-left:18px}.index{position:static;margin-bottom:8px}.command-row{display:grid}.command-row button,.gate button{width:100%}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}