.occasion-experience{--occasion-accent:#77602f;--occasion-bg:#f6f0e4;--occasion-soft:#e7dcc3;background:var(--occasion-bg);color:#252033;border-radius:32px;max-width:960px;margin:24px auto 70px;padding:28px clamp(18px,5vw,64px);box-shadow:0 24px 100px #2520330b}.theme-the-big-question{--occasion-accent:#77602f;--occasion-bg:#f6f0e4;--occasion-soft:#e7dcc3}.theme-love-notes{--occasion-accent:#a83b61;--occasion-bg:#fff1f4;--occasion-soft:#f3c8d6}.theme-just-because{--occasion-accent:#9b521e;--occasion-bg:#fff3d5;--occasion-soft:#f6d798}.theme-our-story{--occasion-accent:#30665e;--occasion-bg:#edf5ee;--occasion-soft:#c7ded2}.theme-bestie-forever{--occasion-accent:#7055ac;--occasion-bg:#f3edff;--occasion-soft:#ddd0f5}.occasion-experience button,.occasion-experience select{font:inherit;cursor:pointer}.occasion-experience button:focus-visible,.occasion-experience a:focus-visible,.occasion-experience summary:focus-visible,.occasion-experience input:focus-visible,.occasion-experience select:focus-visible{outline:3px solid var(--occasion-accent);outline-offset:5px}.occasion-top{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.occasion-top a,.occasion-ending>a:last-child{color:var(--occasion-accent)}.occasion-controls{justify-content:space-between;gap:15px;margin:26px 0 12px;font-size:.85rem;display:flex}.occasion-controls select,.occasion-controls button{border:1px solid var(--occasion-soft);color:inherit;background:#fff8;border-radius:20px;padding:8px 12px}.occasion-experience progress{width:100%;height:5px;accent-color:var(--occasion-accent)}.occasion-position{text-align:right;margin:8px 0;font-size:.7rem}.occasion-scene{text-align:center;min-height:460px;padding:28px 0;animation:.45s both occasion-enter}.occasion-scene[hidden]{display:none}.occasion-kicker{text-transform:uppercase;letter-spacing:.17em;color:var(--occasion-accent);font-size:.65rem}.occasion-scene h1{outline:none;max-width:700px;margin:20px auto;font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:400;line-height:1.1}.occasion-lead{max-width:590px;margin:24px auto;font-size:1.05rem;line-height:1.8}.occasion-scene .occasion-art{border-radius:100px 100px 24px 24px;max-width:380px;min-height:290px;margin:25px auto}.occasion-navigation{justify-content:space-between;align-items:center;gap:12px;padding:22px 0;display:flex}.occasion-navigation>button:first-child{color:var(--occasion-accent);background:0 0;border:0;padding:12px}.occasion-button{background:var(--occasion-accent);color:#fff;border:0;border-radius:40px;padding:15px 24px;font-weight:600;text-decoration:none;display:inline-block}.occasion-experience button:disabled{opacity:.45;cursor:default}.occasion-small{text-align:center;max-width:560px;margin:15px auto;font-size:.75rem;line-height:1.6}.occasion-envelope{border:1px solid var(--occasion-accent);background:linear-gradient(145deg, transparent 49.5%, #fff7 50%), var(--occasion-soft);width:min(100%,330px);min-height:200px;color:var(--occasion-accent);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:18px;margin:40px auto 24px;display:flex;transform:rotate(-3deg);box-shadow:0 20px 40px #25203315}.occasion-envelope span{font-size:40px}.occasion-letter{text-align:left;white-space:pre-line;background:#fffaf3;border-radius:12px;max-width:580px;margin:auto;padding:35px;font-family:Georgia,serif;font-size:1.2rem;line-height:2;box-shadow:0 10px 30px #2520330b}.occasion-ring{color:var(--occasion-accent);background:0 0;border:0;flex-direction:column;align-items:center;gap:20px;margin:35px auto;display:flex}.occasion-ring span{width:140px;height:140px;box-shadow:0 0 0 18px var(--occasion-soft);border:2px solid;border-radius:50%;place-items:center;font-size:110px;display:grid}.occasion-proposal{color:var(--occasion-accent);font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.2rem)}.occasion-gift{background:0 0;border:0;width:min(100%,300px);min-height:250px;margin:20px auto;display:block}.occasion-gift .gift{pointer-events:none}.occasion-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0;display:grid}.occasion-gallery figure{background:#fffc;border-radius:10px;margin:0;padding:10px 10px 20px;box-shadow:0 10px 25px #2520330c}.occasion-gallery button{background:var(--occasion-soft);border:0;border-radius:5px;width:100%;padding:0;overflow:hidden}.occasion-gallery img{object-fit:cover;width:100%;height:180px}.occasion-gallery figcaption{margin-top:15px;font-size:.8rem;line-height:1.5}.occasion-gallery figcaption p{margin:8px 0 0}.occasion-notes{text-align:left;gap:15px;max-width:600px;margin:30px auto;display:grid}.occasion-notes details{border:1px solid var(--occasion-soft);background:#fff9;border-radius:15px;padding:22px}.occasion-notes summary{cursor:pointer;font-family:Georgia,serif;font-size:1.25rem}.occasion-notes summary span{float:right}.occasion-notes p{padding-top:15px;line-height:1.8}.occasion-notes img{object-fit:cover;border-radius:8px;width:100%;height:210px;margin-top:20px}.is-timeline{border-left:2px solid var(--occasion-accent);padding-left:25px}.occasion-answers,.occasion-moods{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto;display:flex}.occasion-answers button,.occasion-moods button{color:var(--occasion-accent);border:1px solid var(--occasion-accent);background:#fff9;border-radius:25px;padding:15px 20px}.occasion-answers button[aria-pressed=true],.occasion-moods button[aria-pressed=true]{background:var(--occasion-accent);color:#fff}.occasion-moods p{width:100%}.occasion-quiz{text-align:left;gap:22px;max-width:580px;margin:25px auto;display:grid}.occasion-quiz fieldset{border:1px solid var(--occasion-soft);border-radius:12px;padding:20px}.occasion-quiz legend{padding:0 8px;font-weight:600}.occasion-quiz label{background:#fff9;border-radius:8px;align-items:center;gap:12px;margin:6px 0;padding:12px;display:flex}.occasion-quiz input{accent-color:var(--occasion-accent)}.occasion-quiz p{font-size:.85rem;line-height:1.6}.occasion-ending{flex-direction:column;align-items:center;gap:25px;margin:40px auto;display:flex}.occasion-ending>span{color:var(--occasion-accent);font-size:80px}.occasion-experience dialog{color:#252033;background:#fff6ed;border:0;border-radius:20px;max-width:min(90vw,800px);padding:20px}.occasion-experience dialog::backdrop{background:#252033b3}.occasion-experience dialog img{object-fit:contain;width:100%;height:auto;max-height:70vh}.occasion-experience dialog button{color:inherit;background:0 0;border:0;margin-left:auto;padding:12px;display:block}@keyframes occasion-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.occasion-experience{border-radius:24px;margin:10px 10px 40px;padding:20px 18px}.occasion-gallery{grid-template-columns:1fr;max-width:330px;margin:25px auto}.occasion-gallery img{height:200px}.occasion-scene{min-height:420px}.occasion-letter{padding:24px}.occasion-top>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.occasion-scene{animation:none}}.occasion-scene h1{letter-spacing:-.025em}.occasion-envelope{transition:transform .45s,box-shadow .45s}.occasion-envelope[aria-expanded=true]{transform:rotate(0)translateY(-8px);box-shadow:0 12px 25px #2520330b}.occasion-letter:not([hidden]),.occasion-proposal:not([hidden]){animation:.55s both occasion-enter}.occasion-experience [data-unlock]:disabled{opacity:1}@media (prefers-reduced-motion:reduce){.occasion-envelope{transition:none}.occasion-letter:not([hidden]),.occasion-proposal:not([hidden]){animation:none}}.occasion-scene .occasion-art{overflow:hidden}.occasion-gift .gift-scene{max-width:100%}.occasion-gift{overflow:clip}