:root{--bg:#070911;--panel:#0d1019;--line:#242a3a;--text:#f6f7ff;--muted:#949bad;--a:#617bff;--b:#9b5cff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(900px 500px at 50% 8%,#352a7b33,transparent 65%),linear-gradient(#070911,#05060a)}
button,input{font:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:36px;border:1px solid var(--line);border-radius:26px;background:#0d1019e8;box-shadow:0 30px 90px #0008}.brand{text-align:center;font-weight:900;letter-spacing:.14em}.shine{background:linear-gradient(110deg,#fff 0 40%,#758aff 49%,#c586ff 54%,#fff 64%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s ease-in-out infinite}@keyframes shine{0%,62%{background-position:130%}90%,100%{background-position:-80%}}
.login-card h1{text-align:center;font-size:32px;margin:20px 0 8px}.login-card p{text-align:center;color:var(--muted);margin:0 0 26px}.login-card input{width:100%;margin:7px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#080b12;color:#fff;outline:0}.login-card input:focus{border-color:var(--a)}.login-card button,.copy-main{width:100%;margin-top:10px;padding:14px;border:0;border-radius:13px;background:linear-gradient(110deg,var(--a),var(--b));color:#fff;font-weight:800;cursor:pointer}.login-card small{display:block;text-align:center;color:#ff9c9c;min-height:20px;margin-top:10px}
header{height:70px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;width:min(1120px,calc(100% - 32px));margin:auto;background:#070911dd;backdrop-filter:blur(15px)}header:after{content:"";position:fixed;top:69px;left:0;right:0;border-bottom:1px solid #ffffff12}.round{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#0b0e16;color:#fff;cursor:pointer}.hero{text-align:center;padding:70px 16px 34px}.hero h1{font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.045em;margin:20px 0 12px}.hero p{color:var(--muted);font-size:17px}.glow-pill{display:inline-block;position:relative;overflow:hidden;padding:8px 13px;border:1px solid #716eff70;border-radius:10px;background:#554bff12;font-size:11px;font-weight:900;letter-spacing:.15em}.glow-pill:after{content:"";position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 35%,#fff9 50%,transparent 65%);transform:translateX(-100%);animation:sweep 4.5s ease-in-out infinite}@keyframes sweep{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.filters{padding:18px;border:1px solid var(--line);border-radius:18px;background:#090c14cc}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row+.row{margin-top:10px}.row b{width:88px;color:#6f768a;font-size:10px;letter-spacing:.14em}.chip{padding:8px 13px;border:1px solid #282e3e;border-radius:999px;background:#090c13;color:#b7bdca;font-size:12px;font-weight:750;cursor:pointer}.chip.active,.chip:hover{color:#fff;border-color:#657bff;background:#586dff22}.search{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}.search label{width:min(530px,100%);height:48px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#090c13;color:#7d8599}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.search span,#status{color:#7d8599;font-size:12px}
.group-title{grid-column:1/-1;margin:28px 0 0;padding:0 2px 10px;border-bottom:1px solid var(--line);font-size:22px;font-weight:900;letter-spacing:.02em;color:#fff}.type-title{grid-column:1/-1;margin:4px 0 -4px;color:#8d99ff;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:4px 0 80px}.card{position:relative;aspect-ratio:9/13;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0c0f17;cursor:pointer;box-shadow:0 12px 30px #0004;transition:.18s}.card:hover{transform:translateY(-2px);border-color:#46506d}.media{position:absolute;inset:0;background:linear-gradient(110deg,#101522,#1a2030,#101522);background-size:220%;animation:sk 1.6s linear infinite}@keyframes sk{to{background-position:-220%}}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block;background:#090b10}.card:after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(transparent,#03040899 35%,#030408fa)}.badge{position:absolute;z-index:3;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:#08090dbb;font-size:9px;font-weight:900}.actions{position:absolute;z-index:4;top:10px;right:10px;display:flex;gap:7px}.mini{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff28;border-radius:50%;background:#08090da8;color:#fff;cursor:pointer;backdrop-filter:blur(8px)}.mini.on{background:#6855ffc9}.copy-icon{position:relative}.copy-icon:before,.copy-icon:after{content:"";position:absolute;width:10px;height:10px;border:1.5px solid #fff;border-radius:2px}.copy-icon:before{transform:translate(2px,-2px)}.copy-icon:after{transform:translate(-2px,2px)}.content{position:absolute;z-index:3;left:15px;right:15px;bottom:15px}.cat{color:#9ba8ff;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.content h2{font-size:18px;line-height:1.06;margin:7px 0}.content p{margin:0;color:#c0c5d1;font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(8px)}.modal article{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;padding:28px;border:1px solid #2b3246;border-radius:24px;background:#0d1019;box-shadow:0 30px 100px #000a}.close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#111522;color:#fff;font-size:24px}.modal h2{font-size:30px;margin:10px 45px 22px 0}.modal h3{padding-top:16px;border-top:1px solid #202638;color:#aab1c3;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.modal p{white-space:pre-wrap;line-height:1.6;color:#d8dce6}.modal pre{white-space:pre-wrap;word-break:break-word;padding:16px;border:1px solid #202638;border-radius:14px;background:#080b11;color:#e8eaf2;font:inherit;line-height:1.55}.modal small{color:#91a0ff;font-weight:800}.modal[hidden],[hidden]{display:none!important}#toast{position:fixed;z-index:200;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;padding:11px 16px;border-radius:999px;background:#eef0ff;color:#090b12;font-size:12px;font-weight:800;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:920px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.shell,header{width:calc(100% - 22px)}.hero{padding:52px 14px 28px}.hero h1{font-size:42px}.filters{padding:13px}.row b{width:100%;margin:3px 0}.search{flex-direction:column;align-items:stretch;gap:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card{border-radius:16px}.content{left:12px;right:12px;bottom:12px}.content h2{font-size:15px}.content p{font-size:10px}.mini{width:31px;height:31px}.modal article{padding:22px 18px}.modal h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}