:root{--bg:#f2efe8;--card:#fff;--fill:#7676801f;--ink:#1c1c1e;--ink-2:#1c1c1eb8;--ink-3:#1c1c1e7a;--sep:#3c3c432e;--accent:#1f4e8c;--accent-soft:#1f4e8c1f;--red:#c8352b;--green:#34c759;--shadow:0 1px 2px #503c140f, 0 8px 24px -12px #503c142e;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--serif:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--stripes:repeating-linear-gradient(-45deg, var(--red) 0 12px, transparent 12px 24px, var(--accent) 24px 36px, transparent 36px 48px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f11;--card:#1c1c1e;--fill:#7676803d;--ink:#f5f3ee;--ink-2:#f5f3eeb8;--ink-3:#f5f3ee73;--sep:#54545899;--accent:#6d9ee0;--accent-soft:#6d9ee029;--red:#ff6b5e;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:17px/1.35 var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body:before{content:"";height:calc(4px + env(safe-area-inset-top));background:var(--stripes);z-index:3;position:fixed;inset:0 0 auto}a{color:var(--accent)}.page{max-width:36rem;padding:calc(24px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));gap:16px;margin:0 auto;display:grid}.page:has(~.tabbar){padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page.narrow{max-width:24rem;padding-top:calc(12vh + env(safe-area-inset-top))}.brand h1{font:700 34px/1.1 var(--sans);letter-spacing:-.02em;margin:0}.brand p{margin:4px 0 0}.brand .link{margin-bottom:4px}.brand.row{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between,.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center}.muted{color:var(--ink-3)}.small{font-size:13px}.error{color:var(--red);margin:8px 0 0;font-size:13px}.or{text-align:center;color:var(--ink-3);margin:0;font-size:13px}ul.plain{margin:0;padding:0;list-style:none}ul.plain li{padding:8px 0}hr{border:0;border-top:.5px solid var(--sep);margin:16px 0}.pass-label{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:0 0 4px;display:block}.card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;padding:16px}.card p:first-child{margin-top:0}.envelope{position:relative}.envelope:before{content:"";background:var(--stripes);border-radius:16px 16px 0 0;height:6px;position:absolute;inset:0 0 auto}.envelope>:first-child{margin-top:8px}form{gap:12px;display:grid}label{color:var(--ink-2);gap:4px;font-size:13px;display:grid}input,select,textarea{font:17px var(--sans);color:var(--ink);background:var(--fill);appearance:none;border:0;border-radius:10px;width:100%;min-height:44px;padding:12px}select{background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding-right:32px}select.auto{width:auto}textarea{resize:vertical;line-height:1.4}input::placeholder,textarea::placeholder{color:var(--ink-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input.code{font:600 28px var(--mono);letter-spacing:.3em;text-align:center}input.emoji{text-align:center;flex:none;width:56px;padding:12px 4px}.row>input:not(.emoji){flex:1;width:auto}label.check{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:17px;display:flex}input.switch{cursor:pointer;background:var(--fill);border-radius:16px;flex:none;width:51px;height:31px;min-height:0;padding:0;transition:background .2s;position:relative}input.switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}input.switch:checked{background:var(--green)}input.switch:checked:after{transform:translate(20px)}button{font:600 17px var(--sans);cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:12px;min-height:50px;padding:0 20px;transition:transform .1s,opacity .2s;box-shadow:inset 0 1px #ffffff26}button:active:not(:disabled){opacity:.85;transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.secondary{background:var(--accent-soft);color:var(--accent);box-shadow:none;min-height:44px}button.link{color:var(--accent);min-height:44px;box-shadow:none;background:0 0;justify-self:start;padding:0;font-weight:400}button.link.danger{color:var(--red)}.filebtn{background:var(--accent-soft);min-height:44px;color:var(--accent);font:600 17px var(--sans);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.paircode{font:700 34px var(--mono);letter-spacing:.2em;text-align:center;-webkit-user-select:all;user-select:all;margin:8px 0}.pass{background:var(--card);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.pass:before{content:"";background:var(--stripes);height:6px;position:absolute;inset:0 0 auto}.pass-main{min-width:0;padding:24px 16px 16px}.pass-stub{border-left:2px dashed var(--sep);text-align:center;align-content:start;gap:2px;min-width:96px;padding:24px 12px 16px;display:grid;position:relative}.pass-stub:before,.pass-stub:after{content:"";background:var(--bg);border-radius:50%;width:16px;height:16px;position:absolute;left:-9px}.pass-stub:before{top:-8px}.pass-stub:after{bottom:-8px}.pass-stub b{font:600 17px var(--mono)}.pass-stub small{color:var(--ink-3);font-size:13px}.stub-actions{margin-top:8px;display:grid}.stub-actions .link{justify-self:center;font-size:13px}.pass-route{justify-content:space-between;align-items:center;gap:8px;display:flex}.pass-route>div{display:grid}.pass-route>div:last-child{text-align:right}.pass-route b{font:700 34px/1 var(--mono);letter-spacing:-.02em}.pass-route small{color:var(--ink-3);font-size:13px}.plane{color:var(--red);font-size:22px}.pass-title{font:600 17px var(--sans);margin:16px 0 4px}.pass-big{font:700 34px/1.1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}.pass-big small{color:var(--ink-3);margin-left:2px;font-size:17px}.pass-big .secs{color:var(--ink-3);font-size:17px}.clocks{grid-template-columns:1fr 1fr;gap:16px;display:grid}.postmark{aspect-ratio:1;border:2px solid var(--ink-2);border-radius:50%;align-content:center;justify-self:center;justify-items:center;gap:2px;width:100%;max-width:144px;display:grid;transform:rotate(-4deg)}.postmark:last-child{border-color:var(--red);color:var(--red);transform:rotate(3deg)}.postmark-time{font:600 22px var(--mono);font-variant-numeric:tabular-nums}.postmark-city{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:0 8px}.postmark .muted{font-size:13px}.together .big{font:700 34px/1.1 var(--sans);letter-spacing:-.02em;margin:0 0 4px}.together .big small{color:var(--ink-3);font-size:17px;font-weight:400}.together p{margin:0 0 4px}.status{margin:0 0 8px}.status-emoji{vertical-align:-2px;font-size:22px}.tag{font:600 13px var(--sans);color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:6px;margin-left:8px;padding:2px 8px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--fill);color:var(--ink);min-height:36px;box-shadow:none;border-radius:18px;padding:0 12px;font-size:15px;font-weight:400}.chip.on{background:var(--accent);color:#fff}.preview{gap:4px;display:grid}.preview img,.moment-photo{border-radius:12px;width:100%;display:block}.moment{gap:8px;display:grid}.moment .pass-label{margin:0}.moment-body{white-space:pre-wrap;margin:0}.moment.win{box-shadow:var(--shadow), inset 0 0 0 2px var(--accent-soft)}.letter{justify-items:start;gap:4px;display:grid}.letter-title{font:600 22px/1.2 var(--serif);margin:0}.letter p.small{margin:0 0 8px}.letter.locked{background:repeating-linear-gradient(-45deg, var(--card) 0 10px, var(--fill) 10px 11px)}.letter.ready{position:relative}.letter.ready:before{content:"";background:var(--stripes);border-radius:16px 16px 0 0;height:6px;position:absolute;inset:0 0 auto}.letter-body{white-space:pre-wrap;font:17px/1.6 var(--serif);margin:8px 0}@media (prefers-reduced-motion:no-preference){.letter-body{transform-origin:top;animation:.5s cubic-bezier(.2,.8,.2,1) unfold}@keyframes unfold{0%{opacity:0;transform:scaleY(.6)translateY(-8px)}}.plane{animation:6s ease-in-out infinite drift;display:inline-block}@keyframes drift{50%{transform:translate(6px)}}}.tiles{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:12px;display:grid}ul.tiles li{padding:0}.tile{text-align:left;background:var(--card);width:100%;min-height:112px;color:var(--ink);box-shadow:var(--shadow);border-radius:16px;justify-items:start;gap:4px;padding:16px;font-weight:400;display:grid}.tile-emoji{font-size:28px;line-height:1}.tile-name{font:600 17px var(--sans)}.items{padding:0 16px}.items li.item{border-bottom:.5px solid var(--sep);align-items:center;gap:12px;min-height:48px;display:flex}.items li.item:last-child{border-bottom:0}.items li.muted{padding:16px 0}input.tick{cursor:pointer;border:1.5px solid var(--ink-3);background:0 0;border-radius:50%;flex:none;width:24px;height:24px;min-height:0;padding:0}input.tick:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 5px var(--accent)}input.tick:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:11px;margin:3px auto 0;display:block;transform:rotate(45deg)}.item.done .grow{color:var(--ink-3);text-decoration:line-through}.tabbar{z-index:2;background:color-mix(in srgb, var(--card) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--sep);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{min-height:49px;color:var(--ink-3);font:500 10px var(--sans);letter-spacing:.01em;justify-items:center;gap:2px;padding:8px 0 4px;text-decoration:none;display:grid}.tabbar svg{width:26px;height:26px}.tabbar a[aria-current]{color:var(--accent)}.ping{gap:8px;display:grid}.ping p{margin:0}.ping-btn{background:var(--red);width:100%;font-size:17px}.ping-btn.sent{background:var(--accent);opacity:1}@media (prefers-reduced-motion:no-preference){.ping-btn.sent{animation:.4s cubic-bezier(.2,.8,.2,1.4) pop}@keyframes pop{40%{transform:scale(1.04)}}.cheer.on{animation:.4s cubic-bezier(.2,.8,.2,1.4) pop}}.question{gap:8px;display:grid}.question p{margin:0}.question-text{font:600 22px/1.25 var(--serif)}.answers{gap:12px;display:grid}.answers>div{background:var(--fill);border-radius:12px;padding:12px}.answers p{white-space:pre-wrap}.cheer{background:var(--fill);min-height:36px;color:var(--ink);box-shadow:none;border-radius:18px;justify-self:start;padding:0 14px;font-size:15px}.cheer.on{background:var(--accent-soft);color:var(--accent)}.cheer-tag{justify-self:start;margin:0}