:root{--bg:#0b0f14;--panel:#0e141b;--text:#e6eef6;--muted:#9bb3c7;--accent:#006699;--accent-2:#40a3d8;--card:#0c131a;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,var(--bg) 0%,rgba(11,15,20,.9) 70%,rgba(11,15,20,0) 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px 8px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-badge{width:34px;height:34px;border-radius:10px;background:radial-gradient(120% 120% at 20% 0%,var(--accent-2),var(--accent));display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:var(--shadow)}.title{font-weight:800;letter-spacing:.3px}.subtitle{color:var(--muted);font-size:12px}.header-right{margin-left:auto;display:flex;gap:8px}.btn{background:var(--panel);border:1px solid rgba(255,255,255,.06);color:var(--text);padding:8px 12px;border-radius:12px;font-weight:600;cursor:pointer}.btn:hover{border-color:#ffffff24}.btn:active{transform:translateY(1px)}.stream{scroll-behavior:smooth}.card{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;padding:70px 14px 110px;background:radial-gradient(120% 120% at 50% 0%,#0d1218,#070a0e 70%);border-bottom:1px solid rgba(255,255,255,.04)}.card-inner{width:min(820px,92vw);position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.thumb{width:100%;height:min(70vh,72svh);-o-object-fit:cover;object-fit:cover;background:#0a1015;display:block;filter:saturate(1.05) contrast(1.02)}.overlay{position:absolute;left:0;right:0;bottom:0;padding:16px 18px 18px;background:linear-gradient(180deg,#0000,#000000b8);color:#fff}.name{font-size:24px;font-weight:800;line-height:1.2;margin:2px 0 8px}.meta{font-size:13px;color:#d9e6f2;opacity:.9}.actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.chip{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer}.chip:hover{background:#ffffff1f}.footer{position:sticky;bottom:0;z-index:30;background:linear-gradient(0deg,var(--bg) 0%,rgba(11,15,20,.9) 70%,rgba(11,15,20,0) 100%);padding:10px;border-top:1px solid rgba(255,255,255,.06)}.bar{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.bar .btn{padding:10px 12px;border-radius:14px}.srch{flex:1;min-width:160px;max-width:360px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--panel);color:var(--text);outline:none}.input::-moz-placeholder{color:var(--muted)}.input::placeholder{color:var(--muted)}dialog{border:1px solid rgba(255,255,255,.1);background:var(--panel);color:var(--text);border-radius:18px;box-shadow:var(--shadow);max-width:min(720px,92vw)}dialog .row{display:flex;gap:8px;margin:10px 0}.small{font-size:12px;color:var(--muted)}.preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:8px}.preset{background:#0b1218;border:1px solid rgba(255,255,255,.08);padding:10px;border-radius:12px;cursor:pointer}.preset:hover{border-color:#ffffff2e}.item-img{width:100%;max-height:65vh;-o-object-fit:contain;object-fit:contain;border-radius:14px;background:#0a1015;margin:8px 0}.item-body{display:grid;gap:10px}.card{scroll-margin-top:74px}.hidden{display:none}.center{display:grid;place-items:center}