body{margin:0}html,body,#root{height:100%}.app{flex-direction:column;min-height:100vh;display:flex}.container{flex:1}:root{--bg:#0b0b0d;--card:#141419;--text:#f2f2f3;--muted:#b9b9c2;--border:#ffffff1f;--radius:18px;--shadow:0 14px 40px #00000059}*{box-sizing:border-box}body{background:linear-gradient(180deg,var(--bg),#050506);color:var(--text);margin:0;font-family:system-ui}.container{width:min(1400px,100% - 64px);margin:0 auto}.small{font-size:12px}.muted{color:var(--muted)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0b0db3;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__dot{background:#fff;border-radius:50%;width:10px;height:10px}.brand__name{font-weight:700}.hero{padding:34px 0 14px}.hero h1{margin:0 0 6px;font-size:clamp(30px,4vw,50px)}.hero p{color:var(--muted);max-width:70ch;margin:0}.controls{justify-content:space-between;align-items:center;gap:14px;padding:18px 0 8px;display:flex}.tabs{flex-wrap:wrap;gap:10px;display:flex}.tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff10;border-radius:999px;padding:10px 14px}.tab.is-active{background:#fff2}.search{border:1px solid var(--border);width:min(360px,100%);color:var(--text);background:#0f0f14;border-radius:12px;padding:10px 12px}.grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0 40px;display:grid}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);cursor:pointer;overflow:hidden;box-shadow:0 10px 30px #0000002e}.thumb{background:#101016;justify-content:center;align-items:center;display:flex}.thumb img{object-fit:contain;width:100%;height:auto;max-height:260px}.card__body{padding:12px 12px 14px}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.card h3{margin:0 0 8px;font-size:16px}.excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{border:1px solid var(--border);background:#ffffff0e;border-radius:999px;padding:6px 10px;font-size:12px}.footer{border-top:1px solid var(--border);background:#0000002e;padding:18px 0}.footer__inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal{z-index:50;background:#000000c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal__panel{border:1px solid var(--border);width:min(980px,96vw);max-height:88vh;box-shadow:var(--shadow);background:#0f0f14;border-radius:18px;padding:16px;position:relative;overflow:auto}.modal__close{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff10;border-radius:999px;position:absolute;top:12px;right:12px}.modal__head{padding-right:44px}.modal__head h2{margin:6px 0 10px;font-size:22px}.modal__text{color:var(--muted);margin:0 0 14px;line-height:1.5}.gallery{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:10px;margin:12px 0 6px;display:grid}.gallery img{object-fit:contain;border:1px solid var(--border);background:#000;border-radius:14px;width:100%;height:auto}.videoGrid{grid-template-columns:1fr;gap:10px;margin:12px 0 6px;display:grid}.videoGrid video{object-fit:contain;border:1px solid var(--border);background:#000;border-radius:14px;width:100%;height:auto;max-height:80vh}img{max-width:100%;height:auto}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.controls{flex-direction:column;align-items:stretch}.search{width:100%}.gallery{grid-template-columns:1fr}.gallery img{height:260px}}@media (max-width:520px){.grid{grid-template-columns:1fr}}