:root{--color-paper: oklch(96.5% .008 106);--color-ink: oklch(22% .01 260);--color-mint: oklch(76% .14 165);--color-mint-deep: oklch(58% .13 165);--color-blue: oklch(58% .19 262);--color-yellow: oklch(88% .16 96);--color-red: oklch(60% .21 25);--color-card: oklch(99% .002 106);--grid-line: oklch(88% .01 240 / .55);--text-base: clamp(1rem, .92rem + .4vw, 1.125rem);--text-hero: clamp(2.4rem, 1.4rem + 5vw, 4.2rem);--text-slogan: clamp(1.05rem, .9rem + .8vw, 1.4rem);--space-section: clamp(2.5rem, 2rem + 3vw, 5rem);--radius-sticker: 14px;--border-sticker: 2.5px solid var(--color-ink);--shadow-sticker: 4px 4px 0 var(--color-ink);--shadow-sticker-sm: 2.5px 2.5px 0 var(--color-ink);--duration-fast: .15s;--duration-normal: .3s;--duration-develop: 2.6s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--font-display: "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-ink);background-color:var(--color-paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.sticker{border:var(--border-sticker);border-radius:var(--radius-sticker);box-shadow:var(--shadow-sticker);background:var(--color-card)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.4rem;padding:.9rem 2rem;font-size:1.15rem;font-weight:700;color:var(--color-ink);background:var(--color-mint);border:var(--border-sticker);border-radius:var(--radius-sticker);box-shadow:var(--shadow-sticker);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ink)}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-ink)}.btn-primary:focus-visible{outline:3px dashed var(--color-blue);outline-offset:3px}.btn-ghost{min-height:2.8rem;padding:.6rem 1.4rem;font-size:1rem;font-weight:600;background:var(--color-card);border:var(--border-sticker);border-radius:var(--radius-sticker);box-shadow:var(--shadow-sticker-sm);transition:transform var(--duration-fast) var(--ease-out-expo)}.btn-ghost:active{transform:translate(2px,2px);box-shadow:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home{flex:1;display:flex;flex-direction:column;padding:1.2rem 1.4rem calc(2rem + env(safe-area-inset-bottom));max-width:34rem;margin:0 auto;width:100%}.home-badge-row{position:relative;display:flex}.pixel-badge{display:inline-block;padding:.3rem .8rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--color-card);background:var(--color-ink);border-radius:4px}.plus-one{position:absolute;font-weight:900;color:var(--color-red);text-shadow:1.5px 1.5px 0 var(--color-card);animation:plusFloat 3.2s var(--ease-out-expo) infinite}.p1-a{right:12%;top:.2rem;font-size:1.1rem;animation-delay:0s}.p1-b{right:30%;top:1rem;font-size:.9rem;animation-delay:1.1s}.p1-c{right:4%;top:1.6rem;font-size:1.3rem;animation-delay:2.2s}@keyframes plusFloat{0%,to{transform:translateY(0) rotate(-6deg);opacity:.85}50%{transform:translateY(-8px) rotate(6deg);opacity:1}}.home-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem;text-align:center;padding-top:var(--space-section)}.home-title{font-size:var(--text-hero);font-weight:900;line-height:1.05;letter-spacing:.02em}.home-title-mark{display:inline-block;padding:0 .3em;margin-left:.1em;background:var(--color-mint);border:var(--border-sticker);border-radius:var(--radius-sticker);box-shadow:var(--shadow-sticker);transform:rotate(-2deg)}.home-slogan{font-size:var(--text-slogan);line-height:1.6}.home-slogan strong{background:linear-gradient(transparent 62%,var(--color-yellow) 62%);font-weight:800}.guest-row{display:flex;gap:.9rem;list-style:none;margin:.4rem 0}.guest-chip{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .7rem .5rem;border:var(--border-sticker);border-radius:var(--radius-sticker);box-shadow:var(--shadow-sticker-sm)}.guest-chip-0{transform:rotate(-3deg)}.guest-chip-1{transform:rotate(2deg) translateY(-6px)}.guest-chip-2{transform:rotate(-1.5deg)}.guest-avatar{width:3.6rem;height:3.6rem;border-radius:50%;object-fit:cover;border:2px solid var(--color-ink);background:var(--color-card)}.guest-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:1.7rem}.guest-name{font-size:.85rem;font-weight:800}.home-cta{width:100%;max-width:20rem;font-size:1.25rem}.consent-note{font-size:.75rem;line-height:1.7;color:#606369;margin-top:.6rem}.error-tip{color:var(--color-red);font-weight:600;font-size:.95rem}.confirm{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:1.5rem}.confirm-title{font-size:1.6rem;font-weight:900}.confirm-frame{padding:.8rem .8rem .6rem;max-width:21rem;transform:rotate(-1.5deg)}.confirm-photo{border-radius:8px;aspect-ratio:4 / 5;object-fit:cover;width:100%}.confirm-caption{font-size:.8rem;color:#606369;padding-top:.5rem;text-align:center}.confirm-actions{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.shoot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#11161ff5;color:var(--color-card)}.shoot-hint{font-size:1.1rem;letter-spacing:.1em;opacity:.85}.shoot-count{position:absolute;font-size:clamp(6rem,30vw,11rem);font-weight:900;color:var(--color-mint);text-shadow:6px 6px 0 var(--color-ink);animation:countPop .9s var(--ease-out-expo) both;z-index:2}@keyframes countPop{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}85%{transform:scale(.96);opacity:1}to{transform:scale(.9);opacity:0}}.shoot-viewfinder{position:relative;width:min(72vw,20rem);aspect-ratio:4 / 5;transition:transform var(--duration-fast)}.shoot-viewfinder.is-flashing{transform:scale(.97)}.vf-corner{position:absolute;width:2.2rem;height:2.2rem;border:4px solid var(--color-mint)}.vf-tl{top:0;left:0;border-right:none;border-bottom:none}.vf-tr{top:0;right:0;border-left:none;border-bottom:none}.vf-bl{bottom:0;left:0;border-right:none;border-top:none}.vf-br{bottom:0;right:0;border-left:none;border-top:none}.shoot-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;animation:flashOut .65s ease-out both;z-index:3}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.results{flex:1;max-width:46rem;width:100%;margin:0 auto;padding:1.2rem 1.2rem calc(2.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.4rem}.results-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.results-title{font-size:1.5rem;font-weight:900}.results-tools{display:flex;align-items:center;gap:.6rem}.results-progress{background:var(--color-blue)}.mute-btn{min-height:2.4rem;padding:.3rem .7rem}.polaroid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}@media(min-width:720px){.polaroid-grid{grid-template-columns:repeat(4,1fr)}}.polaroid-grid.is-single{grid-template-columns:1fr;justify-items:center}.polaroid-grid.is-single .polaroid{width:min(26rem,100%);padding:.8rem .8rem 0}.polaroid-grid.is-single .polaroid-caption{font-size:1.05rem}.polaroid{position:relative;background:var(--color-card);border:var(--border-sticker);border-radius:6px;box-shadow:var(--shadow-sticker);padding:.55rem .55rem 0;transform:rotate(var(--rot)) translateY(0);animation:polaroidDrop .7s var(--ease-bounce) both}@keyframes polaroidDrop{0%{transform:rotate(var(--rot)) translateY(-60vh) scale(1.05);opacity:0}to{transform:rotate(var(--rot)) translateY(0) scale(1);opacity:1}}.polaroid-window{aspect-ratio:4 / 5;background:#dcdee1;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center}.polaroid-img-btn{width:100%;height:100%;padding:0}.polaroid-img{width:100%;height:100%;object-fit:cover}.polaroid-img-btn.is-developing .polaroid-img{animation:develop var(--duration-develop) ease-out both}@keyframes develop{0%{opacity:.05;filter:grayscale(1) contrast(.35) brightness(1.7) blur(6px)}45%{opacity:.7;filter:grayscale(.7) contrast(.6) brightness(1.3) blur(2.5px)}to{opacity:1;filter:grayscale(0) contrast(1) brightness(1) blur(0)}}.polaroid-state{display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.85rem;color:#6e7278}.polaroid-waiting{position:relative;width:100%;height:100%;justify-content:center}.polaroid-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(10px) saturate(.5) brightness(1.12);opacity:.45;animation:previewBreath 2.4s ease-in-out infinite}.polaroid-waiting .develop-dots,.polaroid-waiting p{position:relative;z-index:1}.polaroid-waiting p{text-shadow:0 1px 6px oklch(98% 0 0 / .9);font-weight:600}.photo-strip{display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap;width:min(30rem,100%)}.photo-thumb{position:relative;width:6.2rem;aspect-ratio:3 / 4;border-radius:8px;overflow:visible;margin:0}.photo-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.photo-remove{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid oklch(28% .01 260);background:#fcfcfc;font-size:.7rem;line-height:1;cursor:pointer;box-shadow:1px 1px #26292ee6}.photo-add{width:6.2rem;aspect-ratio:3 / 4;border-radius:8px;border:2px dashed oklch(55% .01 260);background:#f3f5f9;color:#52555b;font-size:1.4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.photo-add span{font-size:.72rem}.photo-add:hover{border-color:var(--color-mint-deep);color:var(--color-mint-deep)}.photo-tip{font-size:.75rem;color:#6e7278;margin:.35rem 0 .2rem;text-align:center}.chip-avatar{width:1.35rem;height:1.35rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid oklch(28% .01 260)}.scene-grid{display:flex;gap:.55rem;flex-wrap:wrap}.scene-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;padding:0;width:5.6rem;border-radius:10px;border:2px solid oklch(28% .01 260);background:#fcfcfc;box-shadow:2px 2px #26292ee6;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-fast, .15s) ease,box-shadow var(--duration-fast, .15s) ease}.scene-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #26292ee6}.scene-card.is-active{outline:3px solid var(--color-mint-deep);outline-offset:1px}.scene-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.scene-thumb-random{background:linear-gradient(135deg,#baebd4,#c6e1ff,#f3e5b0)}.scene-label{font-size:.72rem;font-weight:700;padding:.28rem .2rem;border-top:2px solid oklch(28% .01 260);background:#fcfcfc}.scene-card.is-active .scene-label{background:var(--color-mint, oklch(92% .08 165))}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#070b1480;display:flex;align-items:flex-end;justify-content:center;animation:lightboxIn .2s ease both}.sheet{width:min(26rem,calc(100% - 1.6rem));margin-bottom:max(1rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.55rem;padding:.9rem;background:var(--color-card, oklch(99% 0 0));border:2.5px solid oklch(28% .01 260);border-radius:16px;box-shadow:4px 4px #26292ee6;animation:sheetUp .28s var(--ease-out-expo, ease-out) both}.sheet-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:1rem;font-weight:700;padding:.85rem;border-radius:12px;border:2px solid oklch(28% .01 260);background:#fcfcfc;box-shadow:2px 2px #26292ee6}.sheet-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #26292ee6}.sheet-cancel{border-style:dashed;font-weight:500;color:#606369;box-shadow:none}@keyframes sheetUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.limit-hint{font-size:.8rem;color:#5e534a;background:#faf2d4;border:1.5px dashed oklch(70% .09 95);border-radius:8px;padding:.5rem .8rem;text-align:center;margin-top:.3rem}.limit-note{font-size:.9rem;line-height:1.6;color:#45484d;text-align:center;margin-bottom:.3rem}.option-group{width:min(30rem,100%);margin-top:.4rem}.option-title{font-size:.82rem;font-weight:700;color:#52555b;margin-bottom:.45rem}.option-row{display:flex;flex-wrap:wrap;gap:.45rem}.option-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:.82rem;padding:.38rem .75rem;border-radius:999px;display:inline-flex;align-items:center;gap:.35rem;line-height:1;border:2px solid oklch(28% .01 260);background:#fcfcfc;box-shadow:2px 2px #26292ee6;transition:transform var(--duration-fast, .15s) ease,box-shadow var(--duration-fast, .15s) ease,background var(--duration-fast, .15s) ease}.option-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #26292ee6}.option-chip:active{transform:translate(1px,1px);box-shadow:1px 1px #26292ee6}.option-chip.is-active{background:var(--color-mint, oklch(92% .08 165));font-weight:700}.polaroid-caption-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.polaroid-date{font-size:.68rem;color:#7d8086}@keyframes previewBreath{0%,to{opacity:.32}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.polaroid-preview{animation:none}}.develop-dots{display:flex;gap:.35rem}.develop-dots i{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-mint-deep);animation:dotPulse 1.2s ease-in-out infinite}.develop-dots i:nth-child(2){animation-delay:.2s}.develop-dots i:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}.polaroid-retry{min-height:2.2rem;padding:.3rem 1rem;font-size:.85rem}.polaroid-caption{display:flex;align-items:center;justify-content:space-between;min-height:2.6rem;padding:.2rem .15rem}.polaroid-label{font-family:Kaiti SC,STKaiti,cursive;font-size:.95rem;font-weight:700}.polaroid-save{font-size:.8rem;font-weight:700;color:var(--color-blue);padding:.3rem .4rem}.polaroid-ai-tag{position:absolute;top:.85rem;right:.85rem;font-size:.6rem;font-weight:900;letter-spacing:.08em;padding:.12rem .4rem;color:var(--color-card);background:#282e38bf;border-radius:4px;pointer-events:none}.results-closing{text-align:center;font-family:Kaiti SC,STKaiti,cursive;font-size:1.25rem;line-height:1.8;animation:closingIn 1s var(--ease-out-expo) both .4s}@keyframes closingIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.results-foot{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:auto}.ai-note{font-size:.72rem;color:#6e7278;text-align:center}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti i{position:absolute;top:-3vh;width:.55rem;height:.9rem;border-radius:2px;animation:confettiFall 2.8s ease-in both}@keyframes confettiFall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--drift),105vh) rotate(var(--spin));opacity:.6}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:#070b14f0;animation:lightboxIn .25s var(--ease-out-expo) both}.lightbox img{max-height:78dvh;max-width:100%;border:6px solid var(--color-card);border-radius:4px}.lightbox img.is-framed{border:none;border-radius:6px;box-shadow:0 12px 40px #00000073}.lightbox-note{color:#babec4;font-size:.8rem}@keyframes lightboxIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}