:root{--cream: #faf7f2;--blush: #e8d5d0;--sage: #8a9a7b;--sage-dark: #6b7a5e;--gold: #c4a574;--text: #3d3a36;--text-muted: #7a756e;--white: #ffffff;--shadow: 0 4px 24px rgba(61, 58, 54, .08);--radius: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:480px;margin:0 auto;padding:1.25rem 1rem 2rem;min-height:100vh}.hero{text-align:center;padding:.5rem 0 1.5rem}.hero-eyebrow{font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-style:italic;color:var(--gold);letter-spacing:.05em;margin-bottom:.35rem}.hero h1{font-family:Cormorant Garamond,Georgia,serif;font-size:2.25rem;font-weight:600;color:var(--text);letter-spacing:.02em;margin-bottom:.5rem}.hero-subtitle{font-size:1rem;color:var(--text-muted)}.upload-section{margin-bottom:1.5rem}.guest-name-field{position:relative;margin-bottom:0}.guest-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}.optional{font-weight:400;color:var(--text-muted)}.guest-input{width:100%;padding:.875rem 1rem;border:1.5px solid var(--blush);border-radius:12px;font-size:16px;font-family:inherit;background:var(--white);transition:border-color .2s;margin-bottom:1rem}.guest-input:focus{outline:none;border-color:var(--sage)}.guest-input:disabled{opacity:.6}.guest-suggestions{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:20;margin:0;padding:.35rem;list-style:none;background:var(--white);border:1.5px solid var(--blush);border-radius:12px;box-shadow:var(--shadow);max-height:14rem;overflow-y:auto}.guest-suggestion{display:block;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:1rem;text-align:left;cursor:pointer;touch-action:manipulation}.guest-suggestion:active,.guest-suggestion:hover{background:var(--cream)}.guest-suggestion--entered{font-weight:500;color:var(--sage-dark)}.error-message{margin-top:.75rem;padding:.75rem 1rem;background:#fef2f2;color:#b91c1c;border-radius:10px;font-size:.875rem}.success-message{margin-top:.75rem;padding:.75rem 1rem;background:#ecfdf3;color:#166534;border-radius:10px;font-size:.875rem;font-weight:500}.add-photos-wrap{display:flex;align-items:stretch;gap:.5rem;width:100%}.add-photos-btn{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:3.75rem;padding:1rem 1.5rem;border:none;border-radius:999px;background:#5a6750;color:#fff;font-family:inherit;font-size:1.125rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #6b7a5e73;touch-action:manipulation;user-select:none;-webkit-user-select:none;overflow:hidden;transition:transform .1s,box-shadow .15s}.add-photos-fill{position:absolute;top:0;left:0;bottom:0;width:var(--upload-progress, 0%);background:var(--sage-dark);border-radius:inherit;pointer-events:none}.add-photos-fill--complete{background:#5c9a66}.add-photos-btn-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.65rem}.add-photos-btn:not(.uploading){background:var(--sage-dark)}.add-photos-btn:active:not(.uploading){transform:scale(.98);background:#5a6750}.add-photos-btn.uploading{pointer-events:none}.add-photos-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#fff3;font-size:1.5rem;font-weight:400;line-height:1}.add-photos-camera-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.75rem;min-height:3.75rem;border:none;border-radius:50%;background:var(--sage-dark);color:#fff;cursor:pointer;box-shadow:0 4px 20px #6b7a5e73;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .1s,background .15s}.add-photos-camera-btn:active:not(.add-photos-camera-btn--disabled){transform:scale(.96);background:#5a6750}.add-photos-camera-btn--disabled{pointer-events:none;opacity:.55}.gallery-section h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.photo-count{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;background:var(--blush);color:var(--text);padding:.15rem .55rem;border-radius:999px}.gallery-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted)}.gallery-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.95rem}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.photo-thumb{position:relative;aspect-ratio:1;border:none;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;background:var(--blush);box-shadow:0 2px 8px #0000000f;touch-action:manipulation}.photo-thumb:active{opacity:.9}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-by{position:absolute;bottom:0;left:0;right:0;padding:1.5rem .5rem .4rem;background:linear-gradient(transparent,#0000008c);color:#fff;font-size:.7rem;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-heart-badge{position:absolute;top:.4rem;right:.4rem;display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .35rem;border-radius:999px;background:#00000073;color:#fff;font-size:.75rem;font-weight:600;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));pointer-events:none}.photo-heart-badge--mine{background:#b4283cbf}.photo-heart-count{font-size:.7rem;font-variant-numeric:tabular-nums}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;z-index:200;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.lightbox-stage{flex:1;position:relative;width:100%;min-height:0;touch-action:manipulation;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s cubic-bezier(.32,.72,0,1)}.lightbox-stage--dismissing{transition:none}.lightbox-viewport{width:100%;height:100%;overflow:hidden}.lightbox-track{display:flex;height:100%;will-change:transform;transition:transform .38s cubic-bezier(.32,.72,0,1)}.lightbox-track.dragging{transition:none}.lightbox-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-slide img{width:100%;max-height:100%;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.lightbox-name{flex:1;min-width:0;margin:0;color:#fff;font-size:.95rem;font-weight:500;text-align:center;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;animation:lightbox-caption-in .35s cubic-bezier(.32,.72,0,1)}.lightbox-toolbar{position:absolute;bottom:calc(1rem + env(safe-area-inset-bottom));left:.75rem;right:.75rem;z-index:3;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:.5rem;min-height:48px}.lightbox-toolbar-slot{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.lightbox-name-spacer{min-width:0}@keyframes lightbox-caption-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:#00000073;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;padding-bottom:.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .45s ease}.lightbox-nav--hidden{opacity:0;pointer-events:none}.lightbox-prev{left:.75rem}.lightbox-next{right:.75rem}.lightbox-nav:active{background:#000000a6}.lightbox-close{position:absolute;top:calc(.75rem + env(safe-area-inset-top));right:.75rem;background:#00000073;border:none;color:#fff;font-size:2rem;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:manipulation;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-close:active{background:#000000a6}.lightbox-download{background:#00000073;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-download:active:not(:disabled){background:#000000a6}.lightbox-download:disabled{opacity:.7;cursor:default}.lightbox-delete{background:#00000073;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-delete:active:not(:disabled){background:#781e1ebf}.lightbox-delete:disabled{opacity:.7;cursor:default}.spinner-small{width:20px;height:20px;border-width:2px}.lightbox-counter{position:absolute;top:calc(1rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.875rem;font-weight:500;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.5)}.lightbox-heart-badge{position:absolute;top:calc(.85rem + env(safe-area-inset-top));left:.85rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;background:#00000080;color:#fff;font-size:.95rem;font-weight:600;line-height:1;z-index:3;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));pointer-events:none}.lightbox-heart-badge--mine{background:#b4283ccc}.lightbox-heart-badge .photo-heart-count{font-size:.85rem}.heart-burst{position:absolute;z-index:4;font-size:4.5rem;line-height:1;pointer-events:none;transform:translate(-50%,-50%) scale(.35);animation:heart-burst .85s ease-out forwards}@keyframes heart-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(1.15)}}.lightbox-save-hint{position:absolute;bottom:calc(4.75rem + env(safe-area-inset-bottom));left:1rem;right:1rem;z-index:3;margin:0;padding:.65rem .85rem;border-radius:10px;background:#000000b8;color:#ffffffeb;font-size:.8rem;line-height:1.4;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--blush)}.footer p{font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;font-style:italic;color:var(--text-muted)}.spinner{width:28px;height:28px;border:3px solid var(--blush);border-top-color:var(--sage);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner-light{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}