:root{--blue:#3d5588;--blue-deep:#2a3c66;--paper:#f3f5fa;--ink:#1b2440;--accent:#ffb511;--ship:#a75154;--display:"Anybody", sans-serif;--body:"Atkinson Hyperlegible", sans-serif;--perf:radial-gradient(circle 5px at 50% 0, #0000 98%, #000) 0 0 / 16px 100% repeat-x}*{box-sizing:border-box;margin:0}html{background:var(--blue)}body{background:var(--blue);color:var(--paper);font-family:var(--body);min-height:100vh;position:relative}body:after{content:"";pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff80 .6px,#0000 .9px),radial-gradient(#00000073 .6px,#0000 .9px);background-position:0 0,1px 2px;background-size:3px 3px,5px 5px;position:fixed;inset:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.nav{justify-content:space-between;align-items:center;gap:16px;padding:22px 18px 0;display:flex}.mast{white-space:nowrap;font:900 21px/1 var(--display);font-variation-settings:"wdth" 150;letter-spacing:-.01em;text-transform:uppercase;text-shadow:3px 2px 0 var(--ship);text-decoration:none}.nav a:not(.mast){font-size:16px}.nav{flex-wrap:wrap}.links{flex-wrap:wrap;gap:16px;display:flex}.links a{text-decoration-color:var(--accent);text-underline-offset:6px;text-decoration-thickness:2px}.hook{max-width:640px;padding:22px 18px 0}.hook h1{font:900 44px/.92 var(--display);font-variation-settings:"wdth" 80;text-shadow:3px 2px 0 var(--ship);text-transform:uppercase;letter-spacing:-.02em}.hook p{max-width:34ch;margin-top:14px;font-size:18px;line-height:1.45}.sheet{max-width:1100px;padding:24px 18px 0}.doors{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.door{min-height:86px;color:inherit;flex-direction:column;justify-content:space-between;padding:8px;text-decoration:none;display:flex;position:relative}.door .n{font:900 34px/.85 var(--display);font-variation-settings:"wdth" 70}.door .d{font-size:13px;line-height:1.25}.door:nth-child(24){grid-area:span 2/span 2}.door:nth-child(24) .n{font-size:90px}.door[data-look=Loading],.door[data-look=Locked]{outline-offset:-2px;outline:2px dotted #f3f5fabf}.door[data-look=Locked] .n{color:#0000;-webkit-text-stroke:1.5px var(--paper)}.door[data-look=Openable]{background:var(--accent);color:var(--ink);outline:3px dotted var(--blue);outline-offset:-7px}.door[data-look=Openable] .d{font-weight:700}.door[data-look=Opened]{background:var(--paper);color:var(--ink)}.door[data-look=Opened] .d{font:800 14px/1.1 var(--display);font-variation-settings:"wdth" 90;text-transform:uppercase}.door[data-look=Shipped]{background:var(--paper);color:var(--ink)}.door[data-look=Shipped] .d{font:800 14px/1.1 var(--display);font-variation-settings:"wdth" 90;text-transform:uppercase}.door .stamp{background:var(--ship);color:var(--paper);font:900 12px/1 var(--display);font-variation-settings:"wdth" 120;letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;position:absolute;top:40px;right:6px;transform:rotate(-6deg)}.progress{max-width:640px;padding:18px 18px 0}.greeting{background:var(--paper);color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;padding:14px 16px;font-size:18px;line-height:1.4;text-decoration:none;display:block}.greeting[hidden],.counts[hidden]{display:none}.counts{margin-top:10px;font-size:15px}.colophon{opacity:.85;margin-top:12px;font-size:14px}.back-shortly{max-width:640px;margin:24px 18px 0}.bonus{padding:28px 18px 60px}.bonus h2{font:900 20px/1 var(--display);font-variation-settings:"wdth" 130;text-transform:uppercase}.bonus p{margin-top:6px;font-size:15px;line-height:1.3}.packs{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;display:grid}.pack{outline-offset:-2px;height:48px;font:800 16px var(--display);outline:1.5px dotted #f3f5fa99;place-items:center;display:grid}.closed-door{background:var(--accent);color:var(--ink);outline:3px dotted var(--blue);outline-offset:-8px;padding:22px 20px}.closed-door .n{font:900 110px/.8 var(--display);font-variation-settings:"wdth" 60}.closed-door .t{font:800 18px var(--display);font-variation-settings:"wdth" 110;text-transform:uppercase;margin-top:10px}.locked-door{color:var(--paper);outline-offset:-2px;background:0 0;outline:2px dotted #f3f5fabf}.locked-door .n{color:#0000;-webkit-text-stroke:2px var(--paper)}.slip{background:var(--paper);color:var(--ink);-webkit-mask:var(--perf);mask:var(--perf);margin-top:-4px;padding:22px 20px}.slip h2{font:900 26px/1 var(--display);font-variation-settings:"wdth" 80;text-transform:uppercase}.slip p{margin-top:10px;font-size:17px;line-height:1.45}.passkey-offer[hidden],.passkey-offer [hidden]{display:none}.passkey-choices{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.passkey-choices button{font:700 16px/1 var(--body);border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;padding:12px 16px}.passkey-choices button[data-slot=passkey-save]{background:var(--ink);color:var(--paper)}.passkey-choices button:disabled{opacity:.6;cursor:progress}hanko-auth{--color:var(--ink);--color-shade-1:#5a6480;--color-shade-2:#c9cfdd;--brand-color:var(--ink);--brand-color-shade-1:var(--blue-deep);--brand-contrast-color:var(--paper);--background-color:var(--paper);--error-color:var(--ship);--link-color:var(--ink);--font-family:var(--body);--font-size:17px;--border-radius:0;--border-width:2.5px;--item-height:48px;--container-padding:0;--container-max-width:100%;--headline1-font-size:0;--headline1-margin:0;--link-text-decoration:underline;margin-top:16px;display:block}.door-page{max-width:760px;margin:0 auto;padding:28px 18px 60px}[data-show]{display:none}body[data-state=Checking] [data-show~=Checking],body[data-state=SignIn] [data-show~=SignIn],body[data-state=Locked] [data-show~=Locked],body[data-state=Joining] [data-show~=Joining],body[data-state=Opening] [data-show~=Opening],body[data-state=NotWritten] [data-show~=NotWritten],body[data-state=Revealing] [data-show~=Revealing],body[data-state=Reading] [data-show~=Reading],body[data-state=BackShortly] [data-show~=BackShortly]{display:block}.tear{background:var(--paper);color:var(--ink);-webkit-mask:var(--perf);mask:var(--perf)}.tear-head{background:var(--accent);padding:30px 22px 26px;position:relative}.tear-head .n{font:900 96px/.8 var(--display);font-variation-settings:"wdth" 60;opacity:.9;position:absolute;top:24px;right:20px}.tear-head .wk{padding-right:70px;font-size:16px;font-weight:700}.tear-head h1{font:900 48px/.92 var(--display);font-variation-settings:"wdth" 75;text-transform:uppercase;overflow-wrap:anywhere;max-width:9ch;margin-top:10px}.pack-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pack-list span{border:2px solid var(--ink);padding:5px 10px;font-size:16px;font-weight:700}.card{padding:30px 22px 40px;font-size:19px;line-height:1.55}.card h2{font:900 15px/1 var(--display);font-variation-settings:"wdth" 120;letter-spacing:.07em;text-transform:uppercase;margin:28px 0 8px}.card>h2:first-child{margin-top:0}.card p,.card ol,.card ul{max-width:62ch}.card ol,.card ul{padding-left:1.3em}.card li{margin:.3em 0}.card li::marker{font-family:var(--display);font-weight:800}.trinket{background:var(--accent);margin-top:28px;padding:16px 18px}.ship-box{border:3px solid var(--ink);margin-top:28px;padding:18px}.ship-box h2{margin:0 0 6px}.shipped-toggle{cursor:pointer;align-items:center;gap:10px;margin-top:14px;font-weight:700;display:flex}.shipped-toggle input{width:24px;height:24px;accent-color:var(--ship)}.next-note{margin-top:28px}.next-note label{font:900 15px/1 var(--display);font-variation-settings:"wdth" 120;letter-spacing:.07em;text-transform:uppercase}.next-note textarea{border:3px solid var(--ink);background:var(--paper);width:100%;max-width:62ch;color:var(--ink);font:inherit;resize:vertical;margin-top:8px;padding:12px 14px;display:block}.not-saved{margin-top:8px;font-size:16px}.links-out a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:3px}@media (width>=760px){.nav{padding:28px 48px 0}.mast{font-size:30px}.hook{padding:44px 48px 0}.hook h1{font-size:66px}.sheet{padding:32px 48px 0}.doors{grid-template-columns:repeat(7,1fr);gap:12px}.door{min-height:150px;padding:12px 13px}.door .n{font-size:52px}.door .d{font-size:14px}.door:nth-child(24) .n{font-size:150px}.back-shortly{margin:32px 48px 0}.progress{padding:24px 48px 0}.door .stamp{top:64px}.bonus{padding:28px 48px 60px}.packs{grid-template-columns:repeat(12,1fr)}.tear-head,.card{padding-left:44px;padding-right:44px}.tear-head h1{font-size:64px}.tear-head .n{font-size:120px;right:36px}}@keyframes tear{0%{clip-path:inset(0 0 100%);transform:translateY(-12px)rotate(-.6deg)}to{clip-path:inset(0);transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}body[data-state=Revealing] .tear{animation:.2s ease-out fade}@media (prefers-reduced-motion:no-preference){body[data-state=Revealing] .tear{animation:.5s cubic-bezier(.2,.8,.2,1) tear}}