:root{--color-primary: #6b7f5e;--color-primary-dark: #566b4b;--color-background: #f7f4ee;--color-text: #2f2f2a;--font-heading: "Cormorant Garamond", serif;--font-body: "Lato", sans-serif;--color-surface: #ffffff;--color-border: rgba(47, 47, 42, .14);--color-muted: rgba(47, 47, 42, .6);--color-error: #a5453a;--color-error-bg: #f7e9e7;--color-success: #4f6b45;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--tap-min: 44px;--shadow-soft: 0 2px 14px rgba(47, 47, 42, .08);--shadow-lifted: 0 8px 28px rgba(47, 47, 42, .16);--transition-fast: .16s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-heading);font-weight:600;margin:0}p{margin:0}button,input{font-family:inherit;color:inherit}a{color:var(--color-primary-dark)}img,video{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.page{min-height:100%;display:flex;flex-direction:column}.page__body{flex:1;width:100%;max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__identity{min-width:0}.site-header__names{font-family:var(--font-heading);font-size:1.5rem;line-height:1.1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header__date{font-size:.85rem;color:var(--color-muted);margin-top:2px}.lang-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:999px;overflow:hidden;flex-shrink:0}.lang-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--space-2) var(--space-3);min-height:var(--tap-min);min-width:44px;font-size:.8rem;font-weight:700;letter-spacing:.04em;cursor:pointer;color:var(--color-muted);transition:background var(--transition-fast),color var(--transition-fast)}.lang-toggle__btn[aria-pressed=true]{background:var(--color-primary);color:#fff}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-lg);min-height:52px;padding:0 var(--space-5);font-size:1.05rem;font-weight:700;font-family:var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);width:100%;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft)}.btn-secondary{background:transparent;color:var(--color-primary-dark);border:1.5px solid var(--color-primary)}.btn-small{min-height:40px;padding:0 var(--space-4);font-size:.9rem;width:auto}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.field__label{font-size:.9rem;font-weight:700;color:var(--color-text)}.field__input{min-height:var(--tap-min);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:1rem;background:var(--color-surface)}.field__input:focus{border-color:var(--color-primary)}.upload-intro{text-align:center;margin-bottom:var(--space-5)}.upload-intro__greeting{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:var(--space-2)}.upload-intro__hint{color:var(--color-muted);font-size:.95rem}.upload-drop{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;margin-bottom:var(--space-5);background:var(--color-surface)}.overall-progress{margin:var(--space-4) 0}.overall-progress__label{font-size:.9rem;color:var(--color-muted);margin-bottom:var(--space-2);text-align:center}.overall-progress__track{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.overall-progress__fill{height:100%;background:var(--color-primary);transition:width var(--transition-fast)}.upload-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.upload-item{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-3);align-items:center;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-soft)}.upload-item__thumb{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-border)}.upload-item__thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:1.4rem}.upload-item__info{min-width:0}.upload-item__name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.upload-item__track{height:6px;border-radius:999px;background:var(--color-border);overflow:hidden}.upload-item__fill{height:100%;background:var(--color-primary);transition:width var(--transition-fast)}.upload-item__state{font-size:.78rem;color:var(--color-muted);margin-top:4px}.upload-item__state--error{color:var(--color-error)}.upload-item__state--done{color:var(--color-success)}.upload-item__reason{font-size:.78rem;color:var(--color-error);margin-top:4px}.upload-item__action{justify-self:end}.rejected-list{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem}.rejected-list ul{margin:var(--space-2) 0 0;padding-left:1.1em}.thanks{text-align:center;padding:var(--space-6) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.thanks__icon{font-size:3rem}.thanks__title{font-family:var(--font-heading);font-size:1.9rem}.thanks__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:320px}.gallery-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.gallery-header h1{font-size:1.6rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gallery-grid__item{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;border:none;padding:0;cursor:pointer;background:var(--color-border)}.gallery-grid__item img,.gallery-grid__item video{width:100%;height:100%;object-fit:cover}.gallery-grid__video-badge{position:absolute;bottom:4px;right:4px;background:#0000008c;color:#fff;border-radius:4px;font-size:.65rem;padding:2px 5px}.gallery-empty{text-align:center;color:var(--color-muted);padding:var(--space-7) var(--space-4)}.gallery-load-more{margin:var(--space-5) auto 0;display:block}.gallery-footer-cta{margin-top:var(--space-6)}.gallery-host-link{color:var(--color-muted);font-size:.9rem;text-decoration:underline}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120ef0;z-index:50;display:flex;flex-direction:column;transform:translateZ(0);will-change:transform}.lightbox__topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);color:#f2efe8}.lightbox__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1f;border:none;color:#fff;border-radius:999px;width:44px;height:44px;font-size:1.2rem;cursor:pointer}.lightbox__stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:pan-y}.lightbox__media{max-width:100%;max-height:100%;object-fit:contain}.lightbox__nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:none;color:#fff;width:44px;height:44px;border-radius:999px;font-size:1.4rem;cursor:pointer}.lightbox__nav-btn--prev{left:var(--space-3)}.lightbox__nav-btn--next{right:var(--space-3)}.lightbox__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-5);color:#f2efe8}.lightbox__uploader{font-size:.9rem;opacity:.85}.lightbox__download{color:#fff;font-size:.85rem;text-decoration:underline;white-space:nowrap}.landing,.error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-6) var(--space-4)}.landing__title,.error-screen__title{font-family:var(--font-heading);font-size:2rem}.landing__hint,.error-screen__body{color:var(--color-muted);max-width:340px}.error-screen__icon{font-size:2.6rem}.centered-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-muted);padding:var(--space-7) 0}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (min-width: 480px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.host-panel{display:flex;flex-direction:column;gap:var(--space-4)}.host-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-5) var(--space-4);border:0;margin:0}.host-card__title{font-family:var(--font-heading);font-size:1.4rem;margin:0 0 var(--space-3);padding:0}.host-card__subtitle{color:var(--color-muted);margin:0 0 var(--space-4)}.host-pin-input{font-size:1.5rem;letter-spacing:.4em;text-align:center}.host-error{color:var(--color-error);margin:0 0 var(--space-4)}.host-visibility{border:0;margin:0;padding:0;min-width:0}.host-option{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) 0;cursor:pointer}.host-option input{margin-top:4px;width:20px;height:20px;accent-color:var(--color-primary)}.host-option__text{display:flex;flex-direction:column}.host-option__label{font-weight:700}.host-option__desc,.host-meta{color:var(--color-muted);font-size:.9rem}.host-save-state{min-height:1.4em;margin:var(--space-2) 0 0;color:var(--color-primary-dark);font-size:.9rem}.host-save-state .host-error{margin:0}.host-stats{font-weight:700;margin:0 0 var(--space-2)}.host-meta{margin:0 0 var(--space-2)}.host-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.host-actions .btn,.host-logout{text-decoration:none}.host-link-row{display:flex;align-items:center;gap:var(--space-3)}.host-link{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.85rem}