:root{--bg:#0e0e11;--bg-panel:#16171d;--text:#e5e5ea;--text-dim:#9199a8;--border:#2a2c35;--accent:#6b8afd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}h1,h2{margin:0;font-weight:600}button{font:inherit;color:inherit}.app-shell{flex-direction:column;height:100%;display:flex}.app-layout{flex:1;min-height:0;display:flex}.mobile-topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:none}.mobile-topbar-title{font-size:16px;font-weight:600}.sidebar-backdrop{display:none}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-shrink:0;width:260px;padding:20px 12px;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;padding:0 4px 16px 8px;display:flex}.sidebar-title{font-size:18px}.sidebar-close{display:none}@media (width<=720px){.mobile-topbar{display:flex}.app-layout{position:relative}.sidebar-backdrop{z-index:199;background:#00000080;display:block;position:fixed;inset:0}.sidebar{z-index:200;width:82vw;max-width:300px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:flex}}.sidebar-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:0 8px 6px;font-size:11px;font-weight:600}.album-list{margin:0;padding:0;list-style:none}.album-link{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.album-link:hover{background:#ffffff0f}.album-link.active{color:var(--accent);background:#6b8afd26}.album-count{color:var(--text-dim);font-size:12px}.main-panel{flex:1;padding:24px 32px;overflow-y:auto}@media (width<=720px){.main-panel{padding:16px}}.album-grid-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.album-grid-title{font-size:22px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.thumb{aspect-ratio:1;background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:0;display:block;overflow:hidden}.thumb:hover{border-color:var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.status-screen{height:100%;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.status-error{color:#f87171}.viewer{z-index:100;background:#000;position:fixed;inset:0}.viewer-toolbar{z-index:102;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.viewer-toolbar-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.viewer-toolbar-actions{align-items:center;gap:8px;display:flex}.viewer-icon-button{width:36px;height:36px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.viewer-icon-button:hover{background:#ffffff24}.viewer-distraction-free-exit{z-index:102;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffff8c;cursor:pointer;opacity:.6;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s;display:flex;position:absolute;top:12px;right:16px}.viewer-distraction-free-exit:hover{opacity:1;color:var(--text)}.viewer-icon-button.active{border-color:var(--accent-border,var(--accent));color:var(--accent);background:#6b8afd26}.viewer-mode-toggle{height:36px;color:var(--text);border:1px solid var(--border);letter-spacing:.02em;cursor:pointer;background:#ffffff14;border-radius:18px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:relative}.viewer-mode-toggle:hover{background:#ffffff24}.viewer-mode-toggle.active{border-color:var(--accent-border,var(--accent));color:var(--accent);background:#6b8afd26}.viewer-image.force-sdr{dynamic-range-limit:standard}.viewer-image-area{touch-action:none;justify-content:center;align-items:center;padding:0 8px;display:flex;position:absolute;inset:0}.viewer-image{object-fit:contain;max-width:100%;max-height:100%}.viewer-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:48px;height:48px;color:var(--text);cursor:pointer;z-index:101;background:#0006;border:1px solid #fff3;border-radius:50%;font-size:24px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover:not(:disabled){background:#0009}.viewer-nav:disabled{opacity:.25;cursor:default}.viewer-nav-prev{left:16px}.viewer-nav-next{right:16px}.viewer-meta{z-index:102;text-align:center;pointer-events:none;background:linear-gradient(#0000,#000000bf);padding:40px 24px 20px;position:absolute;bottom:0;left:0;right:0}.viewer-meta-title{font-size:16px;font-weight:600}.viewer-meta-caption{color:var(--text-dim);margin-top:2px}.viewer-meta-date{color:var(--text-dim);margin-top:4px;font-size:13px}.viewer-info-panel{text-align:left;background:var(--bg-panel);border:1px solid var(--border);pointer-events:auto;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 12px;max-width:420px;margin:16px auto 0;padding:12px 16px;display:grid}.viewer-info-panel dt{color:var(--text-dim);font-size:12px}.viewer-info-panel dd{margin:0;font-size:13px}.share-menu{display:inline-flex;position:relative}.share-menu-popover{background:var(--bg-panel);border:1px solid var(--border);z-index:110;border-radius:8px;min-width:140px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.share-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:8px 10px;font-size:13px;display:block}.share-menu-item:hover{background:#ffffff14}.share-menu-toast{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;z-index:110;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;top:calc(100% + 8px);right:0}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-panel);border:1px solid var(--border);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;z-index:120;border-radius:6px;padding:4px 8px;font-size:12px;transition:opacity .1s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1}