:root{--bg:#f6f7f9;--surface:#fff;--ink:#17181b;--muted:#777c87;--line:#e8e9ed;--purple:#7258ff;--lime:#dfff63;--shadow:0 12px 38px rgba(29,31,36,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#18191c;color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px;padding:0 10px 34px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--lime);color:#17181b;font-weight:900;transform:rotate(-5deg)}nav{display:grid;gap:5px}.nav-item,.profile{border:0;background:transparent;color:#aeb0b6;font:inherit;text-align:left;border-radius:11px;padding:12px 13px;display:flex;gap:12px;align-items:center;cursor:pointer}.nav-item span{font-size:19px}.nav-item b{margin-left:auto;background:#2d2e33;border-radius:12px;padding:2px 7px;font-size:11px}.nav-item.active,.nav-item:hover{background:#2b2c31;color:#fff}.sidebar-note{margin-top:auto;padding:14px;background:#24252a;border:1px solid #34353a;border-radius:14px}.sidebar-note span{font-size:12px;font-weight:700;color:var(--lime)}.sidebar-note p{font-size:11px;line-height:1.45;color:#a8aab0;margin:6px 0 0}.profile{width:100%;margin-top:12px;padding:10px 4px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffccb6;color:#6b2d14;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:12px;color:#fff}.profile small{font-size:10px;margin-top:3px}.profile>span:last-child{margin-left:auto}main{margin-left:235px;padding:38px 4.5vw 70px;max-width:1500px}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.eyebrow{color:var(--purple);font-size:10px;letter-spacing:1.8px;font-weight:800;margin:0 0 8px}h1{font-size:29px;letter-spacing:-1.2px;margin:0}button,select,input{font:inherit}.ghost,.controls button,.controls select{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--ink)}.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.platforms{display:flex;gap:9px;margin-bottom:18px}.platforms label{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:650;cursor:pointer}.platforms label:has(input:checked){background:#f1efff;border-color:#cfc8ff;color:#4933d1}.platforms input{display:none}.instagram{color:#ec3e76}.tiktok{color:#111}.youtube{color:#f22}.search-box{height:58px;border:2px solid #24252a;border-radius:13px;padding:6px 6px 6px 16px;display:flex;align-items:center;gap:12px}.search-box>span{font-size:23px}.search-box input{border:0;outline:0;flex:1;min-width:100px;background:transparent;color:var(--ink)}.search-box button,.empty-view button{border:0;background:var(--lime);border-radius:9px;padding:13px 22px;font-weight:750;cursor:pointer}.quick{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:11px;color:var(--muted);flex-wrap:wrap}.quick button{border:0;background:#f1f2f4;border-radius:13px;padding:5px 10px;color:#626771;font-size:10px;cursor:pointer}.result-head{display:flex;justify-content:space-between;align-items:end;margin:31px 0 18px}.result-head h2{font-size:19px;margin:0 0 5px}.result-head p{margin:0;color:var(--muted);font-size:11px}.controls{display:flex;gap:7px}.controls button,.controls select{font-size:11px;cursor:pointer}.controls .active{background:#24252a;color:#fff}.filter-drawer{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:-8px 0 16px;display:none;gap:30px;font-size:11px}.filter-drawer.open{display:flex}.filter-drawer label{display:flex;align-items:center;gap:9px}.cards{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cover{height:245px;padding:13px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--cover)}.cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.35),transparent 33%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.cover-art{position:absolute;font-size:92px;right:20px;top:35px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.15));transform:rotate(var(--rotate,0deg))}.badge{position:absolute;top:12px;left:12px;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800;background:rgba(17,17,17,.8);color:#fff}.save{position:absolute;right:12px;top:12px;width:31px;height:31px;border:0;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;font-size:16px}.save.saved{background:var(--lime)}.cover h3{position:relative;color:#fff;font-size:16px;line-height:1.22;margin:0;max-width:90%;text-shadow:0 2px 10px rgba(0,0,0,.25)}.card-info{padding:13px}.author{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:11px}.author strong{color:var(--ink)}.metrics{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px}.metric strong,.metric span{display:block}.metric strong{font-size:12px}.metric span{font-size:8px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.trend{color:#1c9b5f}.empty-view{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:100px 20px}.empty-icon{font-size:48px;color:var(--purple)}.empty-view p{color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:#202126;color:#fff;padding:13px 18px;border-radius:10px;font-size:12px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.dark{--bg:#111216;--surface:#1b1c21;--ink:#f5f5f6;--muted:#9da0aa;--line:#2d2e35;--shadow:0 12px 38px rgba(0,0,0,.25)}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.sidebar{position:static;width:auto;height:auto;padding:16px}.brand{padding-bottom:14px}.sidebar nav{display:flex;overflow:auto}.sidebar-note,.profile{display:none}.nav-item{white-space:nowrap}.nav-item span{display:none}main{margin-left:0;padding:24px 16px}.cards{grid-template-columns:repeat(2,1fr)}.result-head{align-items:flex-start;gap:14px}.controls .layout{display:none}}@media(max-width:520px){h1{font-size:23px}.platforms{overflow:auto}.search-box button{padding:12px}.quick{display:none}.cards{grid-template-columns:1fr}.cover{height:330px}.controls{flex-wrap:wrap;justify-content:flex-end}.filter-drawer.open{display:grid}}