:root{--cream: #FFF0E5;--cream-deep: #FFE5D5;--cream-warm: #FFD5BD;--white: #FFFFFF;--turquoise: #4ECDC4;--turquoise-dk: #2BAFA6;--mango: #FFA552;--mango-dk: #FF8B2A;--coral: #FF6B6B;--coral-dk: #E54545;--fuchsia: #C73866;--fuchsia-dk: #A82550;--ink: #3A1F1F;--muted: #8B6F5C;--whisper: #BDA590;--line: #FFD5BD;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{font-size:16px}body{font-family:var(--font-body);background:radial-gradient(ellipse at 20% 0%,#3A2D24 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,#2D1F18 0%,transparent 50%),#1f1611;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow:hidden}#root{display:flex;flex-direction:column;align-items:stretch;padding:0}.screen{background:var(--cream);width:100vw;height:100vh;overflow:hidden;position:relative;isolation:isolate;display:flex}.login-screen{display:flex;align-items:stretch}.login-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.login-decor .palm-tl{position:absolute;top:-60px;left:-50px;width:320px;height:320px;opacity:.55;animation:sway 8s ease-in-out infinite;transform-origin:30% 30%}.login-decor .palm-bl{position:absolute;bottom:-80px;left:-40px;width:280px;height:280px;opacity:.4;animation:sway 9s ease-in-out infinite reverse;transform-origin:50% 80%}.login-decor .sun-bg{position:absolute;bottom:12%;left:24%;width:380px;height:380px;opacity:.35;animation:pulse-soft 6s ease-in-out infinite}.login-decor .sparkle{position:absolute;font-family:var(--font-display);color:var(--mango);font-size:22px;opacity:.7}.login-decor .sparkle.s1{top:18%;left:38%}.login-decor .sparkle.s2{top:62%;left:8%;font-size:18px}.login-decor .sparkle.s3{top:74%;left:52%;font-size:26px}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.04);opacity:.45}}.login-hero{flex:1 1 60%;display:flex;flex-direction:column;justify-content:center;padding:6% 5% 6% 7%;position:relative;z-index:1}.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:var(--muted);font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:500}.hero-eyebrow .line{width:36px;height:1.5px;background:var(--mango)}.hero-monogram{font-family:var(--font-display);font-style:italic;font-weight:500;font-variation-settings:"SOFT" 100,"opsz" 144;font-size:clamp(60px,9vw,130px);line-height:.95;color:var(--ink);letter-spacing:-.025em;margin-bottom:10px}.hero-monogram .name{display:block}.hero-monogram .name-2{padding-left:1.4em}.hero-monogram .amp{color:var(--mango);font-weight:600;font-style:italic;display:inline-block;transform:translateY(-.05em)}.hero-tagline{margin-top:28px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.hero-tagline .photobooth-label{font-family:var(--font-display);font-style:italic;font-size:24px;color:var(--fuchsia);font-weight:500;font-variation-settings:"SOFT" 100}.hero-tagline .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--turquoise);transform:translateY(-3px)}.hero-tagline .venue{font-size:14px;color:var(--muted);letter-spacing:.05em;font-style:italic;font-family:var(--font-display)}.login-form-wrap{flex:0 0 40%;display:flex;align-items:center;justify-content:center;padding:5% 6% 5% 3%;position:relative;z-index:2}.login-form{width:100%;max-width:420px;background:var(--white);border-radius:var(--r-lg);padding:36px 34px 28px;box-shadow:0 24px 48px -20px #c7386626,0 8px 20px -10px #3a1f1f1a,0 0 0 1px #ffd5bd66;position:relative}.login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--mango) 0%,var(--coral) 50%,var(--fuchsia) 100%);border-radius:var(--r-lg) var(--r-lg) 0 0}.form-header{margin-bottom:22px;padding-top:4px}.form-header .form-eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--fuchsia);font-weight:600;margin-bottom:6px}.form-header h2{font-family:var(--font-display);font-style:italic;font-size:30px;font-weight:500;color:var(--ink);letter-spacing:-.01em;font-variation-settings:"SOFT" 100}.form-header .form-sub{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.4}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:7px;font-weight:600}.form-field input{width:100%;background:var(--cream);border:1.5px solid var(--cream-warm);border-radius:100px;padding:14px 18px;font-family:var(--font-body);font-size:14px;color:var(--ink);transition:all .2s ease;outline:none}.form-field input::placeholder{color:var(--whisper);font-style:italic}.form-field input:focus{border-color:var(--coral);background:var(--white);box-shadow:0 0 0 4px #ff6b6b1f}.form-error{background:#ff6b6b1a;color:var(--coral-dk);padding:10px 16px;border-radius:12px;font-size:12.5px;margin:-4px 0 14px;font-weight:500;border:1px solid rgba(255,107,107,.25)}.form-error.inline{margin:8px 0 0}.form-submit{width:100%;margin-top:10px;background:linear-gradient(135deg,var(--fuchsia) 0%,var(--coral-dk) 100%);color:var(--white);border:none;border-radius:100px;padding:16px 22px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 8px 20px -8px #c7386699;transition:transform .15s ease,box-shadow .2s ease}.form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -8px #c73866b3}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-submit .dot{width:12px;height:12px;background:var(--mango);border-radius:50%;border:2px solid rgba(255,255,255,.95);box-sizing:border-box}.form-submit .arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff2e;font-size:14px}.form-foot{text-align:center;font-size:11px;color:var(--muted);margin-top:18px;letter-spacing:.04em;font-style:italic;font-family:var(--font-display)}.form-foot .heart{color:var(--coral)}.photobooth-screen{display:flex;flex-direction:column}.pb-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--cream-warm);background:var(--cream);flex-shrink:0}.pb-brand{display:flex;align-items:center;gap:14px}.pb-brand .sun-mini{width:22px;height:22px;flex-shrink:0}.pb-brand .pb-couple{font-family:var(--font-body);font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);font-weight:600}.pb-brand .pb-divider{width:18px;height:1.5px;background:var(--turquoise)}.pb-brand .pb-date{font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--muted);letter-spacing:.04em}.pb-user{display:flex;align-items:center;gap:12px}.pb-user .pb-logout{background:transparent;border:1.5px solid var(--cream-warm);color:var(--muted);font-size:16px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:var(--font-body)}.pb-user .pb-logout:hover{border-color:var(--coral);color:var(--coral)}.pb-body{display:flex;flex:1;min-height:0}.pb-camera-zone{flex:0 0 75%;display:flex;flex-direction:column;gap:14px;padding:20px;min-height:0;min-width:0}.pb-camera-preview{flex:1;background:linear-gradient(135deg,#2a1b17,#0f0908);border-radius:var(--r-lg);border:3px solid var(--white);box-shadow:0 12px 32px -10px #ff6b6b59,0 0 0 1px var(--cream-warm);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.cam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.preview-img{width:100%;height:100%;object-fit:contain;background:#0f0908}.cam-indicator-tl{position:absolute;top:14px;left:18px;display:flex;align-items:center;gap:8px;z-index:2;background:#0006;padding:6px 12px;border-radius:100px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cam-indicator-tl .live-dot{width:8px;height:8px;background:var(--mango);border-radius:50%;box-shadow:0 0 0 4px #ffa5524d;animation:blink 1.6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.cam-indicator-tl .live-label{color:var(--white);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.preview-tag{background:#c73866d9}.cam-aperçu-label{position:absolute;bottom:14px;left:18px;color:#ffffffd9;font-size:11px;letter-spacing:.08em;font-style:italic;font-family:var(--font-display);z-index:2;background:#00000059;padding:5px 12px;border-radius:100px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cam-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cam-countdown span{font-family:var(--font-display);font-style:italic;font-weight:600;font-variation-settings:"SOFT" 100;font-size:clamp(180px,25vw,320px);color:var(--white);line-height:1;text-shadow:0 8px 40px rgba(199,56,102,.6),0 0 80px rgba(255,165,82,.5);animation:countdown-pop 1s ease-out}@keyframes countdown-pop{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.camera-error{background:var(--cream-deep);border-color:var(--coral)}.camera-error-msg{background:var(--white);padding:32px 40px;border-radius:var(--r-lg);max-width:480px;text-align:center;border:1.5px solid var(--coral)}.camera-error-msg strong{display:block;font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--coral-dk);margin-bottom:12px}.camera-error-msg p{color:var(--muted);margin:6px 0;font-size:14px}.camera-error-msg .hint{font-size:12px;font-style:italic}.pb-controls{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:center}.preview-controls{gap:10px}.pb-capture{background:linear-gradient(135deg,var(--fuchsia) 0%,var(--coral-dk) 100%);color:var(--white);border:none;padding:0 32px;border-radius:100px;display:flex;align-items:center;gap:14px;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;height:54px;box-shadow:0 8px 22px -8px #c738668c;transition:transform .15s ease,box-shadow .2s ease}.pb-capture:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -8px #c73866b3}.pb-capture:disabled{opacity:.5;cursor:not-allowed}.pb-capture .cap-dot{width:18px;height:18px;background:var(--mango);border-radius:50%;border:2px solid var(--white);box-sizing:border-box;box-shadow:0 0 #ffa55299;animation:pulse-cap 2s ease-out infinite}@keyframes pulse-cap{0%{box-shadow:0 0 #ffa55299}70%{box-shadow:0 0 0 10px #ffa55200}to{box-shadow:0 0 #ffa55200}}.pb-save{background:linear-gradient(135deg,var(--turquoise) 0%,var(--turquoise-dk) 100%);box-shadow:0 10px 28px -8px #4ecdc4a6;font-size:13.5px;padding:0 36px;animation:save-pulse 2.2s ease-in-out infinite}.pb-save:hover:not(:disabled){box-shadow:0 14px 32px -8px #4ecdc4d9}.pb-save .cap-dot{background:var(--mango)}@keyframes save-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pb-secondary{background:var(--white);color:var(--ink);border:1.5px solid var(--cream-warm);padding:0 26px;border-radius:100px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;height:54px;transition:all .2s ease}.pb-secondary:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}.pb-feed{flex:0 0 25%;border-left:1.5px solid var(--turquoise);background:var(--cream-deep);display:flex;flex-direction:column;min-height:0;min-width:0}.pb-feed-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1.5px solid var(--turquoise);flex-shrink:0}.pb-feed-head .feed-title{font-family:var(--font-body);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);font-weight:700}.pb-feed-head .feed-title .live-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin:0 2px 1px 4px;animation:blink 1.6s ease-in-out infinite;vertical-align:middle}.pb-feed-head .feed-count{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--fuchsia);font-weight:600;font-variation-settings:"SOFT" 100}.pb-feed-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--cream-warm) transparent}.pb-feed-list::-webkit-scrollbar{width:6px}.pb-feed-list::-webkit-scrollbar-thumb{background:var(--cream-warm);border-radius:3px}.feed-empty{text-align:center;padding:40px 16px;color:var(--muted);font-family:var(--font-display);font-style:italic;font-size:14px;line-height:1.6}.feed-card-large{background:var(--white);border:2px solid var(--cream-warm);border-radius:var(--r-md);padding:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;font:inherit;color:inherit;text-align:left;flex:0 0 auto}.feed-card-large:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 8px 20px -8px #c738664d}.feed-card-large:first-child{border-color:var(--turquoise);box-shadow:0 6px 18px -6px #4ecdc473}.feed-card-large img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--cream)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0908d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--white);border-radius:var(--r-lg);padding:20px;max-width:min(1100px,95vw);max-height:95vh;display:flex;flex-direction:column;gap:16px;position:relative;box-shadow:0 30px 80px -20px #0009;animation:modal-pop .25s ease}@keyframes modal-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:none;background:#fffffff2;color:var(--ink);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 12px #0003;transition:all .2s ease}.modal-close:hover{background:var(--coral);color:var(--white)}.modal-img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--r-md);background:var(--cream)}@media (max-width: 900px){.login-screen{flex-direction:column}.login-hero{padding:30px 24px 0;flex:0 0 auto}.login-form-wrap{padding:24px}.hero-monogram{font-size:clamp(48px,12vw,80px)}.pb-camera-zone{flex:0 0 60%;padding:12px}.pb-feed{flex:0 0 40%}}@media (max-width: 640px){.pb-body{flex-direction:column}.pb-camera-zone,.pb-feed{flex:1 1 50%}.pb-feed{border-left:none;border-top:1.5px solid var(--turquoise)}.pb-controls{flex-direction:column;align-items:stretch}.pb-capture,.pb-secondary{width:100%}.pb-brand .pb-date,.pb-brand .pb-divider{display:none}}