:root{--bg:#090b10;--surface:#121722;--surface-alt:#1a2232;--text:#f7f8fa;--muted:#9ba3b3;--accent:#6ca0ff;--border:#293247;--control-bg:#171f2f;--control-border:#34405a;--danger:#ff6b6b;--radius:.6rem}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.pageShell{flex-direction:column;height:100dvh;display:flex}.entryForm{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.entryForm h1{letter-spacing:-.03em;font-size:2.5rem}.entrySubtitle{color:var(--muted);font-size:1rem}.entryInputRow{gap:.5rem;width:min(100%,480px);margin-top:.75rem;display:flex}.entryInput{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;flex:1;padding:.7rem 1rem;font-size:1rem}.entryInput:focus{border-color:var(--accent)}.entryButton{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.7rem 1.5rem;font-size:1rem;font-weight:600}.slideshowShell{touch-action:pan-x pan-y;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.viewport{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.viewportEmpty{color:var(--muted);text-align:center;padding:2rem}.viewportLoadingMore{z-index:5;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mediaImage{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block}.mediaVideo{object-fit:contain;max-width:100%;max-height:100%;display:block}.mediaIframe{border:none;width:100%;height:100%}.mediaFallback{color:var(--muted);flex-direction:column;align-items:center;gap:.5rem;display:flex}.mediaFallback a{color:var(--accent)}.mediaSpinner{border:3px solid var(--surface-alt);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.metaBar{z-index:10;background:linear-gradient(#000000d1 0%,#0000 100%);flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.metaBarCollapsed{background:0 0;padding:.4rem .75rem}.metaContent{flex-direction:column;gap:.25rem;display:flex}.metaTitle{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.metaLinks{color:var(--muted);gap:.75rem;font-size:.8rem;display:flex}.metaLinks a,.metaLink{color:var(--accent);text-decoration:none}.metaLinks a:hover,.metaLink:hover{text-decoration:underline}.metaAuthor{color:var(--muted)}.metaTitleRow{align-items:center;gap:.5rem;min-width:0;display:flex}.metaTitleRow .metaTitle{flex:1;min-width:0}.galleryBadge{border:1px solid var(--accent);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;background:#6ca0ff2e;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.gallerySkipLink{cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.gallerySkipBtn{border-color:var(--accent)!important;color:var(--accent)!important;padding:.35rem .6rem!important;font-size:.8rem!important}.galleryProgress{color:var(--accent);font-size:.8rem}.controls{background:var(--surface);border-top:1px solid var(--border);z-index:10;flex-direction:column;gap:.4rem;padding:.5rem .75rem;display:flex;position:relative}.controlsCollapsed{padding:.3rem .75rem}.collapseToggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;padding:0;font-size:.75rem;line-height:1}.controlsRow{align-items:center;gap:.5rem;display:flex}.controlsNav{justify-content:space-between}.controlsToggles{flex-wrap:wrap;justify-content:center}.controls button,.controls .homeBtn{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:.5rem .7rem;font-size:.85rem;text-decoration:none}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls button.active{border-color:var(--accent);color:var(--accent)}.progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.sortPicker{flex-direction:column;gap:.3rem;display:flex}.sortRow{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.sortBtn{border:1px solid var(--control-border);background:var(--control-bg);color:var(--muted);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:.3rem .6rem;font-size:.78rem;transition:border-color .15s,color .15s}.sortBtn:hover{color:var(--text);border-color:var(--text)}.sortBtn.active{border-color:var(--accent);color:var(--accent);font-weight:600}.timeRow .timeBtn{padding:.2rem .45rem;font-size:.72rem}.statusOverlay{z-index:20;background:#090b10eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.statusCard{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;width:90%;max-width:400px;padding:2rem;display:flex}.statusCard h2{font-size:1.2rem}.statusCard p{color:var(--muted);font-size:.9rem;line-height:1.5}.statusCard button{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.6rem 1.4rem;font-size:.9rem}.statusError .errorCode{color:var(--danger);font-family:monospace;font-size:.85rem}@media (min-width:768px){.entryForm h1{font-size:3.5rem}.metaTitle{font-size:1.1rem}.controls button{padding:.55rem .9rem;font-size:.9rem}}