:root{color-scheme:dark;--bg:#0d1013;--panel:#15191e;--panel-soft:#1d232a;--line:#2a333c;--text:#f4f7f9;--muted:#9ba8b5;--accent:#ff3d57;--accent-strong:#ff6b3d;--discord:#5865f2;--ok:#48d597;--warn:#f1c74f;--danger:#ff647c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,rgba(255,61,87,.2),transparent 28rem),radial-gradient(circle at 86% 12%,rgba(88,101,242,.12),transparent 30rem),linear-gradient(135deg,#121518,#0d1013 52%,#191114);color:var(--text);margin:0;min-height:100vh;min-width:320px}button,input,select,textarea{font:inherit}button{border:0}.app-shell{margin:0 auto;padding:42px 0 56px;width:min(1180px,calc(100% - 48px))}.topbar{gap:16px;justify-content:space-between;margin-bottom:34px}.brand,.topbar{align-items:center;display:flex}.brand{gap:14px}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:1px solid hsla(0,0%,100%,.16);border-radius:10px;box-shadow:0 16px 34px #ff3d5738;display:grid;font-weight:900;height:52px;letter-spacing:0;place-items:center;width:52px}.eyebrow,.meta{color:var(--muted);font-size:.88rem;margin:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);line-height:1;margin-bottom:4px}h2{font-size:1.05rem;margin-bottom:14px}h3{font-size:.96rem;margin:0}.layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.auth-panel{margin-top:32px}.auth-shell{display:grid;min-height:min(620px,calc(100vh - 190px));place-items:center}.auth-card{align-items:center;background:linear-gradient(135deg,rgba(255,61,87,.12),transparent 32%),linear-gradient(180deg,#181d23f5,#101317f5);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:0 28px 90px #00000061;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 320px;padding:30px;width:min(880px,100%)}.auth-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;margin:10px 0 12px;max-width:620px}.auth-copy p{color:#c8d1dc;font-size:1rem;line-height:1.65;margin-bottom:22px;max-width:620px}.auth-kicker{align-items:center;background:#5865f21f;border:1px solid rgba(88,101,242,.36);border-radius:999px;color:#cbd1ff;display:inline-flex;font-size:.8rem;font-weight:800;min-height:28px;padding:0 10px}.auth-features{display:flex;flex-wrap:wrap;gap:8px}.auth-features span{background:#ffffff0a;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:700;padding:7px 10px}.auth-action{background:#080b0f7a;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;padding:18px}.discord-badge{align-items:center;background:#5865f21f;border-radius:9px;color:#e4e7ff;display:flex;font-weight:800;gap:10px;min-height:44px;padding:0 12px}.discord-login{background:linear-gradient(135deg,var(--discord),#7b5cff);box-shadow:0 14px 34px #5865f23d;min-height:48px;width:100%}.account-bar,.auth-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.account-bar{margin-bottom:18px}.account-user{align-items:center;color:var(--text);display:inline-flex;font-weight:800;gap:10px}.account-user img{border-radius:50%;height:32px;width:32px}.tool-tabs{background:#111418e0;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:6px;margin-bottom:18px;padding:5px}.tab-button{align-items:center;background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;gap:8px;min-height:38px;padding:0 12px}.tab-button.active{background:var(--panel-soft);color:var(--text)}.panel{background:#15191ee6;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 70px #00000038}.panel-inner{padding:20px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}input,select,textarea{background:#111418;border:1px solid var(--line);border-radius:6px;color:var(--text);outline:none;padding:11px 12px;width:100%}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.role-list{display:grid;gap:10px}.section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:18px 0 12px}.section-heading h2{margin:0}.section-heading.compact{margin:0 0 12px}.embed-editor-list{display:grid;gap:12px}.embed-editor{padding:14px}.embed-editor,.role-row{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px}.role-row{align-items:end;display:grid;gap:10px;grid-template-columns:74px minmax(0,1fr) minmax(0,1fr) 42px;padding:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button{align-items:center;background:var(--panel-soft);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 14px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:hover,.icon-button:hover,.saved-item:hover,.tab-button:hover{border-color:#fff3;transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));font-weight:800}.button.ghost{background:transparent}.button.ghost,.icon-button{border:1px solid var(--line)}.icon-button{background:#111418;border-radius:6px;color:var(--text);cursor:pointer;height:42px;width:42px}.status{color:var(--muted);margin-top:14px}.preview{display:grid;gap:14px}.discord-card{background:#2b2d31;border-left:4px solid var(--accent);border-radius:6px;margin-bottom:8px;padding:16px}.discord-title{font-size:1rem;font-weight:800;margin-bottom:8px}.discord-description{color:#dbdee1;line-height:1.55;white-space:pre-line}.reaction-pill{align-items:center;background:#232428;border:1px solid #3f4147;border-radius:6px;color:#f2f3f5;display:inline-flex;gap:8px;margin:8px 8px 0 0;padding:7px 9px}.saved-list{display:grid;gap:10px}.saved-item{background:#111418;border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;padding:12px;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease}.saved-item strong{display:block;margin-bottom:4px}.tag{align-items:center;background:#48d5971f;border-radius:5px;color:var(--ok);display:inline-flex;font-size:.78rem;font-weight:800;min-height:24px;padding:0 8px}@media(max-width:860px){.auth-card,.form-grid,.layout,.role-row{grid-template-columns:1fr}.account-bar,.auth-content,.topbar{align-items:flex-start;flex-direction:column}.app-shell{padding-top:24px;width:min(100% - 28px,1180px)}.auth-card{padding:20px}}