:root{--bg:#11101b;--surface:#1c1a2b;--surface-2:#26233a;--text:#f7f5ff;--muted:#aaa6bd;--accent:#8b6cff;--accent-2:#55d9bd;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#383061 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}header,main,footer{width:min(1120px,calc(100% - 40px));margin:auto}header{height:82px;display:flex;align-items:center;gap:38px}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#bf79ff);color:white}nav{display:flex;gap:24px;color:var(--muted);font-size:.94rem}nav a:hover,.text-link:hover{color:white}.header-actions{margin-left:auto;display:flex;gap:16px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#aa71ff);padding:14px 20px;color:white;font-weight:750;cursor:pointer;box-shadow:0 10px 25px rgba(118,89,255,.25)}.button-small{padding:10px 15px;font-size:.9rem}.button-ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:#ded9f5}.account{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:650}.account img{width:28px;height:28px;border-radius:50%;background:var(--surface-2)}.text-link{font-size:.87rem;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:80px 0 70px}.eyebrow{color:var(--accent-2);font-size:.76rem;font-weight:800;letter-spacing:.13em;margin:0 0 15px}.hero h1,.page-heading h1,.legal h1{font-size:clamp(2.5rem,6vw,4.7rem);letter-spacing:-.06em;line-height:.98;margin:0 0 25px}.lead,.page-heading>p{font-size:1.12rem;line-height:1.7;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-card{position:relative;padding:35px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#282544,#171523);box-shadow:0 26px 70px #05040c;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -30px -55px auto;width:150px;height:150px;background:var(--accent-2);filter:blur(80px);opacity:.25}.flok-orb{width:100px;height:100px;display:grid;place-items:center;border-radius:35px;background:linear-gradient(135deg,#9c82ff,#704bff);font-weight:900;font-size:3rem;margin-bottom:26px;box-shadow:0 18px 32px #090713}.hero-card p,.hero-card strong{position:relative;z-index:1}.hero-card p{color:var(--muted)}.spark{position:absolute;right:32px;font-size:2rem;color:var(--accent-2)}.status-row{margin-top:25px;padding-top:19px;border-top:1px solid var(--line);color:#d9d5ea;font-size:.9rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-2);margin-right:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:80px}.feature-grid article,.settings-card,.notice{background:rgba(29,27,44,.8);border:1px solid var(--line);border-radius:20px;padding:27px}.feature-grid article>span{font-size:1.7rem}.feature-grid h2,.settings-card h2,.legal h2{font-size:1.15rem;margin:17px 0 8px}.feature-grid p,.settings-card p,.legal p,.notice p{color:var(--muted);line-height:1.65;margin:0}.page-heading{padding:70px 0 35px}.page-heading h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:15px}.compact{padding-bottom:25px}.legal{max-width:760px;padding:70px 0 90px}.legal h1{font-size:clamp(2.4rem,5vw,3.8rem)}.legal h2{margin-top:35px}.guild-list{max-width:800px;padding-bottom:90px}.guild-card{display:flex;align-items:center;gap:17px;margin:12px 0;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.guild-card:hover{border-color:rgba(139,108,255,.65);transform:translateY(-1px)}.guild-icon{width:45px;height:45px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;font-weight:800}.guild-card span{display:block;color:var(--muted);font-size:.86rem;margin-top:4px}.guild-card b{margin-left:auto;color:var(--accent-2);font-size:.86rem}.settings-card{max-width:620px;margin-bottom:90px}.settings-card form{display:grid;gap:12px;margin-top:22px}.settings-card label{font-size:.9rem;font-weight:700}.settings-card select{background:#14131f;color:white;border:1px solid var(--line);padding:13px;border-radius:10px;font:inherit}.settings-card .button{justify-self:start;margin-top:8px}footer{padding:30px 0;display:flex;justify-content:space-between;color:#77738c;border-top:1px solid var(--line);font-size:.85rem}@media(max-width:720px){header{gap:18px}nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.feature-grid{grid-template-columns:1fr}.hero-card{max-width:430px}.account{display:none}footer{gap:12px;flex-direction:column}.hero-actions{flex-wrap:wrap}} 
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-35px 0 65px}.metrics article{padding:23px;border-radius:18px;background:rgba(29,27,44,.86);border:1px solid var(--line)}.metrics strong{display:block;font-size:2rem;color:var(--accent-2);letter-spacing:-.05em}.metrics span{color:var(--muted);font-size:.9rem}.moderation-section{margin:0 0 38px;padding:26px;background:rgba(29,27,44,.8);border:1px solid var(--line);border-radius:20px}.moderation-section h2{margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:650}td{vertical-align:top}code{color:#d7ccff}.ban-list{list-style:none;margin:0;padding:0}.ban-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}@media(max-width:720px){.metrics{grid-template-columns:1fr;margin-top:0}}
.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:52px 0 90px}.settings-layout .page-heading{padding-top:0}.settings-sidebar{position:sticky;top:22px;height:max-content;display:grid;gap:6px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(29,27,44,.8)}.settings-sidebar strong{margin:0 8px 7px}.settings-sidebar a{padding:10px 9px;border-radius:9px;color:var(--muted);font-size:.9rem}.settings-sidebar a:hover{background:var(--surface-2);color:var(--text)}.settings-main .settings-card,.settings-main .moderation-section{max-width:none;margin-bottom:25px}.settings-main input,.settings-main textarea{width:100%;background:#14131f;color:white;border:1px solid var(--line);padding:13px;border-radius:10px;font:inherit}.settings-main textarea{min-height:100px;resize:vertical}.notification-preview{margin-top:5px;padding:15px;border:1px dashed rgba(139,108,255,.7);border-radius:12px;background:#171524}.notification-preview span{font-size:.72rem;letter-spacing:.12em;color:var(--accent-2);font-weight:800}.notification-preview p{white-space:normal;margin-top:8px!important;color:var(--text)!important}.rules-list li>div{display:grid;gap:4px}.rules-list span{color:var(--muted);font-size:.86rem}.text-button{border:0;background:transparent;color:#ff8c9c;cursor:pointer;font:inherit;font-weight:700}@media(max-width:720px){.settings-layout{display:block;padding-top:35px}.settings-sidebar{position:static;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.settings-sidebar strong{grid-column:1/-1}}
.profile-card,.rank-grid article,.daily-card{background:rgba(29,27,44,.8);border:1px solid var(--line);border-radius:20px;padding:27px}.profile-card{display:flex;justify-content:space-between;align-items:center;margin:-25px 0 35px}.profile-card h2,.rank-grid h2{margin:0 0 8px}.profile-card p{color:var(--muted);margin:0}.rank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:70px}.rank-grid ol{list-style:none;padding:0;margin:18px 0 0}.rank-grid li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted)}.rank-grid li strong{color:var(--accent-2);font-size:.9rem}.daily-card{max-width:640px;margin:90px auto;padding:38px}.daily-card h1{font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:-.05em;margin:0 0 15px}.daily-card p{color:var(--muted);line-height:1.7;margin-bottom:25px}@media(max-width:720px){.profile-card{align-items:flex-start;gap:20px;flex-direction:column}.rank-grid{grid-template-columns:1fr}}
.rank-user{display:flex;align-items:center;gap:9px}.rank-user img{width:27px;height:27px;border-radius:50%;background:var(--surface-2)}.settings-sidebar a.active{background:rgba(139,108,255,.2);color:var(--text)}
.cluster-grid{display:grid;grid-template-columns:1.25fr repeat(2,1fr);gap:16px;margin:-25px 0 55px}.cluster-heading{padding:12px}.cluster-heading h2{margin:0;font-size:1.45rem}.cluster-card{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(29,27,44,.8)}.cluster-card strong,.cluster-card small{display:block}.cluster-card small{margin-top:5px;color:var(--muted);font-size:.8rem}.status-dot.offline{background:#ff7185}.server-shard{display:flex;align-items:center;gap:10px;margin-bottom:23px;padding:13px;background:var(--surface-2);border-radius:12px}.server-shard strong,.server-shard small{display:block}.server-shard small{margin-top:3px;color:var(--muted)}@media(max-width:720px){.cluster-grid{grid-template-columns:1fr;margin-top:0}}
.dev-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 26px}.dev-metrics article{padding:22px;background:rgba(29,27,44,.8);border:1px solid var(--line);border-radius:16px}.dev-metrics strong{display:block;font-size:1.9rem;color:var(--accent-2)}.dev-metrics span{color:var(--muted);font-size:.9rem}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dev-grid .moderation-section{margin:0 0 25px}.ban-list strong{color:var(--accent-2)}details{padding:14px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.dev-server-list{list-style:none;padding:8px 0 0;margin:0}.dev-server-list li{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:8px;color:var(--muted);font-size:.9rem}.event-ready{color:var(--accent-2);font-weight:700}.event-disconnect{color:#ff8c9c;font-weight:700}.event-list small{color:var(--muted)}@media(max-width:720px){.dev-metrics,.dev-grid{grid-template-columns:1fr}.dev-server-list li{grid-template-columns:1fr}}
.command-group{padding:26px 0;border-top:1px solid var(--line)}.command-group>div:first-child{display:flex;align-items:center;gap:12px}.command-group>div:first-child span{font-size:1.5rem}.command-group h2{margin:0}.command-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.command-list article{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(29,27,44,.7)}.command-list h3{margin:0 0 9px;font-size:1rem}.command-list p{margin:0 0 13px;color:var(--muted);font-size:.92rem;line-height:1.5}.command-list small{color:var(--muted)}@media(max-width:720px){.command-list{grid-template-columns:1fr}}
.language-picker{display:flex;align-items:center;gap:7px}.language-picker label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker select{max-width:160px;padding:9px 28px 9px 10px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.83rem;cursor:pointer}@media(max-width:720px){.language-picker select{max-width:130px}}
.brand-avatar{width:34px;height:34px;border-radius:11px;object-fit:cover;box-shadow:0 8px 18px rgba(118,89,255,.28)}.bot-avatar{width:100px;height:100px;display:block;object-fit:cover;border-radius:35px;margin-bottom:26px;box-shadow:0 18px 32px #090713}.metrics-top{grid-template-columns:repeat(5,1fr);margin:38px 0 20px}.rank-user{display:flex;align-items:center;gap:9px}.rank-user img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.language-picker select{width:200px;max-width:200px}@media(max-width:900px){.metrics-top{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.metrics-top{grid-template-columns:1fr}.language-picker select{width:150px;max-width:150px}}
.guild-card img.guild-icon,.guild-icon-fallback{width:45px;height:45px;flex:0 0 45px;border-radius:14px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;font-weight:800}.dev-server-list li{align-items:center}.dev-server-list .server-avatar{width:30px;height:30px;border-radius:9px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;font-weight:800}
.button-discord{background:#5865f2;box-shadow:0 10px 25px rgba(88,101,242,.3)}.button-discord:hover{background:#6875f5}
.role-option-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.settings-card h3{margin:28px 0 10px}@media(max-width:720px){.role-option-row{grid-template-columns:1fr}}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-toggle{display:flex!important;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#171524}.module-toggle input{width:auto!important;margin-top:3px}.module-toggle strong,.module-toggle small{display:block}.module-toggle small{margin-top:4px;color:var(--muted);font-weight:400}.permission-list{list-style:none;padding:0;margin:12px 0 0}.permission-list li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.permission-ok{color:var(--accent-2)}.permission-missing{color:#ff8c9c}@media(max-width:720px){.module-grid{grid-template-columns:1fr}}

/* Flok design system: semantic tokens and reusable operational components. */
:root{--success:#55d9bd;--warning:#ffc76b;--danger:#ff7185;--info:#7aa8ff;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 18px 50px rgba(5,4,12,.3);--focus:0 0 0 3px rgba(139,108,255,.32)}
button,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:0;box-shadow:var(--focus)}.button:hover{transform:translateY(-1px)}.settings-card,.moderation-section,.profile-card{box-shadow:var(--shadow-card)}.approve{color:var(--success)}.badge-list li{display:grid;gap:4px}.badge-list span{color:var(--muted);font-size:.9rem}.dev-grid form{display:grid;gap:10px}.dev-grid input,.dev-grid select{width:100%;background:#14131f;color:var(--text);border:1px solid var(--line);padding:13px;border-radius:var(--radius-sm);font:inherit}.setup-progress{height:10px;margin:18px 0;border-radius:999px;background:var(--surface-2);overflow:hidden}.setup-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success))}.onboarding-guide{background:linear-gradient(145deg,rgba(61,49,104,.85),rgba(29,27,44,.9))}
.mascot-showcase{position:relative;display:grid;align-items:center;height:300px;margin:0 0 45px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#121122;overflow:hidden;box-shadow:var(--shadow-card);isolation:isolate}.mascot-showcase:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,9,24,.98) 0%,rgba(10,9,24,.9) 34%,rgba(10,9,24,.2) 68%,rgba(10,9,24,.02) 100%)}.mascot-showcase>div{width:min(46%,460px);padding:34px 40px;z-index:1}.mascot-showcase h2{margin:0 0 10px;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.045em;line-height:1.05}.mascot-showcase p:not(.eyebrow){margin:0;color:#cbc6df;line-height:1.55;font-size:.96rem}.mascot-showcase img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.92) contrast(1.02)}@media(max-width:720px){.mascot-showcase{height:380px;align-items:end}.mascot-showcase:after{background:linear-gradient(0deg,rgba(10,9,24,.98) 0%,rgba(10,9,24,.82) 48%,rgba(10,9,24,.04) 82%)}.mascot-showcase>div{width:100%;padding:24px}.mascot-showcase img{object-position:64% center}}
.badge-manager-heading{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:30px;align-items:end}.badge-manager-heading h2{font-size:1.7rem;margin:0 0 8px}.badge-manager-heading form{display:grid;gap:8px}.inline-form{display:flex;gap:8px}.inline-form input{min-width:0}.inline-form .button{padding:12px 18px}.badge-target{display:flex;align-items:center;gap:13px;margin:25px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.badge-target img{width:46px;height:46px;border-radius:14px;object-fit:cover}.badge-target div{display:grid;gap:2px}.badge-target small{color:var(--muted);font-size:.66rem;letter-spacing:.1em}.badge-target code{font-size:.76rem}.badge-target>span{margin-left:auto;padding:6px 10px;border-radius:999px;background:rgba(85,217,189,.13);color:var(--success);font-size:.78rem;font-weight:800}.badge-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.badge-admin-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:#171524}.badge-admin-card.assigned{border-color:rgba(85,217,189,.55);background:rgba(85,217,189,.07)}.badge-admin-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--badge-color);font-weight:900}.badge-admin-card div{display:grid;gap:3px}.badge-admin-card small{color:var(--muted);line-height:1.35}.badge-action{border:0;border-radius:9px;padding:8px 10px;background:rgba(139,108,255,.18);color:#dcd3ff;font:inherit;font-size:.77rem;font-weight:800;cursor:pointer}.badge-action.remove{background:rgba(255,113,133,.12);color:#ff9baa}.badge-rule{color:var(--muted);font-size:.75rem}.mascot-showcase img{filter:saturate(.95) contrast(1.02)}@media(max-width:820px){.badge-manager-heading,.badge-admin-grid{grid-template-columns:1fr}.badge-admin-card{grid-template-columns:42px 1fr}.badge-admin-card form,.badge-rule{grid-column:2}.inline-form{flex-wrap:wrap}}