:root{--paper:#f3ede3;--paper-2:#ebe3d4;--ink:#15110c;--ink-2:#2b241a;--faded:#6b6357;--rule:#cbc0a8;--rule-soft:#ddd2bc;--tile-empty:#d8ccb1;--tile-filled:#15110c;--serif:"EB Garamond", "Garamond", "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle at 20% 10%,#140f0a06 0%,#0000 50%),radial-gradient(circle at 80% 70%,#140f0a05 0%,#0000 60%);background-attachment:fixed;min-height:100vh;font-size:18px;line-height:1.5}::selection{background:var(--ink);color:var(--paper)}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.italic{font-style:italic}.smallcaps{font-variant:small-caps;letter-spacing:.08em}.uppercase{text-transform:uppercase;letter-spacing:.18em}.faded{color:var(--faded)}hr.rule{border:0;border-top:1px solid var(--rule);margin:0}hr.rule-soft{border:0;border-top:1px solid var(--rule-soft);margin:0}button{font-family:var(--serif);border:1px solid var(--ink);color:var(--ink);cursor:pointer;letter-spacing:.04em;background:0 0;padding:14px 28px;font-size:18px;transition:background .18s,color .18s,opacity .18s}button:hover:not(:disabled){background:var(--ink);color:var(--paper)}button:disabled{opacity:.28;cursor:not-allowed;border-color:var(--faded);color:var(--faded)}input{font-family:var(--mono);border:none;border-bottom:1px solid var(--ink);color:var(--ink);text-align:center;background:0 0;outline:none;width:4ch;padding:6px 4px;font-size:22px}input::placeholder{color:var(--faded);opacity:.55}input.year{width:6ch}input:focus{border-bottom-color:var(--ink);background:#140f0a08}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.page{max-width:1280px;margin:0 auto;padding:56px 64px 96px}@media (width<=720px){.page{padding:40px 28px 80px}}.masthead{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:80px;padding:10px 0;display:flex}.masthead .title{font-family:var(--serif);letter-spacing:.02em;font-size:22px;font-weight:500}.masthead .meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faded);font-size:11px}.masthead .meta .dot{background:var(--ink);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin:0 8px;display:inline-block}.hero{grid-template-columns:1fr 1fr;align-items:start;gap:64px;min-height:540px;display:grid}@media (width<=900px){.hero{grid-template-columns:1fr;gap:40px}}.hero h1{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0 0 28px;font-size:clamp(56px,8vw,112px);font-weight:400;line-height:.95}.hero h1 em{font-style:italic;font-weight:400}.hero .lede{max-width:32ch;color:var(--ink-2);font-size:19px;line-height:1.5}.hero .lede+.lede{margin-top:14px}.hero-side{border-left:1px solid var(--rule);padding-left:56px}@media (width<=900px){.hero-side{border-left:0;border-top:1px solid var(--rule);padding-top:32px;padding-left:0}}.dob-form .label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faded);margin-bottom:18px;font-size:11px}.dob-fields{align-items:baseline;gap:10px;margin-bottom:28px;display:flex}.dob-fields .sep{font-family:var(--mono);color:var(--faded)}.dob-hint{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faded);min-height:14px;margin-bottom:36px;font-size:11px}.dob-hint.error{color:#8a2a1a}.cta{letter-spacing:.2em;text-transform:uppercase;padding:18px 32px;font-size:16px}.reels-stage{flex-direction:column;justify-content:center;align-items:center;gap:56px;min-height:70vh;display:flex}.reels-caption{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--faded);text-align:center;font-size:11px}.reels{align-items:center;gap:32px;display:flex}.reel-frame{width:var(--w,140px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:linear-gradient(to bottom, var(--paper) 0%, transparent 22%, transparent 78%, var(--paper) 100%);height:180px;position:relative;overflow:hidden}.reel-frame:before,.reel-frame:after{content:"";pointer-events:none;z-index:2;height:70px;position:absolute;left:0;right:0}.reel-frame:before{background:linear-gradient(to bottom, var(--paper) 0%, #f3ede300 100%);top:0}.reel-frame:after{background:linear-gradient(to top, var(--paper) 0%, #f3ede300 100%);bottom:0}.reel-track{will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.reel-cell{height:60px;font-family:var(--serif);letter-spacing:-.01em;white-space:nowrap;flex:0 0 60px;justify-content:center;align-items:center;font-size:44px;font-weight:400;display:flex}.reel-cell.month{font-size:38px;font-style:italic}.reel-cell.year{font-family:var(--mono);font-size:36px}.reel-pointer{background:var(--ink);z-index:3;width:10px;height:1px;position:absolute;top:50%}.reel-pointer.left{left:-22px}.reel-pointer.right{right:-22px}.reel-sep{font-family:var(--serif);color:var(--faded);align-self:center;font-size:36px}.result-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.result-head .eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faded);font-size:11px}.death-headline{font-family:var(--serif);letter-spacing:-.02em;margin:6px 0 28px;font-size:clamp(48px,6.5vw,84px);font-weight:400;line-height:1}.death-headline em{font-style:italic}.death-sub{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faded);margin-bottom:56px;font-size:12px}.result-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:64px;margin-bottom:80px;display:grid}@media (width<=980px){.result-grid{grid-template-columns:1fr;gap:48px}}.tiles-block .section-label,.countdown-block .section-label,.things-block .section-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faded);justify-content:space-between;margin-bottom:18px;font-size:11px;display:flex}.tiles-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(52,1fr);gap:2px;padding:16px 0;display:grid}.tile{aspect-ratio:1;border:1px solid var(--tile-empty);background:0 0}.tile.filled{background:var(--tile-filled);border-color:var(--tile-filled)}.tile.now{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{background:0 0}50%{background:var(--ink)}}.tiles-legend{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faded);align-items:center;gap:28px;margin-top:14px;font-size:11px;display:flex}.tiles-legend .swatch{vertical-align:-1px;border:1px solid var(--tile-empty);width:10px;height:10px;margin-right:8px;display:inline-block}.tiles-legend .swatch.filled{background:var(--ink);border-color:var(--ink)}.tiles-legend .swatch.now{border-color:var(--ink)}.countdown-block{border-left:1px solid var(--rule);padding-left:40px}@media (width<=980px){.countdown-block{border-left:0;border-top:1px solid var(--rule);padding-top:28px;padding-left:0}}.countdown-grid{grid-template-columns:repeat(2,1fr);gap:20px 24px;display:grid}.cd-cell{flex-direction:column;display:flex}.cd-num{font-family:var(--mono);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:300;line-height:1}.cd-lab{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faded);margin-top:8px;font-size:10px}.lived-summary{border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.05em;color:var(--ink-2);flex-direction:column;gap:8px;margin-top:36px;padding-top:24px;font-size:12px;display:flex}.lived-summary .row{justify-content:space-between;display:flex}.lived-summary .row .k{color:var(--faded);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.things-block{border-top:1px solid var(--ink);padding-top:32px}.things-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.things-title{font-family:var(--serif);letter-spacing:-.01em;max-width:32ch;margin:0;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.05}.things-title em{font-style:italic}.things-actions{gap:12px;display:flex}.things-actions button{letter-spacing:.2em;text-transform:uppercase;padding:12px 18px;font-size:12px}.things-list{border-top:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:0;display:grid}@media (width<=760px){.things-list{grid-template-columns:1fr}}.thing-row{border-bottom:1px solid var(--rule);grid-template-columns:56px 1fr auto;align-items:baseline;gap:18px;padding:18px 24px 18px 0;display:grid}.thing-row:nth-child(odd){border-right:1px solid var(--rule);padding-right:24px}@media (width<=760px){.thing-row:nth-child(odd){border-right:0}}.thing-num{font-family:var(--mono);letter-spacing:.18em;color:var(--faded);text-align:right;font-size:11px}.thing-count{font-family:var(--serif);letter-spacing:-.01em;font-size:36px;font-weight:500;line-height:1}.thing-count.zero{color:var(--faded);font-style:italic}.thing-label{font-family:var(--serif);color:var(--ink-2);margin-top:6px;font-size:18px;font-style:italic}.thing-row-anim{animation:.7s cubic-bezier(.16,.84,.24,1) both thingRowIn}@keyframes thingRowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-in{animation:.6s both fadein}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.footer{border-top:1px solid var(--ink);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faded);justify-content:space-between;margin-top:96px;padding-top:18px;font-size:11px;display:flex}.reset{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faded);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.reset:hover{color:var(--ink);background:0 0}