:root{--paper:#f3edda;--ink:#17324a;--sun:#f5c62b;--terra:#b85b3e;--line:rgba(23,50,74,.24);--white:#fffaf0}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{min-height:100svh;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-image:linear-gradient(rgba(23,50,74,.045) 1px,transparent 1px);background-size:100% 24px}.mast{height:64px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.mark{font-weight:950;font-size:15px;line-height:.78;letter-spacing:-.05em}.date{font:700 11px monospace;text-transform:uppercase}.intro{min-height:215px;padding:20px 16px 12px;display:grid;grid-template-columns:1fr 92px;gap:8px;border-bottom:2px solid var(--ink)}.eyebrow{font:700 10px monospace;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}h1{font-family:Georgia,serif;font-size:clamp(37px,11vw,64px);line-height:.92;letter-spacing:-.055em;margin:0;max-width:520px}h1 em{font-weight:400;color:var(--terra)}.lede{font-size:14px;line-height:1.4;max-width:470px;margin:13px 0 0}.sun{width:76px;height:76px;border:2px solid var(--ink);border-radius:50%;background:var(--sun);position:relative;margin-top:8px;box-shadow:10px 12px 0 var(--terra)}.sun i{position:absolute;width:8px;height:8px;background:var(--ink);border-radius:50%;top:32px;left:32px}.field{padding:14px 16px 18px;border-bottom:2px solid var(--ink)}form{display:grid;grid-template-columns:1fr 104px;gap:8px}label{font:700 10px monospace;text-transform:uppercase}input{display:block;width:100%;min-height:46px;margin-top:5px;border:1.5px solid var(--ink);border-radius:0;background:var(--white);font-size:16px;color:var(--ink);padding:0 10px}button{border:2px solid var(--ink);border-radius:0;background:var(--sun);color:var(--ink);min-height:48px;font-weight:900;font-size:14px;cursor:pointer}form button{grid-column:1/-1}.strip-head{display:flex;justify-content:space-between;font:700 9px monospace;margin-top:18px}.daystrip{height:72px;border:2px solid var(--ink);position:relative;margin-top:4px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),var(--line) calc(16.666% - 1px),var(--line) 16.666%)}.dot{position:absolute;width:22px;height:22px;border:2px solid var(--ink);background:var(--sun);border-radius:50%;top:24px;transform:translateX(-50%);animation:pop .25s ease}.dot:after{content:"";position:absolute;width:7px;height:18px;background:var(--terra);left:11px;top:15px;z-index:-1;transform:rotate(38deg)}@keyframes pop{from{transform:translateX(-50%) scale(.4)}to{transform:translateX(-50%) scale(1)}}.nowline{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font:700 10px monospace}.nowline strong{text-align:right}.ledger{padding:18px 16px}.ledger-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:7px}.ledger h2{font-family:Georgia,serif;font-size:31px;margin:0}.ledger-head button{min-height:44px;background:transparent;border:0;text-decoration:underline;font:700 10px monospace}.entry{display:grid;grid-template-columns:58px 1fr auto;align-items:center;min-height:54px;border-bottom:1px solid var(--line)}.entry time{font:800 14px monospace}.entry b{font-size:14px}.entry span{font:700 9px monospace;text-transform:uppercase;color:var(--terra)}.empty{padding:18px 0;font-size:13px;color:#536779}.note{margin:0 16px 28px;border-left:8px solid var(--terra);padding:12px 14px;background:var(--white);font-size:13px;line-height:1.4}.note p{margin:5px 0 0}@media(min-width:760px){.mast{padding-inline:32px}.intro,.field,.ledger{padding-left:max(32px,calc((100vw - 1000px)/2));padding-right:max(32px,calc((100vw - 1000px)/2))}.intro{grid-template-columns:1fr 150px;padding-top:34px;min-height:270px}.sun{width:120px;height:120px}.sun i{top:53px;left:53px}.field form{grid-template-columns:1fr 150px 190px;align-items:end}.field form button{grid-column:auto}.note{max-width:936px;margin:0 auto 36px}.ledger .entry{grid-template-columns:100px 1fr auto}}