:root{--color-bg-app:#090d16;--color-bg-panel:#0f172a;--color-bg-panel-secondary:#1e293b;--color-bg-panel-tertiary:#273549;--color-bg-hover:#334155;--color-bg-overlay:#000000bf;--color-border:#1e293b;--color-border-light:#334155;--color-border-focus:#6366f1;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary:#4f46e5;--color-primary-hover:#6366f1;--color-primary-subtle:#4f46e526;--color-accent:#06b6d4;--color-danger:#f87171;--color-success:#10b981;--color-warning:#f59e0b;--color-notification:#ef4444;--color-progress-track:#334155;--color-progress:#4f46e5;--color-scrollbar:#64748b;--color-scrollbar-track:transparent;--color-thumbnail:#1e293b;--color-thumbnail-hover:#334155;--shadow-panel:0 10px 30px #00000073;--shadow-popup:0 14px 38px #0000008c;--info-panel-width:360px;--edit-sidebar-width:290px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}body[data-theme=light]{--color-bg-app:#f1f5f9;--color-bg-panel:#fff;--color-bg-panel-secondary:#f8fafc;--color-bg-panel-tertiary:#e2e8f0;--color-bg-hover:#e2e8f0;--color-bg-overlay:#0f172ab3;--color-border:#e2e8f0;--color-border-light:#cbd5e1;--color-border-focus:#4f46e5;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-thumbnail:#e2e8f0;--color-thumbnail-hover:#cbd5e1;--color-progress-track:#e2e8f0;--shadow-panel:0 10px 30px #0f172a26;--shadow-popup:0 14px 38px #0f172a40}html,body,#app{-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}body{background:var(--color-bg-app);color:var(--color-text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}button,input,select,textarea{color:inherit;font-family:inherit}.theme-app{background:var(--color-bg-app);color:var(--color-text-primary)}.theme-panel{background:var(--color-bg-panel)}.theme-panel-secondary{background:var(--color-bg-panel-secondary)}.theme-panel-tertiary{background:var(--color-bg-panel-tertiary)}.theme-border{border-color:var(--color-border)}.theme-border-light{border-color:var(--color-border-light)}.theme-text-primary{color:var(--color-text-primary)}.theme-text-secondary{color:var(--color-text-secondary)}.theme-text-muted{color:var(--color-text-muted)}.theme-hover:hover{background:var(--color-bg-hover)}.theme-primary{background:var(--color-primary)}.theme-primary:hover{background:var(--color-primary-hover)}.theme-danger{color:var(--color-danger)}.navigation-button{border-radius:var(--radius-md);text-align:left;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;transition:background-color .15s,color .15s;display:flex}.navigation-button:hover{background:var(--color-bg-hover)}.navigation-button.active{background:var(--color-bg-panel-secondary);font-weight:600}.navigation-sub-button{border-radius:var(--radius-md);text-align:left;width:100%;color:var(--color-text-secondary);align-items:center;gap:.65rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .15s,color .15s;display:flex}.navigation-sub-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.navigation-sub-button.active{background:var(--color-bg-panel-secondary);color:var(--color-text-primary);font-weight:600}.toolbar-button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.875rem;transition:background-color .15s,color .15s,transform .1s;display:flex}.toolbar-button:hover{background:var(--color-bg-hover)}.toolbar-button:active{transform:scale(.97)}.toolbar-button.active{background:var(--color-primary);color:#fff}.selection-tray-button{white-space:nowrap;gap:.3rem;min-height:1.875rem;padding:.3rem .55rem;font-size:.75rem}.thumbnail{background:var(--color-thumbnail);border:2px solid #0000;transition:border-color .15s,background-color .15s,transform .12s}.thumbnail:hover{background:var(--color-thumbnail-hover);border-color:#6366f166;transform:translateY(-2px)}.thumbnail.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e54d}.thumbnail-overlay{background:linear-gradient(#0000 0%,#0000004d 40%,#000c 100%)}.album-card{background:var(--color-bg-panel);border:1px solid var(--color-border);transition:all .2s cubic-bezier(.4,0,.2,1)}.album-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 14px 30px #0006}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:999px}#scrollController{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--color-bg-panel);border-color:var(--color-border-light);box-shadow:var(--shadow-panel)}.scroll-handle{background:var(--color-primary);touch-action:none}.scroll-handle:hover{background:var(--color-primary-hover)}#timeline-scrubber-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-panel);background:#0f172aa6;border:1px solid #ffffff14;transition:background .15s}#timeline-scrubber-container:hover{background:#0f172ae0;border-color:#6366f14d}.timeline-year-text{color:#64748b;letter-spacing:-.02em;font-size:10px;font-weight:600;transition:all .12s}.timeline-year-text:hover{color:#fff;transform:scale(1.15)}.timeline-dot{opacity:.6;background:#475569;border-radius:50%;width:3px;height:3px}.timeline-hover-pill{color:#fff;white-space:nowrap;background:#1e293b;border:1px solid #4f46e5;font-size:11px;font-weight:700;box-shadow:0 4px 14px #0009}.profile-menu,.notification-menu,.autocomplete-dropdown{background:var(--color-bg-panel-secondary);border-color:var(--color-border-light);box-shadow:var(--shadow-popup)}.worker-activity-menu{width:min(28rem,100vw - 6rem)}.notification-badge{background:var(--color-notification)}.worker-activity-badge{background:var(--color-accent)}.progress-track{background:var(--color-progress-track)}.progress-value{background:var(--color-progress)}.info-panel{width:var(--info-panel-width);background:var(--color-bg-panel)}.edit-sidebar{width:var(--edit-sidebar-width);background:var(--color-bg-panel)}.filmstrip-scroll{scrollbar-width:none}.filmstrip-scroll::-webkit-scrollbar{display:none}.filmstrip-item{border:2px solid #0000;transition:all .15s}.filmstrip-item:hover{border-color:var(--color-primary-hover);transform:scale(1.05)}.filmstrip-item.active{border-color:#6366f1;transform:scale(1.1);box-shadow:0 0 12px #6366f199}.tool-tab-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex;position:relative}.tool-tab-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tool-tab-btn.active{color:#fff;background:var(--color-primary)}.tool-card-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-panel-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.65rem .5rem;font-size:.75rem;transition:all .15s;display:flex}.tool-card-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);transform:translateY(-1px)}.tool-card-btn:active{transform:scale(.96)}.tool-card-btn.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:#a5b4fc}.picasa-slider{appearance:none;background:var(--color-border-light);border-radius:999px;outline:none;width:100%;height:5px;transition:background .15s}.picasa-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary-hover);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 4px #0006}.picasa-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.minimap-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);width:160px;box-shadow:var(--shadow-popup);z-index:40;background:#0f172ad9;border:1px solid #ffffff26;transition:opacity .2s,transform .2s;position:absolute;bottom:1.25rem;right:1.25rem;overflow:hidden}.minimap-viewport-box{cursor:move;background:#ef444426;border:2px solid #ef4444;position:absolute;box-shadow:0 0 0 9999px #00000073}.viewport-interactive{cursor:default}.viewport-interactive.can-pan{cursor:grab}.viewport-interactive.is-panning{cursor:grabbing}.crop-ratio-button{border:1px solid var(--color-border);border-radius:.25rem;padding:.25rem .5rem;transition:color .15s,border-color .15s,background .15s}.crop-ratio-button:hover,.crop-ratio-button.active{color:#a5f3fc;background:#0891b229;border-color:#06b6d4b3}.crop-overlay{z-index:25;touch-action:none;cursor:default;position:absolute;inset:0;overflow:hidden}.crop-overlay.drawing{cursor:crosshair}.crop-selection{cursor:move;border:2px solid #67e8f9;min-width:8px;min-height:8px;position:absolute;box-shadow:0 0 0 9999px #020617ad,0 0 0 1px #020617e6}.crop-overlay.drawing .crop-selection{cursor:crosshair}.crop-grid-lines{background:linear-gradient(90deg,#0000 33.1%,#ffffff8c 33.3%,#0000 33.6% 66.4%,#ffffff8c 66.7%,#0000 66.9%),linear-gradient(#0000 33.1%,#ffffff8c 33.3%,#0000 33.6% 66.4%,#ffffff8c 66.7%,#0000 66.9%);position:absolute;inset:0}.crop-handle{background:#a5f3fc;border:2px solid #082f49;border-radius:9999px;width:14px;height:14px;padding:0;position:absolute;box-shadow:0 1px 4px #020617d9}.crop-handle-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.crop-handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.crop-handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.split-pane{border:2px solid #0000;transition:border-color .15s}.split-pane.active-pane{border-color:var(--color-primary);box-shadow:inset 0 0 15px #4f46e540}.face-crop-card{background:var(--color-bg-panel);border:1px solid var(--color-border);transition:all .18s}.face-crop-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-panel);transform:translateY(-2px)}.person-cover-card{background:var(--color-bg-panel);border:1px solid var(--color-border);transition:all .2s cubic-bezier(.4,0,.2,1)}.person-cover-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 28px #0006}.action-icon-btn{border-radius:var(--radius-sm);background:var(--color-bg-panel-secondary);border:1px solid var(--color-border-light);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .12s;display:inline-flex}.action-icon-btn:hover{background:var(--color-bg-hover);transform:scale(1.1)}.action-icon-btn:active{transform:scale(.95)}.action-icon-btn.btn-validate:hover{color:#34d399;background:#065f46;border-color:#059669}.action-icon-btn.btn-ignore:hover{color:#f87171;background:#7f1d1d;border-color:#dc2626}.action-icon-btn.btn-unassign:hover{color:#fb923c;background:#431407;border-color:#ea580c}.action-icon-btn.btn-cover:hover{color:#a5b4fc;background:#1e1b4b;border-color:#6366f1}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-bg-hover);border:1px solid var(--color-border-light);border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:2px;left:2px}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.tag-chip{background:var(--color-bg-panel-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;transition:all .15s;display:inline-flex}.tag-chip:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.tag-chip-delete{cursor:pointer;opacity:.6;transition:opacity .12s}.tag-chip-delete:hover{opacity:1;color:var(--color-danger)}.leaflet-container{background:#090d16!important;font-family:inherit!important}.leaflet-popup-content-wrapper{border:1px solid #334155;color:#f1f5f9!important;background:#0f172a!important;border-radius:10px!important;box-shadow:0 10px 25px #00000080!important}.leaflet-popup-tip{background:#0f172a!important}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#6366f166!important}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{font-family:system-ui,sans-serif;font-weight:700;color:#fff!important;background-color:#4f46e5!important}.picasa-photo-map-thumb{background:#0f172a;border:2px solid #ffffffe6;border-radius:9999px;overflow:hidden;box-shadow:0 2px 8px #00000073}.picasa-photo-map-thumb img{object-fit:cover;width:100%;height:100%;display:block}.picasa-photo-map-dot{justify-content:center;align-items:center;display:flex!important}.picasa-photo-map-dot span{background:#6366f1;border:2px solid #fff;border-radius:9999px;width:10px;height:10px;display:block;box-shadow:0 1px 5px #0000008c}.picasa-map-cluster-cell{color:#fff;background:#4f46e5;border:3px solid #ffffffe0;border-radius:9999px;justify-content:center;align-items:center;font:700 11px/1 system-ui,sans-serif;box-shadow:0 2px 8px #00000073;display:flex!important}.raw-exif-row:nth-child(2n){background:#1e293b59}.raw-exif-row:hover{background:#6366f11f}.modal-backdrop{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-gate{z-index:2000}.fade-enter-active,.fade-leave-active{transition:opacity .15s,transform .15s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-4px)}.modal-enter-active,.modal-leave-active{transition:opacity .2s,transform .2s cubic-bezier(.4,0,.2,1)}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.95)translateY(10px)}.panel-enter-active,.panel-leave-active{transition:opacity .18s,width .18s}.panel-enter-from,.panel-leave-to{opacity:0;width:0}.submenu-enter-active,.submenu-leave-active{transition:opacity .15s,transform .15s}.submenu-enter-from,.submenu-leave-to{opacity:0;transform:translateY(-4px)}.selection-badge{color:#fffc;background:#64748b73;border:1px solid #ffffff80;transition:background .15s,opacity .15s}.selection-badge:hover{background:#64748bd9}.selection-badge.is-selected{color:#fff;background:var(--color-primary);border-color:#fff}.selection-badge:focus-visible{outline-offset:2px;outline:2px solid #fff}.thumbnail:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}