.date-experience{--font-sans:var(--font-body);--date-bg:#142436;--date-surface:#213749;--date-paper:#fcf3e6;--date-paper-ink:#343b38;--date-ink:#fff4e6;--date-muted:#d2c9c5;--date-accent:#efc4a0;--date-soft:#755a67;--date-line:#fff0da38;--date-radius:1.25rem;--date-duration:.52s;background:var(--date-bg);min-height:100dvh;color:var(--date-ink);font-family:var(--font-sans);isolation:isolate;position:relative;overflow:clip}.date-experience[data-palette]{--date-bg:var(--yto-story-canvas,#142436);--date-surface:var(--yto-story-surface,#213749);--date-ink:var(--yto-story-ink,#fff4e6);--date-muted:var(--yto-story-muted,#d2c9c5);--date-accent:var(--yto-story-accent-strong,#efc4a0);--date-soft:var(--yto-story-soft,#755a67);--date-line:var(--yto-story-line,#fff0da38)}.date-experience[data-ritual=twilight-plan][data-palette=midnight]{--date-bg:#142436;--date-surface:#213749;--date-ink:#fff4e6;--date-muted:#d2c9c5;--date-accent:#efc4a0;--date-soft:#755a67;--date-line:#fff0da38}.date-experience[data-ritual=itinerary][data-palette=sage]{--date-bg:#f2f0e6;--date-surface:#e7ebdf;--date-paper:#fffcf1;--date-paper-ink:#2b4038;--date-ink:#2b4038;--date-muted:#566259;--date-accent:#526849;--date-soft:#cad4be;--date-line:#2f44343b;--date-radius:.35rem}.date-experience[data-ritual=mystery-clues][data-palette=berry]{--date-bg:#291d31;--date-surface:#3d2d45;--date-ink:#fff0df;--date-muted:#d6c3d0;--date-accent:#f0cca5;--date-soft:#784e67;--date-line:#f5d6b73b}.date-experience[data-ritual=playlist][data-palette=midnight]{--date-bg:#f4eade;--date-surface:#e9ddd0;--date-ink:#512838;--date-muted:#75605e;--date-accent:#863d4f;--date-soft:#d8b6a9;--date-line:#5b2e3b3b;--date-radius:.6rem}.date-experience[data-shape=crisp]{--date-radius:.35rem}.date-experience[data-motion=expressive]{--date-duration:.65s}.date-experience[data-motion=minimal]{--date-duration:1ms}.date-experience *,.date-experience :before,.date-experience :after{box-sizing:border-box}.date-experience [hidden]{display:none!important}.date-experience :is(h1,h2,p,dd,strong,button){overflow-wrap:anywhere}.date-experience :is(button,a,textarea){font:inherit}.date-experience :is(button,a,textarea):focus-visible{outline:3px solid var(--date-accent);outline-offset:5px}.date-experience h1{font:400 clamp(2.6rem, 7cqi, 6rem)/1.02 var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:0}.date-experience h1:focus{outline:none}.date-experience[data-typeface=modern] :is(h1,h2){font-family:var(--font-sans);letter-spacing:-.055em;font-weight:500}.date-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 9%, color-mix(in srgb, var(--date-soft) 55%, transparent), transparent 48%), radial-gradient(ellipse at 0% 55%, color-mix(in srgb, var(--date-soft) 22%, transparent), transparent 45%);position:absolute;inset:0;overflow:hidden}.date-atmosphere:after{content:"";opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.45' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.date-atmosphere>span{aspect-ratio:1;border:1px solid var(--date-line);opacity:.28;border-radius:50%;width:50rem;position:absolute;inset-block-start:11rem;inset-inline-end:-12rem}.date-atmosphere>span:nth-child(2){width:46rem;inset-block-start:13rem}.date-atmosphere>span:nth-child(3){width:42rem;inset-block-start:15rem}.date-experience[data-ritual=itinerary] .date-atmosphere{background:linear-gradient(90deg,#0000 49.8%,#405b410a 50%,#0000 50.2%) 0 0/4rem 4rem,radial-gradient(at 85% 20%,#d8dfcc,#0000 60%)}.date-experience[data-ritual=itinerary] .date-atmosphere>span{border-style:dashed}.date-experience[data-ritual=playlist] .date-atmosphere{background:radial-gradient(at 85% 15%,#dec4bb,#0000 55%)}.date-experience[data-design]>.recipient-chrome[data-tone]{color:var(--date-muted)}.date-stage{min-height:100dvh;padding-block-start:max(5.5rem, calc(env(safe-area-inset-top) + 4.5rem))}.date-edition{border-block:1px solid var(--date-line);width:min(76rem,100% - 3rem);color:var(--date-muted);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-inline:auto;padding-block:.85rem;font-size:.65rem;font-weight:550;line-height:1.6;display:flex}.date-stage>section{width:min(76rem,100%);min-height:calc(100dvh - 9rem);padding:clamp(2rem, 5cqi, 5rem) max(1.5rem, env(safe-area-inset-right)) max(3rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));animation:date-arrive var(--date-duration) cubic-bezier(.16, 1, .3, 1) both;margin-inline:auto}.date-experience[data-design][data-motion] .date-stage>section{animation:date-arrive var(--date-duration) cubic-bezier(.16, 1, .3, 1) both}.date-experience[data-design][data-motion] .date-stage>section>:is(header,article,div,button,ol,ul),.date-experience[data-design][data-motion] .date-opening{filter:none;animation:none}.date-kicker{color:var(--date-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.7rem;font-weight:650;line-height:1.6}.date-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:1.5rem clamp(2rem,6cqi,5rem);display:grid}.date-intro__copy{min-width:0}.date-intro__story{max-width:20ch;color:var(--date-muted);font:400 clamp(1.4rem, 3.3cqi, 2.3rem)/1.3 var(--font-display);text-wrap:balance;margin-block:1.5rem}.date-text-action{border:0;border-block-end:1px solid var(--date-line);min-height:2.75rem;color:var(--date-ink);text-align:start;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:1.2rem;padding:.5rem 0;line-height:1.5;display:inline-flex;font-size:.8rem!important}.date-text-action>span{font-size:1.25rem;transition:transform .2s}.date-text-action:hover>span{transform:translate(2px,-2px)}.date-opening{width:100%;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.date-opening>.date-scene,.date-opening__label{flex:none}.date-opening__label{border-block:1px solid var(--date-line);min-height:3.5rem;color:var(--date-ink);justify-content:space-between;align-items:center;gap:1rem;margin-block-start:1.25rem;padding:.75rem .3rem;font-size:.8rem;line-height:1.4;display:flex}.date-opening__label .recipient-onboarding-cue{flex:none;width:2.25rem;height:2.25rem;margin:0;animation:none;position:relative;inset:auto;transform:none}.date-opening__label .recipient-onboarding-cue i{display:none}.date-opening__label .recipient-onboarding-cue svg{width:1.1rem;height:1.1rem;animation:none;position:static}.date-opening__label .recipient-guided-opening-label{padding:0;font-size:1.4rem}.date-pressure-note{color:var(--date-muted);text-align:center;grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.6}.date-scene{aspect-ratio:1.12;perspective:900px;place-items:center;width:100%;display:grid;position:relative}.date-scene__landscape{object-fit:cover;border-radius:48% 48% 1rem 1rem;width:100%;height:100%;display:block;box-shadow:0 2rem 5rem #0000002e}.date-scene[data-scene=twilight-plan]{aspect-ratio:.96;max-height:36rem}.date-scene__journal{aspect-ratio:1.3;width:100%;transition:transform var(--date-duration) cubic-bezier(.16, 1, .3, 1);display:block;position:relative;transform:rotate(-6deg)}.date-scene__fold{color:#53684d;background:#fffcf1;border:1px solid #c4cbbb;width:34%;padding:8% 4%;position:absolute;inset-block:5%;box-shadow:0 2rem 3rem #2031241f}.date-scene__fold--one{transform-origin:100%;background:linear-gradient(90deg,#fffcf1 80%,#e7e7d8);inset-inline-start:0;transform:rotateY(-12deg)}.date-scene__fold--two{z-index:1;inset-inline-start:33%}.date-scene__fold--three{transform-origin:0;background:linear-gradient(90deg,#e7e7d8,#fffcf1 20%);inset-inline-end:0;transform:rotateY(12deg)}.date-scene__fold>i{font:400 clamp(1.5rem, 4cqi, 3rem) var(--font-display)}.date-scene__fold>b{background:#c5cbbd;width:90%;height:1px;margin-block-start:18%;display:block}.date-scene__fold>b:last-child{width:60%}.date-scene__route{z-index:2;color:#b47650;width:100%;height:100%;position:absolute;inset:0}.date-scene__stamp{z-index:3;aspect-ratio:1;color:#9b5337;width:20%;font:400 clamp(1.5rem, 4cqi, 3rem) var(--font-display);outline-offset:-7px;background:#faf5e6;border:2px solid #a35f3d;border-radius:50%;outline:1px solid #a35f3d;place-items:center;display:grid;position:absolute;inset-block-end:-2%;inset-inline-end:8%;transform:rotate(17deg)}.date-scene__celestial{aspect-ratio:1;width:100%;color:var(--date-accent);display:block;position:relative}.date-scene__orbit{width:100%;height:100%;position:absolute;inset:0}.date-scene__sealed{transition:transform var(--date-duration) ease;background:linear-gradient(145deg,#5b3b51,#342439);border:1px solid #ae8d7b;border-radius:50% 50% .4rem .4rem;place-content:center;gap:1rem;display:grid;position:absolute;inset:23% 30%;transform:rotate(-8deg);box-shadow:0 2rem 4rem #00000040}.date-scene__sealed>i{font-size:clamp(2rem,6cqi,4rem);font-style:normal}.date-scene__sealed>b{letter-spacing:.2em;font-weight:400}.date-scene__sealed>span{opacity:.5;background:currentColor;height:1px}.date-scene__album{aspect-ratio:1.15;width:100%;display:block;position:relative}.date-scene__vinyl{aspect-ratio:1;width:78%;transition:transform var(--date-duration) cubic-bezier(.16, 1, .3, 1);background:repeating-radial-gradient(circle,#191b1c 0 2px,#333233 3px,#151718 4px);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:6%;inset-inline-end:0;box-shadow:0 1rem 3rem #28191938}.date-scene__vinyl:before{border-radius:inherit;content:"";background:conic-gradient(from 15deg,#0000 10%,#ffffff21 16%,#0000 24% 60%,#ffffff2b 67%,#0000 75%);position:absolute;inset:0}.date-scene__vinyl>span{aspect-ratio:1;color:#602838;background:#e5b6aa;border:3px double #a95866;border-radius:50%;place-items:center;width:31%;display:grid;position:relative}.date-scene__vinyl>span:after{aspect-ratio:1;content:"";background:#242526;border-radius:50%;width:8%;position:absolute;inset-block-start:46%;inset-inline-start:46%}.date-scene__vinyl i{font:400 clamp(1rem, 3cqi, 2rem) var(--font-display);margin-block-start:-35%}.date-scene__sleeve{aspect-ratio:1;color:#f3d7b9;width:71%;transition:transform var(--date-duration) cubic-bezier(.16, 1, .3, 1);background:#692a3d;border:1px solid #734450;display:block;position:absolute;inset-block-start:4%;inset-inline-start:1%;overflow:hidden;transform:rotate(-7deg);box-shadow:0 2rem 3rem #42202738}.date-scene__sleeve:before{content:"";border:1px solid #f4d9bb66;position:absolute;inset:10%}.date-scene__sleeve>i{font:italic 400 clamp(2rem, 7cqi, 5rem) var(--font-display);position:absolute;inset-block-start:13%;inset-inline-start:15%}.date-scene__sleeve-heart{font:400 clamp(5rem, 20cqi, 13rem)/1 var(--font-display);text-align:center;position:absolute;inset:20% 0 0}.date-scene__sleeve>b{font-size:clamp(.65rem,1.3cqi,.85rem);font-weight:400;position:absolute;inset-block-end:15%;inset-inline-end:15%}.date-scene__sleeve-lines{border-block:1px solid;width:21%;height:5%;position:absolute;inset-block-end:16%;inset-inline-start:16%}@media (hover:hover) and (pointer:fine){.date-opening:hover .date-scene__journal{transform:rotate(-2deg)translateY(-.4rem)}.date-opening:hover .date-scene__sealed{transform:rotate(0)translateY(-.4rem)}.date-opening:hover .date-scene__vinyl{transform:translate(5%)rotate(15deg)}.date-opening:hover .date-scene__sleeve{transform:rotate(-3deg)translate(-3%)}}.date-opening:active .date-scene{transform:scale(.985)}.date-ritual{align-content:center;gap:2rem;display:grid}.date-ritual>header{text-align:center;max-width:52rem;margin-inline:auto}.date-ritual h1{max-width:19ch;font-size:clamp(2.4rem,6cqi,4.6rem)}.date-itinerary,.date-mystery{justify-items:center;gap:1.5rem;width:min(100%,58rem);margin-inline:auto;display:grid}.date-itinerary>p,.date-mystery>p{max-width:37rem;color:var(--date-muted);text-align:center;margin:0;line-height:1.65}.date-progress{width:100%;color:var(--date-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;font-size:.75rem;display:flex}.date-progress__marks{gap:.35rem;width:100%;display:flex}.date-progress__marks>i{background:var(--date-line);flex:1;height:2px;transition:background .2s}.date-progress__marks>i[data-done=true]{background:var(--date-accent)}.date-itinerary ol,.date-mystery ol,.date-liner-notes ol{width:100%;margin:0;padding:0;list-style:none}.date-itinerary ol{background:var(--date-paper);color:var(--date-paper-ink);border:1px solid #c2c9b7;box-shadow:0 1.5rem 3rem #23331f17}.date-itinerary li{border-block-end:1px dashed #b8c3aa;position:relative}.date-itinerary li:last-child{border-block-end:0}.date-itinerary li>button{width:100%;min-height:6rem;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:3rem 1fr 2rem;align-items:center;gap:1rem;padding:1.1rem clamp(1rem,3cqi,2rem);display:grid}.date-itinerary li>button>span{aspect-ratio:1;color:#536748;border:1px solid #7c8e6f;border-radius:50%;place-items:center;width:2.5rem;font-size:.8rem;display:grid}.date-itinerary li[data-visited=true]>button>span{color:#fff9e9;background:#536748}.date-itinerary li>button strong{font:400 clamp(1.2rem, 3cqi, 1.7rem)/1.3 var(--font-display)}.date-itinerary li>button>i{text-align:center;font-size:1.5rem;font-style:normal}.date-itinerary li>div{color:#596657;animation:date-unfold var(--date-duration) cubic-bezier(.16, 1, .3, 1) both;padding:0 clamp(1rem,3cqi,2rem) 1.5rem;padding-inline-start:clamp(5rem,8cqi,6rem);line-height:1.7}.date-itinerary li>div p{white-space:pre-wrap;margin:0}.date-itinerary li[data-open=true]{background:linear-gradient(100deg,#eef0df,#fffcf1)}.date-primary-action,.date-choices button,.date-response form button{border:1px solid var(--date-accent);background:var(--date-accent);min-height:3.25rem;color:var(--date-bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.5rem;line-height:1.4;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;font-size:.9rem!important;font-weight:650!important}.date-primary-action:hover,.date-choices button:hover,.date-response form button:hover{box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--date-accent) 15%, transparent);transform:translateY(-2px)}.date-primary-action:active,.date-choices button:active,.date-response form button:active{transform:translateY(0)}.date-mystery ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.date-mystery li button{border:1px solid var(--date-line);background:linear-gradient(160deg, var(--date-surface), color-mix(in srgb, var(--date-bg) 85%, var(--date-soft)));width:100%;min-height:20rem;color:inherit;text-align:start;cursor:pointer;border-radius:7rem 7rem .75rem .75rem;align-content:start;justify-items:start;gap:1rem;padding:1.5rem;transition:border-color .2s,transform .2s;display:grid;position:relative;overflow:hidden}.date-mystery li button:before{border:1px solid var(--date-line);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:.65rem}.date-clue-number{width:100%;color:var(--date-accent);text-align:center;letter-spacing:.15em;font-size:.75rem}.date-clue-symbol{width:100%;color:var(--date-accent);font:400 4rem/1.2 var(--font-display);text-align:center;margin-block:.75rem;display:block}.date-mystery li button strong{font:400 1.3rem/1.35 var(--font-display)}.date-mystery li button p{color:var(--date-muted);white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.65}.date-mystery li button:disabled{cursor:default}.date-mystery li[data-revealed=false] button:disabled{background:0 0;border-style:dashed}.date-mystery li[data-revealed=false] button:disabled .date-clue-symbol{opacity:.35}.date-mystery li[data-revealed=true] button{animation:date-clue-turn var(--date-duration) cubic-bezier(.16, 1, .3, 1) both;border-color:var(--date-accent);background:linear-gradient(160deg, color-mix(in srgb, var(--date-soft) 40%, var(--date-bg)), var(--date-bg))}.date-mystery li[data-revealed=true] .date-clue-symbol{margin-block:.2rem;font-size:2.5rem}.date-mystery li[data-revealed=true] strong,.date-mystery li[data-revealed=true] p{animation:date-unfold var(--date-duration) ease both}.date-playlist{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6cqi,4rem);width:min(100%,64rem);margin-inline:auto;display:grid}.date-playlist[data-opened=true] .date-scene__sleeve{transform:translate(-8%)rotate(-13deg)}.date-playlist[data-opened=true] .date-scene__vinyl{transform:translate(9%)rotate(90deg)}.date-liner-notes{border-radius:var(--date-radius);background:var(--date-paper);width:100%;min-width:0;color:var(--date-paper-ink);border:1px solid #d2bdad;padding:clamp(1.25rem,3cqi,2.5rem);box-shadow:0 1.5rem 3rem #4429291a}.date-liner-notes .date-kicker{color:#88404f}.date-liner-notes li{animation:date-unfold var(--date-duration) ease both;border-block-end:1px solid #dcd4c6;grid-template-columns:1.8rem 1fr;gap:.7rem;padding-block:1rem;display:grid}.date-liner-notes li:nth-child(2){animation-delay:70ms}.date-liner-notes li:nth-child(3){animation-delay:.14s}.date-liner-notes li>span{color:#88404f;font-size:.75rem}.date-liner-notes li strong{font:400 1.25rem/1.25 var(--font-display)}.date-liner-notes li p{color:#60695f;white-space:pre-wrap;margin:.4rem 0 0;font-size:.9rem;line-height:1.6}.date-liner-notes .date-primary-action{color:#fff4e6;background:#713346;border-color:#713346;width:100%;margin-block-start:1.25rem}.date-liner-notes .date-text-action{color:#713346;border-color:#d2bdad;width:100%;margin-block-start:.5rem}.date-track-preview>span{border-block-end:1px solid #dcd4c6;grid-template-columns:1.8rem 1fr;gap:.5rem;padding-block:1rem;display:grid}.date-track-preview i{color:#88404f;grid-row:span 2;font-size:.75rem;font-style:normal}.date-track-preview b{background:#c2b4a8;width:70%;height:2px;margin-block:.2rem}.date-track-preview b:last-child{opacity:.5;width:90%}.date-liner-notes__hint{color:#60695f;font-size:.9rem;line-height:1.6}.date-reveal{align-content:start;gap:clamp(2rem,5cqi,4rem);display:grid}.date-reveal__hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,6cqi,5rem);display:grid}.date-reveal__heading{min-width:0}.date-reveal h1{max-width:13ch;font-size:clamp(2.6rem,7.4cqi,6rem)}.date-reveal__caption{max-width:28ch;color:var(--date-muted);font:italic 400 clamp(1.2rem, 2.6cqi, 1.8rem)/1.45 var(--font-display);margin:1.75rem 0 0}.date-reveal__scene{width:100%;min-width:0;animation:date-artwork-arrive var(--date-duration) 80ms cubic-bezier(.16, 1, .3, 1) both}.date-scene[data-side=B] .date-scene__sleeve{transform:rotate(4deg)}.date-scene[data-side=B] .date-scene__vinyl{transform:translate(6%)rotate(180deg)}@keyframes date-clue-turn{0%{transform:perspective(800px)rotateY(-12deg)translateY(.4rem)}to{transform:perspective(800px)rotateY(0)translateY(0)}}@keyframes date-artwork-arrive{0%{opacity:0;transform:translateY(.75rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.date-reveal__scene .date-scene[data-scene=twilight-plan]{aspect-ratio:1.05;max-height:30rem}.date-plan-card{border-radius:var(--date-radius);background:var(--date-paper);color:var(--date-paper-ink);border:1px solid #d7c9b5;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:1rem .5rem;display:grid;position:relative;box-shadow:0 1rem 2.5rem #00000017}.date-plan-card>div{border-inline-end:1px dashed #cec9b9;min-width:0;padding:.75rem 1.25rem}.date-plan-card>div:last-child{border-inline-end:0}.date-plan-card>div:nth-child(n+5){border-block-start:1px dashed #cec9b9;border-inline-end:0;grid-column:1/-1;margin-block-start:.5rem;padding-block-start:1rem}.date-plan-card dt{color:#776753;letter-spacing:.13em;text-transform:uppercase;font-size:.65rem;font-weight:600;line-height:1.6}.date-plan-card dd{font:400 clamp(1rem, 2cqi, 1.3rem)/1.4 var(--font-display);margin:.6rem 0 0}.date-plan-card[data-compact=true]{width:100%;margin-block:1.5rem}.date-plan-empty{color:var(--date-muted);text-align:center;margin:0}.date-message-grid{align-items:center;gap:clamp(2rem,5cqi,4rem);width:min(100%,62rem);margin-inline:auto;display:grid}.date-message-grid[data-has-photo=true]{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.date-letter{text-align:center;width:min(100%,44rem);min-width:0;margin-inline:auto}.date-message-grid[data-has-photo=true] .date-letter{text-align:start}.date-letter__mark{color:var(--date-accent);font:400 2.5rem/1 var(--font-display);margin-block-end:1rem;display:inline-block}.date-letter h2{font:400 clamp(1.8rem, 4cqi, 3rem)/1.2 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.date-letter>p:not(.date-letter__sender){color:var(--date-muted);white-space:pre-wrap;font-size:clamp(1rem,2cqi,1.125rem);line-height:1.85}.date-letter__sender{color:var(--date-accent);font:italic 400 1.7rem/1.3 var(--font-display);margin-block:1.5rem}.date-letter .recipient-creator-closing:empty{display:none}.date-gallery{gap:1rem;width:100%;min-width:0;display:grid}.date-gallery figure{background:var(--date-paper);border:1px solid #d7c9b5;margin:0;padding:.65rem;transform:rotate(3deg);box-shadow:0 1rem 2rem #00000024}.date-gallery figure:nth-child(2n){transform:rotate(-2deg)}.date-gallery img{aspect-ratio:1;border-radius:calc(var(--date-radius) / 2);object-fit:cover;width:100%;display:block}.date-gallery figcaption{color:#596259;text-align:center;place-content:center;min-height:12rem;padding:1rem;font-size:.9rem;line-height:1.6;display:grid}.date-choices{border-block-start:1px solid var(--date-line);text-align:center;width:min(100%,43rem);margin-inline:auto;padding-block-start:2rem}.date-choices h2{font:400 clamp(1.7rem, 4cqi, 2.5rem)/1.25 var(--font-display);margin:0}.date-choices>p{color:var(--date-muted);font-size:.9rem;line-height:1.65}.date-choices>div,.date-response form>div{grid-template-columns:1fr 1fr;gap:.75rem;margin-block-start:1.5rem;display:grid}.date-choices button{color:var(--date-ink);background:0 0}.date-choices button:hover{background:color-mix(in srgb, var(--date-accent) 10%, transparent)}.date-response,.date-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.date-response h1,.date-complete h1{max-width:19ch;font-size:clamp(2.4rem,6cqi,4.8rem)}.date-response>p:not(.date-kicker),.date-complete>p:not(.date-kicker){max-width:36rem;color:var(--date-muted);line-height:1.7}.date-response form{text-align:start;gap:1rem;width:min(100%,40rem);margin-block-start:1rem;display:grid}.date-response label{color:var(--date-ink);gap:.65rem;font-size:.9rem;display:grid}.date-response textarea{border:1px solid var(--date-line);border-radius:var(--date-radius);background:var(--date-surface);width:100%;min-height:8rem;color:var(--date-ink);resize:vertical;padding:1rem}.date-response form button:first-child{color:var(--date-ink);background:0 0}.date-response form button:disabled{opacity:.6;cursor:wait;transform:none}.date-response [role=alert]{border-radius:var(--date-radius);color:var(--date-ink);border:1px solid;padding:1rem;line-height:1.6}.date-complete{max-width:62rem}.date-ending-art{aspect-ratio:1;border:1px solid var(--date-accent);background:radial-gradient(circle, color-mix(in srgb, var(--date-soft) 25%, transparent), transparent 75%);width:8rem;color:var(--date-accent);outline:1px solid var(--date-line);outline-offset:.6rem;border-radius:50%;place-content:center;gap:.5rem;margin-block-end:2rem;display:grid}.date-ending-art span{font:400 2.5rem/1 var(--font-display)}.date-ending-art small{letter-spacing:.1em;text-transform:uppercase;max-width:12ch;font-size:.6rem;line-height:1.5}.date-experience[data-compact=true]{min-height:100%}.date-experience[data-compact=true] .date-stage{min-height:100%;padding-block-start:4rem}.date-experience[data-compact=true] .date-stage>section{min-height:0}@keyframes date-arrive{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes date-unfold{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@container recipient-preview (width<=44rem){.date-stage{padding-block-start:max(4.5rem, calc(env(safe-area-inset-top) + 4rem))}.date-edition{letter-spacing:.08em;width:calc(100% - 2.5rem);font-size:.58rem}.date-stage>section{padding:2.5rem max(1.25rem, env(safe-area-inset-right)) max(3rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left))}.date-intro,.date-reveal__hero,.date-playlist,.date-message-grid[data-has-photo=true]{grid-template-columns:minmax(0,1fr)}.date-intro{gap:1.5rem}.date-intro__copy,.date-reveal__heading{text-align:center}.date-intro h1{font-size:clamp(2.8rem,12cqi,4.8rem)}.date-intro__story{max-width:24ch;margin:1.1rem auto;font-size:clamp(1.35rem,5.5cqi,2rem)}.date-opening{width:min(100%,29rem);margin-inline:auto}.date-intro .date-scene{aspect-ratio:1.12;width:92%;margin-inline:auto}.date-intro .date-scene[data-scene=mystery-clues]{aspect-ratio:1}.date-intro .date-scene__celestial{width:min(100%,21rem)}.date-opening__label{margin-block-start:.5rem}.date-pressure-note{grid-column:1}.date-ritual h1{font-size:clamp(2.4rem,9cqi,3.5rem)}.date-mystery ol{grid-template-columns:minmax(0,1fr);gap:.8rem}.date-mystery li button{border-radius:var(--date-radius);grid-template-columns:2rem 1fr 2rem;align-content:center;align-items:center;gap:.75rem;min-height:7rem;padding:1.25rem}.date-clue-number{text-align:start;grid-area:1/1}.date-clue-symbol,.date-mystery li[data-revealed=true] .date-clue-symbol{grid-area:1/3;margin:0;font-size:1.5rem}.date-mystery li button strong{grid-area:1/2;font-size:1.25rem}.date-mystery li button p{grid-column:2/-1}.date-playlist>.date-scene{aspect-ratio:1.12;width:min(100%,26rem);margin-inline:auto}.date-reveal{gap:2rem}.date-reveal__hero{gap:1.5rem}.date-reveal h1{max-width:15ch;margin-inline:auto;font-size:clamp(2.8rem,11cqi,4.5rem)}.date-reveal__caption{margin:1.2rem auto 0;font-size:1.25rem}.date-reveal__scene{width:min(100%,24rem);margin-inline:auto}.date-reveal__scene .date-scene{aspect-ratio:1.12}.date-reveal__scene .date-scene[data-scene=twilight-plan]{aspect-ratio:1.55;height:14rem}.date-reveal__scene .date-scene__landscape{border-radius:10rem 10rem .6rem .6rem}.date-reveal__scene .date-scene__celestial{width:65%}.date-plan-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:.35rem}.date-plan-card>div{padding:.9rem}.date-plan-card>div:nth-child(2n){border-inline-end:0}.date-plan-card>div:nth-child(n+3){border-block-start:1px dashed #cec9b9}.date-message-grid[data-has-photo=true] .date-letter{text-align:center}.date-gallery{max-width:22rem;margin-inline:auto;padding-inline:.4rem}.date-response h1,.date-complete h1{font-size:clamp(2.4rem,9cqi,3.5rem)}.date-complete .date-plan-card{text-align:start}}@container recipient-preview (width<=24rem){.date-edition{gap:.5rem;width:calc(100% - 2rem)}.date-edition span:last-child{text-align:end}.date-stage>section{padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right))}.date-choices>div,.date-response form>div,.date-plan-card{grid-template-columns:minmax(0,1fr)}.date-plan-card>div{border-inline-end:0;padding-block:.75rem}.date-plan-card>div:not(:first-child){border-block-start:1px dashed #cec9b9}.date-itinerary li>button{grid-template-columns:2.5rem 1fr 1.5rem;gap:.7rem;padding-inline:.8rem}.date-itinerary li>div{padding-inline:1rem}}@media (height<=34rem) and (orientation:landscape){.date-stage>section{min-height:auto;padding-block:1.75rem}.date-intro .date-scene{max-height:19rem}}@media (prefers-reduced-motion:reduce){.date-experience *,.date-experience :before,.date-experience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.date-experience[data-reduced-motion=true] *,.date-experience[data-reduced-motion=true] :before,.date-experience[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (forced-colors:active){.date-atmosphere,.date-reveal__scene{display:none}.date-experience :is(button,textarea,.date-plan-card,.date-liner-notes,.date-itinerary ol){border:1px solid canvastext}.date-progress__marks>i{background:canvas;border:1px solid canvastext}.date-progress__marks>i[data-done=true]{background:highlight}}