:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--surface:#1c1c1e;--fg:#f2f2f2;--muted:#9a9a9e;--accent:#7cb7ff;--tab-height:56px;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{-webkit-tap-highlight-color:transparent;margin:0}main{padding:env(safe-area-inset-top) 12px calc(var(--tab-height) + env(safe-area-inset-bottom) + 16px)}.bar{z-index:1;background:var(--bg);align-items:center;gap:8px;padding:12px 0;display:flex;position:sticky;top:0}.bar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:22px;overflow:hidden}.icon{background:var(--surface);min-width:40px;height:40px;color:var(--fg);text-align:center;border:0;border-radius:20px;padding:0;font-size:22px;line-height:40px;text-decoration:none}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px;display:grid}.album{color:inherit;text-decoration:none}.cover{aspect-ratio:1;background:var(--surface);border-radius:10px;overflow:hidden}.cover img,.tile img,.slide img{background:#fff}.cover img,.tile img{object-fit:cover;width:100%;height:100%;display:block}.album .title{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;overflow:hidden}.album .count{color:var(--muted);font-size:13px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:3px;display:grid}.tile{aspect-ratio:1;background:var(--surface);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pin-mark{color:#ffd25e;text-align:center;background:#000000a6;border-radius:11px;width:22px;height:22px;font-size:14px;line-height:22px;display:none;position:absolute;top:4px;left:4px}.tile.pinned .pin-mark{display:block}.badge{color:var(--fg);background:#000000b3;border-radius:8px;padding:1px 6px;font-size:12px;position:absolute;bottom:4px;right:4px}.placeholder{background:var(--surface);width:100%;height:100%}.tabs{height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1c1ef0;border-top:1px solid #2c2c2e;display:flex;position:fixed;inset:auto 0 0}.tabs a{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.tabs a.active{color:var(--accent)}.notice{color:#ff9f8a}.empty{color:var(--muted)}.offline-bar{inset:auto 0 calc(var(--tab-height) + env(safe-area-inset-bottom));z-index:1;color:#ffd27a;text-align:center;background:#3a2f12;padding:6px 12px;font-size:13px;position:fixed}body.offline main{padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 48px)}body.offline .needs-network,body.viewing .offline-bar{display:none!important}.login{flex-direction:column;gap:12px;max-width:320px;margin:20vh auto 0;display:flex}input,button{font:inherit;background:var(--surface);color:var(--fg);border:0;border-radius:10px;padding:12px}button[type=submit]{background:var(--accent);color:#000}a{color:var(--accent)}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:14px;line-height:1.4}.source+.source{margin-top:28px}.source h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 12px;font-size:13px;font-weight:600}.versions-link{margin:-4px 0 12px;font-size:14px;text-decoration:none;display:block}.pill,a.button{background:var(--surface);white-space:nowrap;border-radius:16px;padding:8px 12px;font-size:14px;text-decoration:none;display:inline-block}body.viewing{overflow:hidden}.viewer{z-index:10;background:#000;position:fixed;inset:0}.track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x;height:100%;display:flex;overflow:auto hidden}.viewer.zoomed .track{touch-action:none;overflow-x:hidden}.track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.chrome,.caption{transition:opacity .2s;position:absolute;left:0;right:0}.viewer.bare .chrome,.viewer.bare .caption{opacity:0;pointer-events:none}.chrome.top{padding:calc(env(safe-area-inset-top) + 8px) 12px 16px;background:linear-gradient(#0009,#0000);align-items:center;gap:12px;display:flex;top:0}.counter{color:var(--muted);font-size:14px}.caption{padding:24px 16px calc(env(safe-area-inset-bottom) + 16px);overflow-wrap:anywhere;background:linear-gradient(#0000,#000000bf);font-size:14px;line-height:1.4;bottom:0}.caption .filename{font-weight:600}.caption .description,.caption .meta{color:#d0d0d4}.version-group{background:#181818;border-radius:12px;margin-bottom:24px;padding:12px}.group-title{overflow-wrap:anywhere;margin-bottom:10px}.version-row{gap:10px;margin-bottom:12px;display:flex;overflow-x:auto}.version-link{color:inherit;text-decoration:none}.version-row>*{flex:0 0 120px}.version{margin:0;font-size:12px}.version .tile{cursor:default;border-radius:8px}.version.current .tile{outline:2px solid var(--accent);outline-offset:-2px}.version figcaption{margin-top:6px}input[type=search]{width:100%;font-size:17px}.combine{margin:12px 0}.combine summary{color:var(--accent);cursor:pointer;font-size:15px}.filters{flex-direction:column;gap:10px;margin-top:10px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-label{width:76px;color:var(--muted);font-size:14px}.chip,.picker{border-radius:14px;padding:6px 10px;font-size:14px}.chip{background:#24324a}.picker{background:var(--surface);max-width:160px;color:var(--accent);font:inherit;border:0;font-size:14px}.status{font-size:14px}main h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:16px 0 10px;font-size:13px;font-weight:600}.album-row{grid-auto-columns:130px;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.pin-toggle{color:var(--fg);border:0;margin-left:auto}.pin-toggle.on{color:#ffd25e}.pin-list{margin:0 0 20px;padding:0;list-style:none}.pin-row{background:var(--bg);border-radius:10px;align-items:center;gap:10px;height:64px;margin-bottom:6px;padding:4px 8px 4px 0;transition:transform .15s;display:flex}.pin-row.dragging{z-index:2;background:var(--surface);transition:none;position:relative;box-shadow:0 6px 18px #00000080}.handle{width:40px;height:100%;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:22px;display:flex}.pin-thumb{border-radius:6px;flex:0 0 56px;height:56px;overflow:hidden}.pin-thumb img{object-fit:cover;background:#fff;width:100%;height:100%;display:block}.pin-name{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.pin-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pin-name .muted{font-size:12px}button.danger{color:#ff8a7a;width:100%}