:root{--bg: #0b0b0b;--fg: #eaeaea;--muted: #9aa0a6;--card: #161616;--accent: #3b82f6}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,Segoe UI,Roboto,Ubuntu,Inter,sans-serif}.topbar{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#0e0e0e,#0b0b0b);border-bottom:1px solid #1f1f1f;padding:10px 16px}.topbar h1{margin:0;font-size:18px;font-weight:600;letter-spacing:.3px}.gallery{display:grid;gap:12px;padding:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{background:var(--card);border:1px solid #222;border-radius:12px;overflow:hidden;transition:transform .12s ease,border-color .12s ease;cursor:pointer}.card:hover{transform:translateY(-2px);border-color:#2a2a2a}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0f0f0f}.meta{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.meta .name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta .open{font-size:12px;color:var(--accent)}.overlay{position:fixed;inset:0;background:#000;display:none;flex-direction:column;z-index:5}.overlay[aria-hidden=false]{display:flex}.viewer-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #1c1c1c;background:#0b0b0bcc;-webkit-backdrop-filter:saturate(140%) blur(4px);backdrop-filter:saturate(140%) blur(4px)}.btn{background:#151515;border:1px solid #242424;color:var(--fg);padding:8px 12px;border-radius:10px;cursor:pointer}.btn:hover{border-color:#2f2f2f}.title-wrap{display:flex;gap:10px;align-items:baseline;min-width:0}.title{font-weight:600}.index{font-size:12px;color:var(--muted)}.viewer{position:relative;flex:1;min-height:0}.viewer a-scene{height:100%!important;width:100%!important}.nav{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0 6px}.nav-btn{pointer-events:auto;appearance:none;border:none;border-radius:999px;width:44px;height:44px;background:#0b0b0bcc;border:1px solid #222;color:var(--fg);font-size:26px;line-height:1;cursor:pointer}.nav-btn:hover{background:#111}.back-home-btn{background:none;border:1px solid white;color:#fff;padding:5px 10px;cursor:pointer;margin-right:1rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.cat-card{background:#222;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.cat-card:hover{transform:scale(1.03)}.cat-card img{width:100%;height:150px;object-fit:cover}.cat-card h2{padding:1rem;font-size:1.2rem;text-align:center;color:#fff}.pagination-btn{background:#222;color:#fff;border:1px solid #444;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#333;border-color:#666}.pagination-btn:disabled{cursor:not-allowed}