:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%}body{margin:0;min-width:320px;min-height:100vh;background:#1f1f1f;overflow-x:clip;-webkit-user-select:none;user-select:none}h1{font-size:2.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:100%;margin:0;padding:.5rem .75rem 1.5rem;width:100%}.page{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-height:100vh}.page.dragging{outline:3px dashed #6366f1;outline-offset:-3px;background:#6366f10a}.main-layout{display:flex;align-items:flex-start;gap:1.5rem;width:100%}.content{flex:1;min-width:0}.sidebar{width:240px;background:#0f172a;color:#e2e8f0;border-radius:16px;padding:1rem;display:grid;gap:1rem;position:sticky;top:1rem}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-section-title{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-title{font-weight:700}.sidebar-toggle{border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;width:32px;height:32px;border-radius:8px;padding:0;cursor:pointer}.sidebar-section{display:grid;gap:.5rem}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#e2e8f099}.sidebar-item{border:1px solid transparent;background:#0f172a66;color:#e2e8f0;padding:.45rem .65rem;border-radius:10px;cursor:pointer;text-align:left}.sidebar-item.active{border-color:#38bdf899;background:#38bdf81f;color:#e0f2fe}.sidebar-muted{font-size:.85rem;color:#e2e8f099}.album-list{display:grid;gap:.4rem}.album-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem}.album-item.active .album-select{border-color:#38bdf899;background:#38bdf81f;color:#e0f2fe}.album-select{border:1px solid transparent;background:#0f172a66;color:#e2e8f0;padding:.45rem .65rem;border-radius:10px;text-align:left;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-delete,.album-share{border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;width:28px;height:28px;border-radius:8px;padding:0;cursor:pointer}.album-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.album-create input{border:1px solid rgba(148,163,184,.4);border-radius:10px;background:transparent;color:#e2e8f0;padding:.45rem .6rem}.album-create input::placeholder{color:#e2e8f080}.album-create-button{border:1px solid rgba(56,189,248,.6);background:#38bdf826;color:#e0f2fe;padding:.45rem .7rem;border-radius:10px;cursor:pointer}.share-list{display:grid;gap:.4rem}.share-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:center}.share-link{border:1px solid transparent;background:#0f172a66;color:#e2e8f0;padding:.45rem .65rem;border-radius:10px;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link:hover{border-color:#38bdf873;color:#e0f2fe}.share-delete{border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;width:28px;height:28px;border-radius:8px;padding:0;cursor:pointer}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title h1{margin:0}.card{padding:1rem;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 6px 20px #0000000a}.library-section{padding:.25rem 0;width:100%}.year-groups{display:grid;gap:.25rem;width:100%}.year-header{font-size:1.25rem;font-weight:700;margin:2.5rem 0 .25rem}.importing-grid{display:flex;flex-wrap:wrap;gap:6px;padding:.5rem 0;min-height:130px;align-items:start;align-content:start}.importing-empty{font-size:.8rem;color:#64748b;padding:.5rem 0}.importing-tile{width:100px;display:flex;flex-direction:column;align-items:center;gap:4px}.importing-tile .photo-img.placeholder{width:100px;height:100px;border-radius:12px;animation:pulse 1.5s ease-in-out infinite}.importing-label{font-size:.65rem;color:#94a3b8;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.year-group{display:grid;gap:.25rem;width:100%}.stack{display:grid;gap:.75rem}.button{border:1px solid #1a73e8;background:#1a73e8;color:#fff;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer}.button.ghost{border-color:#e2e8f0;background:transparent;color:#0f172a}.button.ghost.light{border-color:#f8fafc99;color:#f8fafc}.badge{padding:.4rem .75rem;border-radius:999px;font-size:.875rem;border:1px solid #ddd;background:#f6f6f6}.badge.authenticated{border-color:#2e7d32;background:#e8f5e9;color:#2e7d32}.badge.loading{border-color:#ffb300;background:#fff8e1;color:#ff8f00}.badge.anonymous{border-color:#90a4ae;background:#eceff1;color:#546e7a}.badge.error{border-color:#c62828;background:#ffebee;color:#c62828}pre{text-align:left;background:#f7f7f7;padding:1rem;border-radius:8px;overflow:auto}.error{color:#c62828}.muted{color:#777;font-size:.9rem}.list{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.list li{display:grid;grid-template-columns:64px 1fr;gap:.75rem;align-items:center;padding:.75rem;border:1px solid #eee;border-radius:8px}.thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #eee}.thumb.placeholder{background:#f3f4f6}.grid-frame{min-height:0;border:0;border-radius:16px;width:100%;position:relative}.photo-grid{display:grid;gap:2px;width:100%;padding-right:12px}.photo-row{--row-height: 160px;display:flex;gap:6px;width:100%;content-visibility:auto;contain-intrinsic-size:var(--row-height, 160px) 1200px;height:var(--row-height, auto)}.photo-tile{position:relative;border:0;padding:0;margin:4px 0;background:transparent;border-radius:12px;overflow:hidden;cursor:pointer}.photo-tile:hover .photo-img{transform:scale(1.02);transition:transform .12s ease}.photo-tile.selected{outline:none}.photo-tile.selected:after{content:"";position:absolute;inset:0;border:3px solid #38bdf8;border-radius:12px;pointer-events:none;z-index:1}.photo-img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#111827;display:block;image-orientation:from-image}.photo-img.placeholder{background:#111827}.photo-status{position:absolute;left:8px;bottom:8px;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;background:#0f172acc;color:#f8fafc;text-transform:capitalize}.photo-favorite{position:absolute;top:8px;right:8px;width:20px;height:20px;color:#f43f5e;display:block;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 2px rgba(0,0,0,.55))}.photo-favorite .heart-icon{width:100%;height:100%}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0f172a;color:#f8fafc;padding:.6rem .9rem;border-radius:12px;margin-bottom:.75rem;position:sticky;top:.5rem;z-index:5}.selection-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.selection-actions{display:flex;align-items:center;gap:.5rem}.favorite-button{color:#f8fafc}.favorite-button.active{color:#f43f5e;border-color:#f43f5e99}.heart-icon{width:18px;height:18px;display:block}.selection-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag-pill.muted{opacity:.55}.viewer{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.viewer-backdrop{position:absolute;inset:0;background:#070a12c7;border:0;cursor:pointer}.viewer-content{position:relative;z-index:1;background:#0f172a;color:#f8fafc;width:min(1200px,96vw);max-height:86vh;padding:2rem;border-radius:24px;display:grid}.viewer-topbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.viewer-actions-inline{display:flex;align-items:center;gap:.5rem}.viewer-favorite{border:1px solid rgba(148,163,184,.4);background:transparent;color:#cbd5f5;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;cursor:pointer}.viewer-favorite.active{color:#f43f5e;border-color:#f43f5e99}.viewer-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex:1;min-width:0}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.tag-pill{display:inline-flex;align-items:center;gap:.25rem;background:#94a3b833;border:1px solid rgba(148,163,184,.4);color:#e2e8f0;padding:.2rem .55rem;border-radius:999px;font-size:.85rem}.tag-pill-action{cursor:pointer;font:inherit}.tag-remove{border:0;background:transparent;color:#e2e8f0;cursor:pointer;padding:0;line-height:1;font-size:.9rem}.tag-input{border:1px dashed rgba(148,163,184,.4);background:transparent;color:#f8fafc;padding:.35rem .6rem;border-radius:999px;min-width:140px;font-size:.9rem;outline:none;-webkit-user-select:text;user-select:text}.tag-input::placeholder{color:#e2e8f099}.viewer-close,.viewer-fullscreen{background:transparent;color:#cbd5f5;border:1px solid rgba(148,163,184,.4);padding:.4rem .8rem;border-radius:999px;cursor:pointer}.viewer-content.fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0;grid-template-rows:1fr;padding:0}.viewer-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.5rem;align-items:start}.viewer-body.fullscreen{grid-template-columns:1fr;height:100%;min-height:0;align-items:stretch}.viewer-image-frame{width:100%;max-height:62vh;min-height:240px;border-radius:16px;background:#111827;border:0;outline:none;overflow:hidden;display:grid;place-items:center}.viewer-image-frame:focus,.viewer-image-frame:focus-visible{outline:none}.viewer-image-frame.portrait{width:auto;height:62vh;max-width:100%;justify-self:center}.viewer-image-frame.clickable{cursor:zoom-in}.viewer-image-frame.clickable.fullscreen{cursor:zoom-out}.viewer-image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;image-orientation:from-image}.viewer-image.placeholder{width:100%;height:100%;background:#111827}.viewer-content.fullscreen .viewer-image-frame{height:100%;max-height:100%;min-height:0}.viewer-content.fullscreen .viewer-image-frame.portrait{width:100%;height:100%}.viewer-meta{display:grid;gap:.25rem}.viewer-title{font-size:1.1rem;font-weight:600}.viewer-actions{display:flex;gap:.75rem}.viewer-panel{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1rem;display:grid;gap:.75rem}.viewer-panel-title{font-weight:700;font-size:1rem}.viewer-panel-item{display:grid;gap:.15rem;font-size:.9rem;color:#cbd5f5}.viewer-panel-item strong{font-weight:600;color:#f8fafc}.user-menu{position:relative}.header-actions{display:flex;align-items:center;gap:.75rem}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#111827;color:#f8fafc;display:grid;place-items:center;cursor:pointer}.icon-button.active{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.icon-button.favorite-toggle.active{color:#f43f5e;border-color:#f43f5e99;box-shadow:0 0 0 1px #f43f5e66}.icon-button input{display:none}.icon-button.disabled{opacity:.5;cursor:not-allowed}.icon{font-size:1.3rem;line-height:1;transform:translateY(-2px)}.icon-svg{width:20px;height:20px;display:block;transform:translate(-9px) translateY(-1px)}.user-button{border:1px solid rgba(255,255,255,.25);background:#111827;border-radius:999px;padding:.25rem;cursor:pointer}.user-avatar{display:inline-block;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#cbd5f5,#94a3b8)}.menu{position:absolute;right:0;top:42px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:200px;padding:.25rem;box-shadow:0 14px 40px #0f172a1f;display:grid;gap:.25rem;z-index:10}.menu-item{text-align:left;background:transparent;border:0;padding:.6rem .8rem;border-radius:8px;cursor:pointer;color:#0f172a}.menu-item:hover{background:#f1f5f9}.filter-dialog{position:fixed;inset:0;z-index:35;display:grid;place-items:center}.filter-backdrop{position:absolute;inset:0;background:#0f172a8c;border:0}.filter-panel{position:relative;z-index:1;width:min(520px,92vw);background:#fff;color:#0f172a;border-radius:16px;padding:1.5rem;display:grid;gap:1.2rem;box-shadow:0 30px 90px #0f172a59}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.filter-title{font-weight:700;font-size:1.1rem}.filter-close{border:1px solid #e2e8f0;background:transparent;color:#0f172a;padding:.35rem .7rem;border-radius:999px;cursor:pointer}.filter-fields{display:grid;gap:.85rem}.filter-field{display:grid;gap:.4rem;font-size:.9rem;color:#334155}.filter-field input{border:1px solid #cbd5f5;border-radius:10px;padding:.5rem .65rem;font-size:.95rem}.filter-tag-editor{display:grid;gap:.5rem}.filter-tag-input{border:1px solid #cbd5f5;border-radius:10px;padding:.5rem .65rem;font-size:.95rem;width:100%}.filter-tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.filter-tag-pill{display:inline-flex;align-items:center;gap:.25rem;background:#f1f5f9;border:1px solid #cbd5f5;color:#0f172a;padding:.2rem .55rem;border-radius:999px;font-size:.85rem}.filter-tag-remove{border:0;background:transparent;color:#475569;cursor:pointer;padding:0;line-height:1;font-size:.9rem}.filter-hint{color:#64748b;font-size:.85rem}.filter-actions{display:flex;justify-content:flex-end;gap:.6rem}.filter-suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.filter-suggestion{border:1px solid #cbd5f5;background:#f8fafc;color:#0f172a;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;cursor:pointer}.album-dialog{position:fixed;inset:0;z-index:36;display:grid;place-items:center}.album-backdrop{position:absolute;inset:0;background:#0f172a8c;border:0}.album-panel{position:relative;z-index:1;width:min(420px,92vw);background:#fff;color:#0f172a;border-radius:16px;padding:1.25rem;display:grid;gap:1rem;box-shadow:0 30px 90px #0f172a59}.album-dialog-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.album-dialog-create input{border:1px solid #cbd5f5;border-radius:10px;padding:.5rem .65rem;font-size:.95rem;color:#0f172a;background:#fff}.album-dialog-create input::placeholder{color:#64748b}.album-dialog-create-button{border:1px solid #2563eb;background:#2563eb;color:#fff;padding:.5rem .8rem;border-radius:10px;cursor:pointer;font-weight:600}.album-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.album-title{font-weight:700}.album-close{border:1px solid #e2e8f0;background:transparent;color:#0f172a;padding:.35rem .7rem;border-radius:999px;cursor:pointer}.album-dialog-list{display:grid;gap:.5rem}.album-dialog-item{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:.6rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer}.album-dialog-action{color:#2563eb;font-weight:600}.album-empty{color:#64748b;font-size:.9rem}.upload-panel{position:fixed;right:24px;bottom:24px;width:min(360px,92vw);background:#0f172a;color:#f8fafc;border-radius:16px;box-shadow:0 24px 80px #02061799;z-index:40;overflow:hidden}.upload-panel.collapsed .upload-body{display:none}.upload-header{display:grid;gap:.2rem;padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.2)}.upload-header-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.upload-title{font-weight:600}.upload-count{font-size:.78rem;color:#cbd5f5;min-height:1.1rem}.upload-actions{display:flex;align-items:center;gap:.75rem}.upload-link{background:transparent;border:0;color:#38bdf8;font-weight:600;cursor:pointer;padding:0}.upload-body{max-height:260px;overflow:auto;padding:.75rem 1rem 1rem;display:grid;gap:.65rem}.upload-item{display:grid;grid-template-columns:10px 1fr;align-items:start;gap:.65rem}.upload-dot{width:10px;height:10px;border-radius:999px;background:#64748b;margin-top:.35rem}.upload-dot.hashing,.upload-dot.init,.upload-dot.uploading,.upload-dot.finalizing,.upload-dot.queued{background:#38bdf8}.upload-dot.done{background:#22c55e}.upload-dot.duplicate{background:#f59e0b}.upload-dot.cancelled{background:#94a3b8}.upload-dot.error{background:#ef4444}.upload-meta{display:grid;gap:.15rem}.upload-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.upload-name{font-weight:600;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status{font-size:.82rem;color:#cbd5f5}.upload-cancel{color:#f8fafc}.upload-progress{height:6px;border-radius:999px;background:#94a3b833;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,#38bdf8,#22d3ee);border-radius:999px;transition:width .12s ease}.public-share-page{min-height:100vh;padding:1rem;color:#f8fafc}.public-share-header h1{margin:0}.public-share-subtitle{margin:.5rem 0 1rem;color:#cbd5e1}.public-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.public-share-tile{border:0;background:transparent;border-radius:10px;overflow:hidden;padding:0;cursor:pointer}.public-share-tile.single{width:min(420px,92vw)}.public-share-image{width:100%;height:180px;object-fit:cover;display:block;border-radius:10px}.public-share-placeholder{width:100%;min-height:180px;background:#1f2937}.public-viewer{position:fixed;inset:0;display:grid;place-items:center;z-index:50}.public-viewer-backdrop{position:absolute;inset:0;border:0;background:#020617d9}.public-viewer-content{position:relative;z-index:1;width:min(1200px,96vw);max-height:86vh;background:#0f172a;border-radius:24px;padding:2rem;display:grid;gap:.75rem}.public-viewer-content.fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0;padding:0;background:#020617}.public-viewer-topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.public-viewer-topbar-actions{display:flex;align-items:center;gap:.5rem}.public-viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-viewer-close{border:1px solid rgba(148,163,184,.5);background:transparent;color:#f8fafc;border-radius:999px;padding:.35rem .75rem;cursor:pointer}.public-viewer-frame{width:100%;min-height:240px;max-height:62vh;display:grid;place-items:center;background:#111827;border-radius:16px;overflow:hidden;cursor:zoom-in}.public-viewer-frame.portrait{width:auto;height:62vh;max-width:100%;justify-self:center}.public-viewer-frame.fullscreen{height:100%;max-height:100%;min-height:0;cursor:zoom-out;border-radius:0;background:#020617}.public-viewer-content.fullscreen .public-viewer-frame.portrait{width:100%;height:100%}.public-viewer-image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;image-orientation:from-image}.public-viewer-actions{display:flex;justify-content:flex-end;gap:.75rem}