:root{--bg: #0f1115;--bg-elevated: #181b22;--border: #2a2e38;--text: #e8eaed;--text-dim: #9aa0ab;--accent: #4f8cff;--danger: #ff5c5c;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font-family:inherit;cursor:pointer}.app-header{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.app-header__brand{font-weight:600;font-size:1.1rem}.app-header__back{color:var(--text-dim);text-decoration:none;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius)}.app-header__back:hover{border-color:var(--accent);color:var(--text)}.app-header__nav{display:flex;gap:16px;flex:1}.app-header__nav a{color:var(--text-dim);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}.app-header__nav a.active{color:var(--text);border-bottom-color:var(--accent)}.app-header__actions{display:flex;align-items:center;gap:12px}@media (max-width: 700px){.app-header{flex-wrap:wrap;gap:8px 14px;padding:10px 14px}.app-header__brand{font-size:1rem}.app-header__nav{flex:1 1 100%;order:3}.app-header__actions{flex-wrap:wrap;gap:8px}}.folder-toolbar{display:flex;align-items:center;gap:14px;padding:16px 20px}.folder-breadcrumbs{flex:1;font-weight:600}.folder-breadcrumbs a{color:var(--text-dim);text-decoration:none;font-weight:400}.folder-breadcrumbs a:hover{color:var(--accent)}.folder-breadcrumbs__sep{color:var(--text-dim)}.folder-breadcrumbs__current{color:var(--text)}.folder-breadcrumbs__link{background:none;border:none;padding:0;color:var(--text-dim);font-weight:400;font-size:1rem}.folder-breadcrumbs__link:hover{color:var(--accent)}.create-album-button{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:6px 14px;border-radius:var(--radius)}.sharing-button{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:var(--radius)}.sharing-button:hover{border-color:var(--accent)}.modal-content--form{width:420px;max-width:90vw;max-height:85vh;padding:22px 24px;display:flex;flex-direction:column;gap:12px}.modal-content--form h3{margin:0 0 4px;flex-shrink:0}.sharing-hint{margin:0;color:var(--text-dim);font-size:.8rem;line-height:1.4;flex-shrink:0}.sharing-email-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:60px;max-height:280px;overflow-y:auto}.sharing-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem}.sharing-option__you{color:var(--text-dim);font-size:.8rem}.sharing-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;flex-shrink:0}.sharing-actions button:first-child{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:var(--radius)}.modal-content--form .folder-breadcrumbs{flex:0 0 auto}.folder-picker__list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:60px;max-height:280px;overflow-y:auto}.folder-picker__item{background:transparent;border:1px solid transparent;color:var(--text);text-align:left;padding:8px 10px;border-radius:6px;font-size:.9rem}.folder-picker__item:hover{border-color:var(--border);background:var(--bg)}.folder-picker__empty{color:var(--text-dim);font-size:.85rem;padding:8px 0}.thumb--folder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:10px}.thumb__folder-icon{font-size:2.4rem}.thumb__folder-name{font-size:.85rem;word-break:break-word}.logout-button,.login-button{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:var(--radius)}.logout-button:hover,.login-button:hover{border-color:var(--accent)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;text-align:center}.login-button{padding:10px 28px;font-size:1rem}.auth-callback{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-dim)}.edit-switch{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-switch input{display:none}.edit-switch__track{width:36px;height:20px;background:var(--border);border-radius:999px;position:relative;transition:background .15s}.edit-switch input:checked+.edit-switch__track{background:var(--accent)}.edit-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s}.edit-switch input:checked+.edit-switch__track .edit-switch__thumb{transform:translate(16px)}.edit-switch__label{font-size:.85rem;color:var(--text-dim)}.tag-filter-bar{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.tag-filter-bar__search{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius);font-size:.9rem;max-width:320px;width:100%}.tag-filter-bar__search:focus{outline:none;border-color:var(--accent)}.tag-filter-bar__selected,.tag-suggestions{display:flex;flex-wrap:wrap;gap:8px}.tag-suggestions__hint{color:var(--text-dim);font-size:.85rem;padding:4px 0}.tag-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);padding:5px 12px;border-radius:999px;font-size:.85rem}.tag-chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-chip__count{opacity:.6;font-size:.75rem}.tag-chip--clear{color:var(--danger);border-color:var(--danger)}.tag-chip--editable .tag-chip__remove{background:none;border:none;color:inherit;margin-left:4px;font-size:1rem;line-height:1}.gallery-page{padding-bottom:80px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:0 20px}.thumb-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.thumb-wrap__name{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:6px;cursor:pointer;background:var(--bg-elevated)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb--selected{outline:3px solid var(--accent)}.thumb__video-badge{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px}.thumb__checkbox{position:absolute;top:8px;left:8px;width:20px;height:20px;border:2px solid white;border-radius:4px;background:#0000004d}.thumb__checkbox--checked{background:var(--accent);border-color:var(--accent)}.thumb__status-badge{position:absolute;top:6px;right:6px;background:#0009;padding:2px 5px;border-radius:4px;font-size:.8rem}.thumb__rename{position:absolute;top:6px;right:6px;background:#00000080;color:#fff;border:none;width:26px;height:26px;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center}.thumb__rename:hover{background:#000000bf}.thumb__move{position:absolute;top:6px;left:6px;background:#00000080;color:#fff;border:none;width:26px;height:26px;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center}.thumb__move:hover{background:#000000bf}.thumb__delete{position:absolute;bottom:6px;right:6px;background:#00000080;color:#fff;border:none;width:26px;height:26px;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center}.thumb__delete:hover{background:var(--danger)}.gallery-empty,.gallery-loading{padding:60px 20px;text-align:center;color:var(--text-dim)}.gallery-sentinel{height:1px}.bulk-toolbar{position:fixed;bottom:20px;left:0;right:0;margin:0 auto;width:fit-content;display:flex;flex-direction:column;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);padding:10px 16px;border-radius:var(--radius);box-shadow:0 8px 24px #0006;z-index:30;max-width:92vw}.bulk-toolbar__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-toolbar input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px}.bulk-toolbar button{background:var(--accent);border:none;color:#fff;padding:6px 12px;border-radius:6px}.bulk-toolbar__clear{background:transparent;color:var(--text-dim)}.bulk-toolbar__count{color:var(--text-dim);font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:50}.modal-overlay:has(.modal-content--form){align-items:flex-start;padding-top:4vh}.modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--radius);overflow:hidden}.modal-media{display:flex;align-items:center;justify-content:center;background:#000;width:92vw;height:78vh;overflow:auto}.modal-media img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.modal-media img.is-zoomed{max-width:none;max-height:none;cursor:zoom-out}.modal-media video{max-width:100%;max-height:100%}.modal-meta{padding:14px 18px;display:flex;flex-direction:column;gap:10px}.modal-meta__date{color:var(--text-dim);font-size:.85rem}.modal-meta__tags{display:flex;flex-wrap:wrap;gap:6px}.modal-meta__name-row{display:flex;gap:8px}.modal-meta__name-input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:.95rem;font-weight:600}.modal-meta__name-input:focus{outline:none;border-color:var(--accent)}.modal-meta__move-button{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:1rem}.modal-meta__move-button:hover{border-color:var(--accent)}.modal-meta__delete-button{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:1rem}.modal-meta__delete-button:hover{border-color:var(--danger);color:var(--danger)}.modal-close,.modal-nav,.modal-fullscreen,.modal-edit-toggle{position:fixed;background:#00000080;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:1.3rem;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover,.modal-nav:hover,.modal-fullscreen:hover,.modal-edit-toggle:hover{background:#000000bf}.modal-close{top:16px;right:16px}.modal-fullscreen{top:16px;right:70px;font-size:1.1rem}.modal-edit-toggle{top:16px;right:124px;font-size:1.1rem}.modal-edit-toggle--active{background:var(--accent)}.modal-nav--prev{left:16px;top:50%;transform:translateY(-50%)}.modal-nav--next{right:16px;top:50%;transform:translateY(-50%)}.modal-zoom-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#0009;padding:6px 16px;border-radius:999px;z-index:10}.modal-zoom-controls button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:28px;height:28px;border-radius:50%;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.modal-zoom-controls button:disabled{opacity:.4}.modal-zoom-controls__level{color:#fff;font-size:.8rem;min-width:40px;text-align:center}@media (max-width: 700px){.modal-content:not(.modal-content--form){width:92vw}.modal-media{width:100%;height:55vh;flex-shrink:0}.modal-meta{flex:1;min-height:0;overflow-y:auto}.modal-close,.modal-nav,.modal-fullscreen,.modal-edit-toggle{width:36px;height:36px;font-size:1.1rem}.modal-fullscreen,.modal-edit-toggle{font-size:.95rem}.modal-close{top:8px;right:8px}.modal-fullscreen{top:8px;right:50px}.modal-edit-toggle{top:8px;right:92px}.modal-nav--prev{left:4px}.modal-nav--next{right:4px}.modal-zoom-controls{bottom:10px}}.tag-editor__current{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag-editor__input-row{display:flex;gap:8px}.tag-editor__input-row input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px}.tag-editor__input-row button{background:var(--accent);border:none;color:#fff;padding:6px 14px;border-radius:6px}.tag-chip--suggestion{background:transparent;border:1px dashed var(--border)}.upload-button{position:relative;display:inline-flex;align-items:center;gap:8px}.upload-button button{background:var(--accent);border:none;color:#fff;padding:6px 14px;border-radius:var(--radius)}.upload-progress{position:absolute;top:110%;right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:10px;min-width:220px;z-index:25}.upload-error{position:absolute;top:110%;right:0;background:var(--bg-elevated);border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:8px 12px;max-width:320px;font-size:.85rem;z-index:25}.inline-error{margin:0 20px 12px;padding:8px 12px;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.85rem}.upload-progress__row{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;font-size:.8rem}.upload-progress__row progress{width:100%}