:root{--bg:#0a0c10;--card:#12151b;--field:#0d1015;--line:#1f242d;--hover:#ffffff0d;--text:#eef0f5;--muted:#8a92a6;--soft:#b3b9c8;--accent:#14b8a6;--accent2:#8b5cf6;--accent-light:#5eead4;--warn:#fbbf24;--stop:#fb7185;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}a.link{color:var(--accent-light)}h1,h2,h3{letter-spacing:-.02em}.btn{cursor:pointer;background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff;border:0;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font:600 14px inherit;display:inline-flex}.btn.ghost{color:var(--text);background:0 0;border:1px solid #ffffff2a}.btn.small{padding:7px 14px;font-size:13px}.btn.danger{color:var(--stop);background:0 0;border:1px solid #fb718566}.btn:disabled{opacity:.45;cursor:not-allowed}.grad{background:linear-gradient(90deg, var(--accent-light), #c4b5fd);color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted)}.soft{color:var(--soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.card.best{background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(135deg, var(--accent), var(--accent2)) border-box;border:1px solid #0000}.g2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pill{white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.ok{color:var(--accent-light);background:#14b8a622}.pill.warn{color:var(--warn);background:#fbbf2422}.pill.off{color:var(--muted);background:#ffffff10}.pill.stop{color:var(--stop);background:#fb718522}.pill.admin{color:#e9d5ff;background:linear-gradient(90deg,#14b8a633,#8b5cf633)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--soft);font-size:13px}.field input,.field select,.input{background:var(--field);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:12px;outline:none;padding:11px 14px}.field input:focus,.input:focus{border-color:var(--accent)}.field .err,.err{color:var(--stop);font-size:13px}.hint{color:var(--muted);font-size:13px}.ok-text{color:var(--accent-light)}table.tbl{border-collapse:collapse;width:100%}.tbl th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:500}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px}.tbl tr:last-child td{border-bottom:0}.tbl.dense th,.tbl.dense td{padding-left:7px;padding-right:7px}.plus{color:var(--accent-light)}.minus{color:var(--stop)}.banner{background:linear-gradient(90deg,#14b8a622,#8b5cf622);border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:18px;margin-bottom:22px;padding:18px 22px;display:flex}.banner b{font-size:15px}.banner p{color:var(--soft);margin:2px 0 0;font-size:14px}.banner>:last-child:not(div){margin-left:auto}.banner.warn{background:#fbbf2414;border-color:#fbbf2433}.topbar{align-items:center;gap:28px;padding:18px 40px;display:flex}.topbar.line{border-bottom:1px solid var(--line);padding:14px 40px}.logo{letter-spacing:-.02em;font-size:18px;font-weight:800}.topnav{flex:1;gap:6px;display:flex}.topnav a{color:var(--muted);border-radius:99px;padding:8px 14px}.topnav a.active{color:var(--text);background:#ffffff12}.topnav.center{justify-content:center;gap:22px}.topnav.center a{padding:0}.balance{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:7px 16px;font-weight:600}.wrap{max-width:1180px;margin:0 auto;padding:28px 40px 64px}.pagehead{align-items:end;gap:16px;margin-bottom:22px;display:flex}.pagehead h1{flex:1;margin:0;font-size:28px}.demo{color:var(--warn);border:1px dashed #fbbf2455;border-radius:99px;padding:3px 10px;font-size:12px}.hero{text-align:center;padding:64px 24px 56px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(10px);background:radial-gradient(closest-side,#14b8a655,#0000),radial-gradient(closest-side at 70% 40%,#8b5cf644,#0000);height:620px;position:absolute;inset:-40% 10% auto}.hero>*{position:relative}.badge{color:var(--soft);border:1px solid #fff2;border-radius:99px;margin-bottom:22px;padding:5px 14px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-.03em;max-width:820px;margin:0 auto 18px;font-size:56px;line-height:1.05}.hero p{color:var(--soft);max-width:600px;margin:0 auto 30px;font-size:18px}.hero .cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stats{color:var(--muted);justify-content:center;gap:56px;margin-top:48px;display:flex}.stats b{color:var(--text);font-size:30px;display:block}.sec{max-width:1100px;margin:0 auto;padding:48px 32px}.sec h2{text-align:center;margin:0 0 8px;font-size:34px}.sec .sub{text-align:center;color:var(--muted);margin:0 0 36px}.feat .ic{background:linear-gradient(135deg,#14b8a633,#8b5cf633);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-size:20px;display:grid}.feat h3{margin:0 0 6px}.feat p{color:var(--soft);margin:0;font-size:14px}.plan{flex-direction:column;display:flex}.trialmark{color:var(--accent-light);margin-top:6px;font-size:12px}.plan.pick{cursor:pointer;transition:border-color .15s,background .15s}.plan.pick:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.plan .price{margin:10px 0 4px;font-size:40px;font-weight:800}.plan .price small{color:var(--muted);font-size:14px;font-weight:400}.plan ul{color:var(--soft);flex:1;margin:16px 0 24px;padding:0;list-style:none}.plan li{padding:6px 0}.plan li:before{content:"✓  ";color:var(--accent-light)}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:32px;font-size:13px}.authpage{flex-direction:column;min-height:100vh;display:flex}.authbox{flex:1;place-items:center;padding:24px 16px 64px;display:grid}.authcard{width:100%;max-width:420px}.authcard h1{margin:0 0 6px;font-size:26px}.authcard .lead{color:var(--soft);margin:0 0 22px;font-size:14px}.authcard .btn.wide{width:100%;margin-top:4px}.authcard .below{justify-content:space-between;margin-top:18px;font-size:14px;display:flex}.steps{gap:6px;margin-bottom:18px;display:flex}.steps i{background:var(--line);border-radius:4px;flex:1;height:4px}.steps i.on{background:linear-gradient(90deg, var(--accent), var(--accent2))}.bc .t{align-items:center;gap:10px;margin-bottom:6px;display:flex}.bc .t b{flex:1;font-size:16px}.bc .m{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px;display:grid}.bc .m div,.tile{background:#ffffff06;border-radius:12px;padding:10px 12px}.bc .m small,.tile small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;display:block}.bc .m strong,.tile strong{font-size:18px}.bc .row{gap:8px;display:flex}.add{text-align:center;color:var(--muted);border:1px dashed #ffffff26;border-radius:18px;place-items:center;min-height:230px;padding:20px;display:grid}.tabs{gap:6px;margin-bottom:18px;display:flex}.tabs button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:99px;padding:8px 16px}.tabs button.on{color:var(--text);background:#ffffff12}.log{color:var(--soft);background:var(--field);white-space:pre-line;border-radius:12px;max-height:220px;padding:12px;font:12px Consolas,monospace;overflow:auto}.bars{align-items:end;gap:6px;height:120px;display:flex}.bars i{background:linear-gradient(var(--accent2), var(--accent));border-radius:4px 4px 0 0;flex:1}.formrow{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.formrow .field{margin:0}.stack>*+*{margin-top:18px}@media (width<=820px){.hero h1{font-size:36px}.g2,.g3,.g4{grid-template-columns:1fr}.topnav.center{display:none}.topbar,.topbar.line{flex-wrap:wrap;gap:12px;padding-left:16px;padding-right:16px}.topnav{order:3;width:100%;overflow-x:auto}.wrap{padding:20px 16px 48px}.stats{gap:24px}.sec{padding:32px 16px}.tbl{display:block;overflow-x:auto}.pagehead{flex-wrap:wrap;align-items:center}.pagehead h1{overflow-wrap:anywhere;flex-basis:100%;font-size:24px}.banner{flex-wrap:wrap}.input{width:100%;min-width:0!important}}.overlay{z-index:50;background:#000000a8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:440px}.facts{gap:6px;margin:0;padding-left:18px;display:grid}.warn{color:var(--stop);margin:12px 0 0}.check{cursor:pointer;align-items:center;gap:8px;margin:4px 0 6px;font-size:14px;display:flex}textarea.input{resize:vertical;font:inherit}.thread{gap:14px;display:grid}.msg{border:1px solid var(--line);border-radius:14px;padding:12px 14px}.msg.from-admin{background:linear-gradient(90deg,#14b8a614,#8b5cf614)}.msg-head{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.msg-files{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.shot{border:1px solid var(--line);border-radius:10px;max-width:220px;max-height:160px;display:block}.chips{flex-wrap:wrap;gap:8px;margin:6px 0;padding:0;list-style:none;display:flex}.chips li{background:var(--field);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.count{background:var(--accent);color:#041014;border-radius:999px;margin-left:4px;padding:0 7px;font-size:12px}.g2.wide-left{grid-template-columns:2fr 1fr}@media (width<=760px){.g2.wide-left{grid-template-columns:1fr}}ul.plain{margin:0;padding-left:18px}.g5.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}@media (width<=900px){.g5.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.bars{width:100%;height:140px;display:block}.bars-zero{stroke:var(--line);stroke-width:1px}.swatch{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.bell-wrap{position:relative}.bell{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff2a;border-radius:999px;padding:4px 10px}.bell-list{z-index:40;width:340px;max-height:420px;position:absolute;top:40px;right:0;overflow:auto}.notes li{border-bottom:1px solid var(--line);padding:8px 0}.notes li.unread{font-weight:600}.shell{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.sidenav{border-right:1px solid var(--line);flex-direction:column;align-self:start;gap:4px;padding:22px 14px;display:flex;position:sticky;top:0}.sidenav a{color:var(--soft);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.sidenav a:hover{background:var(--hover);color:var(--text)}.sidenav a.active{color:var(--text);background:linear-gradient(90deg,#14b8a62e,#8b5cf62e)}.sidenav .ic{text-align:center;width:22px}.sidenav .count{margin-left:auto}.wrap.main{min-width:0}@media (width<=760px){.shell{grid-template-columns:1fr}.sidenav{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;padding:8px 12px;position:static;overflow-x:auto}.sidenav a{white-space:nowrap;padding:8px 10px}}.back{color:var(--soft);border:1px solid var(--line);background:#ffffff06;border-radius:99px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 12px 6px 9px;font-size:14px;display:inline-flex}.back:hover{color:var(--text);background:var(--hover)}.pagehead .botstart{margin-left:auto;font-size:13px}.livebar{color:var(--soft);border:1px solid var(--line);background:#ffffff05;border-radius:14px;flex-wrap:wrap;gap:22px;margin-bottom:20px;padding:10px 16px;font-size:13px;display:flex}.livebar b{color:var(--text);font-weight:600}.botpage{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:26px;padding-bottom:80px;display:grid}.innernav{flex-direction:column;gap:4px;display:flex;position:sticky;top:80px}.innernav a,.innernav button{color:var(--soft);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:flex}.innernav a:hover,.innernav button:hover{background:var(--hover);color:var(--text)}.innernav a.active{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(90deg,#14b8a62e,#8b5cf62e)}.innernav .ic{text-align:center;width:22px}.innernav hr{border:0;border-top:1px solid var(--line);margin:8px 4px}.innernav button.danger{color:var(--stop)}.cardtitle{letter-spacing:.06em;margin:0 0 12px;font-size:13px}.botsbar{flex-wrap:wrap;align-items:center;gap:10px;margin:-10px 0 18px;font-size:14px;display:flex}.bc .spent{color:var(--soft);margin-top:6px;font-size:13px}.seg{background:var(--field);border:1px solid var(--line);border-radius:12px;gap:4px;padding:3px;display:inline-flex}.seg button{color:var(--soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:13px}.seg button.on{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff}.seg button:disabled{opacity:.4;cursor:not-allowed}.chart{margin-bottom:18px}.charthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.chartnum b{font-size:24px}.chartnum span{font-size:13px}.chartbox{position:relative}.chartbox svg{touch-action:none;width:100%;height:auto;display:block}.chartbox .axis{fill:var(--muted);font-size:11px}.charttip{pointer-events:none;white-space:nowrap;background:#161a22f0;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.charttip span{color:var(--muted)}.sessionrow{cursor:pointer}.sessionrow:hover td{background:var(--hover)}.linkbtn{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.sessionmatches>td{background:#ffffff05;padding:6px 14px 14px}.setcards .stylebar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:18px;padding:16px 22px;display:flex}.setcards .stylebar .hint{flex:1;min-width:220px}.savebar{z-index:20;background:#161a22f0;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:14px;padding:8px 8px 8px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@media (width<=760px){.botpage{grid-template-columns:1fr}.innernav{flex-direction:row;position:static;overflow-x:auto}.innernav hr{display:none}.innernav a,.innernav button{white-space:nowrap}}.usermenu{position:relative}.usermenu-btn{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff2a;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;display:flex}.usermenu-btn:hover{background:var(--hover)}.avatar{color:#fff;background:linear-gradient(135deg,#14b8a6,#8b5cf6);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.caret{color:var(--muted);font-size:11px}.usermenu-list{z-index:45;flex-direction:column;min-width:210px;padding:6px;display:flex;position:absolute;top:42px;right:0}.usermenu-list a,.usermenu-list button{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px;text-decoration:none}.usermenu-list a:hover,.usermenu-list button:hover{background:var(--hover)}.danger-text{color:var(--stop)!important}@media (width<=760px){.usermenu-btn{padding:4px;font-size:0}.usermenu-btn .avatar{font-size:13px}.tbl{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.bell-list{width:min(340px,100vw - 24px);right:-60px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead{flex-wrap:wrap;align-items:center}.pagehead h1{flex-basis:100%;font-size:24px}.pagehead .botstart{margin-left:0}.savebar{justify-content:space-between;left:12px;right:12px;transform:none}.field input,.field select,.input,textarea{font-size:16px}.btn.small{min-height:38px}.botsbar{margin-top:0}.botsbar .btn{flex:1}.card{padding:16px}.chartnum b{font-size:20px}}.onlinebar{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:0 0 14px;display:flex}.onlinebar span{white-space:nowrap}.dot.on{background:#22c55e;margin-right:6px}.systiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.systiles .tile{flex-direction:column;gap:4px;display:flex}.bar{vertical-align:middle;background:#ffffff14;border-radius:3px;width:80px;height:6px;display:inline-block;overflow:hidden}.systiles .bar{width:100%}.bar i{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;display:block}.sysgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0;display:grid}.sysalerts{border:1px solid #ef444466;margin-bottom:16px}.alertrow{flex-wrap:wrap;gap:4px 12px;padding:4px 0;display:flex}.sidenav .count.alert{color:#fff;background:#ef4444}.field.inline{flex-direction:row;align-items:center;gap:8px;margin:0}:root{--bg:#07080c;--card:#ffffff09;--card-solid:#11131a;--field:#0b0d12;--line:#ffffff17;--hover:#ffffff0d;--text:#eef0f6;--muted:#8b93a7;--soft:#b6bccb;--accent:#14b8a6;--accent2:#8b5cf6;--accent3:#ec4899;--accent-light:#5eead4;--glow:0 12px 32px #8b5cf640;--shadow:0 18px 50px #00000080}body{background:var(--bg);font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}.aurora{z-index:-1;pointer-events:none;filter:blur(80px);opacity:.5;background:radial-gradient(40% 35% at 20% 25%,#14b8a666,#0000 70%),radial-gradient(35% 30% at 80% 20%,#8b5cf677,#0000 70%),radial-gradient(40% 35% at 60% 85%,#ec489933,#0000 70%);animation:22s ease-in-out infinite alternate aurora-drift;position:fixed;inset:-20%}@keyframes aurora-drift{to{transform:translate(4%,-3%)rotate(8deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.aurora,.grad{animation:none!important}*{transition-duration:.01ms!important}}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line);background:#07080ca8;gap:16px;padding:12px 32px;position:sticky;top:0}.topbar.line{padding:12px 32px}.logo{font-size:20px}.topnav a{transition:color .2s,background .2s}.topnav a:hover,.topnav.center a:hover{color:var(--text)}.btn.download:before{content:"⬇";margin-right:2px}.balance{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:6px 14px}.bell{border-color:var(--line);background:var(--card);border-radius:12px;padding:5px 11px;transition:background .2s}.bell:hover{background:var(--hover)}.bell .count{background:var(--accent3);color:#fff}.usermenu-btn{border-color:var(--line);background:var(--card);border-radius:12px}.usermenu-list,.bell-list{box-shadow:var(--shadow);transform-origin:100% 0;animation:.16s ease-out pop;background:var(--card-solid)!important}.card.usermenu-list,.card.bell-list{position:absolute}.card.usermenu-list{padding:6px}.btn{box-shadow:var(--glow);border-radius:12px;transition:transform .15s,box-shadow .2s,filter .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #8b5cf660}.btn:active:not(:disabled){transform:scale(.97)}.btn.ghost{background:var(--card);border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.ghost:hover:not(:disabled){background:var(--hover);box-shadow:none}.btn.danger{box-shadow:none;border-radius:12px}.btn.danger:hover:not(:disabled){box-shadow:none;background:#fb718514}.card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%), #ffffff10, transparent 45%);transition:opacity .3s;position:absolute;inset:0}.card:hover:after{opacity:1}.card.bc:hover,.feat .card:hover,.plan:hover{box-shadow:var(--shadow);border-color:#8b5cf680;transform:translateY(-4px)}.card.best{background:linear-gradient(var(--card-solid), var(--card-solid)) padding-box, linear-gradient(135deg, var(--accent), var(--accent2), var(--accent3)) border-box;box-shadow:0 20px 60px #8b5cf630}.dialog.card{background:var(--card-solid);box-shadow:var(--shadow);animation:.22s cubic-bezier(.2,.9,.3,1.2) pop}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0008;animation:.2s ease-out fade}.banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;animation:.4s ease-out both rise}.add{font:inherit;cursor:pointer;background:0 0;border-radius:20px;transition:border-color .2s,background .2s,color .2s}.add:hover{border-color:var(--accent);color:var(--text);background:#14b8a60d}.bc .m div,.tile{background:#ffffff07;border:1px solid #ffffff0a}.pill{border-radius:99px}.pill.ok{background:#14b8a622;box-shadow:inset 0 0 0 1px #14b8a640}.field input,.field select,.input{border-radius:12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #14b8a62a}.sidenav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff04;top:59px}.sidenav a{transition:background .2s,color .2s,transform .15s}.sidenav a:hover{transform:translate(2px)}.sidenav a.active{box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(90deg,#14b8a630,#8b5cf630)}.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:#ffffff05}.hero{padding:96px 24px 64px}.hero:before{display:none}.badge{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:.6s both rise}.hero h1{font-size:60px;animation:.6s 80ms both rise}.hero p{animation:.6s .16s both rise}.hero .cta{animation:.6s .24s both rise}.stats{animation:.6s .32s both rise}.stats b{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text}.grad{background:linear-gradient(90deg, var(--accent-light), #a78bfa, #f472b6, var(--accent-light));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shine}@keyframes shine{to{background-position:300% 0}}.g3.feat{grid-template-columns:repeat(4,1fr)}.g3.feat>.card:first-child{flex-direction:column;grid-area:span 2/span 2;justify-content:center;display:flex}.g3.feat>.card:first-child h3{font-size:24px}.g3.feat>.card:last-child{grid-column:span 2}.feat .ic{border-radius:14px;transition:transform .25s}.feat .card:hover .ic{transform:scale(1.1)rotate(-6deg)}.sec h2{letter-spacing:-.03em;font-size:38px}.wrap.main>*,.authcard,.sec{animation:.35s ease-out both rise}.wrap.main>:nth-child(2){animation-delay:40ms}.wrap.main>:nth-child(3){animation-delay:80ms}.g3>.card:first-child{animation:.4s 50ms both rise}.g3>.card:nth-child(2){animation:.4s .1s both rise}.g3>.card:nth-child(3){animation:.4s .15s both rise}.g3>.card:nth-child(n+4){animation:.4s .2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#ffffff1a;border-radius:9px}@media (width<=820px){.hero h1{font-size:38px}.g3.feat{grid-template-columns:1fr}.g3.feat>.card:first-child,.g3.feat>.card:last-child{grid-area:auto}.topbar,.topbar.line{padding:10px 16px}.btn.download{padding:7px 10px;font-size:0}.btn.download:before{margin:0;font-size:14px}}.brawlerfield{text-align:left;background:var(--field);border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.brawlerfield:hover{border-color:var(--accent)}.brawlerchip{background:var(--card);border-radius:10px;align-items:center;gap:6px;padding:2px 8px 2px 2px;display:inline-flex}.brawlerchip b{color:var(--accent-light)}.portrait{object-fit:cover;border-radius:10px;flex:none}.portrait.none{background:var(--card);color:var(--muted);justify-content:center;align-items:center;font-size:11px;display:inline-flex}.dialog.picker{flex-direction:column;width:min(880px,100%);max-height:min(86vh,760px);display:flex}.picker-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.picker-top .input{background:var(--field);border:1px solid var(--line);min-width:160px;color:var(--text);border-radius:10px;flex:1;padding:8px 12px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;padding:2px;display:grid;overflow-y:auto}.picker-tile{background:var(--card);color:var(--soft);cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.picker-tile:hover{background:var(--hover);color:var(--text)}.picker-tile.on{border-color:var(--accent);color:var(--text);background:#14b8a61a}.picker-tile.cross.on{background:#f43f5e1a;border-color:#f43f5e}.picker-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.2;overflow:hidden}.picker-mark{background:var(--accent);color:#04110f;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:2px;right:4px}.picker-tile.cross .picker-mark{color:#fff;background:#f43f5e}.setrow.check{flex-direction:column;align-items:flex-start;gap:2px;margin:8px 0 10px}.setrow.check>label{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.setrow.check>.hint{padding-left:24px;line-height:1.4}