:root{--bg-blur:14px;--bg-brightness:.55;--radius:18px;--gap:14px;--card-bg:rgba(255,255,255,.1);--card-border:rgba(255,255,255,.22);--shadow:0 10px 30px rgba(0,0,0,.35);--text:#fff;--muted:rgba(255,255,255,.85);--btn-bg:rgba(255,255,255,.12);--btn-border:rgba(255,255,255,.25);--accent:#60a5fa }html,body{height:100%}body{margin:0;color:var(--text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0b0b;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/bg.jpg);background-repeat:repeat;background-size:300px auto;background-position:center;filter:blur(var(--bg-blur)) brightness(var(--bg-brightness));transform:scale(1.1);z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#0003,#0000008c);z-index:-1}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:18px 12px 24px}.banner{width:100%;max-width:720px;position:sticky;top:10px;z-index:40;margin:6px auto 10px;padding:14px 20px 16px;display:flex;align-items:center;justify-content:center;border-radius:20px;border:1px solid var(--card-border);background:radial-gradient(120% 120% at 20% 0%,#ffffff2e,#ffffff1a 55%,#ffffff14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 26px #00000073,inset 0 1px #ffffff2e}.banner-title{font-weight:900;font-size:48px;letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.85),0 0 16px rgba(96,165,250,.55),0 0 28px rgba(96,165,250,.35)}.section-switch{width:100%;display:flex;justify-content:center;margin:6px 0 14px}.switch-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid var(--btn-border);background:radial-gradient(120% 120% at 20% 0%,#ffffff2e,#ffffff1a 55%,#ffffff14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 20px #00000059,inset 0 1px #ffffff2e;color:var(--text);font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.switch-btn:hover{border-color:#ffffff73}.switch-btn:active{transform:scale(.98)}.switch-label{letter-spacing:.5px}.caret{opacity:.9}.grid{width:100%;max-width:440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);padding:0 6px}.grid--single{grid-template-columns:1fr;max-width:340px}.card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.thumb{width:100%;aspect-ratio:1/1;border-radius:18px;border:1px solid var(--card-border);background:var(--card-bg);background-size:cover;background-position:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.label{margin-top:8px;text-align:center;font-weight:700;color:var(--muted)}.detail{width:100%;max-width:520px;margin:10px auto;padding:0 14px 20px;display:flex;flex-direction:column;align-items:center}.back{align-self:flex-start;margin:6px 0 10px;padding:6px 10px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);cursor:pointer}.detail-video,.detail-img{width:100%;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow)}.detail-video{max-height:65vh;object-fit:contain;background:#000}.detail-title{margin-top:12px;font-size:20px;font-weight:800}.detail-desc{margin-top:6px;color:var(--muted);line-height:1.5;white-space:pre-line;font-weight:700}.sheet-backdrop{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:50}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:-60%;height:48%;background:#101010e0;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid var(--btn-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -10px 30px #0006;transition:bottom .22s ease;z-index:60}.sheet.open{bottom:0}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--btn-border)}.sheet-title{font-weight:800}.sheet-close{padding:6px 10px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);cursor:pointer}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.cat-btn{padding:12px;border-radius:12px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);font-weight:700;cursor:pointer}.cat-btn.active{outline:2px solid var(--accent)}@media (min-width:480px){.banner{max-width:760px}.banner-title{font-size:56px}.grid{max-width:520px}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}