/* Wiz Blue — shared visual system for every Wiz Utils page. */
[hidden]{display:none!important}
/* Keep header geometry independent of each page's legacy inline stylesheet. */
.site-header{display:flex;align-items:center;justify-content:center;left:0;right:0}
.site-header .nav-inner{display:flex;width:100%;margin:0 auto;align-items:center;justify-content:space-between}
.site-header nav{flex:1;min-width:0;align-items:center}
.site-header nav a{margin:0;white-space:nowrap;flex:0 0 auto}
:root{--bg:#090f19;--white:#e9eef5;--muted:#9bafbd;--accent:#5ebfff;--accent-2:#2ea0ff;--hover-color:#a9ddff;--peach:#a9ddff;--cta-blue:#5ebfff;--cta-blue-2:#2ea0ff;--blue-btn:#5ebfff;--blue-btn-2:#2ea0ff;--card:#111e2b;--surface:#111e2b;--line:#243545;--max-width:1160px;--radius:22px;--nav-height:80px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}html,body{height:auto;min-height:100%;scrollbar-width:thin;scrollbar-color:#385064 #090f19}body{margin:0;padding:0;color:var(--white);font-family:Inter,system-ui,sans-serif;background:radial-gradient(ellipse at 85% 5%,#1647753d,transparent 42%),var(--bg);line-height:1.65;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:64px 64px}html::-webkit-scrollbar,body::-webkit-scrollbar{display:block;width:8px}body::-webkit-scrollbar-thumb{background:#385064;border-radius:8px}
a{color:var(--accent);text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s}a:hover,button:hover{color:var(--hover-color)!important;opacity:1}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#5ebfff;color:#071b30}
.promo,.nav-overlay{display:none!important}.site-header{position:sticky!important;top:0!important;height:80px;padding:0 28px;z-index:1400;background:#090f19ed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.site-header .nav-inner{max-width:1160px;gap:28px}.site-header .brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.8px;color:var(--white);text-decoration:none;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:#071b30;border-radius:12px;font-size:22px;font-weight:900;transform:rotate(-7deg)}.site-header nav{display:flex;gap:4px;justify-content:flex-end;overflow:visible;padding:0}.site-header nav a{font-size:13px;font-weight:600;padding:9px 12px;border-radius:9px;color:var(--muted)}.site-header nav a.active{color:var(--accent);background:#5ebfff10}.site-header nav a.active::after{display:none}.site-header .nav-invite{background:var(--accent);color:#071b30!important;margin-left:10px}.site-menu{display:none;border:1px solid var(--line);background:var(--surface);color:var(--white);padding:8px 12px;border-radius:10px}.skip-link{position:fixed;left:16px;top:-80px;z-index:2000;padding:10px 20px;background:var(--accent);color:#071b30}.skip-link:focus{top:12px}
.wrap{max-width:1160px;width:100%;margin:64px auto 70px!important;padding:0 28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding:44px 0 56px;flex-wrap:initial}.hero-left,.hero-right{min-width:0;order:initial;max-width:none}.hero-right{display:block}.eyebrow,.invite-eyebrow{font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.eyebrow::before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}.hero .title{font-size:clamp(42px,5.2vw,68px);line-height:1.07;letter-spacing:-3px;font-weight:800;margin-bottom:24px}.title .accent{text-transform:none;letter-spacing:inherit}.lead{font-size:16px;line-height:1.8;color:var(--muted);font-weight:400}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.cta-primary,.btn,.invite-primary,.pm-big-btn{border:1px solid transparent!important;background:var(--accent)!important;color:#071b30!important;border-radius:12px!important;padding:13px 22px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:750;text-decoration:none;box-shadow:none!important;transition:background .2s,transform .2s}.cta-primary:hover,.btn:hover,.invite-primary:hover,.pm-big-btn:hover{background:#a9ddff!important;color:#071b30!important;transform:translateY(-2px)}.secondary-action,.invite-secondary{padding:12px 22px;border:1px solid #385064!important;border-radius:12px!important;background:transparent!important;color:var(--white)!important;font-weight:600}.status-hero{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}.status-hero .state{font-size:12px;letter-spacing:1px;text-transform:uppercase}.status-hero .info{display:block}
.command-window{background:#101c29;border:1px solid #324b54;border-radius:20px;box-shadow:0 30px 100px #0005;transform:rotate(2deg);overflow:hidden}.window-bar{display:flex;align-items:center;gap:6px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.window-dot{width:7px;height:7px;background:#426174;border-radius:50%}.window-bar span:last-child{margin-left:auto}.window-body{padding:26px}.channel-label{font-size:12px;color:var(--muted);padding-bottom:22px}.chat-message{display:flex;align-items:flex-start;gap:12px;font-size:13px;margin-bottom:22px}.chat-icon{width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#253d47;display:grid;place-items:center;color:var(--accent);font-weight:800}.chat-message p{margin:4px 0;color:var(--muted)}.bot-tag{font-size:9px;padding:3px 5px;background:#5ebfff25;color:var(--accent);border-radius:4px;margin-left:6px}.welcome-embed{border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:#5ebfff08;padding:18px;font-size:13px}.welcome-embed strong{font-size:18px}.welcome-embed p{color:var(--muted)}.embed-label{color:var(--accent);font-size:10px;letter-spacing:1.5px}.command-input{border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:22px;font-size:12px;color:var(--muted)}.command-input span{color:var(--accent)}.mini-features{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.mini-features span{font-size:10px;padding:4px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.used-banner{margin:10px 0 70px;padding:24px 30px;border-radius:18px;border:1px solid var(--line);background:#111e2b80;box-shadow:none}.used-title{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600}.used-number #used-count{font-size:30px}.used-icon{border-radius:50%;border:2px solid var(--surface);width:42px;height:42px}.leveling,.feature,.prof-stats{padding:45px 0;margin:0 0 40px;gap:70px;grid-template-columns:1fr 1fr}.level-left .kicker,.feature-right .big-title{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.6px;line-height:1.17;font-weight:750}.level-left .kicker .accent-ble{font-size:inherit;margin-left:0}.level-left p,.feature-right p,.prof-left p{font-weight:400;line-height:1.9}.leaderboard,.music-card,.preview-card,.card,.invite-side,.systems,.update-card,.box,.pay-modal-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 16px 45px #0002!important}.leaderboard,.music-card,.preview-card{padding:26px;max-width:none}.lb-row,.mc-row{padding:14px 8px;border-bottom:1px solid var(--line);background:none}.float-avatar,.music-badge,.float-badge,.ghost-glow{display:none!important}.prof-left{padding:0}.pro-head{font-size:34px!important;letter-spacing:-1px}.preview-card--big{transform:none!important}.preview-stat{background:#0a1420;border:1px solid var(--line);padding:18px 8px}.cta-band{background:linear-gradient(120deg,#12365c,#101f36)!important;border:1px solid #315e87;border-radius:24px;padding:52px 20px;box-shadow:none}.cta-band h2{font-size:36px;letter-spacing:-1px}.cta-band p{color:var(--muted)}.cta-band .cta-btn{border-radius:12px;background:var(--accent);color:#071b30;padding:13px 24px;box-shadow:none}.cta-band .cta-btn:hover{color:#071b30!important;background:#a9ddff}
.page-title,.invite-title,.page-header h1{font-size:clamp(36px,5vw,58px)!important;line-height:1.13;letter-spacing:-2px;font-weight:800}.center{text-align:center;margin:30px 0 52px}.page-sub,.invite-desc,.subtitle{color:var(--muted);font-weight:400;line-height:1.8}.pricing-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.pricing-row .card{width:auto;min-width:0;padding:30px 24px;transform:none!important;overflow:visible}.pricing-row .popular{border-color:var(--accent)!important;background:linear-gradient(160deg,#163454,#111e2b)!important}.price{margin:26px 0}.price .big{font-size:56px;letter-spacing:-3px}.badge,.pill-popular{background:var(--accent)!important;color:#071b30!important;box-shadow:none}.features{line-height:1.9}.feat{padding:9px 0;color:var(--muted)}.feat i{color:var(--accent)}.faq{max-width:860px;margin:80px auto}.faq h2{font-size:34px;letter-spacing:-1px}.qa{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:12px 0}.qrow{padding:20px}.qa .a{color:var(--muted)}.sepline{background:var(--line)}.modal-backdrop{backdrop-filter:blur(12px)}.pay-modal-card{color:var(--white)}.pm-header{background:#182c36}.pm-input,input,textarea,select{background:#0a1420!important;border:1px solid #385064!important;color:var(--white)!important;border-radius:10px;padding:12px}.pm-note,.pm-subtitle,.pm-sub-center{color:var(--muted)}
.invite-page{max-width:1160px;margin:70px auto;padding:0 28px}.invite-wrap{background:none;border:0;box-shadow:none;padding:40px 0;gap:70px}.invite-side{padding:40px}.invite-title span{color:var(--accent)}.invite-icon{background:#5ebfff12;border-color:#315e87}.invite-ready{color:var(--accent)}.overall-banner{padding:25px;border-radius:16px;display:flex;flex-wrap:wrap;gap:12px}.overall-ok{background:#143b2d;border:1px solid #3c7458;color:#b7f6d2}.systems{overflow:hidden}.systems-header{background:#1a2b39;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:1.5px}.system-row{padding:26px 22px;border-color:var(--line)}.sys-name-title{font-size:15px}.sys-name-sub,.sys-meta-value{color:var(--muted)}.page-header{margin:64px auto 40px;text-align:center;padding:0 24px}.updates-container{max-width:960px;padding:0 24px;margin:0 auto;min-height:180px}.update-card{padding:28px;margin-bottom:18px;border-left:3px solid var(--accent)!important}.update-title{font-size:22px;letter-spacing:-.5px}.update-desc{color:var(--muted);margin:12px 0}.update-date{color:var(--accent);font-size:12px}.pagination{display:flex;justify-content:center;gap:10px;margin:30px}.page-btn{background:var(--surface);color:var(--accent);border:1px solid var(--line);padding:8px 16px;border-radius:10px}
.container{max-width:960px;margin:60px auto;padding:0 24px}.container>.card{padding:clamp(24px,5vw,56px)}.container h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1.5px}.container h2{font-size:21px;margin-top:36px;color:var(--white)}.container p,.container li{line-height:1.9;color:var(--muted)}.container .header{border-bottom:1px solid var(--line);padding-bottom:28px}.chip,.notice,.contact-box{background:#5ebfff08!important;border-color:#385064!important;color:var(--muted)}.data-table-wrap{overflow:auto}.data-table th{background:#1b303b}.data-table td,.data-table th{border-color:var(--line)}.box h2{font-size:36px;letter-spacing:-1px;margin:0 0 8px}#msg{min-height:150px}#list>div{background:#0a1420!important;border:1px solid var(--line);padding:20px!important;border-radius:14px!important}.load-message{padding:24px;border:1px dashed #385064;border-radius:14px;color:var(--muted)}
footer.main{background:#080e17;border-top:1px solid var(--line);padding:48px 28px 24px;margin-top:80px;color:var(--muted)}.footer-inner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding:0}.footer-col{flex:1 1 180px;max-width:350px}.footer-col h4{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--white)}.footer-brand h3{font-size:22px;color:var(--white);margin:0 0 12px}.footer-desc{font-size:13px;line-height:1.9;max-width:320px}.footer-list{list-style:none;margin:0;padding:0;line-height:2.3;font-size:13px}.footer-list a{color:var(--muted);font-weight:400}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:24px;margin-top:12px;text-align:left;font-size:11px;letter-spacing:.5px}.reveal{opacity:1!important;transform:none!important}
@media(max-width:1000px){.site-header{padding:0 20px}.site-header .nav-inner{gap:12px}.site-header nav a{padding:8px;font-size:12px}.hero{gap:28px}.hero .title{font-size:48px}.leveling,.feature,.prof-stats{gap:32px}.pricing-row{gap:12px}.pricing-row .card{padding:24px 18px}}
@media(max-width:760px){.site-header{height:72px}.site-header .nav-inner{justify-content:space-between}.site-menu{display:block}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;width:100%;background:#0e1a28;border-bottom:1px solid var(--line);padding:16px 20px;flex-direction:column;align-items:stretch;gap:4px}.site-header nav.open{display:flex}.site-header nav a{font-size:14px;padding:12px}.site-header .nav-invite{margin:8px 0 0;text-align:center}.wrap{margin:28px auto 40px!important;padding:0 22px}.hero{grid-template-columns:1fr;padding:28px 0 40px;gap:36px}.hero-left{order:0!important}.hero-right{order:1!important;padding:0!important}.hero .title{font-size:clamp(40px,10vw,58px);letter-spacing:-2px}.command-window{transform:none}.used-banner{margin:8px 0 30px;padding:20px;gap:18px}.used-icons{gap:5px}.used-icon{width:32px;height:32px}.leveling,.feature,.prof-stats{grid-template-columns:1fr;padding:30px 0;margin:0 0 20px;gap:28px}.feature-right{grid-row:1}.prof-left{padding:0}.pricing-row{grid-template-columns:1fr;gap:30px}.pricing-row .card{padding:30px 24px}.page-title,.invite-title,.page-header h1{letter-spacing:-1.5px}.faq{margin:48px auto}.invite-page{margin:30px auto;padding:0 22px}.invite-wrap{display:grid;grid-template-columns:1fr;gap:30px;padding:20px 0}.invite-side{width:100%;max-width:none}.systems-header{display:none}.system-row{grid-template-columns:1fr;gap:14px}.sys-meta{text-align:left}.uptime-bars{width:100%}.overall-banner .label{margin:0;font-size:12px}.container{margin:30px auto;padding:0 16px}.cta-band{padding:36px 20px}.cta-band h2{font-size:29px}.footer-inner{gap:28px}.footer-col{max-width:none}.footer-bottom{margin-top:0}.brand-icon{width:32px!important;height:32px!important}.pay-modal-card{max-width:calc(100vw - 28px)}.badge{float:none!important;display:inline-block;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Site-wide blue aurora backdrop, behind every page and its content. */
:root{--bg:#050b17}
html{background:#050b17}
body{position:relative;isolation:isolate;background:#050b17}
body::before{content:"";position:fixed;inset:-8%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 14% 18%,#1358b84a 0%,transparent 45%),radial-gradient(ellipse at 88% 34%,#00aaff26 0%,transparent 42%),radial-gradient(ellipse at 50% 92%,#234dcc38 0%,transparent 48%),linear-gradient(145deg,#050b17,#081326 55%,#050b17);background-size:100% 100%;animation:aurora-drift 24s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#b8ddff24 .7px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,transparent,#0007 25%,#0003 75%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#0007 25%,#0003 75%,transparent)}
.site-header{background:#050b17cc}
footer.main{background:#050b1780;border-top-color:#5ebfff24}
@keyframes aurora-drift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.04)}}
@media(max-width:760px){body::before{animation:none;inset:0}body::after{background-size:36px 36px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}

/* Blue and white identity, refreshed cards and gentle motion. */
.brand-mark{background:transparent;transform:none;overflow:hidden;padding:0}
.brand-mark img{width:36px;height:36px;object-fit:cover;border-radius:11px}
.chat-icon.bot-icon{padding:0;overflow:hidden;background:transparent}
.chat-icon.bot-icon img{width:100%;height:100%;object-fit:cover}
.leaderboard,.music-card,.preview-card,.pricing-row .card,.invite-side,.update-card{transition:box-shadow .25s ease,border-color .25s ease,translate .25s ease}
@media(hover:hover) and (pointer:fine){
 .leaderboard:hover,.music-card:hover,.preview-card:hover,.pricing-row .card:hover,.invite-side:hover,.update-card:hover{translate:0 -5px;border-color:#5ebfff80!important;box-shadow:0 18px 55px #008cff18!important}
 .brand:hover .brand-mark{rotate:-6deg}.brand-mark{transition:rotate .25s ease}
}
.motion-enter{animation:wiz-enter .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--motion-delay,0ms)}
.command-window{animation:wiz-float 7s ease-in-out infinite}
.eyebrow::before{box-shadow:0 0 0 5px #5ebfff12;animation:wiz-pulse 3s ease-in-out infinite}
@keyframes wiz-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes wiz-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes wiz-pulse{0%,100%{box-shadow:0 0 0 4px #5ebfff12}50%{box-shadow:0 0 0 8px #5ebfff05}}
@media(prefers-reduced-motion:reduce){.motion-enter,.command-window,.eyebrow::before{animation:none!important}*{transition:none!important}}