:root{--color-bg-primary: #141414;--color-bg-secondary: #1a1a1a;--color-surface: #242424;--color-accent: #4a9eff;--color-text-primary: #e8e8e8;--color-text-secondary: #888888}.filter-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#00000073;z-index:120}.filter-panel{position:fixed;top:0;right:0;width:min(22rem,100vw);height:100dvh;background:var(--color-bg-secondary);border-left:1px solid #333;z-index:130;display:flex;flex-direction:column;overflow-x:hidden}.filter-panel__header{padding:1rem 1.25rem;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;flex-shrink:0}.filter-panel__header .section-title{min-width:0}.filter-panel__header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.filter-panel__body{padding:1rem 1.25rem;overflow-x:hidden;overflow-y:auto;min-width:0;min-height:0}.filter-section__title{margin:0;font-size:.9375rem;font-weight:600}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.filter-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}.button.filter-chip--active,.filter-chip--active{border-color:var(--color-accent);background:var(--color-accent);color:#081018;box-shadow:0 0 0 1px #4a9eff59}.button.filter-chip--active:hover,.filter-chip--active:hover{background:#6db0ff;border-color:#6db0ff;color:#081018}.filter-color-preset{display:inline-flex;align-items:center;gap:.4rem}.filter-color-preset__swatch{width:.85rem;height:.85rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);flex-shrink:0}.button.filter-chip--active .filter-color-preset__swatch{border-color:#08101859}.filter-list{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto}.filter-list__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem .75rem;border-radius:8px;border:1px solid transparent;cursor:pointer}.filter-list__item--active{border-color:var(--color-accent);background:#4a9eff26;color:var(--color-text-primary)}.filter-color-picker{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;border:1px solid transparent}.filter-color-picker--active{border-color:var(--color-accent);background:#4a9eff26}.filter-color-picker input[type=color]{width:2.5rem;height:2.5rem;border:0;padding:0;background:transparent}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-chips__chip,.filter-chips__reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #444;border-radius:999px;background:var(--color-surface);color:var(--color-text-primary);padding:.25rem .625rem;font-size:.8125rem;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem}.filter-chips__reset{border-color:var(--color-accent);color:var(--color-accent)}.app-header__filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.app-header__filter-button{position:relative}.app-header__filter-badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.1rem;height:1.1rem;border-radius:999px;background:var(--color-accent);color:#081018;font-size:.6875rem;font-weight:700;display:grid;place-items:center;padding:0 .25rem}.app-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text-primary)}.app-shell--photo{background:#0a0a0a}.app-chrome{flex-shrink:0;position:sticky;top:0;z-index:100;background:var(--color-bg-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.5rem;background:var(--color-bg-secondary);border-bottom:1px solid #2e2e2e}.app-header__brand{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;display:inline-flex;align-items:baseline;gap:0;min-width:0}.app-header__brand-title{flex-shrink:0}.app-header__brand-subtitle{margin-left:.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__actions{display:flex;align-items:center;gap:.75rem}.app-header__actions .button,.app-header__actions .select{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.25;height:2.5rem;padding:0 1rem}.app-header__actions .select{width:auto;min-width:8rem}.app-main{flex:1;min-height:0;overflow-y:auto;padding:1.5rem;max-width:960px;width:100%;margin:0 auto}.app-main--browse{display:flex;flex-direction:column;max-width:none;overflow:hidden;padding:0}.app-main--photo-overlay{position:relative;flex:1;min-height:0;overflow:visible}.app-footer{flex-shrink:0;padding:.75rem 1.5rem;background:var(--color-bg-secondary);border-top:1px solid #2e2e2e;color:var(--color-text-secondary);font-size:.875rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;height:2.5rem;padding:0 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.25;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.button--primary{background:var(--color-accent);color:#081018}.button--primary:hover{background:#6db0ff}.button--secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:#3a3a3a}.button--secondary:hover{border-color:#555}.button:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid #333;border-radius:12px;padding:1.25rem}.stack{display:flex;flex-direction:column;gap:1rem}.inline-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.inline-list__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:8px}.folder-path{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;word-break:break-all}.field-label{display:block;margin-bottom:.375rem;color:var(--color-text-secondary);font-size:.875rem}.select,.input{width:100%;padding:.625rem .75rem;border-radius:8px;border:1px solid #3a3a3a;background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.25}.input--error{border-color:#c45c5c}.filter-date-hint{font-size:.8125rem;margin:0}.banner{padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem}.banner--warning{background:#3a2d14;border:1px solid #7a5c1f;color:#ffd68a}.banner--info{background:#142033;border:1px solid #2d4f7a;color:#a8cfff}.wizard-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.wizard-step-dot{width:.75rem;height:.75rem;border-radius:999px;background:#444}.wizard-step-dot--active{background:var(--color-accent)}.wizard-step-dot--done{background:#6db0ff}.progress-bar{width:100%;height:.625rem;background:#333;border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-accent);transition:width .2s ease}.muted{color:var(--color-text-secondary)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.page-header__main{min-width:0}.page-header__actions{display:flex;flex-shrink:0;gap:.5rem}.section-disabled{opacity:.55}@media(max-width:720px){.app-main{padding:1rem}.app-header{padding:.75rem 1rem;flex-wrap:wrap}.app-header__brand-subtitle{display:none}}.export-dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#00000073;z-index:140;cursor:pointer}.export-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;width:min(28rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;padding:0;overflow:hidden}.export-dialog__header,.export-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #333}.export-dialog__footer{border-bottom:0;border-top:1px solid #333;justify-content:flex-end}.export-dialog__body{padding:1rem 1.25rem;overflow-y:auto}.export-dialog__fieldset{border:0;margin:0;padding:0}.export-dialog__legend{font-weight:600;margin-bottom:.5rem}.export-dialog__radio{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;cursor:pointer}.export-dialog__field{gap:.375rem}.export-dialog__label{color:var(--color-text-secondary);font-size:.875rem}.export-dialog__confirm{margin:0}.export-dialog__error{margin:0;color:#f08080}.browse-selection-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:0 1.5rem}.browse-selection-toolbar__count{font-size:.875rem;flex-shrink:0;white-space:nowrap}.photo-thumbnail-wrap{position:relative}.photo-thumbnail-wrap--selected .photo-thumbnail__media{outline:2px solid var(--color-accent);outline-offset:-2px}.photo-thumbnail__select{position:absolute;right:.375rem;bottom:.375rem;z-index:2;width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer}.photo-thumbnail-wrap--timeline{flex:0 0 auto}.photo-thumbnail-wrap--grid{width:100%}.browse-page{--timeline-thumbnail-size: 112px;--timeline-scrollbar-gutter: 16px;display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.browse-layout{display:flex;flex-direction:column;flex:1;min-height:0}.browse-preserve{visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg-primary)}.browse-preserve .browse-page{flex:1;min-height:0}.browse-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1rem 1.5rem 0;flex-shrink:0;background:var(--color-bg-primary)}.browse-toolbar__group{display:flex;align-items:center;gap:.75rem}.browse-toolbar__label{color:var(--color-text-secondary);font-size:.875rem}.browse-toolbar__select{width:auto;min-width:10rem}.browse-toggle{display:inline-flex;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden}.browse-toggle__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--color-bg-secondary);color:var(--color-text-primary);padding:.5rem .875rem;cursor:pointer}.browse-toggle__button--active{background:var(--color-accent);color:#081018}.browse-scroll{flex:1;min-height:0;overflow:auto;padding:0 1.5rem 1.5rem}.browse-scroll__inner{position:relative;width:100%}.browse-scroll__item{position:absolute;top:0;left:0;width:100%;padding-bottom:.75rem;overflow:visible}.browse-section-title{margin:0;font-weight:600}.browse-section-title--year{font-size:1.5rem;padding-top:.5rem}.browse-section-title--month{font-size:1.125rem;color:var(--color-text-primary)}.browse-section-title--day{font-size:.9375rem;color:var(--color-text-secondary);font-weight:500}.browse-timeline-day{display:flex;flex-direction:column;gap:.5rem}.browse-timeline-day__label{flex:0 0 auto}.browse-timeline-row{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;overflow-y:hidden;flex:0 0 auto;scrollbar-gutter:stable;min-height:calc(var(--timeline-thumbnail-size) + var(--timeline-scrollbar-gutter));padding-bottom:0}.browse-grid-row{position:absolute;top:0;left:0;width:100%;display:grid;gap:.75rem;padding-bottom:.75rem}.photo-thumbnail{position:relative;display:block;padding:0;border:0;background:var(--color-bg-secondary);border-radius:8px;overflow:hidden;cursor:pointer;flex:0 0 auto}.photo-thumbnail--timeline{width:var(--timeline-thumbnail-size);height:var(--timeline-thumbnail-size)}.photo-thumbnail--grid{width:100%;aspect-ratio:1;height:auto}.photo-thumbnail--with-caption{display:flex;flex-direction:column;height:auto;overflow:visible;background:transparent;border-radius:0}.photo-thumbnail--grid.photo-thumbnail--with-caption{aspect-ratio:unset}.photo-thumbnail__media{position:relative;display:block;width:100%;overflow:hidden;border-radius:8px;background:var(--color-bg-secondary)}.photo-thumbnail--timeline .photo-thumbnail__media,.photo-thumbnail:not(.photo-thumbnail--with-caption) .photo-thumbnail__media{height:100%}.photo-thumbnail--grid.photo-thumbnail--with-caption .photo-thumbnail__media{aspect-ratio:1}.photo-thumbnail__caption{display:block;padding-top:.375rem;font-size:.75rem;color:var(--color-text-secondary);text-align:center;line-height:1.2}.photo-thumbnail__image{width:100%;height:100%;object-fit:cover;display:block}.photo-thumbnail__skeleton{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--color-bg-secondary) 0%,#2e2e2e 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:browse-shimmer 1.2s ease-in-out infinite}.photo-thumbnail__error{display:grid;place-items:center;width:100%;height:100%;color:var(--color-text-secondary);font-size:.75rem;text-align:center;padding:.5rem}.browse-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:0 1.5rem 1.5rem}.browse-skeleton__item{aspect-ratio:1;border-radius:8px;background:linear-gradient(90deg,var(--color-surface) 0%,#2e2e2e 50%,var(--color-surface) 100%);background-size:200% 100%;animation:browse-shimmer 1.2s ease-in-out infinite}.browse-empty{margin:0 1.5rem;text-align:center}.browse-loading-more{text-align:center;padding-bottom:1rem}@keyframes browse-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:720px){.browse-toolbar,.browse-scroll,.browse-skeleton{padding-left:1rem;padding-right:1rem}}.app-main--settings{display:flex;flex-direction:column;overflow:hidden;padding:0}.settings-page{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:960px;margin:0 auto;overflow-x:hidden}.settings-page__header{flex-shrink:0;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #333;background:var(--color-bg-primary);align-items:center}.settings-page__header .section-title{margin-bottom:0}.settings-page__body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem 1.5rem 1.5rem}@media(max-width:720px){.settings-page__header,.settings-page__body{padding:1rem}}.photo-viewer{--photo-fade-ms: .32s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:#0a0a0a;color:#f5f5f5}.photo-viewer__toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#0a0a0aeb;border-bottom:1px solid #2a2a2a;position:relative;z-index:3}.photo-viewer__meta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.125rem;text-align:center}.photo-viewer__filename{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#f0f0f0}.photo-viewer__date{font-size:.875rem;color:#b8b8b8}.photo-viewer__position{font-size:.8125rem}.photo-viewer__toolbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.photo-viewer__rotate{min-width:2.75rem;padding-inline:.75rem;font-size:1.25rem;line-height:1}.photo-viewer__image--busy{opacity:.55}.photo-viewer__banner{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);margin:0;padding:.5rem .75rem;border-radius:8px;background:#141414e6;border:1px solid #3a3a3a;color:#f0a8a8;font-size:.875rem;z-index:2;max-width:min(90%,28rem);text-align:center}.photo-viewer__banner.muted{color:#c8c8c8}.photo-viewer__banner--warning{background:#3a2d14f2;border-color:#7a5c1f;color:#ffd68a}.photo-viewer__slideshow{position:relative;z-index:4;pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;min-width:10.5rem;justify-content:center;border:1px solid #4a4a4a;background:#1a1a1a;color:#f0f0f0;font-weight:600}.photo-viewer__slideshow:disabled{opacity:.45;cursor:not-allowed}.photo-viewer__slideshow--idle:hover{border-color:#6a6a6a;background:#242424}.photo-viewer__slideshow--active{border-color:#e8e8e8;background:#1a1a1a;color:#f0f0f0;box-shadow:0 0 0 1px #ffffff59,0 0 14px #d6282859}.photo-viewer__slideshow--active:hover{background:#242424;color:#fff}.photo-viewer__slideshow-dot{width:.55rem;height:.55rem;border-radius:50%;background:#666;flex-shrink:0}.photo-viewer__slideshow--active .photo-viewer__slideshow-dot{background:#d62828;box-shadow:0 0 #d628288c;animation:photo-slideshow-pulse 1.2s ease-out infinite}.photo-viewer--slideshow .photo-viewer__toolbar{border-bottom-color:#5a5a5a}@keyframes photo-slideshow-pulse{0%{box-shadow:0 0 #d628288c}70%{box-shadow:0 0 0 .45rem #d6282800}to{box-shadow:0 0 #d6282800}}.photo-viewer__stage{flex:1;min-height:0;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:.5rem;padding:.5rem}.photo-viewer__frame{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}.photo-viewer__fade{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transition:opacity var(--photo-fade-ms) ease;will-change:opacity}.photo-viewer__fade--visible{opacity:1}.photo-viewer__zoom-label{min-width:3rem;text-align:center;font-size:.8125rem;font-variant-numeric:tabular-nums}.photo-viewer__zoom-button{min-width:2.5rem;padding-inline:.625rem;font-size:1.125rem;line-height:1}.photo-viewer__zoom-surface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:none;cursor:zoom-in}.photo-viewer__zoom-surface--pannable{cursor:grab}.photo-viewer__zoom-surface--panning{cursor:grabbing}.photo-viewer__image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}.photo-viewer__image--thumb{filter:blur(0);opacity:.95}.photo-viewer__image--full{opacity:1}.photo-viewer__image--preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-viewer__nav{align-self:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid #3a3a3a;background:#141414d9;color:#f5f5f5;font-size:1.75rem;line-height:1;cursor:pointer}.photo-viewer__nav:disabled{opacity:.35;cursor:not-allowed}.photo-viewer__nav:not(:disabled):hover{background:#282828f2}.photo-viewer__error{color:#f0a8a8;text-align:center;padding:1rem}@media(max-width:640px){.photo-viewer__stage{grid-template-columns:1fr;grid-template-rows:1fr auto}.photo-viewer__nav--prev,.photo-viewer__nav--next{position:absolute;bottom:1rem;z-index:2}.photo-viewer__nav--prev{left:1rem}.photo-viewer__nav--next{right:1rem}}