.card-ending{--ending-title:#fff0d1;--ending-detail:#d8c9ae;--ending-line:#dfc18a40;--ending-button:linear-gradient(115deg,#fff0cc,#dfb976);--ending-button-text:#352515;width:100%;flex-shrink:0;margin:20px 0 12px;padding-top:24px;border-top:1px solid var(--ending-line);text-align:center}.card-ending--paper{--ending-title:#594127;--ending-detail:#796344;--ending-line:#ae8b5340;--ending-button:linear-gradient(115deg,#a37b3e,#6f4d25);--ending-button-text:#fff5df}.card-ending .card-ending-title{margin:0 auto 10px;max-width:360px;color:var(--ending-title);font:normal 22px/1.3 Georgia,Times New Roman,serif;text-wrap:balance}.card-ending .card-ending-detail{margin:0 auto 18px;max-width:330px;color:var(--ending-detail);font:13px/1.6 Arial,sans-serif;text-wrap:balance}.card-ending .card-ending-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:360px;min-height:54px;margin:0 auto;padding:15px 17px;border:1px solid var(--ending-line);border-radius:30px;background:var(--ending-button);color:var(--ending-button-text);font:600 14px/1.4 Arial,sans-serif;cursor:pointer;box-shadow:0 5px 22px #0002;text-decoration:none}.card-ending .card-ending-button span{display:inline;margin:0;color:inherit;font:inherit;flex-shrink:0}.card-ending .card-ending-button:hover{filter:brightness(1.08)}.card-ending .card-ending-button:focus-visible{outline:3px solid #c29a55;outline-offset:4px}.card-ending .card-ending-note{display:block;margin:12px auto 0;color:var(--ending-detail);font:10px/1.6 Arial,sans-serif}.final-letter>button,.ny-letter .ny-replay,.wf-letter .wf-replay{min-height:44px}@media (max-width:380px){.card-ending .card-ending-title{font-size:20px}.card-ending .card-ending-button{font-size:13px;padding-inline:12px}}.cinema-page{color:#f7eddb;background:#071015;min-height:100vh;font-family:Georgia,serif}.cinema-header{justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:auto;padding:24px 26px;display:flex}.cinema-header a{color:#eacb92;font-size:20px;text-decoration:none}.cinema-header>span{letter-spacing:3px;color:#92a2aa;font:11px Arial,sans-serif}.film{isolation:isolate;background:#071015;border-radius:4px;width:min(100%,600px);height:min(820px,88svh);min-height:610px;margin:auto;position:relative;overflow:hidden;box-shadow:0 30px 100px #0008}.film-snow,.film-vignette,.film-world,.shot{position:absolute;inset:0}.shot{opacity:0;background-position:50%;background-size:cover;transition:opacity 2.8s;transform:scale(1.02)}.shot.visible{opacity:1}.shot-santa{background-image:url(/original-santa.webp)}.shot-envelope{background-image:url(/original-envelope.webp);background-position:50%}.film:not(.phase--1) .shot-santa{animation:santa-camera 10s ease-out forwards}.film:not(.phase--1) .shot-envelope{animation:envelope-camera 24s ease-out forwards}@keyframes santa-camera{to{transform:scale(1.16)translateY(2%)}}@keyframes envelope-camera{to{transform:scale(1.23)translateY(-2%)}}.film-vignette{pointer-events:none;background:linear-gradient(#01091145,#0000 35%,#031014b8 72%,#02090ee6),linear-gradient(90deg,#030b1138,#0000 20% 80%,#030b1138);transition:background 2s}.film.phase-3 .film-vignette{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#041019bf}.film-snow{pointer-events:none;overflow:hidden}.film-snow i{opacity:.65;background:#fff;border-radius:50%;animation:film-snowfall linear infinite;position:absolute;top:-12px;box-shadow:0 0 6px #fff8}@keyframes film-snowfall{to{opacity:0;transform:translate(30px,850px)}}.film-welcome{text-align:center;text-shadow:0 3px 30px #000;position:absolute;bottom:110px;left:26px;right:26px}.film-welcome p{color:#e5d4b8;font-size:16px}.film-welcome h1{overflow-wrap:anywhere;margin:20px 0 30px;font-size:clamp(34px,7vw,52px);font-weight:400;line-height:1.18}.film-welcome button{color:#332416;cursor:pointer;background:#efd3a0;border:1px solid #f4dca9;border-radius:100px;padding:17px 28px;font:600 16px Arial,sans-serif;box-shadow:0 0 40px #e9af4238}.film-welcome small{color:#d8c9b0;margin-top:14px;font:13px Arial,sans-serif;display:block}.story-caption{text-align:center;text-shadow:0 2px 20px #000;font-size:clamp(25px,5vw,35px);line-height:1.35;animation:caption-arrive 2s both;position:absolute;bottom:120px;left:30px;right:30px}@keyframes caption-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.film-brand{color:#ead6b4;letter-spacing:1px;text-shadow:0 1px 5px #000;z-index:5;font:13px Arial,sans-serif;position:absolute;bottom:25px;left:20px}.skip-film,.sound-control{z-index:5;color:#fff0d8;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0710159c;border:1px solid #ffffff45;border-radius:30px;min-height:44px;padding:10px 14px;font:14px Arial,sans-serif;position:absolute}.sound-control{top:18px;right:16px}.skip-film{bottom:60px;right:18px}.final-letter{text-align:center;padding:12px 10px;animation:caption-arrive 2s both;position:absolute;inset:85px 30px 65px;overflow:auto}.final-letter>p:first-child{letter-spacing:3px;color:#d8bc89;font:12px Arial,sans-serif}.final-letter h1{overflow-wrap:anywhere;margin:14px 0;font-size:clamp(34px,9vw,60px);font-weight:400;line-height:1.1}.letter-star{color:#e6bf78;margin:15px 0;font-size:25px}.final-letter h2{color:#f3d49c;margin:12px 0 24px;font-size:clamp(34px,9vw,58px);font-style:italic;font-weight:400}.final-letter .letter-message{white-space:pre-wrap;overflow-wrap:anywhere;max-width:390px;margin:0 auto 25px;font-size:clamp(17px,3.6vw,21px);line-height:1.65}.final-letter span{color:#cdbfa9;font-size:16px;font-style:italic;display:block}.final-letter strong{overflow-wrap:anywhere;margin:9px;font-size:25px;font-weight:400;display:block}.final-letter button{color:#d5c4aa;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d5c4aa55;padding:12px;font:14px Arial,sans-serif}.film-progress{background:#ffffff18;width:100%;height:2px;position:absolute;bottom:0}.film-progress i{transform-origin:0;background:#d6b473;height:100%;animation:progress 26s linear forwards;display:block}@keyframes progress{0%{width:0}to{width:100%}}.cinema-editor{max-width:600px;margin:auto;padding:48px 28px 30px}.editor-eyebrow{letter-spacing:3px;color:#c8a873!important;font:12px Arial,sans-serif!important}.cinema-editor h2{margin:15px 0;font-size:34px;font-weight:400}.cinema-editor>p{color:#aebbbf;font:16px/1.6 Arial,sans-serif}.cinema-editor form{grid-gap:18px;gap:18px;margin-top:26px;display:grid}.name-fields{grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;display:grid}.cinema-editor label{color:#d7dcd8;grid-gap:10px;gap:10px;font:14px Arial,sans-serif;display:grid}.cinema-editor input,.cinema-editor textarea{color:#f9f1e6;resize:vertical;background:#101f26;border:1px solid #334048;border-radius:9px;width:100%;padding:14px;font:16px/1.5 Arial,sans-serif}.cinema-editor input:focus,.cinema-editor textarea:focus{outline-offset:2px;outline:2px solid #d3b477}.preview-message,.send-card{cursor:pointer;border-radius:9px;min-height:50px;font:16px Arial,sans-serif}.send-card{color:#fff;background:#24785a;border:1px solid #3b9875}.preview-message{color:#e3d3b6;background:0 0;border:1px solid #64706b}.private-note{color:#93a3aa;margin:0;font:13px/1.5 Arial,sans-serif}.cinema-footer{text-align:center;color:#a6b4b8;padding:25px;font:14px/1.8 Arial,sans-serif}.cinema-footer small{color:#788b93;font-size:12px}.audio-error{max-width:600px;margin:16px auto;padding:12px;font:14px Arial,sans-serif}@media (max-width:480px){.cinema-header{padding:18px}.cinema-header>span{display:none}.film{border-radius:0;min-height:620px}.name-fields{grid-template-columns:1fr}.cinema-editor{padding:34px 22px}.film-brand{font-size:12px;bottom:20px}}@media (prefers-reduced-motion:reduce){.cinema-page *{transition:none!important;animation:none!important}.film-snow{display:none}}.film-exit{display:block;margin:24px auto;padding:14px 24px;border:1px solid #efd3a0;border-radius:30px;background:transparent;color:#efd3a0}.cinema-page{padding:18px 0 30px}.film{max-width:100%;min-height:min(700px,100svh)}.original-preview{position:relative;width:min(600px,100%);max-height:95svh;overflow:auto}.original-preview>.preview-close{position:-webkit-sticky;position:sticky;float:right;top:5px;z-index:20}.original-preview .cinema-page{padding-top:0}.natal-theme{background-image:linear-gradient(180deg,transparent 40%,#06101ce8),url(/original-santa.webp)!important}.wf-page{background:#060c13;color:#fff2d9;min-height:100svh;padding:22px 0 30px;font-family:Georgia,Times New Roman,serif}.wf-stage{position:relative;isolation:isolate;overflow:hidden;width:min(100%,520px);height:min(860px,90svh);min-height:600px;margin:0 auto;background:#0b1724;box-shadow:0 25px 100px #000b;border:1px solid #d2b57c20;border-radius:5px}.wf-bloom,.wf-dust,.wf-shot,.wf-snow,.wf-veil,.wf-world{position:absolute;inset:0;pointer-events:none}.wf-world{z-index:-1}.wf-shot{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity 3s,filter 5s;will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wf-outside{transform:scale(1.04);transform-origin:49% 48%}.wf-inside{opacity:0;transform:scale(1.02);transform-origin:52% 24%;filter:brightness(.48) saturate(.85)}.wf-phase-1 .wf-outside{animation:wf-approach 10s cubic-bezier(.15,.4,.4,1) both}.wf-phase-2 .wf-outside,.wf-phase-3 .wf-outside,.wf-phase-4 .wf-outside{opacity:0;transform:scale(1.32)}.wf-phase-2 .wf-inside,.wf-phase-3 .wf-inside,.wf-phase-4 .wf-inside{opacity:1;animation:wf-rise 26s ease-out both}.wf-phase-3 .wf-inside{filter:brightness(1.1) saturate(1.05)}.wf-phase-4 .wf-inside{filter:brightness(.45) blur(4px);transform:scale(1.15)}@keyframes wf-approach{0%{transform:scale(1.04)}to{transform:scale(1.32)}}@keyframes wf-rise{0%{transform:scale(1.02)}to{transform:scale(1.15) translateY(1.5%)}}.wf-veil{background:linear-gradient(180deg,#01081380,transparent 28%,#050c1b30 48%,#020915dd)}.wf-phase-0 .wf-veil{background:linear-gradient(180deg,#02081440,transparent 15%,#02091644 40%,#020916ed 86%)}.wf-topline{position:absolute;top:22px;left:23px;right:23px;display:flex;align-items:center;gap:9px;font:12px Arial,sans-serif;letter-spacing:.08em;color:#f9e7c6;z-index:5;text-shadow:0 1px 10px #000}.wf-topline>span:first-child{font-size:23px;color:#f4cf8b}.wf-topline button{margin-left:auto;border:1px solid #ead2a342;border-radius:24px;background:#071220a8;color:#f2deb8;min-width:44px;min-height:44px;cursor:pointer;font:18px Georgia,serif;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wf-topline button span{display:none}.wf-welcome{position:absolute;left:30px;right:30px;bottom:88px;text-align:center;animation:wf-text-in 1.4s both}.wf-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.25em;color:#d9bd86;margin:0 0 16px}.wf-welcome h1{font-size:clamp(37px,8vw,54px);line-height:1.03;font-weight:400;max-width:400px;margin:0 auto 20px;text-wrap:balance;text-shadow:0 3px 30px #000}.wf-intro{font-size:17px;line-height:1.5;max-width:315px;margin:0 auto 12px;color:#e7dfd1}.wf-recipient{font-style:italic;color:#efd1a0;font-size:26px;overflow-wrap:anywhere;margin:0 0 25px}.wf-open{display:flex;align-items:center;justify-content:center;gap:12px;margin:auto;padding:17px 24px;border:1px solid #f5ddb0;border-radius:50px;background:linear-gradient(115deg,#fff0ce,#ddb879);color:#342313;font:600 14px Arial,sans-serif;cursor:pointer;box-shadow:0 0 34px #ebc47632,0 6px 22px #0004;transition:transform .25s,box-shadow .25s}.wf-open:hover{transform:translateY(-2px);box-shadow:0 0 45px #ebc47666}.wf-open span{font-size:20px}.wf-welcome small{display:block;margin-top:14px;color:#b5b4b0;font:11px Arial,sans-serif;letter-spacing:.04em}.wf-caption{position:absolute;bottom:105px;left:35px;right:35px;text-align:center;animation:wf-text-in 1.5s both;text-shadow:0 3px 22px #000}.wf-caption>span{font:10px Arial,sans-serif;letter-spacing:.25em;color:#dec799}.wf-caption p{font-size:clamp(27px,6vw,37px);line-height:1.25;margin:18px auto 0;max-width:400px;text-wrap:balance;font-style:italic}@keyframes wf-text-in{0%{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}.wf-snow{transition:opacity 2s}.wf-snow i{position:absolute;top:-15px;background:#fff;border-radius:50%;box-shadow:0 0 5px #fff5;animation:wf-snow linear infinite}.wf-snow i:nth-child(4n){filter:blur(1px)}@keyframes wf-snow{to{transform:translate(30px,950px);opacity:0}}.wf-phase-2 .wf-snow,.wf-phase-3 .wf-snow,.wf-phase-4 .wf-snow{opacity:0}.wf-moonlight{position:absolute;left:49%;top:8%;width:70px;height:70px;background:radial-gradient(circle,#fffce4 0,#e3edff55 5%,transparent 60%);transform:translate(-50%,-50%);mix-blend-mode:screen;animation:wf-twinkle 4s ease-in-out infinite;opacity:.65}.wf-phase-2 .wf-moonlight,.wf-phase-3 .wf-moonlight,.wf-phase-4 .wf-moonlight{opacity:0}.wf-startrail{position:absolute;left:49%;top:9%;width:8px;height:8px;border-radius:100%;background:#fff4d6;box-shadow:0 0 12px 5px #fff2cbaa,0 0 50px 15px #efbc5888;opacity:0}.wf-phase-1 .wf-startrail{animation:wf-star-flight 6.8s ease-in-out both}.wf-startrail:after{content:"";position:absolute;bottom:3px;left:2px;width:2px;height:95px;background:linear-gradient(transparent,#ffe4ab);transform:rotate(-20deg);transform-origin:bottom;filter:blur(1px)}@keyframes wf-star-flight{0%,25%{opacity:0;top:9%;left:49%;transform:scale(.1)}35%{opacity:1;transform:scale(.7)}70%{top:38%;left:56%;opacity:1;transform:scale(1.1)}94%{top:51%;left:49%;opacity:1;transform:scale(.4)}to{top:51%;left:49%;opacity:0;transform:scale(.1)}}.wf-treeglow{position:absolute;width:230px;height:230px;left:52%;top:14%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff7cb 0,#ffdc8277 7%,#ffc45c22 28%,transparent 66%);opacity:0;mix-blend-mode:screen;transition:opacity 4s}.wf-phase-3 .wf-treeglow{opacity:.95;animation:wf-twinkle 4s ease-in-out infinite}.wf-dust{opacity:0;transition:opacity 3s}.wf-phase-2 .wf-dust,.wf-phase-3 .wf-dust,.wf-phase-4 .wf-dust{opacity:1}.wf-dust i{position:absolute;border-radius:50%;background:#f7d692;box-shadow:0 0 10px 2px #f4c26966;animation:wf-drift 7s ease-in-out infinite;opacity:0}@keyframes wf-drift{15%{opacity:.7}80%{opacity:.5}to{transform:translate(17px,-90px);opacity:0}}@keyframes wf-twinkle{50%{filter:brightness(1.5);scale:1.1}}.wf-bloom{background:radial-gradient(ellipse at 52% 22%,#ffefbccc,transparent 70%);mix-blend-mode:screen;opacity:0}.wf-phase-3 .wf-bloom{animation:wf-flash 8.5s ease-in-out both}@keyframes wf-flash{0%,62%{opacity:0}87%{opacity:.5}to{opacity:.04}}.wf-letter{position:absolute;inset:83px 24px 67px;overflow:auto;border:1px solid #ddc69b55;border-radius:3px;background:linear-gradient(150deg,#081925b8,#14252cd9);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 20px 55px #0004;animation:wf-text-in 2s both;scrollbar-width:thin;scrollbar-color:#bba37966 transparent}.wf-letter-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 24px 30px}.wf-seal{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d6ba7f66;border-radius:50%;font-size:24px;color:#e4c58a;margin-bottom:23px;box-shadow:0 0 40px #efc36918}.wf-letter .wf-eyebrow{font-size:9px;margin-bottom:13px}.wf-letter h1{font-weight:400;font-size:clamp(34px,8vw,50px);line-height:1.05;overflow-wrap:anywhere;max-width:100%;margin:0 0 12px;color:#fff1d4}.wf-letter h2{font-size:clamp(32px,7vw,43px);font-style:italic;font-weight:400;color:#e9cb94;margin:0}.wf-rule{height:1px;width:50px;background:linear-gradient(90deg,transparent,#e0c798,transparent);margin:22px 0}.wf-message{font-size:clamp(17px,4vw,20px);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;color:#eee4d1;margin:0 0 23px}.wf-signature{font-size:14px;font-style:italic;color:#baa98d;margin:0 0 22px}.wf-signature strong{display:block;font-size:23px;font-style:normal;font-weight:400;color:#f0dbb4;margin:8px 0;overflow-wrap:anywhere}.wf-replay{background:none;border:0;border-bottom:1px solid #d8bc8055;color:#d8bc80;font:12px Arial,sans-serif;padding:10px;cursor:pointer}.wf-bottom{position:absolute;bottom:22px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px Arial,sans-serif;color:#d6c19d;letter-spacing:.04em;z-index:5}.wf-bottom button{border:1px solid #d4c09e33;background:#071321aa;color:#e9dbbd;border-radius:25px;font:11px Arial,sans-serif;min-height:38px;padding:9px 13px;cursor:pointer}.wf-bottom button span{margin-left:10px}.wf-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#f6dda522}.wf-progress i{display:block;height:100%;background:#e4c28b;animation:wf-progress 23s linear both;transform-origin:left}@keyframes wf-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wf-create{display:block;background:transparent;color:#ddc59d;border:1px solid #d9bc7f44;padding:15px 22px;border-radius:30px;font:13px Arial,sans-serif;margin:24px auto 0;cursor:pointer;max-width:90%}.wf-create span{padding-left:12px}.wf-audio-error{position:absolute;top:76px;left:25px;right:25px;z-index:8;background:#08131cea;border:1px solid #dac79944;padding:9px 12px;border-radius:5px;font:11px/1.4 Arial,sans-serif;color:#ecddc0}.wf-page button:focus-visible{outline:2px solid #f4d797;outline-offset:5px}.original-preview .wf-page{padding:0 0 25px;min-height:0}.original-preview .wf-stage{width:100%;border:0;border-radius:0}.original-preview:has(.wf-page){width:min(520px,100%);overflow-x:hidden}.original-preview:has(.wf-page)>.preview-close{position:absolute;top:9px;right:8px;float:none}.original-preview .wf-topline{right:55px}@media(max-width:540px){.wf-page{padding-top:0}.wf-stage{width:100%;border:0;border-radius:0;height:92svh;min-height:570px}.wf-welcome{left:25px;right:25px;bottom:78px}.wf-letter{inset:80px 19px 65px}.wf-letter-inner{padding:24px 19px}.wf-topline{left:20px;top:19px}.wf-bottom{left:20px;right:20px}.wf-caption{left:28px;right:28px;bottom:105px}.wf-caption p{font-size:30px}}@media(prefers-reduced-motion:reduce){.wf-page *{animation:none!important;transition:none!important}.wf-dust,.wf-snow,.wf-startrail{display:none}.wf-phase-4 .wf-inside{opacity:1}}.bd-page{min-height:100svh;background:#070c20;color:#fff0d8;font-family:Georgia,Times New Roman,serif;padding:22px 0}.bd-stage{position:relative;isolation:isolate;overflow:hidden;width:min(100%,600px);height:min(920px,94svh);min-height:600px;margin:auto;border-radius:16px;background:radial-gradient(ellipse at 50% 48%,#333152 0,#14182f 42%,#070d20 80%);box-shadow:0 25px 100px #0008}.bd-stage button{cursor:pointer}.bd-create:focus-visible,.bd-stage button:focus-visible{outline:3px solid #a8ffff;outline-offset:5px}.bd-atmosphere,.bd-scene{position:absolute;inset:0;pointer-events:none}.bd-atmosphere{z-index:-1;overflow:hidden}.bd-aurora{position:absolute;inset:-20%;background:conic-gradient(from 40deg at 50% 50%,transparent,#d66b9120,transparent 40%,#458cbe18,transparent 80%);animation:bd-orbit 45s linear infinite}.bd-orbit{position:absolute;width:110%;height:45%;left:-5%;top:25%;border:1px solid #e7bd7320;border-radius:50%;transform:rotate(-30deg)}.bd-orbit-two{transform:rotate(30deg);width:130%;left:-15%;height:50%;top:20%;opacity:.4}.bd-dust{width:var(--size);height:var(--size);background:#ffe5ad;border-radius:50%;box-shadow:0 0 8px #ffdf95;animation:bd-twinkle 3.8s var(--delay) ease-in-out infinite}.bd-dust,.bd-top{position:absolute}.bd-top{left:25px;right:20px;top:20px;display:flex;align-items:center;justify-content:space-between;z-index:6;font:10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#efd9b2}.bd-top button{border:1px solid #e6cf9d55;border-radius:50%;width:44px;height:44px;background:#11172dc9;color:#fff0c4;font-size:22px}.bd-chapter,.bd-heading{position:absolute;top:13%;left:25px;right:25px;text-align:center;z-index:3}.bd-eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:.22em;color:#edc88a;margin:0 0 13px}.bd-chapter h1,.bd-heading h1{font-weight:400;font-size:clamp(34px,8.5vw,52px);line-height:1.1;text-wrap:balance;max-width:440px;margin:0 auto 15px;text-shadow:0 2px 20px #080b24}.bd-heading>p:not(.bd-eyebrow){font-size:15px;color:#d3c5d1;line-height:1.6;max-width:260px;margin:0 auto 12px}.bd-name{display:block;font-size:clamp(23px,6vw,34px);font-style:italic;color:#f8d79e;font-weight:400;overflow-wrap:anywhere;max-width:90%;margin:auto}.bd-chapter{animation:bd-text-in 1s both;top:17%}.bd-chapter h1{font-size:clamp(30px,7.5vw,44px)}.bd-scene{z-index:1}.bd-floor{position:absolute;left:10%;right:10%;top:68%;height:12%;background:radial-gradient(ellipse,#f2b66c28,transparent 65%);filter:blur(12px);transition:opacity 1s}.bd-gift{position:absolute;width:clamp(240px,80%,360px);left:50%;top:57%;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 28px #0005);transition:opacity 1.2s,top 1.4s,scale 1.4s}.bd-gift-svg{display:block;width:100%;overflow:visible}.bd-box-lid{transform-origin:200px 154px;transform-box:view-box}.bd-box-light{opacity:0}.bd-phase-0 .bd-gift{animation:bd-float 4s ease-in-out infinite}.bd-phase-1 .bd-gift{animation:bd-shake .65s ease-in-out infinite}.bd-phase-1 .bd-box-light{animation:bd-glow 1s ease-in-out infinite}.bd-phase-2 .bd-box-lid,.bd-phase-3 .bd-box-lid,.bd-phase-4 .bd-box-lid{transform:translate(25px,-175px) rotate(-22deg);opacity:0;transition:transform 1.7s cubic-bezier(.16,.78,.27,1),opacity 1.5s .5s}.bd-phase-2 .bd-box-light{animation:bd-light-burst 4.8s both}.bd-beam{position:absolute;left:10%;right:10%;top:15%;height:55%;background:conic-gradient(from 155deg at 50% 100%,transparent,#ffe4a436,transparent 25deg,#fff5ce40,transparent 50deg);filter:blur(5px);opacity:0;transform-origin:50% 100%}.bd-phase-2 .bd-beam{animation:bd-light-burst 4.8s both}.bd-phase-3 .bd-gift,.bd-phase-4 .bd-gift,.bd-phase-5 .bd-gift{opacity:0;top:85%;scale:.8}.bd-confetti{position:absolute;left:50%;top:54%;width:1px;height:1px}.bd-confetti i{position:absolute;display:block;width:7px;height:13px;background:var(--color);border-radius:1px;animation:bd-burst var(--time) var(--delay) cubic-bezier(.12,.54,.3,1) both;will-change:transform,opacity}.bd-confetti .bd-confetti-star{background:none;color:var(--color);font:24px Georgia;width:24px;height:24px;text-shadow:0 0 10px #fce9bb66}.bd-phase-3 .bd-confetti{top:-10%;width:100%;left:0}.bd-phase-3 .bd-confetti i{left:calc(50% + var(--x));animation:bd-confetti-fall 6s var(--delay) linear both}.bd-cake{position:absolute;width:clamp(240px,78%,360px);top:58%;left:50%;transform:translate(-50%,-50%);animation:bd-cake-in 1.8s both;filter:drop-shadow(0 20px 30px #0005);transition:opacity 1s}.bd-cake-svg{width:100%;overflow:visible}.bd-flame{filter:drop-shadow(0 0 6px #ffbd5c);animation:bd-flame .8s var(--candle-delay) ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}.bd-phase-4 .bd-cake{opacity:0;transition:opacity 1s}.bd-start{position:absolute;bottom:12%;left:24px;right:24px;text-align:center;z-index:4}.bd-button{display:flex;justify-content:center;align-items:center;gap:14px;min-height:52px;max-width:100%;padding:15px 25px;border:1px solid #ffe9bc;border-radius:32px;background:linear-gradient(115deg,#fff0ca,#e4b974);color:#37233a;font:600 14px/1.4 Arial,sans-serif;box-shadow:0 8px 35px #e6b06324;margin:0 auto;transition:box-shadow .2s,transform .2s}.bd-button:hover{box-shadow:0 10px 40px #e6b06355;transform:translateY(-2px)}.bd-letter-action small,.bd-start small{display:block;margin:14px auto 0;font:11px/1.6 Arial,sans-serif;color:#baacba;max-width:290px}.bd-footer{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:6;font:11px/1.5 Arial,sans-serif;color:#dbcdb9}.bd-footer button{color:inherit;font:11px Arial,sans-serif;border:0;background:#11162999;border-radius:20px;min-height:44px;padding:8px 12px}.bd-create{display:block;max-width:calc(100% - 32px);margin:20px auto 0;padding:12px 20px;min-height:44px;background:transparent;border:1px solid #dbc09655;border-radius:28px;color:#f3d6a6;font:13px/1.5 Arial,sans-serif;cursor:pointer}.bd-invitation{position:absolute;top:16%;bottom:10%;left:24px;right:24px;text-align:center;z-index:4;animation:bd-text-in 1.4s both;display:flex;flex-direction:column;align-items:center;justify-content:center}.bd-invitation h1{font-size:clamp(30px,8vw,48px);font-weight:400;overflow-wrap:anywhere;max-width:100%;margin:0 0 25px;color:#ffe0a9}.bd-invitation>p:not(.bd-eyebrow){font-size:17px;color:#e1d2d9;margin:20px 0}.bd-envelope{width:200px;height:132px;position:relative;border:1px solid #f4d3a1;border-radius:7px;background:linear-gradient(150deg,#fff0cf,#dcaf83);box-shadow:0 12px 50px #e7bc762e;animation:bd-envelope-float 4s ease-in-out infinite}.bd-envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(32deg,#edcea6 49%,transparent 50%),linear-gradient(-32deg,#f6dfb9 49%,transparent 50%)}.bd-envelope>span{position:absolute;inset:0;-webkit-clip-path:polygon(0 0,100% 0,50% 62%);clip-path:polygon(0 0,100% 0,50% 62%);background:linear-gradient(#fff6df,#e5bd8d)}.bd-envelope b{position:absolute;left:calc(50% - 22px);top:47%;display:grid;place-items:center;width:44px;height:44px;border:2px solid #e6b777;background:radial-gradient(circle at 30% 25%,#d97483,#822747);border-radius:50%;color:#ffe0ab;font:25px Georgia;box-shadow:0 3px 10px #61283a44}.bd-letter{position:absolute;z-index:5;inset:78px 22px 62px;overflow:auto;border:1px solid #edd1ac;border-radius:9px;background:linear-gradient(120deg,#fff8e8,#f9eedc);color:#46303b;box-shadow:0 20px 70px #0005;animation:bd-letter-in .9s both;scrollbar-width:thin}.bd-letter-inner{padding:26px 24px 20px;text-align:center;min-height:100%;display:flex;align-items:center;flex-direction:column}.bd-letter-seal{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid #bd8d58;color:#a97443;font-size:25px;margin-bottom:16px}.bd-letter .bd-eyebrow{color:#947054;font-size:9px}.bd-letter h1{font-weight:400;font-size:clamp(30px,8vw,46px);line-height:1.15;overflow-wrap:anywhere;margin:0 0 10px;max-width:100%;color:#862e54}.bd-letter h2{font-size:19px;font-weight:400;font-style:italic;margin:0}.bd-letter-divider{height:1px;width:55px;background:#c6a579;margin:20px 0}.bd-message{font-size:18px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px;max-width:100%}.bd-signature{font-size:13px;margin:0 0 24px;font-style:italic}.bd-signature strong{display:block;font-size:23px;font-weight:400;color:#862e54;margin-top:8px;overflow-wrap:anywhere}.bd-letter-action{width:100%;margin-top:auto;border-top:1px solid #b78e6333;padding-top:20px}.bd-letter-action .bd-button{background:linear-gradient(120deg,#a24365,#742441);color:#fff2d9;border-color:#aa5270;font-size:12px;padding:14px 18px}.bd-letter-action small{color:#816c73;font-size:10px;margin-top:10px}.bd-replay{background:transparent;border:0;color:#8b6471;font:11px Arial,sans-serif;padding:14px;min-height:44px}.bd-phase-5 .bd-atmosphere{opacity:.3}.bd-error{position:absolute;bottom:67px;left:25px;right:25px;z-index:8;font:12px/1.5 Arial,sans-serif;padding:10px;border-radius:7px;background:#412735;color:#fff0da}.bd-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#fff1c510;z-index:7}.bd-progress i{display:block;height:100%;background:#e8ca92;transform-origin:left;animation:bd-progress 15.5s linear both}.birthday-theme{background:radial-gradient(ellipse at 50% 45%,#46304f,#0c142b 75%)}.bd-thumbnail{position:absolute;inset:0;overflow:hidden}.bd-thumbnail .bd-gift-svg{position:absolute;left:50%;top:43%;width:220px;transform:translate(-50%,-50%);animation:bd-float 4s ease-in-out infinite}.bd-thumb-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#e7b17644,transparent 57%);animation:bd-glow 4s ease-in-out infinite}.bd-thumb-stars{position:absolute;left:22%;right:22%;top:23%;color:#ffe3a3;font-size:27px;display:flex;justify-content:space-between;animation:bd-twinkle 3s infinite}.bd-thumb-stars span{margin-top:-25px}.birthday-theme .theme-overlay{z-index:2}@keyframes bd-orbit{to{transform:rotate(1turn)}}@keyframes bd-twinkle{0%,to{opacity:.25}50%{opacity:.95}}@keyframes bd-float{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-53%) rotate(2deg)}}@keyframes bd-shake{0%,to{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-51%) rotate(3deg)}}@keyframes bd-glow{0%,to{opacity:.25}50%{opacity:.8}}@keyframes bd-light-burst{0%{opacity:0;scale:.6}12%{opacity:1;scale:1.2}45%{opacity:.85}to{opacity:0;scale:1.5}}@keyframes bd-burst{0%{opacity:0;transform:translate(0) scale(.2)}12%{opacity:1}62%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--rotation))}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 170px)) rotate(calc(var(--rotation) + 180deg))}}@keyframes bd-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%,65%{opacity:.8}to{opacity:0;transform:translate(25px,850px) rotate(var(--rotation))}}@keyframes bd-cake-in{0%{opacity:0;transform:translate(-50%,-15%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bd-flame{to{transform:scaleX(.8) rotate(5deg);opacity:.8}}@keyframes bd-text-in{0%{opacity:0;translate:0 12px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes bd-envelope-float{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes bd-letter-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes bd-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:640px){.bd-page{padding:0 0 16px}.bd-stage{width:100%;height:100svh;min-height:580px;border-radius:0}.bd-top{top:max(16px,env(safe-area-inset-top));left:20px}.bd-footer{bottom:max(16px,env(safe-area-inset-bottom));left:20px;right:20px}.bd-heading{top:12%}.bd-gift{top:57%;width:80%;max-width:330px}.bd-start{bottom:12%}.bd-letter{inset:72px 16px 60px}.bd-letter-inner{padding:22px 20px 16px}.bd-message{font-size:17px}.bd-create{margin-top:14px}.bd-chapter{top:15%}}@media(max-height:680px){.bd-heading{top:11%}.bd-heading h1{font-size:34px;margin-bottom:10px}.bd-heading>p:not(.bd-eyebrow){font-size:13px}.bd-heading .bd-name{font-size:23px}.bd-gift{width:260px;top:58%}.bd-start{bottom:9%}.bd-start small{margin-top:9px}.bd-chapter h1{font-size:31px}.bd-cake{width:270px;top:60%}}.preview-modal .bd-page{padding:0}.preview-modal .bd-stage{height:min(800px,85svh);min-height:530px;border-radius:0}.preview-modal .bd-create{margin-bottom:18px}.preview-modal .bd-top{right:64px}.preview-modal .bd-heading{top:13%}@media(prefers-reduced-motion:reduce){.bd-page *,.bd-thumbnail *{animation:none!important;transition:none!important}.bd-confetti,.bd-phase-4 .bd-cake,.bd-phase-4 .bd-gift{display:none}}.ny-page{width:100%;background:#060d18;color:#fff7e9;padding:24px 18px;font-family:Arial,sans-serif;min-height:100svh;box-sizing:border-box}.ny-stage{isolation:isolate;position:relative;max-width:1160px;min-height:710px;margin:auto;border:1px solid #b69a6352;border-radius:24px;overflow:hidden;background:#071226;box-shadow:0 30px 100px #0008}.ny-city,.ny-fireworks,.ny-halo,.ny-shade,.ny-stardust,.ny-world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ny-world{z-index:-1;overflow:hidden}.ny-city{object-fit:cover;object-position:50% 48%;transform:scale(1.025);transition:transform 24s cubic-bezier(.15,.3,.3,1),filter 3s}.ny-phase-1 .ny-city,.ny-phase-2 .ny-city,.ny-phase-3 .ny-city{transform:scale(1.15)}.ny-phase-4 .ny-city{transform:scale(1.24)}.ny-phase-5 .ny-city,.ny-phase-6 .ny-city{transform:scale(1.08);filter:blur(3px)}.ny-shade{background:linear-gradient(180deg,#020a1680,transparent 28%,#02081445 55%,#030a17ed),radial-gradient(ellipse at center,transparent,#01071080);transition:background 2s}.ny-phase-0 .ny-shade{background:linear-gradient(180deg,#03091477,#0309144d 25%,#030914d9 85%)}.ny-phase-6 .ny-shade{background:#020916a3}.ny-bottom,.ny-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;color:#e6d4af}.ny-top{font-size:13px;letter-spacing:1px;min-height:70px;box-sizing:border-box}.ny-top b{font-weight:400;margin-left:8px}.ny-bottom button,.ny-replay,.ny-top button{background:#09132270;border:1px solid #e5cd954a;color:#f6e1b7;border-radius:30px;padding:10px 16px;cursor:pointer;font-size:12px}.ny-top button>span{margin-left:8px}.ny-bottom{position:absolute;bottom:0;left:0;right:0;font-size:12px;letter-spacing:1.2px;min-height:74px;box-sizing:border-box}.ny-bottom>span{color:#fff0cc;text-shadow:0 2px 6px #000}.ny-welcome{text-align:center;width:min(600px,90%);margin:35px auto 135px}.ny-eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:3px;color:#e9d19d}.ny-ornament{font-size:64px;color:#f5d28c;margin:17px auto 0;text-shadow:0 0 30px #ffcf69aa;animation:ny-breathe 4s ease-in-out infinite}.ny-welcome h1{font:normal clamp(46px,7vw,84px)/1.06 Georgia,serif;letter-spacing:-2px;margin:6px 0 20px;color:#fff3d8}.ny-welcome>p{font:16px/1.7 Georgia,serif;max-width:365px;margin:0 auto;color:#e1ded8}.ny-name{display:block;font:italic 27px/1.4 Georgia,serif;margin:20px 0;overflow-wrap:anywhere}.ny-open{display:flex;align-items:center;justify-content:center;gap:32px;margin:24px auto 13px;background:linear-gradient(110deg,#fae5b6,#d8b46c);color:#322514;border:1px solid #fff0c9;border-radius:40px;padding:17px 26px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 5px 40px #e4b4542e}.ny-welcome small{color:#d8d5cd;font-size:11px;letter-spacing:.6px}.ny-caption{position:absolute;bottom:145px;left:7%;right:7%;text-align:center;animation:ny-caption-in 2s both;text-shadow:0 3px 25px #000}.ny-caption small{font-size:10px;letter-spacing:5px;color:#ddc79f}.ny-caption p{font:normal clamp(28px,4vw,48px)/1.25 Georgia,serif;margin:18px auto;max-width:690px}.ny-countdown{position:absolute;inset:170px 15px 150px;display:flex;align-items:center;flex-direction:column;text-align:center}.ny-countdown strong{font:normal 150px/1.3 Georgia,serif;color:#ffe6b6;text-shadow:0 0 60px #f3c77b88;animation:ny-number .95s ease-out both}.ny-clock{font:12px/1.5 Arial,sans-serif;letter-spacing:7px;color:#f9e7c1}.ny-midnight{position:absolute;left:4%;right:4%;bottom:142px;text-align:center;animation:ny-caption-in 2.4s both;text-shadow:0 4px 30px #000}.ny-midnight h1{font:normal clamp(28px,4.5vw,54px)/1.2 Georgia,serif;margin:22px 0}.ny-midnight em{color:#f8d897;font-weight:400}.ny-midnight .ny-eyebrow{font-size:10px}.ny-stardust i{position:absolute;width:3px;height:3px;left:var(--x);top:var(--y);border-radius:50%;background:#ffdb90;box-shadow:0 0 8px #ffe2a4;opacity:0;animation:ny-dust var(--duration) var(--delay) infinite ease-in-out}.ny-phase-0 .ny-stardust{opacity:.4}.ny-phase-5 .ny-stardust{transform:scale(1.5);transition:transform 6s}.ny-halo{opacity:0;background:radial-gradient(ellipse at 50% 55%,#ffce7445,transparent 57%);transition:opacity 2s}.ny-phase-5 .ny-halo,.ny-phase-6 .ny-halo{opacity:1}.ny-delivery{position:absolute;inset:0;display:grid;place-items:center;perspective:900px}.ny-envelope{position:relative;width:260px;height:174px;background:#e9d6ad;box-shadow:0 0 100px #ffdc7699;animation:ny-deliver 5s both;border-radius:4px}.ny-envelope-face{position:absolute;inset:0;background:linear-gradient(33deg,#eddcbb 49.5%,transparent 50%),linear-gradient(-33deg,#f8e9cb 49.5%,transparent 50%);z-index:2;border:1px solid #c6a76855}.ny-envelope>span{position:absolute;z-index:3;left:calc(50% - 23px);top:65px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#b3843e,#f8da8d,#a77731);color:#7e5424;box-shadow:0 4px 10px #5a3d214d}.ny-envelope-paper{position:absolute;inset:10px 15px;background:#fff5df;color:#b39156;text-align:center;padding-top:30px;font-size:36px;animation:ny-paper 5s both}.ny-letter{position:relative;margin:18px auto 110px;width:min(570px,86%);box-sizing:border-box;padding:12px;background:linear-gradient(135deg,#fff9ec,#efe1c4);color:#3b3027;border-radius:3px;box-shadow:0 30px 80px #0007,0 0 90px #e8c3791f;animation:ny-letter-in 1.8s cubic-bezier(.2,.7,.2,1) both}.ny-letter-border{border:1px solid #b795574f;padding:28px 30px;text-align:center}.ny-seal{display:grid;place-items:center;border:1px solid #bca16c;border-radius:50%;width:42px;height:42px;margin:0 auto 20px;color:#a37c38}.ny-letter .ny-eyebrow{color:#907347;font-size:9px;letter-spacing:2px}.ny-letter h1{font:normal clamp(28px,4vw,43px)/1.15 Georgia,serif;margin:12px 0 8px;overflow-wrap:anywhere}.ny-letter h2{font:italic normal 24px/1.3 Georgia,serif;color:#987132;margin:0}.ny-rule{width:60px;height:1px;background:#ba995d;margin:24px auto}.ny-message{font:17px/1.8 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ny-signature{font:italic 15px/1.6 Georgia,serif;margin:24px 0 18px;color:#735e40}.ny-signature strong{display:block;font:normal 23px/1.4 Georgia,serif;overflow-wrap:anywhere}.ny-replay{color:#796345;border-color:#baa16f66;font-size:11px}.ny-create,.ny-replay{background:transparent}.ny-create{display:block;margin:22px auto 0;color:#e4cca0;border:0;font-size:13px;cursor:pointer;padding:14px}.ny-create>span{margin-left:10px}.ny-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff1}.ny-progress i{display:block;width:100%;height:100%;background:#edd39a;transform-origin:left;transition:transform .15s linear}.ny-loading{position:absolute;top:45%;left:0;right:0;text-align:center;color:#f4deb1}.ny-audio-error{position:relative;margin:0 auto 95px;max-width:80%;font-size:11px;text-align:center;color:#e4d3b3}.ny-create:focus-visible,.ny-stage button:focus-visible{outline:2px solid #ffe0a0;outline-offset:5px}.ny-page .ny-stage button:hover{filter:brightness(1.08)}@keyframes ny-breathe{50%{opacity:.55;transform:scale(.94)}}@keyframes ny-dust{0%,to{opacity:0;transform:translate3d(0,15px,0)}40%{opacity:.75}80%{opacity:0;transform:translate3d(12px,-35px,0)}}@keyframes ny-caption-in{0%{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes ny-number{0%{opacity:0;transform:scale(.83)}25%{opacity:1}to{opacity:.2;transform:scale(1.13)}}@keyframes ny-deliver{0%{opacity:0;transform:translateY(80px) scale(.2) rotate(-12deg)}45%,to{opacity:1;transform:translateY(0) scale(1) rotate(-4deg)}}@keyframes ny-paper{0%,45%{transform:none}to{transform:translateY(-85px)}}@keyframes ny-letter-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:600px){.ny-page{padding:0 0 10px}.ny-stage{border-radius:0;min-height:calc(100svh - 65px);border-left:0;border-right:0}.ny-city{object-position:50% 50%}.ny-bottom,.ny-top{padding:18px 20px}.ny-top{font-size:11px}.ny-top button{padding:9px 11px}.ny-top button>span{display:none}.ny-welcome{margin-top:35px;margin-bottom:130px}.ny-welcome h1{font-size:54px}.ny-welcome>p{font-size:15px;max-width:280px}.ny-welcome .ny-eyebrow{font-size:8px;letter-spacing:2px}.ny-ornament{margin-top:14px}.ny-letter{width:calc(100% - 36px);margin-top:15px;margin-bottom:105px;padding:8px}.ny-letter-border{padding:24px 20px}.ny-message{font-size:16px;line-height:1.7}.ny-countdown{top:170px}.ny-countdown .ny-eyebrow{font-size:9px;letter-spacing:1.5px}.ny-caption{bottom:150px}.ny-midnight{bottom:135px}.ny-midnight h1{font-size:32px}.ny-bottom{font-size:10px;letter-spacing:.5px}.ny-bottom button{font-size:10px;padding:9px 12px}.ny-create{font-size:12px;margin:8px auto 0}.ny-audio-error{margin-bottom:105px}}@media(prefers-reduced-motion:reduce){.ny-page *,.theme-image.newyear-theme *{animation:none!important;transition:none!important}.ny-city{transform:none!important}.ny-fireworks,.ny-stardust{display:none}}.ny-reduced .ny-letter{animation:none}.original-preview:has(.ny-page){min-width:0;overflow-x:hidden}.original-preview:has(.ny-page)>.preview-close{position:absolute;top:9px;right:8px;float:none}.original-preview .ny-page{min-height:0;padding:0 0 10px}.original-preview .ny-stage{width:100%;min-width:0;box-sizing:border-box;border-radius:0}.original-preview .ny-top{padding-right:62px}.hf-page{background:#060e18;color:#fff1d5;min-height:100svh;padding:20px 0 28px;font-family:Georgia,Times New Roman,serif}.hf-stage{position:relative;isolation:isolate;overflow:hidden;width:min(100%,580px);height:min(920px,94svh);min-height:560px;margin:0 auto;border-radius:8px;background:#0a1726;box-shadow:0 20px 100px #0009}.hf-particles,.hf-reveal,.hf-shot,.hf-veil,.hf-world{position:absolute;inset:0;pointer-events:none}.hf-world{z-index:-1;overflow:hidden}.hf-shot{width:100%;height:100%;object-fit:cover;object-position:50% 47%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity 3.5s,filter 3s;will-change:transform}.hf-village{transform:scale(1.02);transform-origin:50% 58%}.hf-nativity{opacity:0;transform:scale(1.04);transform-origin:50% 49%}.hf-phase-1 .hf-village,.hf-phase-2 .hf-village{animation:hf-arrive 13s ease-in-out both}.hf-phase-2 .hf-nativity,.hf-phase-3 .hf-nativity,.hf-phase-4 .hf-nativity,.hf-phase-5 .hf-nativity{opacity:1;animation:hf-embrace 24s ease-out both}.hf-phase-2 .hf-village,.hf-phase-3 .hf-village,.hf-phase-4 .hf-village,.hf-phase-5 .hf-village{opacity:0}.hf-phase-5 .hf-nativity{filter:blur(5px) brightness(.45)}@keyframes hf-arrive{0%{transform:scale(1.02)}to{transform:scale(1.34) translateY(-2%)}}@keyframes hf-embrace{0%{transform:scale(1.04)}to{transform:scale(1.15)}}.hf-veil{background:linear-gradient(180deg,#06101d75,transparent 26%,transparent 52%,#05101edb)}.hf-phase-0 .hf-veil{background:linear-gradient(180deg,#06101d55,transparent 22%,#07101f22 38%,#06101deb 91%)}.hf-star{position:absolute;top:10.4%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);background:#fff7d3;border-radius:50%;box-shadow:0 0 12px 5px #fff3cd88,0 0 50px 14px #edc28177;animation:hf-starshine 5s ease-in-out infinite;transition:opacity 3s}.hf-star:after,.hf-star:before{content:"";position:absolute;background:linear-gradient(transparent,#fff4d8,transparent);inset:-25px 5px}.hf-star:after{transform:rotate(90deg)}.hf-phase-2 .hf-star,.hf-phase-3 .hf-star,.hf-phase-4 .hf-star,.hf-phase-5 .hf-star{opacity:0}.hf-rays{inset:0;background:conic-gradient(from 162deg at 50% 10%,transparent 0deg,#f5d69812 5deg,#fce7b72b 18deg,transparent 36deg);opacity:.65;animation:hf-breathe 7s ease-in-out infinite}.hf-lantern,.hf-rays{position:absolute;mix-blend-mode:screen}.hf-lantern{inset:35% 4% 20%;background:radial-gradient(ellipse at 50% 50%,#ffa94122,transparent 65%);animation:hf-candle 4s ease-in-out infinite}.hf-particles i{position:absolute;border-radius:50%;background:#ffdf99;box-shadow:0 0 8px #ffd47d;opacity:0;animation:hf-drift 9s ease-in-out infinite}.hf-phase-0 .hf-particles{opacity:.3}.hf-reveal{background:radial-gradient(ellipse at 50% 45%,#ffe5a666,transparent 75%);opacity:0;mix-blend-mode:screen}.hf-phase-3 .hf-reveal{animation:hf-light 8.5s ease-in-out both}@keyframes hf-light{0%,to{opacity:0}50%{opacity:.5}}@keyframes hf-starshine{50%{opacity:.65;scale:.82}}@keyframes hf-breathe{50%{opacity:.32}}@keyframes hf-candle{33%{opacity:.5}65%{opacity:.8}}@keyframes hf-drift{15%{opacity:.5}80%{opacity:.3}to{transform:translate(13px,-85px);opacity:0}}.hf-topline{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;gap:9px;z-index:5;font:11px Arial,sans-serif;letter-spacing:.1em;text-shadow:0 2px 10px #000}.hf-topline>span:first-child{font-size:24px;color:#e8c88a}.hf-topline button{margin-left:auto;min-height:44px;min-width:44px;border:1px solid #efd6a74d;border-radius:50%;background:#071524b8;color:#f5deb5;font-size:21px;cursor:pointer}.hf-welcome{position:absolute;left:25px;right:25px;bottom:72px;text-align:center;animation:hf-text-in 1.5s both}.hf-eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:.24em;color:#d9ba81;margin:0 0 13px}.hf-welcome h1{font-size:clamp(38px,9vw,57px);line-height:1.05;font-weight:400;margin:0 auto 17px;max-width:390px;text-wrap:balance;text-shadow:0 3px 30px #000}.hf-intro{font-size:16px;line-height:1.5;max-width:270px;margin:0 auto 12px;color:#ede1cc}.hf-recipient{font-size:24px;font-style:italic;color:#f4d298;margin:0 0 22px;overflow-wrap:anywhere}.hf-gold-button{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#fff0ca,#dfba77);border:1px solid #ffe8b9;border-radius:30px;min-height:49px;padding:14px 21px;color:#382612;font:600 14px/1.35 Arial,sans-serif;cursor:pointer;box-shadow:0 7px 30px #d8a44a25;max-width:100%;margin:0 auto}.hf-gold-button:hover{background:#fff0cc;box-shadow:0 8px 35px #e5bb6755}.hf-letter-action small,.hf-welcome small{display:block;font:11px/1.6 Arial,sans-serif;color:#c4b9a6;margin:12px 0 0}.hf-caption{position:absolute;bottom:83px;left:28px;right:28px;text-align:center;text-shadow:0 3px 20px #000;animation:hf-caption 1.8s both}.hf-caption>span{font-size:20px;color:#e9c987}.hf-caption p{font-size:clamp(27px,6.5vw,36px);font-style:italic;line-height:1.25;max-width:420px;text-wrap:balance;margin:15px auto}.hf-invitation{position:absolute;inset:80px 24px 68px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;animation:hf-text-in 2s both}.hf-wish{font-size:clamp(25px,6vw,34px);line-height:1.25;font-style:italic;max-width:360px;margin:0 0 28px;text-wrap:balance;text-shadow:0 3px 22px #000}.hf-envelope{position:relative;width:170px;height:110px;border:1px solid #dcbf87;border-radius:4px;background:linear-gradient(155deg,#fff0ca,#bfa476);box-shadow:0 15px 45px #0008,0 0 40px #f3d49530;cursor:pointer;animation:hf-envelope 4s ease-in-out infinite}.hf-envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(33deg,transparent 49.5%,#a7865055 50%,transparent 51%),linear-gradient(-33deg,transparent 49.5%,#a7865055 50%,transparent 51%)}.hf-envelope-fold{position:absolute;inset:0;-webkit-clip-path:polygon(0 0,100% 0,50% 64%);clip-path:polygon(0 0,100% 0,50% 64%);background:linear-gradient(#fff3d4,#d9bd88)}.hf-wax{position:absolute;top:47%;left:calc(50% - 19px);border:1px solid #e1b769;border-radius:50%;background:linear-gradient(135deg,#b88a3f,#775021);box-shadow:0 3px 8px #6b45284d;color:#fbe0a9;width:38px;height:38px;display:grid;place-items:center;font-size:23px}.hf-letter-label{font:11px Arial,sans-serif;letter-spacing:.1em;margin:22px 0 17px;color:#edddbe}@keyframes hf-envelope{50%{transform:translateY(-6px)}}@keyframes hf-caption{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes hf-text-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.hf-letter{position:absolute;inset:78px 22px 59px;overflow:auto;overscroll-behavior:contain;border:1px solid #e2c99566;border-radius:6px;background:linear-gradient(150deg,#faf0dcef,#eadbc3f5);color:#443325;box-shadow:0 20px 70px #0006;animation:hf-text-in 1.6s both;scrollbar-width:thin;scrollbar-color:#ad8c58 transparent}.hf-letter-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 23px}.hf-seal{display:grid;place-items:center;border:1px solid #b3986344;border-radius:50%;width:42px;height:42px;font-size:25px;color:#947039;margin-bottom:18px}.hf-letter .hf-eyebrow{font-size:9px;color:#886a3c;margin-bottom:12px}.hf-letter h1{font-size:clamp(30px,7vw,43px);font-weight:400;line-height:1.1;margin:0 0 12px;overflow-wrap:anywhere;max-width:100%}.hf-letter h2{font-size:clamp(25px,6vw,34px);font-weight:400;font-style:italic;margin:0;color:#987136}.hf-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,#b08b52,transparent);margin:19px 0}.hf-message{font-size:clamp(16px,4vw,19px);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0 0 18px}.hf-signature{font-style:italic;font-size:14px;color:#8a7153;margin:0 0 20px}.hf-signature strong{display:block;max-width:100%;overflow-wrap:anywhere;font-weight:400;font-style:normal;font-size:25px;margin-top:7px;color:#54402c}.hf-letter-action{width:100%;border-top:1px solid #b1936033;padding-top:19px}.hf-letter-action .hf-gold-button{background:linear-gradient(120deg,#9e773b,#6f4d25);color:#fff3d9;border-color:#8c652f;font-size:13px;padding:13px 15px}.hf-letter-action small{color:#846c50;font-size:10px}.hf-replay{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#83693f;min-height:44px;margin-top:10px;cursor:pointer}.hf-bottom,.hf-replay{font:11px Arial,sans-serif}.hf-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#dcc8a1;letter-spacing:.04em}.hf-bottom button{border:1px solid #ddc39844;background:#081525b8;border-radius:22px;color:#ead8b7;min-height:40px;padding:9px 13px;font:11px Arial,sans-serif;cursor:pointer}.hf-progress{position:absolute;bottom:0;inset-inline:0;height:2px;background:#e5c68d22}.hf-progress i{display:block;height:100%;background:#e5c68d;transform-origin:left;animation:hf-progress 21s linear both}@keyframes hf-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hf-create{display:block;max-width:90%;margin:20px auto 0;border:1px solid #dabc7e55;background:#112133;border-radius:28px;color:#f1d5a4;padding:15px 22px;min-height:48px;font:13px/1.4 Arial,sans-serif;cursor:pointer}.hf-audio-error{position:absolute;z-index:6;top:67px;left:23px;right:23px;padding:10px 12px;border:1px solid #e0c89855;border-radius:5px;background:#071522eb;color:#eddbbc;font:11px/1.5 Arial,sans-serif}.hf-letter:focus-visible,.hf-page button:focus-visible{outline:2px solid #e8b963;outline-offset:3px}.original-preview .hf-page{padding:0 0 20px;min-height:0}.original-preview .hf-stage{width:100%;border-radius:0}.original-preview:has(.hf-page){width:min(580px,100%);overflow-x:hidden}.original-preview:has(.hf-page)>.preview-close{position:absolute;top:9px;right:8px;float:none}.original-preview .hf-topline{right:58px}@media(max-width:600px){.hf-page{padding-top:0}.hf-stage{width:100%;height:100svh;min-height:520px;border-radius:0}.hf-welcome{bottom:72px}.hf-letter{inset:74px 16px 54px}.hf-letter-inner{padding:23px 19px}.hf-bottom,.hf-topline{left:18px;right:18px}}@media(max-height:640px){.hf-welcome h1{font-size:36px}.hf-welcome{bottom:62px}.hf-intro{font-size:14px}.hf-recipient{margin-bottom:15px}.hf-invitation{top:75px;bottom:57px}.hf-wish{font-size:25px;margin-bottom:16px}.hf-envelope{width:135px;height:88px}.hf-letter-label{margin:15px 0 12px}}@media(prefers-reduced-motion:reduce){.hf-page *{animation:none!important;transition:none!important}.hf-particles,.hf-rays{display:none}}.toast-page{background:radial-gradient(ellipse at 50% 20%,#253044,#060b14 70%);color:#fff0d3;min-height:100svh;padding:26px 16px;font-family:Arial,sans-serif;box-sizing:border-box}.toast-stage{position:relative;isolation:isolate;width:100%;max-width:500px;min-height:860px;margin:auto;border:1px solid #d7b87955;border-radius:24px;overflow:hidden;box-shadow:0 32px 100px #0009;background:#061324}.toast-world{position:absolute;inset:0;z-index:-1;pointer-events:none}.toast-world img,.toast-world video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.toast-world video{opacity:0}.toast-world video.visible{opacity:1}.toast-shade{position:absolute;inset:0;background:linear-gradient(#02091677,transparent 48%,#02091655 88%,#020916e8)}.toast-welcome~.toast-bottom{color:#fff0d3}.toast-welcome{padding:55px 30px 320px;text-align:center;animation:toast-enter 1.2s both}.toast-eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:2.6px;color:#e6c68e;overflow-wrap:anywhere}.toast-welcome h1{font:normal clamp(42px,8vw,64px)/1.05 Georgia,serif;letter-spacing:-1.8px;margin:20px auto 12px;max-width:350px;text-wrap:balance}.toast-filigree{color:#d7b678;font:22px/1 Georgia,serif;margin:22px auto}.toast-welcome p{font:17px/1.6 Georgia,serif;max-width:290px;margin:auto;text-wrap:balance}.toast-name{font:italic 30px/1.3 Georgia,serif;display:block;margin:18px auto 28px;overflow-wrap:anywhere}.toast-gold{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:15px 24px;border-radius:40px;border:1px solid #fff0c3;background:linear-gradient(120deg,#fff0c8,#d9b26c);box-shadow:0 6px 40px #e6bb5d33;color:#362619;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}.toast-welcome small{display:block;font-size:11px;margin-top:16px;color:#e4d9c4}.toast-top{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:12px;font-size:11px;letter-spacing:1px}.toast-top b{font-weight:400}.toast-top button{width:44px;height:44px;border:1px solid #e1c38a66;border-radius:50%;background:#071326a8;color:#ffe4ad;font-size:21px;cursor:pointer}.toast-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;bottom:0;left:0;right:0;padding:16px 22px;min-height:65px;font-size:10px;letter-spacing:1px}.toast-bottom button,.toast-replay{min-height:44px;border:1px solid #e4cc9844;background:#07142688;border-radius:30px;padding:10px 15px;color:#f4dfb6;font-size:12px;cursor:pointer}.toast-caption{position:absolute;top:16%;left:9%;right:9%;text-align:center;text-shadow:0 2px 20px #000;animation:toast-enter .9s both}.toast-caption p{font:normal clamp(26px,5vw,36px)/1.3 Georgia,serif;text-wrap:balance;margin:18px auto}.toast-invitation{position:absolute;left:7%;right:7%;top:17%;text-align:center;animation:toast-enter 1s both}.toast-invitation h2{font:normal 36px/1.2 Georgia,serif;margin:15px auto 24px;text-wrap:balance}.toast-bottle{position:absolute;left:28%;top:45%;width:27%;height:41%;border:1px solid #ffe1a040;border-radius:45%;background:radial-gradient(ellipse,#ffd37a12,transparent 65%);cursor:pointer;animation:toast-breathe 2.8s infinite}.toast-bottle span{position:absolute;top:2%;left:calc(50% - 12px);font-size:28px;color:#ffe5a8;text-shadow:0 0 25px #ffd36b}.toast-buffer{position:absolute;inset:32% 8% auto;text-align:center;display:grid;justify-items:center;grid-gap:16px;gap:16px;padding:22px;background:#061325e8;border:1px solid #cfad6833;border-radius:16px;font-size:13px}.toast-spinner{width:22px;height:22px;border:1px solid #efce8d44;border-top-color:#efce8d;border-radius:50%;animation:toast-spin 1s linear infinite}.toast-wish{top:10%}.toast-phase-message .toast-stage{min-height:860px}.toast-phase-message .toast-world{opacity:.3}.toast-phase-message .toast-world img{filter:blur(4px)}.toast-phase-message .toast-shade{background:linear-gradient(#06122288,#061222 75%)}.toast-letter{position:relative;padding:28px 32px 100px;text-align:center;animation:toast-enter 1.5s both;outline:none}.toast-dedication{border:1px solid #dab57455;border-radius:90px 90px 6px 6px;padding:30px 22px 26px;background:linear-gradient(155deg,#b8904e12,#0c192a88);box-shadow:inset 0 0 45px #d5b16808}.toast-seal{font:40px Georgia,serif;display:block;color:#edce92;margin-bottom:24px}.toast-letter h1{font:normal clamp(32px,6vw,46px)/1.2 Georgia,serif;margin:12px 0;overflow-wrap:anywhere}.toast-letter h2{font:italic normal 23px/1.4 Georgia,serif;color:#e6c38a;margin:0}.toast-letter p.toast-message{font:18px/1.85 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#f5e9d5;margin:25px 0}.toast-signature{font:italic 14px/1.7 Georgia,serif;color:#d1c2a8;margin:25px 0}.toast-signature strong{display:block;font:normal 25px/1.4 Georgia,serif;color:#ffe7b9;overflow-wrap:anywhere;margin-top:6px}.toast-closing{font:italic 14px/1.7 Georgia,serif;color:#dac18e;text-wrap:balance;margin:22px 0 0}.toast-notice{position:relative;margin:0 25px 85px;font:12px/1.6 Arial,sans-serif;color:#f3d59b;text-align:center;background:#071426e8;padding:12px;border-radius:8px}.toast-stage button:focus-visible{outline:3px solid #fff0bb;outline-offset:4px}.toast-stage button:hover{filter:brightness(1.1)}.theme-image.toast-theme{background-image:linear-gradient(0deg,#030b1a,transparent 65%),url(/toast/welcome.webp);background-size:cover;background-position:center 62%}.original-preview:has(.toast-page){min-width:0;overflow-x:hidden}.original-preview:has(.toast-page)>.preview-close{position:absolute;top:9px;right:8px;float:none}.original-preview .toast-page{padding:0;min-height:0}.original-preview .toast-stage{border-radius:0}.original-preview .toast-top{padding-right:65px}@keyframes toast-enter{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes toast-breathe{50%{box-shadow:0 0 35px #eab65c25;border-color:#ffe1a080}}@keyframes toast-spin{to{transform:rotate(1turn)}}@media(max-width:540px){.toast-page{padding:0}.toast-stage{border:0;border-radius:0;min-height:max(740px,100svh)}.toast-welcome{padding:35px 24px 310px}.toast-welcome h1{font-size:52px}.toast-welcome .toast-eyebrow{font-size:9px;letter-spacing:1.6px}.toast-letter{padding:20px 20px 95px}.toast-dedication{padding:28px 20px}.toast-letter p.toast-message{font-size:17px}.toast-phase-message .toast-stage{min-height:100svh}}@media(max-width:360px){.toast-welcome h1{font-size:45px}.toast-invitation h2{font-size:30px}.toast-letter{padding-inline:14px}.toast-dedication{padding-inline:17px}.toast-top{padding-inline:18px}}@media(prefers-reduced-motion:reduce){.toast-page *{animation:none!important;transition:none!important}}.toast-welcome{position:relative;padding-bottom:220px}.toast-stage:has(.toast-welcome){min-height:860px}@media(max-width:540px){.toast-welcome{padding-bottom:220px}.toast-stage:has(.toast-welcome){min-height:max(740px,100svh)}}