:root{--bg:#fbf6f1;--card:#fffdfb;--fg:#3d2c2a;--muted:#8a7570;--accent:#c8646a;--accent-soft:#f3dcd8;--line:#eadfd8;--error:#b3403a;--serif:ui-serif, "New York", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius:20px;--nav-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1716;--card:#2a2120;--fg:#f3e8e3;--muted:#b19d97;--accent:#e48b8f;--accent-soft:#4a2f2f;--line:#3b2f2d;--error:#f08a84}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.45}h1,p{margin:0}h1{font-family:var(--serif);font-size:30px;font-weight:600}a{color:inherit}.app{min-height:100dvh}.page{max-width:560px;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + var(--nav-height) + 28px) calc(env(safe-area-inset-left) + 20px);margin:0 auto}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:22px;display:flex}.row{flex-wrap:wrap;gap:12px;display:flex}.row>.field{flex:140px}.page-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.nav{padding:8px calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 12px);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:72px;color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:12px;text-decoration:none;display:flex}.nav-item svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;width:26px;height:26px}.nav-item.active{color:var(--accent)}.nav-item.active svg{fill:var(--accent-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card-link{flex-direction:column;gap:8px;text-decoration:none;display:flex}.eyebrow{color:var(--muted);font-size:13px}.prompt{font-family:var(--serif);font-size:20px;line-height:1.35}.prompt-lg{font-size:24px}.note{color:var(--muted);font-size:15px}.note.error{color:var(--error)}.streak{color:var(--accent);text-align:center;font-size:15px}.page-header .streak{text-align:right}.hero-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.countdown{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;padding:12px 0;display:flex}.countdown-big{font-family:var(--serif);color:var(--accent);font-variant-numeric:tabular-nums;font-size:104px;line-height:1}.countdown-unit{font-family:var(--serif);margin-top:-4px;font-size:22px}.countdown-sub{font-size:17px}.countdown .button{margin-top:10px}.times{text-align:center;justify-content:center;gap:40px;display:flex}.time{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:22px}.answer{border-top:1px solid var(--line);padding-top:14px}.answer-name{color:var(--accent);margin-bottom:2px;font-size:13px;font-weight:600}.answer-body{white-space:pre-wrap}.reveal{animation:.7s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.waiting{border-top:1px solid var(--line);padding-top:14px}.archive,.queue{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.archive-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;display:flex}.archive-answers{flex-direction:column;gap:6px;font-size:15px;display:flex}.archive-answers .answer-name{margin-right:6px;display:inline}.queue-item{background:var(--card);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:15px;display:flex}input,textarea{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:14px;width:100%;padding:12px 14px;font-size:17px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.answer-input{resize:vertical;min-height:110px}.code-input{letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}.button{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;min-height:50px;padding:14px 22px;font-weight:600}.button:disabled{opacity:.5}.link,.link-quiet{font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:15px}.link{color:var(--accent)}.link-quiet{color:var(--muted);align-self:center;text-decoration:none}.sign-out{margin-top:24px}.login{max-width:400px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;justify-content:center;gap:28px;margin:0 auto;display:flex}.login-title{text-align:center;color:var(--accent);font-size:56px}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}.welcome{max-width:460px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 32px) 26px calc(env(safe-area-inset-bottom) + 28px);flex-direction:column;justify-content:center;gap:24px;margin:0 auto;display:flex}.welcome-hi{color:var(--accent);font-size:52px}.welcome-ily{vertical-align:bottom;white-space:nowrap;max-width:2.2em;animation:1.4s ease-in-out 1.2s forwards settle;display:inline-block;overflow:hidden}@keyframes settle{to{opacity:0;max-width:0}}.welcome-note{font-family:var(--serif);flex-direction:column;gap:14px;font-size:19px;line-height:1.5;display:flex}.welcome-sign{color:var(--accent)}.welcome-signin{margin-top:8px}.center{text-align:center}.install-steps{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.install-steps li{align-items:flex-start;gap:16px;display:flex}.install-title{margin-bottom:2px;font-weight:600}.install-icon{fill:none;width:52px;height:52px;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 52px}.install-icon>rect:first-child{fill:var(--accent-soft);stroke:none}.install-icon-heart path{fill:var(--accent);stroke:none}@media (prefers-reduced-motion:reduce){.welcome-ily{opacity:0;max-width:0;animation:none}}.welcome-note-plain{font-family:var(--serif);font-size:19px;line-height:1.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-picker{cursor:pointer;align-self:center}.avatar{object-fit:cover;background:var(--accent-soft);border-radius:50%;width:44px;height:44px;display:block}.avatar-lg{width:132px;height:132px}.avatar-empty{color:var(--accent);border:2px dashed var(--accent);place-items:center;font-size:15px;display:grid}.envelope{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:14px;padding:24px 0;display:flex}.envelope svg{width:180px;fill:var(--card);stroke:var(--accent);stroke-width:2.4px;stroke-linejoin:round;animation:2.6s ease-in-out infinite float}.envelope .envelope-heart{fill:var(--accent);stroke:none}@keyframes float{50%{transform:translateY(-6px)}}.letter{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--serif);padding:24px 22px;font-size:18px;line-height:1.55}.letter-title{font-family:var(--serif);color:var(--accent);margin:0 0 12px;font-size:22px}@media (prefers-reduced-motion:reduce){.envelope svg{animation:none}}.heart-card{text-align:center;align-items:center}.heart-button{background:var(--accent-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;place-items:center;width:96px;height:96px;display:grid}.heart-button svg{width:52px;height:52px;fill:var(--accent)}.heart-button:active svg{transform:scale(.9)}.heart-button.beat svg{animation:.6s ease-out beat}@keyframes beat{30%{transform:scale(1.25)}}.heart-message{font-family:var(--serif);font-size:19px}.heart-note{text-align:center}.pings{border-top:1px solid var(--line);text-align:left;flex-direction:column;gap:10px;width:100%;margin:8px 0 0;padding:12px 0 0;list-style:none;display:flex}.pings li{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:15px;display:flex}.pings li p{flex-basis:100%}.pair{justify-content:center;align-items:center;gap:10px;display:flex}.pair .avatar{width:56px;height:56px}.pair-heart{width:18px;fill:var(--accent)}@media (prefers-reduced-motion:reduce){.heart-button.beat svg{animation:none}}.letter-input{min-height:220px;font-family:var(--serif)}.choice{border:0;gap:10px;margin:0;padding:0}.choice legend{margin-bottom:6px;padding:0}.choice label{color:var(--fg);align-items:center;gap:10px;display:flex}.choice input[type=radio]{width:auto;accent-color:var(--accent)}.map-page{inset:0 0 calc(env(safe-area-inset-bottom) + 66px) 0;position:fixed}.map-page>.map{background:var(--bg);position:absolute;inset:0}.map-top{top:calc(env(safe-area-inset-top) + 12px);pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex;position:absolute;left:12px;right:12px}.chip{pointer-events:auto;white-space:nowrap;font:inherit;color:var(--fg);cursor:pointer;background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:15px;box-shadow:0 2px 10px #00000014}.chip-link{color:var(--accent);margin-left:auto;font-weight:600;text-decoration:none}.map-add{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;width:58px;height:58px;font-size:32px;line-height:1;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 16px #0000002e}.pin{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.pin svg{filter:drop-shadow(0 1px 2px #00000040);width:30px;height:30px}.pin-memory svg{fill:var(--accent);stroke:#fff;stroke-width:2.5px}.pin-planned svg{width:32px;height:32px;fill:var(--card);stroke:var(--accent);stroke-width:3px}.pin-someday svg{fill:#e8b04b;stroke:#fff;stroke-width:2.5px}.pin-home svg{fill:var(--fg);stroke:var(--card);stroke-width:2.5px}.pin-label{color:var(--fg);background:color-mix(in srgb, var(--card) 90%, transparent);white-space:nowrap;border-radius:6px;margin-top:2px;padding:1px 6px;font-size:12px;font-weight:600}.maplibregl-ctrl-attrib{font-size:10px}.sheet{background:var(--card);border-top:1px solid var(--line);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;max-height:72%;padding:18px 20px 24px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -6px 24px #0000001f}.sheet-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sheet-head h2{font-family:var(--serif);margin:0;font-size:22px}.actions{align-items:center}.grow{flex:1}.button-soft{background:var(--accent-soft);color:var(--accent)}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px;display:flex}.segment{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:8px 6px;font-size:15px}.segment.active{background:var(--accent);color:#fff}select{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:14px;width:100%;padding:12px 14px;font-size:17px}.note-input{min-height:80px}.search-row{gap:8px;display:flex}.search-row .button{padding:12px 18px}.results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.results button{text-align:left;width:100%;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.results .note{font-size:13px}.photo-pick{cursor:pointer;align-self:flex-start}.photo-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.photo-grid button{background:var(--accent-soft);aspect-ratio:1;cursor:pointer;border:0;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:50;padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px);cursor:zoom-out;background:#000000e6;border:0;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.countdown-link{text-decoration:none}.maplibregl-marker.pin-memory{z-index:3}.maplibregl-marker.pin-planned{z-index:2}.actions>*{align-self:center}.wheel-wrap{width:min(300px,80vw);margin:8px auto 0;position:relative}.wheel{width:100%;height:auto;display:block}.wheel-spin{transform-box:view-box;transform-origin:50%}.slice-a{fill:var(--accent)}.slice-b{fill:var(--accent-soft)}.slice-c{fill:var(--card)}.wheel path[class^=slice]{stroke:var(--card);stroke-width:1.5px}.wheel-rim{fill:none;stroke:var(--accent);stroke-width:3px}.wheel-hub{fill:var(--card);stroke:var(--accent);stroke-width:3px}.wheel-heart{fill:var(--accent)}.wheel-pointer{border-left:12px solid #0000;border-right:12px solid #0000;border-top:22px solid var(--fg);width:0;height:0;margin-left:-12px;position:absolute;top:-10px;left:50%}.wheel-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:84px;display:flex}.date-night-card{flex-direction:row;justify-content:space-between;align-items:baseline}.envelope-card{text-align:left;width:100%;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;padding:16px 18px;display:flex}.envelope-card:disabled{cursor:default;opacity:.75}.envelope-card svg{width:64px;fill:var(--bg);stroke:var(--accent);stroke-width:3px;stroke-linejoin:round;flex:0 0 64px}.envelope-card .envelope-heart{fill:var(--accent);stroke:none}.envelope-text{flex-direction:column;gap:2px;display:flex}.timeline-month{flex-direction:column;gap:10px;display:flex}.timeline-label{font-family:var(--serif);color:var(--accent);margin:0;font-size:18px}.timeline{border-left:2px solid var(--accent-soft);flex-direction:column;gap:18px;margin:0;padding:0 0 0 18px;list-style:none;display:flex}.timeline-item{flex-direction:column;gap:6px;display:flex;position:relative}.timeline-item:before{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:7px;left:-25px}.timeline-title{font-family:var(--serif);color:var(--fg);font-size:20px;text-decoration:none}.timeline-places{font-size:15px}.throwback{overflow:hidden}.throwback-photo{aspect-ratio:16/10;object-fit:cover;width:calc(100% + 40px);margin:-20px -20px 6px;display:block}.chip-group{gap:8px;margin-left:auto;display:flex}.chip-group .chip-link{margin-left:0}.map-page>.map .maplibregl-canvas{opacity:0;transition:opacity .25s ease-out}.map-page>.map.map-ready .maplibregl-canvas{opacity:1}