:root{color-scheme:dark;--bg:#0c1018;--panel:#141b27;--panel2:#192231;--line:#293344;--text:#eef1f7;--muted:#99a5b8;--red:#df4149;--red2:#6b2630;--green:#72d2aa;--gold:#e6bd77;--blue:#8cbcf5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid transparent;border-radius:9px;background:var(--red);color:white;font-weight:650;padding:10px 17px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:not-allowed}button.quiet,.secondary{background:transparent;border-color:var(--line);color:var(--text)}button.danger{background:#5e2430;border-color:#b54b5d}a{color:var(--blue)}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#101620;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 18px;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand img{height:52px;width:52px}.brand strong{font-size:11px;letter-spacing:1.5px;display:block}.brand span{font-size:13px;color:var(--muted)}.workspace{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;color:var(--gold);padding:12px}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}nav{display:grid;gap:4px}nav button{text-align:left;background:transparent;color:var(--muted);font-weight:500;padding:11px 13px;border:1px solid transparent}nav button.active{background:#2a1b27;border-color:#65313d;color:#fff}nav .nav-icon{display:inline-block;width:26px;color:#b9c4d5}.side-foot{margin-top:auto;padding:24px 10px 0;font-size:11px;color:var(--muted)}.side-foot strong{color:var(--green);font-weight:500}.side-foot p{line-height:1.6}main{margin-left:260px;max-width:1900px}header{min-height:80px;border-bottom:1px solid var(--line);padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 10px;color:#566176}.header-right{display:flex;align-items:center;gap:20px;font-size:12px}.header-right select{padding:5px 8px;width:140px;margin:0 0 0 5px}.identity{max-width:130px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-banner{margin:25px 36px 0;padding:16px 20px;display:flex;align-items:center;gap:15px;border:1px solid #695433;border-radius:12px;background:linear-gradient(100deg,#292317,#181b23)}.preview-banner>span{font-size:28px;color:var(--gold)}.preview-banner strong,.preview-banner div>span{display:block}.preview-banner strong{font-size:13px}.preview-banner div>span{font-size:12px;color:#c2b9aa;margin-top:3px}.preview-banner button{margin-left:auto;font-size:12px;white-space:nowrap}.page{padding:30px 36px 40px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 9px}h2{font-size:20px;letter-spacing:-.3px;margin:0 0 16px}h3{font-size:15px;margin:0 0 9px}p{margin:0 0 14px}.subtle{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--gold);display:block;margin-bottom:10px}.pill{display:inline-block;font-size:10px;letter-spacing:.6px;border:1px solid var(--line);padding:4px 8px;border-radius:20px;color:var(--muted);white-space:nowrap}.pill.good{color:var(--green);border-color:#31594b}.pill.draft{color:var(--gold);border-color:#665232}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.card.highlight{background:linear-gradient(140deg,#281b28,#171d29);border-color:#63313f}.card .big{font-size:36px;line-height:1.1;font-weight:700;letter-spacing:-1px;margin:8px 0}.card .card-head{display:flex;justify-content:space-between;gap:15px}.stat-note{font-size:12px;color:var(--muted)}.feature-list{display:grid;gap:12px;margin:20px 0}.feature-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#111822}.feature-row .grow{flex:1}.feature-row h3{margin:0}.feature-row p{margin:3px 0 0;font-size:12px;color:var(--muted)}.check{color:var(--green)}.small{font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.field{display:block;margin:0 0 17px}.field>span{display:block;color:#cbd3df;font-size:12px;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #354052;border-radius:8px;background:#0e1520;color:var(--text);padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px #df414922}textarea{resize:vertical;min-height:120px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--red)}input[type=number]{max-width:140px}.inline{display:flex;gap:16px;align-items:center}.inline>.field{flex:1}.checkbox{display:flex;align-items:center;gap:10px;font-size:13px;margin:13px 0}.actions{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.discord{background:#292c34;border-radius:10px;border:1px solid #3c404b;overflow:hidden}.discord-head{display:flex;align-items:center;gap:10px;padding:18px 20px 12px}.discord-head img{width:38px;height:38px}.discord-head strong{font-size:14px}.bot-badge{background:#5865f2;padding:1px 4px;border-radius:3px;font-size:9px;margin-left:6px}.discord-content{padding:0 20px 22px 68px;color:#dde0e7;font-size:14px;white-space:pre-wrap;word-break:break-word}.discord-embed{margin:0 20px 20px 68px;border-left:4px solid var(--red);background:#20232b;border-radius:4px;padding:16px;white-space:pre-wrap;word-break:break-word}.discord-embed h3{font-size:15px}.role-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #465269;background:#202c40;padding:7px 11px;border-radius:20px;font-size:12px;margin:3px}.role-chip button{padding:0 2px;background:none;color:#9dacc4;font-size:15px}.denied{padding:18px;border-radius:10px;border:1px solid #68313e;background:#2b1b25;color:#efb4bd;margin-bottom:20px}.note{padding:15px 17px;border:1px solid #3b4659;background:#162031;border-radius:9px;font-size:12px;color:#b6c4da;margin:18px 0}.feed{display:grid;gap:12px}.feed-entry{border-left:2px solid #50617d;padding:0 0 0 15px}.feed-entry strong{font-size:13px}.feed-entry p{font-size:12px;color:var(--muted);margin:5px 0 0;white-space:pre-wrap}.feed-entry time{font-size:10px;color:#7c899b}.matrix-wrap{overflow:auto}.matrix{width:100%;border-collapse:collapse;font-size:12px;min-width:580px}.matrix th,.matrix td{text-align:center;padding:12px 10px;border-bottom:1px solid var(--line)}.matrix th:first-child,.matrix td:first-child{text-align:left}.matrix th{color:var(--muted);font-weight:500}.matrix input{vertical-align:middle}.bar{height:5px;border-radius:5px;background:#252e3c;margin:10px 0}.bar>span{display:block;height:100%;background:var(--red);border-radius:5px}.review-item{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.review-item strong{display:block}.review-item p{margin:3px 0 0;font-size:12px;color:var(--muted)}pre{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word;background:#0c121b;border:1px solid var(--line);padding:15px;border-radius:9px;max-height:360px;overflow:auto}footer{color:#69768a;border-top:1px solid var(--line);padding:20px 36px;font-size:11px}dialog{max-width:690px;width:calc(100% - 40px);background:var(--panel);color:var(--text);border:1px solid #455066;border-radius:16px;padding:30px;max-height:90vh;overflow:auto}dialog::backdrop{background:#03060dc9;backdrop-filter:blur(4px)}.close{float:right;background:transparent;font-size:25px;padding:0 6px;color:var(--muted)}.toast{position:fixed;bottom:25px;right:25px;z-index:10;max-width:400px;background:#263a32;border:1px solid #527e6a;color:#d5f3e6;border-radius:10px;padding:14px 20px;box-shadow:0 12px 45px #0006}.toast.error{background:#45212b;border-color:#a34e66}.loading{padding:50px;color:var(--muted)}.empty{color:var(--muted);font-size:13px;padding:25px;text-align:center}.role-group{margin-bottom:22px}.role-group h3{display:flex;justify-content:space-between}.max-note{color:var(--muted);font-weight:400;font-size:11px}.divider{height:1px;background:var(--line);margin:20px 0}.disabled-feature{opacity:.5}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.switch-row p{margin:2px 0 0;font-size:12px;color:var(--muted)}.mobile-nav{display:none}.error-box{padding:20px;color:#ffc2cd;border:1px solid #7d3c50;border-radius:10px}.access-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:20px}@media(min-width:1550px){.page{max-width:1450px;margin:auto}}@media(max-width:1050px){.sidebar{width:220px;padding:20px 12px}.brand{gap:8px}.brand img{width:40px;height:40px}.brand strong{font-size:9px}main{margin-left:220px}header,.page{padding-left:24px;padding-right:24px}.preview-banner{margin-left:24px;margin-right:24px}.split{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr}.header-right .identity{display:none}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{margin:0 0 12px}.brand img{width:40px;height:40px}.brand strong{font-size:11px}.workspace,.side-foot{display:none}nav{display:flex;overflow:auto;padding-bottom:4px;gap:7px}nav button{white-space:nowrap;font-size:12px;padding:8px 10px}nav .nav-icon{display:none}main{margin-left:0}header{min-height:60px;padding:15px 16px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 3px}.header-right{font-size:10px}.header-right select{width:110px;font-size:11px}.preview-banner{margin:16px 16px 0;padding:13px}.preview-banner>span,.preview-banner button{display:none}.preview-banner strong{font-size:12px}.preview-banner div>span{font-size:11px}.page{padding:24px 16px 32px}h1{font-size:25px}.grid,.grid.three{grid-template-columns:1fr}.card{padding:20px}.page-title{gap:12px}.page-title .pill{font-size:9px}.inline{flex-wrap:wrap}.inline>.field{min-width:140px}footer{padding:18px 16px}.discord-content{padding-left:20px}.discord-embed{margin-left:20px}.actions button{width:100%}}

.mt20{margin-top:20px}.mt14{margin-top:14px}.mt15{margin-top:15px}

.signed-out>.sidebar,.signed-out>main{display:none}.auth-card{width:min(420px,calc(100% - 36px));margin:55px auto;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:center;box-shadow:0 25px 80px #0005}.auth-crest{width:96px;height:96px;margin-bottom:20px}.auth-card h1{font-size:27px;margin-top:8px}.auth-card form{text-align:left;margin-top:25px}.auth-submit{width:100%;margin:5px 0 20px}.auth-note{font-size:11px;color:var(--muted);line-height:1.6}.feature-row .grow{text-align:left}.header-right #logout{padding:5px 10px;font-size:11px}@media(max-width:700px){.auth-card{margin:25px auto;padding:25px}.header-right{gap:8px}.header-right #logout{padding:4px 6px;font-size:10px}}

.role-icon{width:24px;height:24px;object-fit:contain;flex:0 0 24px;vertical-align:middle}.role-chip .role-icon{width:20px;height:20px;flex-basis:20px}.checkbox .pill{margin-left:auto}

/* Discord role colors; labels are informational, not permission grants. */
.role-name{color:var(--role-accent,var(--text))}.role-chip{color:var(--role-accent,var(--text));border-color:var(--role-accent,#465269)}
.role-color-visitor{--role-accent:#8A95A6}
.role-color-warrior{--role-accent:#C79C6E}
.role-color-paladin{--role-accent:#F58CBA}
.role-color-hunter{--role-accent:#ABD473}
.role-color-rogue{--role-accent:#FFF569}
.role-color-priest{--role-accent:#FFFFFF}
.role-color-mage{--role-accent:#69CCF0}
.role-color-warlock{--role-accent:#9482C9}
.role-color-druid{--role-accent:#FF7D0A}
.role-color-tank{--role-accent:#4E9DE0}
.role-color-healer{--role-accent:#55C48B}
.role-color-dps{--role-accent:#E26464}
.role-color-alchemy{--role-accent:#58BD89}
.role-color-blacksmithing{--role-accent:#A3A5AD}
.role-color-enchanting{--role-accent:#BC8BE0}
.role-color-engineering{--role-accent:#E5BA55}
.role-color-herbalism{--role-accent:#77B95B}
.role-color-leatherworking{--role-accent:#B8875E}
.role-color-mining{--role-accent:#A9B8C9}
.role-color-skinning{--role-accent:#CE9A75}
.role-color-tailoring{--role-accent:#7CA9DE}
.role-color-wowforever{--role-accent:#DDBD69}
.role-color-swtor{--role-accent:#A48DE0}
.settings-fields{border:0;padding:0;margin:0;min-width:0}.settings-fields:disabled{opacity:.65}.settings-options{border:1px solid #2a3748;border-radius:10px;padding:16px;margin:16px 0;max-height:320px;overflow:auto}.settings-options legend{font-weight:600;padding:0 8px}.settings-options .checkbox{margin:10px 0}.feature-settings{max-width:960px}
.auto-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.auto-rule-card{min-width:0}.auto-rule-card summary{cursor:pointer;color:#d5deeb;font-weight:600}.auto-rule-card .checkbox strong{font-size:1.12rem}.auto-rule-card .field select[multiple],#automod-general select[multiple],#automod-test select[multiple]{min-height:150px}.auto-rule-card textarea{min-height:110px}@media(max-width:850px){.auto-rule-grid{grid-template-columns:1fr}}