:root{--bg-0:#181b20;--bg-1:#1f2329;--panel:#1c1f25;--panel-hi:#262b33;--text:#f3f4f6;--muted:#9aa3b1;--accent:#f1c600}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,#2c3138 0,var(--bg-0) 45%,#121419 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit}.page{min-height:100vh}.wrap{width:min(1200px,96vw);margin:0 auto;padding:24px 0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand{font-weight:900;letter-spacing:.4px;font-size:28px}.brand-accent{color:var(--accent)}.device-pill{border-radius:999px;padding:8px 12px;background:#262b33;border:1px solid #353c47;color:#d5d9df;font-size:12px;max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px}.tile{position:relative;border-radius:12px;overflow:hidden;background:var(--panel);border:1px solid #2c3138;cursor:pointer;aspect-ratio:1/1;padding:0}.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;background:rgba(0,0,0,.55);color:#fff}.badge-duration{top:7px;right:7px}.badge-quality{bottom:7px;right:7px}.viewer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:40;display:grid;place-items:center;padding:18px}.viewer{width:min(1200px,100%);max-height:95vh;background:linear-gradient(180deg,#1f242b,#171a1f);border:1px solid #2f3540;border-radius:16px;overflow:hidden;box-shadow:0 20px 65px rgba(0,0,0,.55)}.viewer-media{position:relative;background:#0f1115;aspect-ratio:16/10}.viewer-media img,.viewer-media video{width:100%;height:100%;object-fit:contain}.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-top:1px solid #2b313b}.glass-btn{border:1px solid #3a424f;background:linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.05));color:#f0f2f5;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer}.glass-btn:disabled{opacity:.5;cursor:default}.quality-select{border:1px solid #3a424f;background:#20252d;color:#fff;border-radius:10px;padding:6px 8px}.meta{font-size:12px}.empty,.meta{color:var(--muted)}.empty{padding:24px;text-align:center}