:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2d1111;--muted:#69403b;--paper:#fff3dc;--gold:#f4c153;--red:#b81725;--deep-red:#6d1116;--jade:#177765;--paper-line:#6d111614;--shadow:0 24px 70px #2a0a0a3d}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 0,#f4c15347,#0000 21rem),radial-gradient(circle at 86% 12%,#1777652e,#0000 22rem),linear-gradient(135deg,#5a0e12 0%,#991620 46%,#d9962a 100%);margin:0;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffe19f24 1px,#0000 1px),linear-gradient(90deg,#ffe19f24 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.confetti,.zodiac-stage{pointer-events:none;position:fixed;inset:0}.confetti{z-index:5}.zodiac-stage{z-index:0;overflow:hidden}.lantern{background:linear-gradient(90deg,#0000 21%,#fff6cb80 22% 25%,#0000 26% 48%,#fff6cb80 49% 52%,#0000 53% 75%,#fff6cb80 76% 79%,#0000 80%),radial-gradient(circle at 50% 35%,#ffdf7e,#d71f31 62%,#8d111b);border-radius:48% 48% 44% 44%;width:62px;height:84px;animation:4.8s ease-in-out infinite lanternSway;position:absolute;top:-8px;box-shadow:0 12px 36px #ffdb706b}.lantern:before{content:"";background:#ffe69ab8;width:1px;height:30px;position:absolute;top:-28px;left:50%}.lantern:after{content:"";background:var(--gold);width:2px;height:24px;position:absolute;bottom:-24px;left:50%}.lantern.one{left:7%}.lantern.two{animation-delay:-1.8s;right:9%}.zodiac{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#fff2ca38,#0000 49%),#5e0c1038;border:1px solid #ffdd8257;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:clamp(84px,12vw,142px);animation:5.8s ease-in-out infinite zodiacDance;display:flex;position:absolute;box-shadow:0 18px 46px #3a080c33}.zodiac-animal{filter:drop-shadow(0 4px 10px #2d0a0c73);width:54%;height:auto}.zodiac-glyph{color:#ffe8a6d9;text-shadow:0 2px 8px #2d111199;font-size:clamp(20px,2.6vw,30px);line-height:1}.zodiac:after{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:#ffe6a7c7;text-shadow:0 2px 8px #2d1111b3;font:700 12px/1 Arial,sans-serif;position:absolute;bottom:-22px}.dragon{animation-delay:-.5s;top:20%;left:4%}.monkey{animation-delay:-1.5s;top:27%;right:5%}.rabbit{animation-delay:-2.4s;bottom:14%;left:10%}.tiger{animation-delay:-.9s;bottom:10%;right:15%}.pig{animation-delay:-3.1s;bottom:4%;left:50%;transform:translate(-50%)}main{z-index:2;place-items:center;min-height:100vh;padding:32px 16px;display:grid;position:relative}.card{background:linear-gradient(180deg, #fff8e6f5, #ffeeccf2), repeating-linear-gradient(0deg, transparent 0 31px, var(--paper-line) 32px), var(--paper);width:min(920px,100%);box-shadow:var(--shadow);border:1px solid #ffde8dc2;position:relative;overflow:hidden}.card:before,.card:after{content:"";pointer-events:none;border:2px solid #b8172529;border-radius:50%;width:190px;height:190px;position:absolute}.card:before{top:-72px;right:-70px}.card:after{bottom:-80px;left:-78px}.ribbon{background:repeating-linear-gradient(90deg, var(--gold) 0 44px, var(--red) 44px 88px, var(--deep-red) 88px 132px, var(--jade) 132px 176px);height:16px}.content{grid-template-columns:1.05fr .95fr;align-items:start;gap:28px;padding:clamp(28px,6vw,64px);display:grid}.badge{letter-spacing:.08em;text-transform:uppercase;width:fit-content;color:var(--deep-red);background:#fff8e8;border:1px solid #b8172533;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 12px;font-family:Arial,sans-serif;font-size:13px;display:inline-flex}h1{letter-spacing:0;max-width:10ch;color:var(--deep-red);text-shadow:0 3px #f4c15361;margin:0;font-size:clamp(52px,9vw,104px);line-height:.92}.lede{max-width:560px;color:var(--muted);margin:26px 0 0;font-family:Arial,sans-serif;font-size:clamp(18px,2.2vw,23px);line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}button{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--deep-red), var(--red));border:0;border-radius:8px;min-height:48px;padding:0 18px;font:700 15px/1 Arial,sans-serif;box-shadow:0 10px 22px #6d111642}button.secondary{color:var(--ink);box-shadow:none;background:#fff8e8;border:1px solid #b8172538}.keepsake{gap:16px;display:grid}.photo-card{aspect-ratio:4/5;background:#fff8e8;border:10px solid #fff8e8;position:relative;overflow:hidden;transform:rotate(.8deg);box-shadow:0 18px 34px #45101238}.photo-card img{object-fit:cover;filter:saturate(.92)contrast(1.04);width:100%;height:100%;display:block}.photo-caption{border-left:4px solid var(--gold);background:#fff8e8eb;gap:4px;padding:12px 14px;font-family:Arial,sans-serif;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.photo-caption span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.photo-caption strong{color:var(--deep-red);font-size:17px}.photo-caption em{color:var(--jade);font:700 12px/1 Arial,sans-serif}.memory{border-left:4px solid var(--gold);color:var(--muted);background:#fff8e8d6;padding:18px 20px;font-family:Arial,sans-serif;line-height:1.55}.memory a{color:var(--deep-red);font-weight:700}.message{background:#fff8e8e0;border:1px solid #b8172529;margin-top:24px;padding:22px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.72;display:none}.message.show{display:block}.credit{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 clamp(28px,6vw,64px) 28px;font-family:Arial,sans-serif;font-size:13px}.open-gate{z-index:50;cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 30%,#f4c15352,#0000 55%),linear-gradient(160deg,#5a0e12 0%,#991620 52%,#6d1116 100%);place-items:center;animation:.5s both gateIn;display:grid;position:fixed;inset:0}.open-gate-inner{justify-items:center;gap:10px;padding:24px;animation:4s ease-in-out infinite gateFloat;display:grid}.open-lantern{background:radial-gradient(circle at 50% 35%,#ffdf7e,#d71f31 62%,#8d111b);border-radius:48% 48% 44% 44%;width:70px;height:92px;margin-bottom:10px;box-shadow:0 16px 44px #ffdb7080}.open-hanzi{color:var(--gold);letter-spacing:.1em;text-shadow:0 2px 14px #00000059;margin:0;font-size:clamp(30px,6vw,46px)}.open-title{color:#fff6e0;margin:0;font-size:clamp(26px,5vw,40px)}.open-cta{letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#0000002e;border:1px solid #ffde8db3;border-radius:999px;margin:8px 0 0;padding:12px 22px;font:700 14px/1 Arial,sans-serif;animation:1.8s ease-in-out infinite ctaPulse}@keyframes gateIn{0%{opacity:0}to{opacity:1}}@keyframes gateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ctaPulse{0%,to{transform:scale(1);box-shadow:0 0 #f4c15300}50%{transform:scale(1.05);box-shadow:0 0 26px #f4c15380}}.song-toggle{z-index:6;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--deep-red), var(--red));border:1px solid #ffde8db3;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font:700 13px/1 Arial,sans-serif;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 26px #6d111652}.song-icon{color:var(--gold);font-size:16px}.song-toggle.armed{animation:1.8s ease-in-out infinite songPulse}@keyframes songPulse{0%,to{box-shadow:0 12px 26px #6d111652}50%{box-shadow:0 12px 30px #f4c153b3}}@media print{.song-toggle{display:none}}@keyframes zodiacDance{0%,to{translate:0;rotate:-4deg}25%{translate:10px -16px;rotate:7deg}50%{translate:-6px 4px;rotate:-9deg}75%{translate:8px -10px;rotate:5deg}}@keyframes lanternSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@media (max-width:760px){.content{grid-template-columns:1fr}h1{max-width:8ch}.photo-card{transform:none}.zodiac{opacity:.5;width:78px}.zodiac:after{display:none}}@media print{body{background:#fff}.actions,.confetti,.zodiac-stage{display:none}main{min-height:auto;padding:0}.card{box-shadow:none}}.stars{background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff4d6e6,#0000),radial-gradient(1.2px 1.2px at 28% 8%,#fff4d6b3,#0000),radial-gradient(1.6px 1.6px at 44% 22%,#fff4d6d9,#0000),radial-gradient(1.2px 1.2px at 63% 12%,#fff4d6b3,#0000),radial-gradient(1.5px 1.5px at 78% 24%,#fff4d6d9,#0000),radial-gradient(1.2px 1.2px at 90% 10%,#fff4d6b3,#0000),radial-gradient(1.3px 1.3px at 55% 6%,#fff4d6cc,#0000);animation:4.5s ease-in-out infinite twinkle;position:absolute;inset:0}.lantern.three{opacity:.85;animation-delay:-.9s;left:50%;transform:translate(-50%)scale(.78)}.harbour{height:200px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.skyline{opacity:.55;filter:drop-shadow(0 -2px 18px #ffc45c40);width:100%;height:150px;position:absolute;bottom:0;left:0}.junk{width:96px;height:70px;animation:26s linear infinite sail;position:absolute;bottom:44px;left:-120px}.junk .hull{background:#2a0a0c;border-radius:0 0 40% 40%/0 0 100% 100%;width:80px;height:14px;position:absolute;bottom:0;left:8px}.junk .sail{filter:drop-shadow(0 6px 10px #28080a66);border-style:solid;width:0;height:0;position:absolute;bottom:12px}.junk .sail-a{border-width:0 0 46px 30px;border-color:transparent transparent var(--red) transparent;left:18px}.junk .sail-b{border-width:0 0 36px 24px;border-color:transparent transparent var(--deep-red) transparent;left:48px}.hanzi{letter-spacing:.06em;color:var(--deep-red);text-shadow:0 2px #f4c15366;margin:14px 0 0;font-size:clamp(26px,3.4vw,38px)}.badge-dot{background:var(--gold);border-radius:50%;width:10px;height:10px;animation:2.4s ease-in-out infinite twinkle;box-shadow:0 0 0 3px #f4c15340}.clue{color:var(--muted);margin:26px 0 0;padding-left:4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.8vw,18px);font-style:italic}.clue-glass{margin-right:8px;font-style:normal;animation:3.6s ease-in-out infinite magnify;display:inline-block}.card{animation:.9s cubic-bezier(.2,.8,.2,1) both cardRise}@keyframes twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes sail{0%{transform:translate(0)}to{transform:translate(calc(100vw + 240px))}}@keyframes magnify{0%,to{transform:translate(0)rotate(-6deg)}50%{transform:translate(4px,-3px)rotate(6deg)scale(1.12)}}@keyframes cardRise{0%{opacity:0;transform:translateY(26px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.card,h1,.junk,.stars,.clue-glass,.badge-dot,.lantern,.zodiac,.song-toggle.armed{animation:none!important}}