:root{--plum: #3B2438;--plum-deep: #271623;--plum-soft: #4d2f4a;--rose: #D98A94;--rose-deep: #B96672;--gold: #C9A66B;--ivory: #F3ECE4;--ink: #241820}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:radial-gradient(ellipse at top,var(--plum-soft) 0%,var(--plum) 45%,var(--plum-deep) 100%);font-family:Work Sans,sans-serif;color:var(--ivory)}h1,h2,h3{font-family:Fraunces,serif;font-weight:600;margin:0}button{font-family:Work Sans,sans-serif;cursor:pointer}.centered-msg{display:flex;align-items:center;justify-content:center;height:100vh}.gate-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{background:var(--ivory);color:var(--ink);width:100%;max-width:420px;border-radius:4px;padding:44px 36px 36px;box-shadow:0 30px 60px -20px #00000080}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-deep);margin-bottom:10px;text-align:center}.gate-card h1{font-size:clamp(28px,6vw,34px);text-align:center;margin-bottom:4px;font-style:italic}.gate-sub{text-align:center;font-size:14px;color:#6b5a67;margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-family:IBM Plex Mono,monospace;text-transform:uppercase;color:#8a7484;margin-bottom:6px}.field input{width:100%;padding:12px 14px;border:1px solid #d8cdd4;border-radius:3px;font-size:15px}.gate-error{color:#a13e3e;font-size:13px;margin-bottom:14px;min-height:16px}.btn-primary{width:100%;background:var(--plum);color:var(--ivory);border:none;padding:13px;border-radius:3px;font-size:14px}.btn-primary:hover{background:var(--rose-deep)}.app-shell{display:flex;flex-direction:column;align-items:center;padding-bottom:60px}.topbar{width:100%;max-width:1080px;padding:28px 24px 18px;text-align:center}.topbar h1{font-size:clamp(28px,5vw,42px);font-style:italic}.topbar .date{color:var(--rose);font-family:IBM Plex Mono,monospace;font-size:13px;margin-top:6px}.signed-in-as{margin-top:14px;font-size:12px;color:#f3ece499}.linklike{background:none;border:none;color:var(--gold);text-decoration:underline;padding:0;font-size:12px}.admin-panel{width:100%;max-width:600px;margin:0 auto 10px;background:#ffffff0d;border:1px solid rgba(201,166,107,.35);border-radius:6px;padding:18px 20px}.admin-panel h3{font-style:italic;margin-bottom:12px;font-size:18px}.guest-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.guest-row{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.guest-name{font-weight:600;min-width:100px}.guest-email{color:#f3ece499;flex:1}.admin-badge{font-family:IBM Plex Mono,monospace;font-size:10px;background:var(--gold);color:var(--plum-deep);padding:2px 6px;border-radius:2px}.disabled-badge{font-family:IBM Plex Mono,monospace;font-size:10px;background:#d98a944d;color:var(--rose);padding:2px 6px;border-radius:2px}.toggle-btn{background:none;border:1px solid rgba(201,166,107,.5);color:var(--gold);padding:4px 10px;border-radius:3px;font-size:11px}.toggle-btn:hover{background:var(--gold);color:var(--plum-deep)}.remove-btn{background:none;border:1px solid rgba(217,138,148,.6);color:var(--rose);padding:4px 10px;border-radius:3px;font-size:11px}.remove-btn:hover{background:var(--rose);color:var(--plum-deep)}.delete-photo-btn{margin:8px 10px 0;background:none;border:1px solid rgba(217,138,148,.6);color:var(--rose);padding:6px 4px;border-radius:3px;font-size:11px;width:calc(100% - 20px)}.delete-photo-btn:hover{background:var(--rose);color:var(--plum-deep)}.add-guest-form{display:flex;gap:8px;flex-wrap:wrap}.add-guest-form input{flex:1;min-width:120px;padding:9px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.not-allowed{max-width:600px;margin:20px auto;background:#d98a9426;border:1px solid var(--rose);padding:16px 20px;border-radius:4px;text-align:center}.upload-zone{width:100%;max-width:1080px;padding:0 24px;margin-bottom:8px}.upload-box{border:1.5px dashed rgba(201,166,107,.55);border-radius:6px;padding:22px;text-align:center;background:#ffffff08}.upload-box p{margin:0 0 10px;font-size:13px;color:#f3ece4bf}.desc-input{display:block;margin:0 auto 14px;width:min(340px,90%);padding:9px 12px;border-radius:3px;border:1px solid #6b5468;background:#ffffffe6;color:var(--ink)}.btn-upload{background:var(--gold);color:var(--plum-deep);border:none;padding:11px 22px;border-radius:3px;font-size:13px;font-weight:600}.btn-upload:hover{background:var(--rose)}.upload-status{text-align:center;margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#8b9b82}.filters{width:100%;max-width:1080px;padding:16px 24px 0;display:flex;gap:10px;flex-wrap:wrap}.filters select,.search-input{padding:9px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffff14;color:var(--ivory);font-size:13px}.search-input{flex:1;min-width:180px}.filters select option{color:var(--ink)}.gallery-wrap{width:100%;max-width:1080px;padding:24px 24px 60px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}.photo-card{background:#ffffff08;border-radius:6px;overflow:hidden;padding-bottom:10px}.photo-frame{position:relative;cursor:pointer;background:var(--ivory)}.photo-frame img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.thumb-placeholder{width:100%;aspect-ratio:1/1;background:#ddd}.play-badge{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.photo-meta{display:flex;justify-content:space-between;font-size:11px;padding:8px 10px 0;color:#f3ece4d9}.photo-meta .who{font-weight:600}.photo-meta .when{font-family:IBM Plex Mono,monospace;color:#f3ece480}.photo-desc{font-size:12px;padding:4px 10px 0;color:#f3ece4b3}.download-row{display:flex;gap:6px;padding:8px 10px 0}.download-row button{flex:1;background:#c9a66b33;border:1px solid rgba(201,166,107,.5);color:var(--ivory);padding:6px 4px;border-radius:3px;font-size:11px}.download-row button:hover{background:var(--gold);color:var(--plum-deep)}.empty-state{text-align:center;padding:60px 20px;color:#f3ece48c}.empty-state h3{color:var(--ivory);font-style:italic;margin-bottom:8px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a12eb;display:flex;align-items:center;justify-content:center;padding:30px;z-index:100;overflow-y:auto}.lightbox-inner{text-align:center;max-width:92vw;max-height:calc(100vh - 60px);overflow-y:auto;padding-bottom:20px}.lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(243,236,228,.4);color:var(--ivory);width:52px;height:52px;border-radius:50%;font-size:20px;cursor:pointer;z-index:101;display:flex;align-items:center;justify-content:center}.lightbox-arrow:hover{background:#c9a66b4d;border-color:var(--gold)}.lightbox-arrow-left{left:20px}.lightbox-arrow-right{right:20px}@media (max-width:640px){.lightbox-arrow{width:44px;height:44px}.lightbox-arrow-left{left:8px}.lightbox-arrow-right{right:8px}}.lightbox-inner img{max-width:100%;max-height:78vh;border-radius:3px}.lightbox-meta{margin-top:14px;font-size:13px}.lightbox-actions{margin-top:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.lightbox-actions button{background:var(--gold);color:var(--plum-deep);border:none;padding:10px 18px;border-radius:3px;font-size:13px;font-weight:600}.lightbox-actions .close-btn{background:transparent;color:var(--ivory);border:1px solid rgba(243,236,228,.35)}.messages-panel{max-width:760px}.messages-layout{display:flex;gap:18px;flex-wrap:wrap}.thread-list{flex:0 0 220px;display:flex;flex-direction:column;gap:6px}.thread-list-heading{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:10px 0 2px}.thread-list-heading:first-child{margin-top:0}.thread-item{text-align:left;background:none;border:1px solid rgba(255,255,255,.1);color:var(--ivory);padding:8px 10px;border-radius:4px;font-size:13px}.thread-item:hover{border-color:var(--gold)}.thread-item.active{background:#c9a66b33;border-color:var(--gold)}.new-group-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.new-group-form input{padding:9px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.member-checkboxes{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto;padding:6px;background:#ffffff0d;border-radius:4px}.member-check{display:flex;align-items:center;gap:6px;font-size:12px}.thread-view{flex:1;min-width:260px;display:flex;flex-direction:column}.thread-header{font-weight:600;font-size:14px;margin-bottom:8px}.thread-messages{flex:1;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px;margin-bottom:10px}.msg-bubble{background:#ffffff0f;border-radius:6px;padding:8px 10px;align-self:flex-start;max-width:85%}.msg-bubble.mine{background:#c9a66b40;align-self:flex-end}.msg-sender{font-size:11px;font-weight:600;color:var(--gold);margin-bottom:2px}.msg-body{font-size:13px}.msg-time{font-size:10px;color:#f3ece480;margin-top:3px;font-family:IBM Plex Mono,monospace}.thread-compose{display:flex;gap:8px}.thread-compose input{flex:1;padding:9px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.lightbox-comments{margin-top:18px;text-align:left;border-top:1px solid rgba(255,255,255,.15);padding-top:14px}.lightbox-comments h4{font-style:italic;font-size:14px;margin-bottom:8px}.comment-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto;margin-bottom:10px}.comment-item{font-size:12px;background:#ffffff0d;border-radius:4px;padding:6px 8px}.comment-sender{color:var(--gold);font-weight:600}.comment-form{display:flex;gap:8px}.comment-form input{flex:1;padding:8px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.msg-edit-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.msg-edit-row input{flex:1;min-width:120px;padding:6px 8px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.myphotos-panel{max-width:820px}.myphotos-toolbar{display:flex;gap:8px;margin-bottom:14px}.folder-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.folder-chip{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 10px;font-size:13px;transition:border-color .15s,background .15s}.folder-chip span{cursor:pointer;font-weight:600}.folder-chip.active{border-color:var(--gold);background:#c9a66b26}.folder-chip.drag-over{border-color:var(--gold);background:#c9a66b4d}.new-folder-form{display:flex;gap:8px;margin:10px 0 16px}.new-folder-form input{flex:1;padding:9px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.myphotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.myphotos-thumb{position:relative;border-radius:6px;overflow:hidden;background:#ffffff0d;cursor:grab}.myphotos-thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.myphotos-thumb .linklike{display:block;width:100%;text-align:center;font-size:11px;padding:4px 0;background:#0006;color:var(--ivory)}.add-to-folder-row{display:flex;gap:8px;margin-top:10px}.add-to-folder-row select{flex:1;padding:8px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.layout-sort-row{display:flex;align-items:center;gap:10px;margin:12px 0}.layout-sort-row select{padding:8px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.layout-order-list{display:flex;flex-direction:column;gap:6px;margin:10px 0 16px;max-width:420px}.layout-order-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px 12px;font-size:13px}.nav-pills{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.nav-pill{flex:1 1 200px;padding:22px 24px;border-radius:12px;border:2px solid rgba(201,166,107,.4);background:#ffffff0d;color:var(--ivory);font-size:22px;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap;min-height:72px}.nav-pill:hover{border-color:var(--gold);background:#c9a66b26}.nav-pill.active{background:#c9a66b47;border-color:var(--gold)}.nav-pill.subtle{opacity:.75;border-color:#f3ece440}.nav-pill.subtle:hover{opacity:1;border-color:#f3ece480;background:#ffffff14}.admin-tools-row{margin-top:10px;text-align:center}.admin-pills{margin-top:10px;max-width:900px;margin-left:auto;margin-right:auto}.admin-pills .nav-pill{border-color:#b48c5a80;background:#b48c5a1a}.help-panel{max-width:900px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:14px 0 18px}.help-item{display:flex;gap:12px;align-items:flex-start}.help-emoji{font-size:22px;line-height:1;flex-shrink:0}.help-item strong{display:block;margin-bottom:4px;font-size:14px}.help-item p{margin:0;font-size:13px;color:#f3ece4cc;line-height:1.5}.help-section-title{font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:22px 0 6px}.help-section-title:first-of-type{margin-top:6px}.nav-pill.has-unseen{border-color:#e0575f}.unseen-dot{width:8px;height:8px;border-radius:50%;background:#e0575f;display:inline-block;margin-left:6px}.whats-new-panel{max-width:600px}.changelog-list{display:flex;flex-direction:column;gap:18px;margin:14px 0 18px}.changelog-version{font-weight:700;color:var(--gold);font-size:14px;margin-bottom:4px}.changelog-entry ul{margin:0;padding-left:20px}.changelog-entry li{font-size:13px;color:#f3ece4d9;margin-bottom:4px;line-height:1.5}.upload-fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:var(--gold);border:none;font-size:26px;box-shadow:0 4px 16px #0006;cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center}.upload-fab.uploading{background:#e0a63a}.upload-fab:hover{transform:scale(1.06)}.upload-fab-panel{position:fixed;bottom:100px;right:24px;width:min(360px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;background:var(--plum);border:1px solid rgba(201,166,107,.4);border-radius:12px;padding:18px;box-shadow:0 8px 30px #00000080;z-index:90;text-align:left}.upload-fab-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--ivory)}@media (max-width:640px){.upload-fab{bottom:16px;right:16px;width:56px;height:56px;font-size:22px}.upload-fab-panel{bottom:84px;right:16px;left:16px;width:auto}}.showcase-feed{width:100%;max-width:640px;margin:0 auto 30px;display:flex;flex-direction:column;gap:20px}.showcase-title{font-style:italic;text-align:center;margin-bottom:4px}.showcase-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;text-align:left}.showcase-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;flex-wrap:wrap;gap:6px}.showcase-posted-by{font-weight:700;font-size:14px;color:var(--gold)}.showcase-date{font-size:11px;color:#f3ece499;font-family:IBM Plex Mono,monospace}.showcase-media{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;background:var(--ivory)}.showcase-media img{width:100%;max-height:480px;object-fit:cover;display:block}.showcase-caption{margin-top:10px;font-size:14px;color:#f3ece4e6}.showcase-card>.linklike{margin-top:10px;display:inline-block}.showcase-comments{margin-top:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;display:flex;flex-direction:column;gap:6px}.select-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#c9a66b1f;border:1px solid rgba(201,166,107,.35);border-radius:8px;padding:12px 16px;margin:0 0 18px;order:inherit}.photo-card.selected{outline:3px solid var(--gold);border-radius:8px}.select-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;z-index:2;cursor:pointer}.myphotos-heading-row{display:flex;justify-content:space-between;align-items:center}.slideshow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0508f5;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.slideshow-close{position:absolute;top:20px;right:24px;background:transparent;border:1px solid rgba(243,236,228,.4);color:var(--ivory);padding:8px 16px;border-radius:6px;font-size:14px}.slideshow-stage{display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:78vh}.slideshow-stage img{max-width:92vw;max-height:78vh;object-fit:contain;border-radius:6px}.slideshow-caption{color:#f3ece4d9;font-size:14px;margin-top:14px;text-align:center}.slideshow-controls{display:flex;align-items:center;gap:16px;margin-top:18px}.slideshow-controls button{background:#ffffff14;border:1px solid rgba(201,166,107,.4);color:var(--ivory);padding:12px 20px;border-radius:8px;font-size:16px;cursor:pointer}.slideshow-controls button:hover{border-color:var(--gold);background:#c9a66b33}.slideshow-counter{color:#f3ece4b3;font-size:14px;font-family:IBM Plex Mono,monospace}.slideshow-music-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:16px;color:var(--ivory);font-size:13px}.slideshow-video-sound-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.save-slideshow-inline{display:flex;align-items:center;gap:8px}.save-slideshow-inline input{padding:6px 10px;border-radius:4px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.saved-slideshows-list{display:flex;flex-direction:column;gap:8px;margin:10px 0 20px}.saved-slideshow-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:10px 14px}.saved-slideshow-name{font-weight:600;font-size:13px;margin-right:auto}.myphotos-explainer{margin-bottom:16px;max-width:640px}.takedown-row{margin-top:12px;text-align:left}.takedown-list{display:flex;flex-direction:column;gap:12px}.takedown-request-row{display:flex;gap:14px;align-items:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px}.takedown-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0}.takedown-info{flex:1;font-size:13px;display:flex;flex-direction:column;gap:2px}.takedown-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.share-folder-form{display:flex;gap:8px;margin:10px 0}.share-folder-form select{flex:1;padding:8px 10px;border-radius:3px;border:1px solid rgba(201,166,107,.4);background:#ffffffe6;color:var(--ink);font-size:13px}.shared-folder-view-btn{display:block;margin:6px 0;font-size:13px;padding:8px 14px}