*,*:before,*:after{box-sizing:border-box}:root{--font-display: "Ma Shan Zheng", cursive;--font-body: "Noto Sans SC", system-ui, sans-serif;--bg-setup: #fff6ee;--panel: #ffffff;--panel-border: rgba(196, 112, 64, .16);--text: #4a2a1c;--muted: #8a5b48;--accent: #e85d4c;--accent-2: #d4a017;--success: #3aa76d;--warn: #c97800}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(255,214,140,.45),transparent 28%),radial-gradient(circle at 88% 0%,rgba(255,176,176,.28),transparent 32%),var(--bg-setup);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.setup-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.setup-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}.eyebrow{margin:0 0 .25rem;font-size:.85rem;letter-spacing:.12em;color:var(--accent-2);text-transform:uppercase}.setup-header h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;color:#b42318}.subtitle{margin:.5rem 0 0;color:var(--muted)}.setup-stats{font-size:.9rem;color:var(--muted);white-space:nowrap}.setup-grid{display:grid;gap:1.25rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:1.25rem 1.5rem;box-shadow:0 10px 30px #b45a2814}.panel h2{margin:0 0 1rem;font-size:1rem;font-weight:600}.panel h3{margin:1rem 0 .5rem;font-size:.9rem;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.field span{font-size:.85rem;color:var(--muted)}.field input,.field textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--panel-border);border-radius:10px;background:#fffaf5;color:var(--text);font:inherit;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid rgba(232,93,76,.28);border-color:var(--accent)}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1px solid var(--panel-border);border-radius:999px;background:#fff8f1;color:var(--text);font:inherit;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.chip small{color:var(--muted);font-size:.75rem}.chip:hover{background:#ffe8d8}.chip--active{background:#ffe0d4;border-color:var(--accent)}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.option-grid--music{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.option-card{display:flex;flex-direction:column;gap:.25rem;padding:.85rem;border:2px solid transparent;border-radius:12px;background:#fffaf4;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.option-card strong{font-size:.95rem}.option-card span{font-size:.78rem;color:var(--muted);line-height:1.4}.option-card:hover{transform:translateY(-2px)}.option-card--active{border-color:var(--accent);background:#fff3ea;box-shadow:0 8px 22px #e85d4c1f}.scene-card{padding:0;overflow:hidden}.scene-card strong,.scene-card>span:not(.scene-preview){padding:0 .75rem}.scene-card strong{margin-top:.7rem}.scene-card>span:last-child{padding-bottom:.85rem}.scene-preview{display:block;height:84px;position:relative;overflow:hidden}.preview-hint{margin-top:.2rem;color:var(--accent-2);font-size:.72rem}.panel--actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border:none;border-radius:12px;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.btn-primary{background:linear-gradient(135deg,var(--accent),#ff8f6b);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--panel-border)}.import-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.85rem 0 .5rem}.btn-large{padding:1rem 2rem;font-size:1.1rem;border-radius:14px}.hint{margin:0;font-size:.82rem;color:var(--muted)}.status{color:var(--muted)}.status.error,.warn{color:var(--warn);font-size:.88rem}.display-page{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.display-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(255,236,214,.35))}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.bg-theme--festive-gold,.bg-theme--starry-night,.bg-theme--balloon-party,.bg-theme--sakura-bloom,.bg-theme--neon-disco,.bg-theme--sunset-warm,.bg-theme--champagne,.bg-theme--aurora{background:#fff4e8;color:#4a2a1c}.display-header{position:relative;z-index:3;text-align:center;padding:2.5rem 1.5rem 1rem}.display-month{margin:0;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:#c45c2a}.display-title{margin:.25rem 0;font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:400;line-height:1.1;color:#c42318;text-shadow:0 6px 18px rgba(255,255,255,.55);animation:title-bounce 2s ease-in-out infinite}.bg-theme--sakura-bloom .display-title,.bg-theme--sunset-warm .display-title,.bg-theme--champagne .display-title{color:#b42318}.display-subtitle{margin:.5rem 0 0;font-size:clamp(1rem,2.5vw,1.5rem);opacity:.9}@keyframes title-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.display-main{position:relative;z-index:3;flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 2rem 2.5rem}.display-footer{position:relative;z-index:3;text-align:center;padding:.75rem;font-size:.82rem;opacity:.7}.display-back{text-decoration:underline}.music-indicator{margin-right:.5rem}.display-empty{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.photo-wall{display:grid;gap:clamp(1rem,3vw,2rem);width:100%;max-width:1400px;justify-items:center;align-items:center}.wall--solo{grid-template-columns:1fr;max-width:480px}.wall--duo{grid-template-columns:repeat(2,1fr);max-width:900px}.wall--quad{grid-template-columns:repeat(2,1fr);max-width:1000px}.wall--six{grid-template-columns:repeat(3,1fr)}.wall--many{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.photo-card{text-align:center;animation:card-enter .8s ease both}@keyframes card-enter{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.photo-card__frame{position:relative;width:clamp(160px,22vw,280px);aspect-ratio:3 / 4;margin:0 auto;border-radius:20px;overflow:hidden;border:4px solid #fff;box-shadow:0 16px 36px #b45a282e,0 0 0 1px #d4a01738;animation:frame-float 4s ease-in-out infinite}.wall--solo .photo-card__frame{width:clamp(240px,35vw,400px)}.photo-card:nth-child(2n) .photo-card__frame{animation-delay:-2s}@keyframes frame-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.photo-card__img{width:100%;height:100%;object-fit:cover;display:block}.photo-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:4rem;font-family:var(--font-display)}.photo-card__glow{position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(135deg,rgba(255,209,102,.4),transparent 60%);pointer-events:none}.photo-card__name{margin:.75rem 0 .15rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;color:#8b1e14}.bg-theme--sakura-bloom .photo-card__name,.bg-theme--sunset-warm .photo-card__name,.bg-theme--champagne .photo-card__name{color:#8b1e14}.photo-card__dept{margin:0;font-size:.85rem;opacity:.75}.photo-card__motto{margin:.35rem auto 0;max-width:280px;font-size:.82rem;font-style:italic;opacity:.8;line-height:1.5}.stage-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.stage-bg__wash,.stage-bg__glow,.stage-bg__vignette{position:absolute;inset:0}.stage-bg__vignette{background:radial-gradient(ellipse at center,transparent 52%,rgba(255,236,214,.42) 100%)}.stage-bg--festive-gold .stage-bg__wash{background:radial-gradient(circle at 18% 12%,rgba(255,214,102,.55),transparent 28%),radial-gradient(circle at 82% 88%,rgba(255,120,90,.28),transparent 32%),linear-gradient(160deg,#fff7e8,#ffd7b0 38%,#ffb3a0 78%,#ffe27a);animation:wash-shift 10s ease-in-out infinite alternate}.stage-bg--starry-night .stage-bg__wash{background:radial-gradient(ellipse at 30% 18%,#dcecff,transparent 42%),radial-gradient(circle at 70% 80%,#cfe4ff,#eef6ff 62%)}.stage-bg--starry-night .stage-bg__glow{background-image:radial-gradient(2px 2px at 12% 18%,#7aa7ff,transparent),radial-gradient(1.5px 1.5px at 28% 62%,#9ec2ff,transparent),radial-gradient(2px 2px at 48% 12%,#6d9bff,transparent),radial-gradient(1.5px 1.5px at 63% 44%,#8ab4ff,transparent),radial-gradient(2px 2px at 81% 28%,#7aa7ff,transparent),radial-gradient(1.5px 1.5px at 88% 72%,#a8c8ff,transparent),radial-gradient(2px 2px at 18% 84%,#6ea8ff,transparent);animation:twinkle 5s ease-in-out infinite alternate}.stage-bg--balloon-party .stage-bg__wash{background:linear-gradient(135deg,#e8f0ff,#f3e8ff 42%,#ffe4f2 72%,#fff4c8);animation:hue-shift 14s ease infinite}.stage-bg--sakura-bloom .stage-bg__wash{background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.7),transparent 28%),linear-gradient(180deg,#fff5f8,#ffd6e4 48%,#ffc1d4)}.stage-bg--neon-disco .stage-bg__wash{background:linear-gradient(rgba(160,120,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(160,120,255,.12) 1px,transparent 1px),radial-gradient(circle at 50% 120%,#efe4ff,#f7f1ff 58%);background-size:48px 48px,48px 48px,auto;animation:neon-pulse 4s ease-in-out infinite}.stage-bg--sunset-warm .stage-bg__wash{background:radial-gradient(circle at 50% 18%,#fff3c4,transparent 26%),linear-gradient(180deg,#ffe0b8,#ffc9a3 38%,#ffd6c8)}.stage-bg--champagne .stage-bg__wash{background:radial-gradient(circle at 50% 0%,#fff8dc,transparent 32%),linear-gradient(160deg,#fbf3df,#f3e2b8 45%,#ffe9b0)}.stage-bg--aurora .stage-bg__wash{background:linear-gradient(120deg,#e8fff8,#dff5ff 30%,#e8e8ff 58%,#d9fff3)}.stage-bg--aurora .stage-bg__glow{background:linear-gradient(100deg,transparent 20%,rgba(168,110,255,.18) 48%,transparent 72%);animation:aurora-flow 12s ease-in-out infinite}.lantern{position:absolute;top:6%;width:42px;height:58px;border-radius:14px 14px 18px 18px;background:radial-gradient(circle at 50% 30%,#ffd36a,#c81c1c 70%);box-shadow:0 0 28px #ffb428a6;animation:lantern-sway 5s ease-in-out infinite}.lantern:after{content:"";position:absolute;left:50%;top:-18px;width:1px;height:18px;background:#f3d36a}.lantern--l{left:8%}.lantern--r{right:8%;animation-delay:-2.4s}.ribbon{position:absolute;height:18px;width:140%;left:-20%;opacity:.35;transform:rotate(-8deg)}.ribbon--a{top:22%;background:linear-gradient(90deg,transparent,#ffd56a,transparent)}.ribbon--b{bottom:18%;transform:rotate(7deg);background:linear-gradient(90deg,transparent,#ff5a4a,transparent)}.shooting-star{position:absolute;width:90px;height:2px;background:linear-gradient(90deg,#6d9bff,transparent);opacity:0;animation:shoot 6s linear infinite}.shooting-star--a{top:18%;left:10%}.shooting-star--b{top:36%;left:40%;animation-delay:-3s}.petal{position:absolute;top:-20px;width:12px;height:10px;border-radius:70% 0;background:#ffc1d6;opacity:.85;animation:petal-fall 11s linear infinite}.petal--1{background:#ffd6e5}.petal--2{width:9px;height:8px}.petal--3{background:#ffb3c8}.petal--4{transform:rotate(20deg)}.petal--5{width:14px}.balloon{position:absolute;bottom:-80px;width:42px;height:54px;border-radius:50%/60% 60% 40% 40%;animation:balloon-rise 14s ease-in-out infinite;opacity:.72}.balloon:after{content:"";position:absolute;bottom:-28px;left:50%;width:1px;height:28px;background:#fff6}.balloon--0{background:#ff6b6b}.balloon--1{background:#ffd93d}.balloon--2{background:#6bcb77}.balloon--3{background:#4d96ff}.balloon--4{background:#c77dff}.bubble{position:absolute;bottom:-10px;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.55);animation:bubble-up 8s linear infinite}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff6c4;box-shadow:0 0 12px #ffd56a;animation:sparkle 3.2s ease-in-out infinite}.spark--0{top:18%;left:12%}.spark--1{top:28%;left:78%;animation-delay:-.6s}.spark--2{top:62%;left:16%;animation-delay:-1.2s}.spark--3{top:70%;left:84%;animation-delay:-1.8s}.spark--4{top:44%;left:48%;animation-delay:-.3s}.spark--5{top:12%;left:58%;animation-delay:-2.1s}.spark--6{top:82%;left:38%;animation-delay:-1.5s}.spark--7{top:36%;left:90%;animation-delay:-2.7s}@keyframes wash-shift{0%{filter:saturate(1) brightness(1)}to{filter:saturate(1.15) brightness(1.08)}}@keyframes hue-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(24deg)}}@keyframes neon-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes aurora-flow{0%,to{transform:translate(-8%);opacity:.55}50%{transform:translate(10%);opacity:.9}}@keyframes lantern-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes shoot{0%{opacity:0;transform:translate(0)}8%{opacity:1}24%{opacity:0;transform:translate(220px,90px)}to{opacity:0}}@keyframes petal-fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(110vh) rotate(240deg);opacity:0}}@keyframes balloon-rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.75}90%{opacity:.75}to{transform:translateY(-110vh) translate(28px);opacity:0}}@keyframes bubble-up{0%{transform:translateY(0);opacity:0}12%{opacity:.8}to{transform:translateY(-90vh);opacity:0}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.photo-stream{position:relative;width:min(1080px,100%);min-height:min(62vh,680px);display:flex;align-items:center;justify-content:center}.stream-slide{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;animation:stream-in .7s ease both}.stream-portrait{overflow:hidden;box-shadow:0 18px 40px #b45a2838}.stream-portrait img,.stream-portrait .photo-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}.photo-stream--kenburns .stream-portrait--current{width:min(72vw,720px);aspect-ratio:16 / 10;border-radius:18px;border:3px solid rgba(255,255,255,.78)}.photo-stream--kenburns .stream-portrait--current img{animation:kenburns 6.2s ease-in-out both}.photo-stream--spotlight .stream-portrait--current{width:min(42vw,420px);aspect-ratio:3 / 4;border-radius:28px;border:6px solid rgba(255,247,210,.95);box-shadow:0 0 0 12px #ffd1662e,0 22px 48px #b45a2838;animation:spotlight-pop 6.2s ease both}.photo-stream--film{overflow:hidden}.photo-stream--film .stream-slide{flex-direction:row;justify-content:center;gap:1.5rem;padding:2.4rem 0;background:linear-gradient(180deg,#f4e4c4 0 18%,transparent 18% 82%,#f4e4c4 82% 100%)}.photo-stream--film .stream-portrait{width:min(38vw,380px);aspect-ratio:3 / 4;border-radius:4px}.photo-stream--film .stream-portrait--prev,.photo-stream--film .stream-portrait--next{opacity:.28;transform:scale(.86)}.photo-stream--film .stream-portrait--current{transform:scale(1.04);border:2px solid #fff}.photo-stream--film .stream-meta{position:absolute;bottom:8%;left:0;right:0}.orbit-stage{width:100%;min-height:520px;perspective:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-ring{position:relative;width:220px;height:300px;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}.orbit-card{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden}.orbit-card .stream-portrait{width:220px;height:300px;border-radius:16px;border:3px solid rgba(255,255,255,.7);opacity:.45}.orbit-card--active .stream-portrait{opacity:1;box-shadow:0 16px 36px #b45a2838}.stream-meta{margin-top:1.1rem;text-align:center;color:#4a2a1c}.stream-kicker{margin:0;letter-spacing:.28em;font-size:.82rem;color:#c45c2a}.stream-name{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4.4rem);font-weight:400;line-height:1;color:#b42318}.stream-motto{margin:.45rem auto 0;max-width:28rem;font-size:.95rem;opacity:.86}.stream-progress{position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:99px;background:#c4704029;overflow:hidden}.stream-progress span{display:block;height:100%;background:linear-gradient(90deg,#d4a017,#e85d4c);transition:width .6s ease}.stream-count{position:absolute;right:0;bottom:12px;margin:0;font-size:.8rem;color:var(--muted)}.stream-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@keyframes stream-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kenburns{0%{transform:scale(1.08) translate(2%,1%)}to{transform:scale(1.2) translate(-2%,-2%)}}@keyframes spotlight-pop{0%{transform:scale(.86);filter:brightness(.7)}18%{transform:scale(1.04);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:640px){.setup-header{flex-direction:column;align-items:flex-start}.wall--duo,.wall--quad,.wall--six{grid-template-columns:1fr}.photo-stream--film .stream-portrait--prev,.photo-stream--film .stream-portrait--next{display:none}}