.gift-presentation{--gift-ink:#654843;--gift-muted:#82746b;--gift-paper:#fffaf1;min-height:100svh;color:var(--gift-ink);background:#e8ebe2;position:relative;overflow:clip}.gift-arrival{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:640px;min-height:100svh;margin:auto;padding:max(56px,8svh) 40px 38px;display:flex}.gift-address p{color:var(--gift-muted);font-size:13px}.gift-address h1{overflow-wrap:anywhere;max-width:100%;font:italic clamp(42px, 5vw, 64px) / 1.2 var(--font-serif);margin:14px 0 70px}.gift-envelope{isolation:isolate;aspect-ratio:1.57;cursor:pointer;perspective:1200px;background:#d9b6ab;border:0;border-radius:5px;flex-shrink:0;width:min(100%,438px);padding:0;transition:translate .35s,box-shadow .35s;position:relative;box-shadow:0 2px 3px #5b483c18,0 14px 26px -14px #5b483c50,0 36px 55px -30px #5b483c48}.gift-envelope:enabled:hover{translate:0 -3px;box-shadow:0 2px 3px #5b483c18,0 18px 30px -14px #5b483c50,0 40px 55px -30px #5b483c48}.gift-envelope:focus-visible{outline-offset:12px;outline:2px solid #a83249}.gift-envelope-back{border-radius:inherit;background:linear-gradient(#d8b5aa,#edcfc4);position:absolute;inset:0;box-shadow:inset 0 1px #fff8}.gift-envelope-letter{z-index:1;background:var(--gift-paper);color:#a14958;font:italic 24px var(--font-serif);border:1px solid #ddcebd;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;inset:6% 6% 5%;overflow:hidden;box-shadow:0 1px 6px #65484315}.gift-envelope-side{z-index:2;position:absolute;inset:0}.gift-envelope-left{clip-path:polygon(0 0,57% 55%,0 100%);background:linear-gradient(125deg,#efd3c7,#e3bfb2)}.gift-envelope-right{clip-path:polygon(100% 0,43% 55%,100% 100%);background:linear-gradient(235deg,#efd7cc,#e2bdae)}.gift-envelope-front{z-index:3;clip-path:polygon(0 100%,0 96%,49% 43%,51% 43%,100% 96%,100% 100%);background:linear-gradient(#f6e0d5,#e9cbbd);border-radius:0 0 5px 5px;position:absolute;inset:0;box-shadow:inset 0 -1px 1px #b7887130}.gift-envelope-front:after{content:"";background:linear-gradient(34deg,#0000 49.7%,#fff5 50%,#0000 50.3%),linear-gradient(-34deg,#0000 49.7%,#fff4 50%,#0000 50.3%);position:absolute;inset:0}.gift-envelope-flap{z-index:4;transform-origin:top;transform-style:preserve-3d;position:absolute;inset:0}.gift-envelope-flap-paper{clip-path:polygon(0 0,100% 0,100% 2%,52% 61%,50% 62%,48% 61%,0 2%);filter:drop-shadow(0 2px 1px #684a3930);background:linear-gradient(175deg,#f4ddd2 10%,#ebcabc 70%);position:absolute;inset:0;box-shadow:inset 0 1px #fff9}.gift-seal{color:#efc7bd;backface-visibility:hidden;background:radial-gradient(at 30% 25%,#c35a69 0,#ab354d 58%,#912c42 100%);border:1px solid #943348;border-radius:47% 51% 45% 50%;justify-content:center;align-items:center;width:65px;height:65px;display:flex;position:absolute;top:61%;left:50%;translate:-50% -50%;box-shadow:0 4px 6px #69303a30,inset 0 1px 2px #ed9b9a,inset 0 -2px 3px #752034}.gift-seal:before{content:"";border:1px solid #e18c8d80;border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 1px 3px #74273c80,0 1px 1px #e88787}.gift-seal svg{filter:drop-shadow(0 1px 1px #6e1e37);opacity:.9}.gift-envelope-preview{width:84%;max-width:none;cursor:inherit;display:block}.gift-envelope-preview .gift-seal{aspect-ratio:1;width:15%;height:auto}.gift-envelope-preview .gift-seal:before{inset:8%}.gift-envelope-preview .gift-seal svg{width:54%;height:54%}.gift-invitation{margin-top:38px}.gift-open-hint{font:italic 18px var(--font-serif)}.gift-sound-hint{color:var(--gift-muted);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.gift-from{font:italic 13px var(--font-serif);color:var(--gift-muted);margin-top:38px}.gift-from span{overflow-wrap:anywhere;font:28px / 1.3 var(--font-logo);color:var(--gift-ink);margin-top:5px;display:block}.gift-presentation[data-phase=opening] .gift-envelope{animation:1.6s both gift-envelope-away}.gift-presentation[data-phase=opening] .gift-envelope-flap{animation:.8s .12s both gift-flap-open}.gift-presentation[data-phase=opening] .gift-envelope-letter{animation:.85s .55s both gift-letter-rise}.gift-presentation[data-phase=opening] .gift-address,.gift-presentation[data-phase=opening] .gift-invitation,.gift-presentation[data-phase=opening] .gift-from{opacity:0;transition:opacity .4s}@keyframes gift-flap-open{0%{z-index:4;transform:rotateX(0)}49%{z-index:4}50%,to{z-index:0}to{transform:rotateX(180deg)}}@keyframes gift-letter-rise{to{transform:translateY(-52%);box-shadow:0 6px 20px #65484320}}@keyframes gift-envelope-away{0%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}.gift-reveal{width:min(100%,1200px);margin:auto;padding:64px 40px 36px;animation:.65s ease-out both gift-arrive;position:relative}@keyframes gift-arrive{0%{opacity:0}to{opacity:1}}.gift-layout{grid-template-columns:minmax(260px,332px) minmax(0,1fr);grid-template-areas:"player heading""player story";align-items:start;column-gap:clamp(32px,5vw,68px);display:grid}.gift-player-column{grid-area:player;align-self:start;min-width:0;position:sticky;top:32px}.gift-letter-heading{background:var(--gift-paper);border-radius:5px 5px 0 0;grid-area:heading;min-width:0;padding:40px 42px 32px}.gift-letter-to{font:italic 17px var(--font-serif);color:#957266;overflow-wrap:anywhere;align-items:center;gap:10px;margin-bottom:22px;display:flex}.gift-letter-to svg{flex-shrink:0;width:22px;height:22px}.gift-song-title{font:400 clamp(34px, 3.7vw, 48px) / 1.23 var(--font-serif);overflow-wrap:anywhere;text-wrap:balance;outline:none}.gift-note{white-space:pre-wrap;overflow-wrap:anywhere;font:16px / 1.9 var(--font-serif);margin-top:26px}.gift-signature{font:28px / 1.4 var(--font-logo);overflow-wrap:anywhere;color:#987166;margin-top:22px}.gift-story{background:var(--gift-paper);border-radius:0 0 5px 5px;grid-area:story;min-width:0;padding:0 42px 44px}.gift-film{margin-bottom:40px}.gift-film h2,.gift-lyrics h2{font:400 23px / 1.4 var(--font-serif);margin-bottom:24px}.gift-video-mount{border-radius:5px;overflow:hidden}.gift-lyrics{border-top:1px solid #d7c9ab80;padding-top:30px}.gift-lyrics>div{font-size:17px;line-height:1.9}.gift-music-player{background:#fffaf3;border:1px solid #d4c9b9;border-radius:14px;padding:24px 24px 22px;box-shadow:0 3px #d8d0c3,0 18px 36px -20px #53463750}.gift-record-stage{justify-content:center;align-items:center;padding:12px 4px 0;display:flex}.gift-record{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:min(100%,max(170px,31dvh));padding:0;display:block;position:relative;box-shadow:0 9px 15px -6px #342b3460}.gift-record-face{background:conic-gradient(from 20deg,#0000 0deg,#d7cfcb24 55deg,#0000 85deg 180deg,#e2dad324 235deg,#0000 265deg),repeating-radial-gradient(circle,#29272c 0 1px,#1e1c21 1px 3px,#353138 3px 4px);border:1px solid #39363d;border-radius:50%;place-items:center;animation:24s linear infinite paused gift-record-spin;display:grid;position:absolute;inset:0;overflow:hidden}.gift-record-label{color:#f7dfd2;background:#ba5864;border:5px solid #e6c8b7;border-radius:50%;place-items:center;display:grid;position:absolute;inset:25%;overflow:hidden}.gift-record-label img{object-fit:cover;width:100%;height:100%}.gift-record-label svg{width:50%;height:50%}.gift-record-spindle{background:#c7baaa;border:3px solid #fffaf1;border-radius:50%;width:8%;height:8%;position:absolute;box-shadow:0 0 0 1px #30272e50}[data-playing=true]>.gift-record>.gift-record-face,[data-playing=true]>.gift-floating-record>.gift-record-face{animation-play-state:running}@keyframes gift-record-spin{to{transform:rotate(360deg)}}.gift-record:focus-visible,.gift-floating-record:focus-visible{outline-offset:6px;outline:2px solid #a83249}.gift-record-caption{text-align:center;overflow-wrap:anywhere;margin:28px 0 23px}.gift-record-caption p{font:19px / 1.45 var(--font-serif)}.gift-record-caption span{color:var(--gift-muted);margin-top:7px;font-size:11px;display:block}.gift-floating-player{display:none}.gift-colophon{color:#928a7b;justify-content:center;align-items:center;gap:8px;margin-top:38px;font-size:20px;display:flex}.gift-preview-notice{text-align:center;color:var(--gift-muted);margin-top:18px;font-size:11px}.gift-preview-dialog{background:#e8ebe2}@media (prefers-reduced-motion:no-preference){.gift-preview-dialog{transition:opacity .36s cubic-bezier(.2,0,0,1),transform .36s cubic-bezier(.2,0,0,1)}.gift-preview-dialog[data-starting-style],.gift-preview-dialog[data-ending-style]{opacity:0;transform:translateY(18px)}.gift-preview-dialog[data-ending-style]{transition-duration:.22s;transition-timing-function:cubic-bezier(.3,0,1,1)}}.gift-preview-dialog>[data-slot=dialog-close]{z-index:20;top:max(18px, env(safe-area-inset-top));background:#fffaf1e6;border:1px solid #c6c6b9;border-radius:50%;width:40px;height:40px;position:fixed;right:18px}@media (width<=800px){.gift-arrival{padding:44px 30px 30px}.gift-address h1{margin-bottom:62px}.gift-seal{width:56px;height:56px}.gift-invitation{margin-top:31px}.gift-from{margin-top:32px}.gift-reveal{padding:48px 22px 112px}.gift-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""player""story"}.gift-letter-heading{background:0 0;padding:0 6px 30px}.gift-letter-to{margin-bottom:17px;font-size:15px}.gift-song-title{font-size:clamp(32px,8.5vw,42px)}.gift-signature{margin-top:18px;font-size:27px}.gift-note{margin-top:21px;font-size:15px;line-height:1.85}.gift-player-column{position:static}.gift-music-player{max-width:420px;margin:0 auto;padding:23px 25px 24px}.gift-record{width:min(100%,236px)}.gift-record-stage{padding-top:4px}.gift-record-caption{margin:24px 0 21px}.gift-story{background:0 0;padding:38px 6px 0}.gift-film{margin-bottom:36px}.gift-film h2,.gift-lyrics h2{font-size:23px}.gift-lyrics{padding-top:28px}.gift-lyrics>div{font-size:16px;line-height:1.95}.gift-floating-player{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:15;display:block;position:fixed}.gift-floating-backdrop{height:calc(120px + env(safe-area-inset-bottom));z-index:-1;pointer-events:none;background:linear-gradient(#e8ebe200,#e8ebe2 75%);position:fixed;inset:auto 0 0}.gift-floating-record{cursor:pointer;background:#fffaf1;border:0;border-radius:50%;width:76px;height:76px;padding:0;display:block;position:relative;box-shadow:0 4px 18px #453c3b40}.gift-floating-record>.gift-record-face{inset:6px}.gift-floating-record .gift-record-label,.gift-floating-record .gift-record-spindle{border-width:1px}.gift-record-progress{fill:none;stroke-width:2px;stroke:#e3d6cc;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.gift-record-progress circle+circle{stroke:#a83249;stroke-linecap:round}.gift-floating-action{color:#fff;background:#a83249;border:2px solid #fffaf1;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:0;right:-1px}.gift-floating-error{color:#903647;background:#fffaf1;border:1px solid #d6a5a7;border-radius:10px;width:min(250px,100vw - 40px);padding:12px 15px;font-size:12px;position:absolute;bottom:90px;right:0;box-shadow:0 4px 20px #453c3b18}}@media (prefers-reduced-motion:reduce){.gift-presentation[data-phase] :is(.gift-envelope,.gift-envelope-flap,.gift-envelope-letter,.gift-address,.gift-invitation,.gift-from,.gift-reveal,.gift-record-face){transition:none;animation:none}}