:root{font-family:Inter,ui-sans-serif,system-ui,Arial;background:#071426;color:#f4f8ff}*{box-sizing:border-box}body{margin:0}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px solid #244263;gap:18px}.logo{font-weight:900;font-size:31px;letter-spacing:-1.5px;white-space:nowrap}.logo span{color:#00caff}nav{display:flex;gap:25px}a{color:inherit;text-decoration:none}nav a:hover{color:#3fcaff}button{background:#096bff;color:white;border:0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.2)}header button:first-child{background:transparent;border:1px solid #395b83}main{max-width:1720px;margin:auto;padding:18px 22px}.hero{min-height:320px;background:linear-gradient(120deg,#08254c,#06132b 60%,#14255a);border:1px solid #244d83;border-radius:22px;display:grid;grid-template-columns:2fr 1fr;overflow:hidden;padding:34px 42px}.hero small,small{color:#65cfff;letter-spacing:1.5px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(30px,3.4vw,57px);line-height:1.06;margin:13px 0}.hero em{font-style:normal;color:#18bfff}.hero p{max-width:620px;color:#c3d2e5}.search{display:flex;max-width:620px;gap:8px;background:#fff;padding:7px;border-radius:15px}.search input{flex:1;min-width:0;border:0;padding:12px;font-size:15px;outline:none}.heroArt{position:relative;display:grid;place-items:center}.orb{font-size:210px;color:#13aaff;text-shadow:0 0 75px #115cff}.floating{position:absolute;right:10px;top:18px;background:#0a2650d9;border:1px solid #269bff;border-radius:14px;padding:15px}.floating.second{top:auto;bottom:14px;left:0;right:auto}.features{display:flex;justify-content:space-around;gap:12px;padding:18px 8px;color:#cfe9ff;flex-wrap:wrap}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 305px;gap:15px}.panel{background:#fff;color:#10203b;border-radius:18px;padding:19px;margin-bottom:15px;box-shadow:0 4px 20px #0002}.panel h2,.panel h3{margin:4px 0 17px}.panel h2{font-size:25px}.panel h3{font-size:19px}.panel label,dialog label{display:block;font-size:13px;font-weight:700;margin:14px 0}.panel select,dialog input,dialog select{width:100%;padding:11px;border:1px solid #d8e1f0;border-radius:9px;margin-top:7px;background:white}.muted{color:#72809a!important;font-size:12px;line-height:1.55}.sectionTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:11px;color:#1255b8;background:#e8f2ff;padding:7px 10px;border-radius:20px}.tag.purple{background:#efe5ff;color:#6931b4}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.creator{border:1px solid #e2e9f2;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.cover{height:115px;background:linear-gradient(125deg,#09265c,#1677f9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:42px}.creator.ai .cover{background:linear-gradient(120deg,#291264,#7234d6,#0db2df)}.creatorBody{padding:13px;flex:1}.creatorBody h3{font-size:17px;margin:0 0 5px}.creatorBody p{font-size:12px;color:#687891;line-height:1.5}.creatorBody a{color:#0566d9;text-decoration:underline;font-size:12px}.creatorBody button{width:100%;margin-top:12px}.tabs{display:flex;gap:4px}.tabs button{font-size:11px;background:#e8effb;color:#1e4b87;padding:9px;flex:1}.tabs .active{background:#056fff;color:white}.rankrow{display:flex;justify-content:space-between;padding:13px 3px;border-bottom:1px solid #e6edf5;font-size:13px}.placeholder{font-size:95px;color:#b6c8e8;text-align:center}.wide{width:100%}footer{text-align:center;padding:40px;color:#9cb0c8;font-size:12px}dialog{border:0;border-radius:20px;width:min(430px,95vw);padding:25px;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#0009}#authMsg{font-size:13px;color:#1762ae}#close,#switchMode{background:transparent;color:#1759b1}#switchMode{margin-top:8px}@media(max-width:1150px){.layout{grid-template-columns:200px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.right .panel{margin:0}}@media(max-width:750px){header{height:auto;flex-wrap:wrap;padding:15px}nav{order:3;overflow:auto;width:100%;padding-bottom:5px}.hero{grid-template-columns:1fr;padding:25px}.heroArt{display:none}.layout{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.right{display:block}.features{font-size:12px}.hero h1{font-size:34px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.search{flex-wrap:wrap}.search button{width:100%}}
/* Social network leaderboards */
.social-board{margin:22px auto;max-width:1500px}.network-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.network-tabs button{background:#10264b;color:#fff;border:1px solid #254d88;border-radius:14px;padding:12px 17px;cursor:pointer}.network-tabs button.active{background:#0767f5;border-color:#3cbaff}.social-tools{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(110px,1fr));gap:10px;margin-bottom:12px}.social-tools input,.social-tools select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px;background:#fff;color:#15233c}.social-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.social-profile{border:1px solid #d7e3f2;background:linear-gradient(145deg,#fff,#f4f9ff);border-radius:18px;padding:16px;min-width:0}.social-profile h3{margin:6px 0}.social-profile .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-profile .metric{font-size:24px;font-weight:800;color:#045de2}.social-profile .muted{font-size:12px}.social-profile a{color:#075ff2;font-weight:700}.social-profile button{border:0;background:#0a64ec;color:white;padding:10px;border-radius:10px;cursor:pointer}.trend-note{margin-top:16px;padding:14px;border-radius:14px;background:#eff6ff;border:1px solid #c8defe}.trend-note p{margin:6px 0;color:#425575}@media(max-width:950px){.social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.social-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.social-list,.social-tools{grid-template-columns:1fr}.network-tabs button{flex:1 1 28%}}