*{box-sizing:border-box;margin:0;padding:0}:root{--step-active:#274ba4;--card-background:#fff9ed;--card-radius:16px;--card-shadow:0 10px 10px #472f0929}.lucide{vertical-align:middle;flex-shrink:0;width:20px;height:20px;display:inline-block}.step-navigation{flex:none;width:100%;max-width:500px;padding:16px}button[class]{--button-surface:#fff9ed;--button-shadow:#6852313d;--button-highlight:#fffffff2;background:var(--button-surface);color:#30230e;min-height:48px;box-shadow:5px 5px 10px var(--button-shadow), -4px -4px 9px var(--button-highlight);cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;transition:box-shadow .16s ease-out,background-color .16s ease-out}.guest-tag .lucide{width:14px;height:14px;margin-inline-end:4px}.tag-75 .lucide{color:#bf3f3f}.photo-cam-icon .lucide{width:32px;height:32px}.success-ring .lucide{width:50px;height:50px}#countdownOverlay .lucide{width:80px;height:80px}html,body{width:100%;height:100%;overflow:hidden}body,button,input,select,textarea{font-family:Montserrat,sans-serif}.golden-page{--home-ink:#30230e;--home-muted:#685231;--home-paper:var(--card-background);--home-gold:#d4af37;--home-line:#d8c8a8;--event-chip-edge:#ae8323;--hero-height:30vh;background-image:url(/assets/background_optimized-3WiaQua7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;width:100%;max-width:100vw;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.gold-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}@supports (height:100dvh){.golden-page{--hero-height:30dvh;height:100dvh;max-height:100dvh}}.hero-header{z-index:2;flex:0 0 var(--hero-height);height:var(--hero-height);text-align:center;width:100%;max-width:500px;min-height:0;color:var(--home-ink);scrollbar-width:thin;scrollbar-color:var(--home-muted) var(--home-paper);flex-direction:column;padding:16px;display:flex;position:sticky;top:0;overflow:hidden auto}.brand-row{flex:0 0 calc(var(--hero-height) * .2);height:calc(var(--hero-height) * .2);justify-content:space-between;align-items:flex-start;gap:16px;min-height:0;display:flex}.brand-badge{align-items:flex-start;min-width:0;height:100%;display:flex}.brand-badge:last-child{justify-content:flex-end}.brand-logo{object-fit:contain;object-position:top;width:auto;max-width:100%;height:100%;display:block}.event-details{flex-direction:column;flex:1 0 auto;justify-content:end;gap:16px;padding-top:8px;display:flex}.event-heading{font-optical-sizing:auto;font-family:"Source Serif 4",Georgia,serif}.event-title{color:var(--home-ink);text-shadow:0 2px 4px #68523140;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;font-family:inherit;font-size:clamp(24px,7vw,40px);font-weight:700;line-height:1.2}.event-meta{color:var(--home-ink);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;line-height:1.4;list-style:none;display:flex}.event-chip{border:1px solid var(--event-chip-edge);background:var(--home-paper);border-radius:12px;justify-content:center;align-items:center;gap:6px;max-width:100%;min-height:32px;padding:0 10px;display:flex}.event-time,.event-date{background:var(--home-gold)}.event-time .meta-icon,.event-date .meta-icon{color:var(--home-ink)}.meta-icon{color:var(--home-ink)}.event-info-label{color:var(--home-muted);justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:500;line-height:1.5;display:flex}.event-time-value,.event-venue{color:var(--home-ink);font-size:16px;font-weight:700;line-height:1.5}.event-time-value{font-variant-numeric:tabular-nums}.event-address{color:var(--home-muted);overflow-wrap:break-word;font-size:14px;font-weight:500;line-height:1.5}.meta-icon{width:18px;height:18px;color:var(--home-muted);flex-shrink:0}.hero-header ::selection{background:var(--home-gold);color:var(--home-ink)}.main-content{width:100%;max-width:500px;min-height:0;padding:0 16px max(32px, env(safe-area-inset-bottom));overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--home-muted) var(--home-paper);flex:1 1 0;position:relative;overflow:hidden auto}.screen{display:none}.screen.active{display:block}.main-content>.screen.active{animation:var(--screen-enter,fade-left) .5s cubic-bezier(.16, 1, .3, 1)}.main-content>.screen.is-returning{--screen-enter:fade-right}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.main-content>.screen.active{animation:.1s ease-out step-fade}@keyframes step-fade{0%{opacity:.85}to{opacity:1}}}.card-gold,.guest-card,.selfie-container{background:var(--card-background);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid #d4af3759}.card-gold{z-index:1;padding:1.5rem;position:relative}.card-title{text-align:center;color:#000;text-transform:uppercase;margin-bottom:1.5rem;font-size:14px;font-weight:700}.qr-hero{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.qr-ring{background:#fff3;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.qr-ring:before{content:"";border:1px dashed #000;border-radius:50%;position:absolute;inset:6px}.qr-icon{width:68px;height:68px}.qr-desc{text-align:center;color:#000;max-width:300px;font-size:14px;font-weight:600;line-height:1.6}#screen-home{color:var(--home-ink)}#screen-home .card-title{color:var(--home-ink);text-transform:none;text-wrap:balance;margin-bottom:16px;font-size:24px;line-height:1.3}#screen-home .qr-hero{gap:16px}#screen-home .qr-ring{border:1px solid var(--home-line);background:#f6ecd6;border-radius:12px;width:96px;height:96px}#screen-home .qr-ring:before{content:none}#screen-home .qr-icon{width:60px;height:60px}#screen-home .qr-desc{max-width:34ch;color:var(--home-muted);font-size:16px;font-weight:500;line-height:1.65}.home-actions{width:100%}#screen-home button{touch-action:manipulation;min-height:52px;font-size:16px;line-height:1.45}#screen-home .btn-gold{justify-content:center;align-items:center;gap:10px;display:flex}#screen-home .btn-gold svg{flex-shrink:0;width:22px;height:22px}#screen-home .btn-outline{margin-top:0}#screen-home ::selection{background:var(--home-gold);color:var(--home-ink)}.home-alternative{color:var(--home-muted);align-items:center;gap:12px;margin:20px 0;font-size:14px;font-weight:500;line-height:1.5;display:flex}.home-alternative:before,.home-alternative:after{content:"";background:var(--home-line);flex:1;height:1px}@media (width<=520px){.event-meta{gap:6px;font-size:14px}.event-chip{min-height:28px;padding-inline:8px;font-size:12px}}@media (height<=700px){.hero-header{padding-block:8px}.event-details{gap:6px;padding-top:8px}}@media (prefers-reduced-motion:reduce){#screen-home button{transition:none}}.btn-gold{color:#1a1200;cursor:pointer;background:linear-gradient(135deg,#b8870b,#d4af37,#e8c84a,#d4af37,#b8870b) 0 0/200% 100%;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-gold:active{transform:scale(.98)}.btn-gold:disabled{opacity:.8;cursor:not-allowed;transform:none}.btn-outline{color:#000;cursor:pointer;background:#fff;border:1px solid #00000059;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:13px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.cam-box{aspect-ratio:1;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}#qrVideo{object-fit:cover;width:100%;height:100%;display:block}.btn-flip-cam{cursor:pointer;z-index:30;border:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;bottom:25px;right:25px;min-height:unset!important;color:#fff!important;box-shadow:unset!important;background:#0006!important;border-radius:50%!important}.btn-flip-cam svg{width:25px;height:25px}.btn-flip-cam:active{background:#000000b3}.scan-line{z-index:20;pointer-events:none;background:linear-gradient(90deg,#0000,#e8c84a,#0000);height:3px;animation:2s linear infinite scanDown;position:absolute;top:0;left:0;right:0}@keyframes scanDown{0%{top:0}to{top:100%}}.scan-corner{z-index:21;pointer-events:none;border-style:solid;border-color:#e8c84a;width:40px;height:40px;position:absolute}.sc-tl{border-width:6px 0 0 6px;top:8px;left:8px}.sc-tr{border-width:6px 6px 0 0;top:8px;right:8px}.sc-bl{border-width:0 0 6px 6px;bottom:8px;left:8px}.sc-br{border-width:0 6px 6px 0;bottom:8px;right:8px}.scan-hint{text-align:center;color:#000;margin-bottom:1rem;font-size:13px;font-weight:500}.info-form{flex-direction:column;display:flex}.guest-card{border:1px solid #d4af374d;margin-bottom:.5rem;padding:1.25rem}.guest-section+.guest-section{border-top:1px solid #d8c8a8;margin-top:18px;padding-top:18px}.guest-section h2{color:#30230e;margin-bottom:12px;font-size:14px}.guest-section-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.guest-details{gap:10px;display:grid}.guest-details>div{min-width:0}.guest-details dt,.guest-detail-label{color:#685231;margin-bottom:3px;font-size:12px}.guest-details dd,.guest-participant-name{color:#30230e;overflow-wrap:anywhere;font-size:14px;font-weight:600}.guest-participants{gap:14px;display:grid}.guest-relationship{color:#685231;overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.5}.guest-attendee-details{grid-template-columns:auto 1fr;column-gap:24px;margin-top:14px}.guest-section>.guest-tag{margin-top:12px}@media (width>=400px){.guest-participants{grid-template-columns:repeat(2,minmax(0,1fr))}}.guest-name{color:#000;margin-bottom:4px;font-size:18px;font-weight:700}.guest-title{color:#000;margin-bottom:8px;font-size:13px;font-weight:600}.guest-tags{flex-wrap:wrap;gap:6px;display:flex}.guest-tag{color:#000;letter-spacing:.3px;background:#fcf6ba 0 0/200% 100%;border:1px solid #b8870be6;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.tag-75{color:#1a0000;background:#e5434366;border:1px solid #b80b0b80;position:relative;overflow:hidden}.field-group{flex-direction:column;gap:5px;margin-top:1rem;display:flex}.participant-pair{margin-top:1rem;position:relative}.participant-pair:before{content:"";pointer-events:none;border:1px solid #0003;border-right-width:0;border-radius:4px 0 0 4px;width:11px;position:absolute;top:2.75rem;bottom:1.375rem;left:-12px}.participant-pair>.field-group:first-child{margin-top:0}.field-label{color:#000;font-size:14px;font-weight:600}.field-required{color:#e54343}.form-input{color:#000;background:#fff;border:1px solid #0003;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{outline-offset:2px;border-color:#d4af37;outline:2px solid #ae8323}.photo-field{cursor:pointer;background:#d4af3703;border:1.5px dashed #d4af3799;border-radius:12px;justify-content:center;align-items:center;min-height:140px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.photo-field:hover{background:#d4af370f;border-color:#d4af37}.photo-field.has-photo{min-height:auto}.photo-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.photo-selected-name{color:#685231;overflow-wrap:anywhere;font-size:12px}.photo-instruction{color:#685231;margin-bottom:8px;font-size:12px;line-height:1.5}.participant-photo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;list-style:none;display:grid}button.participant-photo-option{--button-shadow:transparent;--button-highlight:transparent;text-align:left;width:100%;box-shadow:none;background:#fff9ed;border:1px solid #d8c8a8;flex-direction:column;align-items:stretch;gap:8px;padding:4px;display:flex}button.participant-photo-option.is-selected{--button-surface:#f0f3fc;background:#f0f3fc;border-color:#274ba4;outline:1px solid #274ba4}.participant-photo-option:focus-visible,.photo-field:focus-visible{outline-offset:3px;outline:3px solid #274ba4}.participant-photo-thumbnail{color:#685231;background:#eee4d0;border-radius:6px;justify-content:center;align-items:center;height:88px;display:flex;overflow:hidden}.participant-photo-thumbnail img{object-fit:cover;width:100%;height:100%}.participant-photo-name{color:#30230e;overflow-wrap:anywhere;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.participant-photo-status{color:#685231;font-size:11px}.photo-placeholder{text-align:center;padding:1.5rem 1rem}.photo-cam-icon{margin-bottom:8px;font-size:32px}.photo-hint{color:#000000e6;font-size:12px}.photo-preview{object-fit:contain;border-radius:10px;width:100%;display:block}.photo-retake{justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;bottom:8px;right:8px;color:#fff!important;box-shadow:unset!important;background:#ae8323b3!important;border-radius:50%!important}.photo-retake svg{width:25px;height:25px}.modal{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:320px;padding:20px}#photoInput,#cameraInput{display:none}.success-screen{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.success-ring{color:#26bd00;background:#51d43733;border:2px solid #26bd00;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:38px;animation:.4s cubic-bezier(.17,.89,.32,1.28) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.success-title{color:#26bd00;font-size:20px;font-weight:700}.success-guest{color:#000;margin-top:1.2rem;font-family:inherit;font-size:25px;font-weight:800}.success-msg{color:#000;max-width:300px;font-size:13px;line-height:1.5}.divider{background:linear-gradient(90deg,#0000,#d4af3740,#0000);height:1px;margin:1.25rem 0}.step-indicator{align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.step-indicator[hidden]{display:none}.step-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step-item+.step-item:before{content:"";background:#0003;width:calc(100% - 36px);height:1px;position:absolute;top:18px;left:calc(18px - 50%)}.step-item.done:before,.step-item.active:before{background:var(--step-active)}.step-dot{z-index:1;background:var(--home-paper);color:#0003;border:1px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;font-weight:600;transition:all .3s;display:flex;position:relative}.step-dot .lucide{color:#fff;width:20px;height:20px}.step-label{color:#0006;text-align:center;font-size:12px;font-weight:500}.step-item.active .step-dot{background:var(--step-active);border-color:var(--step-active);color:#fff;box-shadow:0 0 0 3px #274ba466}.step-item.active .step-label{color:var(--step-active);font-weight:700}.step-item.done .step-dot{background:#274ba466;border:#274ba466!important}.step-item.done .step-dot .lucide{color:var(--step-active)}.step-item.done .step-label{color:#30230e}.toast-box{color:#d4af37;z-index:999;white-space:normal;visibility:hidden;width:max-content;max-width:calc(100% - 32px);box-shadow:var(--card-shadow);background:#2d250b;border:1px solid #d4af3780;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;transition:transform .35s cubic-bezier(.17,.89,.32,1.28);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}.toast-box.show{visibility:visible;transform:translate(-50%)translateY(0)}.toast-box.toast-error{color:#d61717;background:#f003;border-color:#ff00004d;font-weight:500}.toast-box.toast-success{color:#1c934a;background:#0f03;border-color:#00ff004d;font-weight:500}.toast-error #toastIcon .lucide,.toast-success #toastIcon .lucide{fill:currentColor}.toast-error #toastIcon .lucide>:not(circle),.toast-success #toastIcon .lucide>:not(circle){fill:none;stroke:#fff}.loading-dots{gap:4px;display:inline-flex}.loading-dots span{opacity:.3;background:#d4af37;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.btn-loading-content{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.selfie-popup{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.selfie-popup.active{display:flex}.selfie-cont.cam-box{aspect-ratio:1;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.scan-loading-overlay{box-shadow:var(--card-shadow);z-index:100;color:#d4af37;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:14px;font-weight:600;display:none;position:absolute;inset:0}.scan-loading-overlay.active{display:flex}.selfie-container{flex-direction:column;width:100%;max-width:90vw;max-height:calc(100dvh - 2rem);display:flex;position:relative;overflow-y:auto}.selfie-header{text-align:center;border-bottom:1px solid #0000000d;padding:1.25rem}.selfie-video-wrapper{aspect-ratio:3/4;background:#000;width:100%;position:relative}#selfieVideo{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-footer{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.face-status{background:#00000008;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:8px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.face-status.detected{color:#51d437;background:#80d4371a}#countdownOverlay{color:#fff;text-shadow:0 4px 20px #00000080;z-index:10;background:#0000004d;justify-content:center;align-items:center;font-size:8rem;font-weight:800;display:none;position:absolute;inset:0}.btn-edit-guest{color:#000;cursor:pointer;border:1px solid #b8870be6;border-radius:6px;height:32px;font-size:11px;font-weight:700;transition:all .2s}.btn-edit-guest:hover{color:#fff;background:#d4af37}.modal-title{color:#d4af37;text-align:center;text-transform:uppercase;margin-bottom:1.5rem;font-size:18px;font-weight:700}.modal-actions{gap:1rem;display:flex}.modal-actions button{flex:1}button.btn-gold{--button-surface:#d4af37;--button-shadow:#7e5e1352;--button-highlight:#ffeca6bf}button.btn-outline{--button-surface:#fff;--button-shadow:#68523147;--button-highlight:#fff5df}button.btn-edit-guest{background:var(--home-gold);border-radius:10px;min-width:32px;min-height:32px;font-size:14px}button.btn-edit-guest .lucide{width:18px;height:18px}button[class]:hover:not(:disabled){background:var(--button-surface);color:#30230e;filter:none;box-shadow:3px 3px 7px var(--button-shadow), -3px -3px 7px var(--button-highlight);transform:none}button[class]:active:not(:disabled){box-shadow:inset 3px 3px 6px var(--button-shadow), inset -3px -3px 6px var(--button-highlight);transform:none}button[class]:focus-visible{outline-offset:4px;outline:3px solid #30230e}button[class]:disabled{box-shadow:none;opacity:.6;cursor:not-allowed;filter:none;transform:none}@media (prefers-reduced-motion:reduce){button[class]{transition:none}}.camera-option span{flex:1}.camera-option .lucide{flex-shrink:0}