:root{--paper: #f6f1e3;--paper-2: #efe7d1;--ink: #1b2a4a;--ink-soft: #4a5873;--sky: #6ec6ff;--sky-pale: #d9f0fd;--rule: #bfe3f7;--gold: #f4c430;--gold-deep: #b98a0a;--rust: #a1452e;--display: "Gloock", "Georgia", serif;--text: "Newsreader", "Georgia", serif;--mono: "Martian Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky-pale);color:var(--ink);font:400 18px/1.55 var(--text);-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration-color:var(--gold-deep);text-underline-offset:3px}a:hover{color:var(--gold-deep)}img{max-width:100%;display:block}.book{max-width:1180px;margin:0 auto;background:repeating-linear-gradient(to bottom,transparent 0 35px,var(--rule) 35px 36px),var(--paper);background-attachment:local;min-height:100vh;box-shadow:0 0 0 1px #d9ccaa,0 30px 80px -30px #1b2a4a59;position:relative}.book:before{content:"";position:absolute;inset:0 auto 0 96px;width:0;border-left:2px solid var(--gold);box-shadow:4px 0 0 -.5px #f4c43073;pointer-events:none}.ribbons{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 22px;background:var(--ink);color:var(--paper);border-bottom:3px solid var(--gold)}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font:400 22px/1 var(--display)}.brand img{border-radius:8px;background:var(--sky-pale)}.tabs{display:flex;gap:4px;margin-left:auto}.tabs a{color:var(--paper);text-decoration:none;font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px 14px;background:#24365e;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);transition:transform .2s,background .2s}.tabs a:hover{background:var(--gold);color:var(--ink);transform:translateY(3px)}.seal{font:600 12px/1 var(--mono);letter-spacing:.04em;background:var(--gold);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:10px 16px;cursor:pointer;box-shadow:0 3px #0d1830;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:transform .15s,box-shadow .15s}.seal:hover{transform:translateY(-1px);box-shadow:0 4px #0d1830;color:var(--ink)}.seal:active{transform:translateY(2px);box-shadow:0 1px #0d1830}.seal.signed{background:var(--paper)}.seal.warn{background:var(--rust);color:var(--paper)}.seal-dot{width:8px;height:8px;border-radius:50%;background:#2f8f5b;display:inline-block}.cover{display:grid;grid-template-columns:1.15fr 1fr;gap:0;padding:56px 40px 40px 132px;align-items:center}.plate{position:relative;animation:sway 14s ease-in-out infinite;border:2px solid var(--ink);background:var(--sky-pale);padding:10px;transform:rotate(-1.2deg);box-shadow:8px 10px 0 var(--paper-2),8px 10px 0 2px var(--ink);overflow:hidden}.plate-sky{position:absolute;top:10px;right:10px;bottom:34px;left:10px;z-index:1;pointer-events:none;background:radial-gradient(60px 26px at 20% 30%,#fff 60%,transparent 62%),radial-gradient(80px 30px at 80% 22%,#fff 60%,transparent 62%),radial-gradient(70px 24px at 55% 85%,#fff 60%,transparent 62%);opacity:.35;animation:drift 38s linear infinite}.plate img{position:relative;width:100%;height:auto;aspect-ratio:900 / 658;object-fit:cover;border:1px solid var(--ink)}.corner{position:absolute;width:34px;height:34px;background:var(--ink);z-index:2}.corner.tl{top:0;left:0;clip-path:polygon(0 0,100% 0,0 100%)}.corner.tr{top:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%)}.corner.bl{bottom:0;left:0;clip-path:polygon(0 0,100% 100%,0 100%)}.corner.br{bottom:0;right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.plate-cap{position:relative;display:block;margin-top:8px;padding-left:40px;font:italic 400 14px/1 var(--text);color:var(--ink-soft)}.account-page{padding:6px 0 0 44px;position:relative}.seal-dial{position:absolute;right:0;top:-18px;transition:transform .1s linear}.kicker{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 14px}h1{font:400 clamp(52px,7vw,86px)/.95 var(--display);margin:0;letter-spacing:-.01em}.ticker{display:block;font:600 16px/1.6 var(--mono);letter-spacing:.1em;color:var(--ink-soft);margin-top:8px}.oath{font:italic 400 26px/1.25 var(--text);margin:16px 0 10px}.lede{margin:0 0 22px;max-width:30em}.account{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;border-bottom:1.5px dashed var(--ink-soft);padding:8px 0;min-height:46px}.account-label{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.account-value{font:400 12.5px/1.3 var(--mono);word-break:break-all}.account-tools{display:flex;gap:8px;align-items:center}.stamp-btn{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:transparent;border:2px solid var(--ink);color:var(--ink);padding:6px 9px;transform:rotate(-3deg);cursor:pointer;transition:background .15s,transform .15s}.stamp-btn:hover{background:var(--gold)}.stamp-btn.done{background:var(--ink);color:var(--gold);transform:rotate(2deg) scale(1.04)}.icon-link,.icons a{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--paper);transition:background .15s,transform .15s}.icon-link:hover,.icons a:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}.first-entry{margin-top:22px;display:flex;justify-content:space-between;align-items:baseline;border-top:3px double var(--ink);padding-top:10px;font:italic 400 16px/1.2 var(--text)}.figure{font:600 15px/1.3 var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.first-entry .figure{font-size:20px}.ink-wait{font:italic 400 15px/1 var(--text);color:var(--ink-soft);animation:blink 1.4s ease-in-out infinite}.folio{display:grid;grid-template-columns:96px 1fr;padding:48px 40px 36px 0;border-top:1px solid #d9ccaa;opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.folio.in{opacity:1;transform:none}.margin{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}.numeral{font:400 40px/1 var(--display);color:var(--gold-deep)}.caption{writing-mode:vertical-rl;transform:rotate(180deg);font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.folio-body{padding-left:36px;max-width:860px}h2{font:400 44px/1.05 var(--display);margin:0 0 14px}.folio-body>p{max-width:38em}.aside{font-style:italic;color:var(--ink-soft)}.note-err{color:var(--rust);font-style:italic}.ledger{width:100%;border-collapse:collapse;margin:18px 0}.ledger td{padding:9px 8px;border-bottom:1px solid var(--ink);vertical-align:baseline}.ledger tr:last-child td{border-bottom:3px double var(--ink)}.ledger .no{width:48px;font:600 12px/1 var(--mono);color:var(--gold-deep)}.slips{display:grid;gap:26px;margin-top:18px}.slip{position:relative;background:#fffdf6;border:2px solid var(--ink);padding:20px 22px 18px 34px;box-shadow:6px 6px 0 var(--sky)}.slip:before{content:"";position:absolute;left:12px;top:10px;bottom:10px;border-left:3px dotted var(--ink-soft)}.slip header{display:flex;justify-content:space-between;align-items:center;gap:12px}.slip-no{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.rubber{font:600 11px/1 var(--mono);letter-spacing:.14em;border:2.5px solid currentColor;padding:6px 9px;transform:rotate(4deg);color:var(--ink);opacity:.85}.rubber.r1,.rubber.r5{color:var(--rust)}.rubber.r2,.rubber.r3,.rubber.r4{color:#2f7a4f}.slip h3{font:400 28px/1.15 var(--display);margin:12px 0 6px}.slip-desc{margin:0 0 12px;white-space:pre-wrap}.slip-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 18px;margin:0 0 14px}.slip-terms dt{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.slip-terms dd{margin:4px 0 0}.tally-row{display:grid;grid-template-columns:70px 1fr 120px;gap:10px;align-items:center;font-size:15px}.bar{position:relative;height:12px;border:1.5px solid var(--ink);background:var(--paper)}.bar i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transition:transform 1s ease}.bar i.for{background:var(--sky)}.bar i.against{background:var(--rust)}.bar i.abstain{background:#c9c1a8}.qmark{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--gold-deep)}.tally-q{font:600 11px/1.4 var(--mono);color:var(--ink-soft);margin:8px 0 0}.my-vote{font-style:italic;margin:10px 0 0}.slip-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.empty-slip{border:2px dashed var(--ink-soft);padding:22px 26px;background:#fffdf6b3;max-width:38em;font-style:italic}.empty-slip p{margin:0 0 6px}.btn{font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:12px 18px;cursor:pointer;box-shadow:3px 3px 0 var(--gold);transition:transform .12s,box-shadow .12s}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--gold)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--gold)}.btn.ghost{background:var(--paper);color:var(--ink)}.btn.gold{background:var(--gold);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.mini{font:600 10px/1 var(--mono);text-transform:uppercase;background:none;border:1.5px solid var(--ink-soft);color:var(--ink-soft);padding:6px 7px;cursor:pointer}.mini:hover{border-color:var(--ink);color:var(--ink)}.passbook .forms{display:grid;gap:14px;margin-top:6px}.forms form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}label{display:grid;gap:4px;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}input,textarea{font:400 17px/1.4 var(--text);color:var(--ink);background:transparent;border:none;border-bottom:2px solid var(--ink);padding:6px 2px;min-width:200px;outline:none}textarea{border:2px solid var(--ink);background:#fffdf6b3;resize:vertical}input:focus,textarea:focus{border-color:var(--gold-deep);background:#f4c43014}.requisition{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:16px;padding:22px;border:2px solid var(--ink);background:#fffdf6}.requisition .wide,.requisition fieldset{grid-column:1 / -1}.requisition .btn{justify-self:start}fieldset{border:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap}legend{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.tick{display:flex;align-items:center;gap:6px;font:400 17px/1 var(--text);text-transform:none;letter-spacing:0;color:var(--ink)}.tick input{min-width:0;accent-color:var(--ink)}.clauses{counter-reset:c;list-style:none;padding:0;margin:10px 0 0;columns:2;column-gap:40px}.clauses li{counter-increment:c;break-inside:avoid;padding:0 0 14px 40px;position:relative}.clauses li:before{content:"§" counter(c);position:absolute;left:0;top:2px;font:600 12px/1.4 var(--mono);color:var(--gold-deep)}.picker-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2a4a73;display:grid;place-items:center;z-index:50;padding:20px;animation:fade .2s ease}.picker{width:min(400px,100%);background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--gold);color:var(--ink);animation:rise .25s ease}.picker-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:3px double var(--ink);font:400 22px/1 var(--display)}.picker-head button,.txslip-x{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--ink)}.picker ol{list-style:none;margin:0;padding:8px 0}.picker li button{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;border-bottom:1px solid var(--rule);padding:12px 18px;font:400 18px/1 var(--text);color:var(--ink);cursor:pointer;text-align:left}.picker li button:hover{background:#f4c43040}.picker-empty,.picker-err{padding:14px 18px;margin:0;font-style:italic}.picker-err{color:var(--rust)}.txslip{position:fixed;right:20px;bottom:20px;width:min(340px,calc(100% - 40px));background:#fffdf6;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--sky);padding:12px 16px;z-index:40;animation:rise .25s ease}.txslip.failed{box-shadow:5px 5px 0 var(--rust)}.txslip.confirmed{box-shadow:5px 5px 0 var(--gold)}.txslip-head{display:flex;align-items:center;gap:8px}.txslip-head strong{font:400 18px/1.2 var(--display);flex:1}.txslip p{margin:6px 0;font-size:15px}.txslip a{font:600 11px/1 var(--mono)}.colophon{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:30px 40px 36px 132px;border-top:3px double var(--ink);background:var(--paper-2)}.colophon-brand{display:flex;gap:12px;align-items:center}.colophon-brand img{border:2px solid var(--ink);border-radius:12px;background:var(--sky-pale)}.colophon-brand strong{display:block;font:400 24px/1 var(--display)}.colophon-brand span{font-style:italic;font-size:15px;color:var(--ink-soft)}.icons{display:flex;gap:10px}.dial.spin{animation:spin 1.6s linear infinite}@keyframes drift{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes sway{0%,to{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(-.6deg) translateY(-5px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.45}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 900px){.book:before{left:18px}.tabs{display:none}.ribbons{padding:10px 14px}.seal{margin-left:auto}.cover{grid-template-columns:1fr;padding:34px 18px 28px 38px;gap:34px}.account-page{padding:0}.seal-dial{top:-4px}.seal-dial svg{width:48px;height:48px}.folio{grid-template-columns:1fr;padding:36px 18px 26px 38px}.margin{flex-direction:row;align-items:baseline;padding:0 0 6px}.numeral{font-size:30px}.caption{writing-mode:horizontal-tb;transform:none}.folio-body{padding-left:0}h2{font-size:36px}.account{grid-template-columns:52px 1fr}.account-tools{grid-column:2}.clauses{columns:1}.tally-row{grid-template-columns:62px 1fr 90px;font-size:14px}.requisition{grid-template-columns:1fr;padding:16px}input{min-width:0;width:100%}.forms form label{flex:1}.colophon{grid-template-columns:1fr;padding:26px 18px 30px 38px}.slip{padding:18px 16px 16px 28px}.slip-terms{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.folio{opacity:1;transform:none}.seal-dial{transform:none!important}}