*{box-sizing:border-box}body{color:#fff;background:#0f1115;margin:0;font-family:Arial,sans-serif}a{color:#f4c76b}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.panel{background:#171b24;border:1px solid #2a3140;border-radius:18px;width:min(480px,100%);padding:24px;box-shadow:0 20px 60px #00000040}input,select,textarea,button{border:1px solid #31394a;border-radius:12px;width:100%;margin:10px 0;padding:12px 14px;display:block}input,select,textarea{color:#fff;background:#0f1115}textarea{resize:vertical;min-height:96px}button{cursor:pointer;color:#17120a;background:#f4c76b;border:0;font-weight:700}button.secondary{color:#fff;background:#252b38;border:1px solid #363f52}button:disabled{opacity:.6;cursor:not-allowed}.actions{gap:8px;margin-top:20px;display:grid}.panel.wide{width:min(860px,100%)}label{margin-top:12px;display:block}label span{color:#c5ccda;margin-bottom:6px;font-size:14px;display:block}input[readonly]{color:#c5ccda}h2{margin:0 0 12px;font-size:20px}h3{margin:0 0 6px}.error-message{color:#ff9a9a}.success-message{color:#9dffb0}.button-link{color:#17120a;text-align:center;background:#f4c76b;border-radius:12px;width:100%;margin:10px 0;padding:12px 14px;font-weight:700;text-decoration:none;display:block}.button-link.secondary{color:#fff;background:#252b38;border:1px solid #363f52}.event-list{border-top:1px solid #2a3140;margin-top:28px;padding-top:20px}.event-cards{gap:12px;display:grid}.event-card{background:#11151d;border:1px solid #2a3140;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.event-card p{color:#c5ccda;margin:4px 0}.event-card span{color:#f4c76b;background:#252b38;border-radius:999px;margin-top:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.event-card a{flex:none;font-weight:700}.event-links{text-align:right;gap:8px;display:grid}.event-stats{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.event-stats span{margin:0}.event-detail{gap:10px;margin-top:20px;display:grid}.event-detail.compact{grid-template-columns:repeat(3,1fr)}.event-detail p,.invitation-info p{border-bottom:1px solid #2a3140;gap:4px;margin:0;padding-bottom:10px;display:grid}.event-detail strong,.invitation-info strong{color:#c5ccda;font-size:13px}.event-form{border-top:1px solid #2a3140;margin-top:24px;padding-top:12px}.form-section{border-top:1px solid #2a3140;margin-top:24px;padding-top:20px}.radio-row{flex-wrap:wrap;gap:16px;display:flex}.radio-row label{align-items:center;gap:8px;width:auto;margin:0;display:flex}.radio-row input{width:auto;margin:0}.radio-row span{margin:0}.schedule-builder{gap:14px;display:grid}.schedule-builder-card{background:#11151d;border:1px solid #2a3140;border-radius:12px;padding:16px}.invitation-page{color:#2b2113;background:#17120a;padding:0;display:block}.invitation-shell{background:#fffaf0;width:min(760px,100%);min-height:100vh;margin:0 auto;box-shadow:0 20px 80px #00000052}.invitation-hero{text-align:center;color:#fff8df;background:linear-gradient(#17120a7a, #17120ab8), var(--cover-image,url(https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=1200&q=80));background-position:50%;background-size:cover;align-content:center;place-items:center;gap:16px;min-height:640px;padding:56px 24px;display:grid}.invitation-hero h1{color:#f8d982;letter-spacing:0;max-width:680px;margin:0;font-family:Georgia,serif;font-size:56px;line-height:1.05}.invitation-status{color:#f8d982;background:#17120a94;border:1px solid #f8d9828f;border-radius:999px;justify-self:center;padding:7px 12px;font-size:13px;font-weight:700}.eyebrow{color:#f4c76b;letter-spacing:0;margin:0 0 8px}.invitation-date{margin:0;font-size:20px;font-weight:700}.invitation-time{color:#fff0bf;margin:0}.countdown-label{color:#fff0bf;margin:8px 0 0;font-weight:700}.countdown{grid-template-columns:repeat(4,1fr);gap:10px;width:min(520px,100%);margin-top:12px;display:grid}.countdown div{background:#17120a94;border:1px solid #f8d98270;border-radius:12px;padding:14px 8px}.countdown strong{color:#f8d982;font-size:26px;display:block}.countdown span{color:#fff8df;font-size:12px}.invitation-section{text-align:center;border-bottom:1px solid #eadab8;padding:32px 24px}.invitation-section h2{color:#8a671e;font-family:Georgia,serif;font-size:28px}.invitation-section p{color:#4d412b;margin:8px 0}.location-name{color:#2b2113;font-weight:700}.maps-button{width:min(280px,100%);margin:18px auto 0}.invitation-section audio{width:100%;max-width:420px}.story-grid{text-align:left;align-items:stretch;gap:16px;margin-top:18px;display:flex}.schedule-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.story-grid article,.schedule-grid article{background:#fff4d8;border:1px solid #eadab8;border-radius:12px;padding:18px}.story-card{flex:1;height:100%}.story-grid h3,.schedule-grid h3{color:#8a671e;font-family:Georgia,serif;font-size:22px}.story-text{white-space:pre-line;word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.story-text.expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.story-toggle{color:#8a671e;background:0 0;border:1px solid #c9a64b;width:auto;margin:14px 0 0;padding:9px 12px}.schedule-grid span{color:#8a671e;font-weight:700}.schedule-location{color:#2b2113;font-weight:700}.schedule-map-link{color:#8a671e;margin-top:12px;font-weight:700;display:inline-block}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.gallery-item{aspect-ratio:1;cursor:pointer;background:#fff4d8;border:1px solid #eadab8;border-radius:18px;margin:0;padding:0;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #0003}.gallery-item:hover{transform:scale(1.03)}.gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.gallery-placeholder{color:#8a671e;background:#fff4d8;place-items:center;width:100%;height:100%;padding:12px;font-weight:700;line-height:1.35;display:grid}.gallery-modal{z-index:20;background:#0f1115e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gallery-modal img{object-fit:contain;border-radius:12px;max-width:min(960px,100%);max-height:84vh;box-shadow:0 20px 80px #0006}.gallery-modal-placeholder{color:#8a671e;background:#fff4d8;border-radius:12px;place-items:center;width:min(420px,100%);min-height:220px;padding:24px;font-weight:700;display:grid;box-shadow:0 20px 80px #0006}.gallery-modal-close{width:auto;margin:0;padding:10px 14px;position:fixed;top:18px;right:18px}.invitation-info{text-align:left;gap:12px;margin-top:24px;display:grid}.guest-form,.rsvp-form{text-align:left;border-top:1px solid #2a3140;margin-top:24px;padding-top:20px}.invitation-shell .rsvp-form{color:#fff;background:#171b24;border-top:0;margin:0;padding:32px 24px}.guest-list{border-top:1px solid #2a3140;margin-top:28px;padding-top:20px}.guest-card{background:#11151d;border:1px solid #2a3140;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(220px,1.2fr);gap:16px;padding:16px;display:grid}.guest-card p{color:#c5ccda;margin:4px 0}.guest-card p:last-child{overflow-wrap:anywhere}.guest-actions{align-content:start;gap:8px;display:grid}.qr-code-box{color:#17120a;background:#fffaf0;border:1px solid #eadab8;border-radius:12px;place-items:center;gap:8px;width:max-content;max-width:100%;padding:12px;display:grid}.qr-code-box canvas{width:100%;max-width:168px;height:auto;display:block}.qr-code-box small,.qr-code-box span{color:#8a671e;font-size:12px;font-weight:700}.guest-actions .qr-code-box{justify-self:start;width:156px}.invitation-qr{margin:18px auto 0}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.stats-row div{background:#11151d;border:1px solid #2a3140;border-radius:12px;padding:14px}.stats-row strong{color:#f4c76b;font-size:24px;display:block}.stats-row span{color:#c5ccda;font-size:13px}.guest-greeting{border-bottom:1px solid #6b5424;margin-bottom:22px;padding-bottom:18px}.guest-greeting p{color:#c5ccda;margin:0 0 6px}.guest-greeting strong{color:#f4c76b;font-size:20px}.scan-result{background:#11151d;border:1px solid #2a3140;border-radius:12px;margin-top:20px;padding:16px}.scan-result p{color:#c5ccda;margin:4px 0}.photographer-loader{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:12px;display:grid}.qr-scanner-box{gap:12px;display:grid}.qr-scanner-view{background:#0f1115;border:1px solid #2a3140;border-radius:12px;place-items:center;min-height:280px;display:grid;overflow:hidden}.qr-scanner-view video{object-fit:cover;border-radius:12px;height:100%;min-height:280px;display:block;width:100%!important}.scanner-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scanner-last-value{color:#c5ccda;overflow-wrap:anywhere;margin:0}.selected-guest-panel{background:#11151d;border:1px solid #2a3140;border-radius:12px;gap:4px;margin-top:12px;padding:14px;display:grid}.selected-guest-panel strong{color:#f4c76b}.selected-guest-panel span{color:#c5ccda;overflow-wrap:anywhere}.upload-box{background:#11151d;border:1px solid #2a3140;border-radius:12px;margin-top:18px;padding:16px}.file-preview{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;margin:12px 0;display:grid}.file-preview img{aspect-ratio:1;object-fit:cover;border:1px solid #2a3140;border-radius:12px;width:120px;display:block}.file-preview p{color:#c5ccda;overflow-wrap:anywhere;margin:0}.upload-progress{color:#c5ccda;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;margin-top:10px;font-size:13px;font-weight:700;display:grid}.upload-progress progress{accent-color:#f4c76b;width:100%;height:12px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.photo-grid>p{grid-column:1/-1}.photo-card{background:#11151d;border:1px solid #2a3140;border-radius:12px;overflow:hidden}.photo-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo-card p{color:#c5ccda;overflow-wrap:anywhere;margin:0;padding:10px}@media (width<=640px){.event-card{flex-direction:column;align-items:stretch}.event-links{text-align:left}.guest-card,.stats-row,.event-detail.compact,.photographer-loader,.photo-grid,.file-preview,.scanner-actions{grid-template-columns:1fr}.file-preview img{width:100%}.invitation-hero{min-height:560px}.invitation-hero h1{font-size:40px}.countdown{grid-template-columns:repeat(2,1fr)}.schedule-grid,.gallery-grid{grid-template-columns:1fr}}@media (width<=768px){.story-grid{display:block}.story-card+.story-card{margin-top:16px}}