:root{--text-main: #fff6e9;--glass: rgba(255, 255, 255, .13);--glass-border: rgba(255, 255, 255, .28);--gold: #f0bd61}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}.page{position:relative;width:100vw;height:100dvh;min-height:100svh;color:var(--text-main);background:radial-gradient(circle at 50% -10%,var(--theme-glow) 0%,transparent 40%),radial-gradient(circle at 12% 78%,rgba(237,77,77,.16) 0%,transparent 38%),radial-gradient(circle at 84% 14%,rgba(255,186,94,.12) 0%,transparent 32%),linear-gradient(160deg,var(--bg-a) 6%,var(--bg-b) 52%,var(--bg-c) 100%)}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(rgba(255,255,255,.14) .5px,transparent .5px);background-size:3px 3px;opacity:.32;pointer-events:none}.page:after{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(40% 50% at 16% 68%,rgba(255,210,126,.14) 0%,transparent 72%),radial-gradient(36% 44% at 82% 24%,rgba(255,150,104,.14) 0%,transparent 76%),radial-gradient(44% 56% at 48% 16%,rgba(255,234,175,.12) 0%,transparent 72%);filter:blur(14px);animation:sceneGlowDrift 16s ease-in-out infinite alternate}.page[data-scene=warm-gold]:after{background:radial-gradient(42% 52% at 20% 70%,rgba(255,204,118,.22) 0%,transparent 74%),radial-gradient(38% 46% at 84% 20%,rgba(255,139,79,.2) 0%,transparent 76%),radial-gradient(36% 46% at 50% 18%,rgba(255,233,176,.18) 0%,transparent 74%)}.page[data-scene=jade-sky]:after{background:radial-gradient(44% 50% at 18% 72%,rgba(134,241,214,.2) 0%,transparent 74%),radial-gradient(38% 48% at 84% 24%,rgba(106,221,255,.2) 0%,transparent 76%),radial-gradient(40% 50% at 52% 16%,rgba(190,251,236,.16) 0%,transparent 74%)}@keyframes sceneGlowDrift{0%{transform:translate3d(-1.8%,0,0) scale(1)}to{transform:translate3d(2.2%,-1.6%,0) scale(1.05)}}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none}.lantern-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;overflow:hidden}.lantern{position:absolute;bottom:-140px;transform:translate(-50%);animation:lanternRise var(--lantern-duration) linear forwards}.lantern:after{content:"";position:absolute;left:50%;top:calc(100% - 1px);width:2px;height:24px;background:#7a2e00;transform:translate(-50%);border-radius:999px;box-shadow:0 7px 12px #5c230040}.lantern-body{position:relative;min-width:104px;max-width:180px;border-radius:28px 28px 22px 22px;padding:16px 14px 18px;background:linear-gradient(90deg,#f2b24b 0,#f2b24b 6%,#ffdf95 6%,#ffdf95 10%,#f2b24b 10%,#f2b24b 22%,#ffdf95 22%,#ffdf95 26%,#f2b24b 26%,#f2b24b 38%,#ffdf95 38%,#ffdf95 42%,#f2b24b 42%,#f2b24b 54%,#ffdf95 54%,#ffdf95 58%,#f2b24b 58%,#f2b24b 70%,#ffdf95 70%,#ffdf95 74%,#f2b24b 74%,#f2b24b 86%,#ffdf95 86%,#ffdf95 90%,#f2b24b 90%,#f2b24b),linear-gradient(175deg,#ffe7ad,#ffc760 55%,#ef912e);border:1px solid #9a4a0f;box-shadow:0 12px 28px #94460852,0 0 0 1px #ffe1a2 inset;color:#4a2000;font-size:12px;font-weight:600;text-align:center;letter-spacing:.03em;transform-origin:50% 110%;animation:lanternSway var(--lantern-sway-duration, 2.1s) ease-in-out infinite alternate}.lantern-body:before{content:"";position:absolute;left:10px;right:10px;top:-6px;height:10px;border-radius:999px;background:#ffe8b8;border:1px solid #b1631f}.lantern-body:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:10px;transform:translate(-50%);border-radius:3px;background:#9b4200}@keyframes lanternRise{0%{transform:translate(-50%) translateY(0);opacity:1}92%{opacity:1}to{transform:translate(calc(-50% + var(--lantern-drift))) translateY(-120vh);opacity:0}}@keyframes lanternSway{0%{transform:translate(calc(var(--lantern-sway-shift, 8px) * -1)) rotate(calc(var(--lantern-sway-angle, 3deg) * -1))}50%{transform:translate(calc(var(--lantern-sway-shift, 8px) * .35)) rotate(calc(var(--lantern-sway-angle, 3deg) * .4))}to{transform:translate(var(--lantern-sway-shift, 8px)) rotate(var(--lantern-sway-angle, 3deg))}}.topbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);color:#4d2030}.topbar-side{display:flex;align-items:center;gap:10px;min-width:0}.brand{font-size:15px;font-weight:620;letter-spacing:.1em}.scene-switch{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;padding:4px;border-radius:999px;background:#ffffff8a;border:1px solid rgba(255,255,255,.55)}.scene-switch:before{content:"";position:absolute;top:4px;left:4px;bottom:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:linear-gradient(135deg,#ffecc1fa,#f4bd59f5);box-shadow:0 6px 14px #b6741a47;transform:translate(calc(var(--scene-index, 0) * 100%));transition:transform .32s cubic-bezier(.22,1,.36,1)}.scene-chip{position:relative;z-index:1;border:0;border-radius:999px;padding:7px 12px;font-size:11px;letter-spacing:.04em;color:#6a3241;background:transparent;cursor:pointer;transition:all .18s ease}.scene-chip:hover{color:#542935}.scene-chip.is-active{color:#482000;text-shadow:0 1px 0 rgba(255,255,255,.45)}.top-status{padding:8px 14px;border-radius:999px;background:#ffffffa6;color:#5c2c37;font-size:12px;letter-spacing:.06em;min-width:100px;text-align:center}.hero{position:absolute;z-index:4;left:0;right:0;top:18vh;text-align:center;padding:0 20px;pointer-events:none}.gold-glass-text{position:relative;display:block;color:#ffe2b094;-webkit-text-stroke:.28px rgba(255,247,227,.22);text-shadow:0 1px 0 rgba(255,250,236,.14),0 10px 22px rgba(8,12,22,.24)}.tag{margin:0;width:fit-content;margin-inline:auto;color:#ffdca0ad;letter-spacing:.34em;font-size:11px;text-shadow:0 1px 0 rgba(255,255,255,.2),0 7px 16px rgba(8,12,22,.2)}.hero h1{margin:16px 0 14px;font-size:clamp(34px,6.5vw,88px);line-height:1.06;font-weight:700;letter-spacing:.06em;color:#ffebc3b8;text-shadow:0 2px 0 rgba(255,255,255,.24),0 12px 30px rgba(4,9,19,.3)}.hero h1.gold-glass-text{color:#ffe2aa80;-webkit-text-stroke:.45px rgba(255,246,224,.24);text-shadow:0 1px 0 rgba(255,251,240,.18),0 12px 26px rgba(6,10,20,.3)}.desc{margin:0 auto;max-width:620px;color:#ffe0b099;font-size:clamp(14px,1.9vw,20px);line-height:1.85;text-shadow:0 1px 0 rgba(255,255,255,.16),0 8px 19px rgba(9,15,24,.2)}.blessing{margin:18px auto 0;width:fit-content;max-width:min(90vw,720px);padding:0;color:#ffd99994;font-size:13px;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.14),0 7px 16px rgba(9,15,24,.2)}.control-dock,.guide-dock{position:absolute;z-index:5;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(96vw,980px);padding:12px;border-radius:24px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.control-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.guide-dock{width:min(720px,94vw);display:flex;flex-direction:column;gap:8px}.guide-step{margin:0;color:#ffdca8;font-size:11px;letter-spacing:.22em}.guide-dock h3{margin:0;font-size:clamp(20px,4.2vw,28px);letter-spacing:.08em}.guide-dock p{margin:0;color:#f4e0c1;font-size:14px;line-height:1.6}.action-btn{border:0;border-radius:999px;padding:12px 16px;color:#2f1400;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;min-height:44px;transition:transform .16s ease,box-shadow .18s ease,filter .18s ease;touch-action:manipulation}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(1px) scale(.995)}.action-btn.burst{background:linear-gradient(135deg,#ffe4ad,#f0b54a);box-shadow:0 10px 24px #d9911e42}.action-btn.ghost{background:#fffc;color:#5e2c36}.action-btn.lantern{background:linear-gradient(135deg,#ffdf8f,#ffad4d)}.action-btn.is-running{box-shadow:0 0 0 6px #ffd27933,0 12px 26px #f09c2052;filter:saturate(120%)}.wish-form{grid-column:span 3;display:grid;grid-template-columns:1fr auto;gap:10px}.guide-form{grid-column:auto}.wish-form input{width:100%;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#ffffffbd;color:#4b1c2b;padding:12px 16px;font-size:13px;outline:none}.wish-form input:focus{border-color:#ffce74e6;box-shadow:0 0 0 4px #ffce743d}.wish-wall{position:absolute;z-index:4;right:18px;top:calc(max(12px,env(safe-area-inset-top)) + 68px);width:min(270px,72vw);border-radius:20px;padding:12px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .3s ease,transform .3s ease}.wish-wall.is-muted{opacity:.26;transform:translateY(8px)}.wish-title{color:#f9daab;font-size:12px;letter-spacing:.1em;margin-bottom:8px}.wish-wall p{margin:0;color:#f2dfc1;font-size:12px;line-height:1.6}.wish-item{margin-top:8px;border-radius:12px;padding:8px 10px;background:#ffffff24;color:#ffe8c2;font-size:12px;line-height:1.5}.footer{position:absolute;left:0;right:0;bottom:max(146px,env(safe-area-inset-bottom) + 132px);z-index:4;display:flex;gap:14px;justify-content:center;align-items:center;color:#ecd0a8;font-size:12px;letter-spacing:.06em}.footer a{color:var(--gold);text-decoration:none}@media (max-width: 1000px){.control-dock{grid-template-columns:1fr 1fr}.wish-form{grid-column:span 2}.guide-dock{width:min(92vw,640px)}.footer{bottom:max(182px,env(safe-area-inset-bottom) + 166px)}}@media (max-width: 680px){.topbar{left:10px;right:10px;padding:10px 12px;border-radius:18px;align-items:stretch;gap:10px}.brand{font-size:13px;letter-spacing:.08em;align-self:center}.topbar-side{width:100%;justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.topbar-side::-webkit-scrollbar{display:none}.scene-switch{flex:0 0 auto;gap:4px;padding:3px}.scene-chip{padding:6px 10px;font-size:10px}.top-status{flex:0 0 auto;font-size:11px;padding:8px 11px;min-width:84px}.hero{top:clamp(96px,17dvh,128px);padding:0 12px}.tag{letter-spacing:.2em;font-size:10px}.hero h1{margin:10px 0;font-size:clamp(26px,9.2vw,38px);letter-spacing:.03em}.desc{max-width:92vw;font-size:13px;line-height:1.7}.blessing{margin-top:12px;font-size:12px;max-width:94vw}.control-dock,.guide-dock{width:calc(100vw - 8px);bottom:calc(env(safe-area-inset-bottom) + 4px);border-radius:18px;padding:10px;gap:8px;background:#ffffff2e}.control-dock{grid-template-columns:1fr}.guide-step{font-size:10px;letter-spacing:.18em}.guide-dock h3{font-size:clamp(18px,6.5vw,24px)}.guide-dock p{font-size:12px;line-height:1.5}.wish-form{grid-column:span 1;grid-template-columns:1fr;gap:8px}.wish-form input{min-height:44px;padding:11px 14px}.wish-wall{left:10px;right:10px;width:calc(100vw - 20px);top:auto;bottom:calc(env(safe-area-inset-bottom) + 228px);display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px;border-radius:14px;scrollbar-width:none}.wish-wall::-webkit-scrollbar{display:none}.wish-title{min-width:72px;margin-bottom:0;align-self:center}.wish-wall p{min-width:170px;font-size:11px;line-height:1.45}.wish-item{margin-top:0;min-width:164px;max-width:240px;padding:8px;font-size:11px;line-height:1.45}.footer{bottom:calc(env(safe-area-inset-bottom) + 366px);flex-direction:column;gap:3px;font-size:11px;letter-spacing:.03em}}