:root{color-scheme:dark;--bg:#111318;--side:#15171d;--card:#1b1e25;--card2:#20232b;--line:#2e323c;--text:#f2f3f5;--muted:#9297a3;--soft:#c6c9d1;--green:#42d392;--blue:#6675f5;--danger:#ed5c65;--radius:16px;font-family:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--side);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 30px}.brand strong{font:800 16px Manrope,sans-serif;letter-spacing:-.03em;display:block}.brand small{color:var(--muted);font-size:11px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#5fe2ac,#2ca875);font:800 14px Manrope;color:#0b2218;box-shadow:0 8px 25px #21b37e22}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:11px}.nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#a7abb5;text-align:left;padding:12px 13px;border-radius:10px;display:flex;gap:12px;align-items:center;transition:.15s}.nav-item span{font-size:17px;width:18px;color:#777e8b}.nav-item:hover{background:#20232a;color:white}.nav-item.active{background:#26352f;color:#d7ffeb;box-shadow:inset 3px 0 var(--green)}.nav-item.active span{color:var(--green)}.sidebar-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 5px 0;color:var(--muted);font-size:12px}.bot-state{display:flex;align-items:center;gap:8px}.bot-state i,.live-pill i{width:8px;height:8px;border-radius:50%;background:#e0ab4f;display:inline-block}.bot-state.online i,.live-pill i{background:var(--green);box-shadow:0 0 10px #42d39277}.quiet-button,.text-button{border:0;background:none;color:var(--muted);font-size:12px}.quiet-button:hover,.text-button:hover{color:white}.main{min-width:0;padding:30px clamp(20px,4vw,58px) 70px;max-width:1660px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:#828995;margin:0 0 7px}.topbar h1{font:800 clamp(22px,2.4vw,29px) Manrope,sans-serif;letter-spacing:-.04em;margin:0}.top-actions{display:flex;align-items:center;gap:9px}.save-state{font-size:11px;color:#d9af60;margin-right:4px}.save-state.saved{color:var(--green)}.primary,.secondary{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:700;font-size:12px;transition:.15s}.primary{background:var(--green);color:#10251b;box-shadow:0 6px 18px #42d39222}.primary:hover{background:#63e3a8;transform:translateY(-1px)}.secondary{background:#272b34;border-color:#353a45;color:#e6e8ed}.secondary:hover{background:#303540}.wide{width:100%;margin-top:8px}.page{display:none}.page.active{display:block}.editor-grid{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(360px,.9fr);gap:24px;align-items:start}.editor-column{display:grid;gap:16px}.card{background:linear-gradient(150deg,#1c1f26,#191b21);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 14px 35px #00000012}.card-heading,.preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.card-heading h2,.preview-head h2{font:700 17px Manrope,sans-serif;letter-spacing:-.02em;margin:0}.step{color:#5f6875;font:700 12px Manrope;letter-spacing:.08em}.card label{display:block;color:#cbd0d8;font-size:12px;font-weight:700;margin:15px 0 7px}.card input:not([type=checkbox]):not([type=color]),.card textarea,.login-card input{width:100%;border:1px solid #373c47;background:#15171d;color:#f2f3f5;border-radius:9px;padding:11px 12px;outline:none;transition:.15s}.card textarea{resize:vertical;line-height:1.55;min-height:74px}.card input:focus,.card textarea:focus,.login-card input:focus{border-color:#5bca9a;box-shadow:0 0 0 3px #42d39217}.card input::placeholder,.card textarea::placeholder{color:#68707d}.hint{font-size:11px;line-height:1.55;color:var(--muted);margin:8px 0 0}.field-row{display:flex;gap:8px;align-items:center}.field-row input{flex:1}.icon-button{border:1px solid #353a44;border-radius:9px;background:#262a32;color:#cad0da;width:39px;height:39px;font-size:18px;flex:none}.icon-button:hover{border-color:#59b98f;color:var(--green)}.counter{text-align:right;color:#737b88;font-size:10px;margin-top:5px}.section-rule{height:1px;background:var(--line);margin:22px 0 17px}.subheading{display:flex;align-items:center;justify-content:space-between}.subheading h3{margin:0;color:#e7e9ed;font:700 13px Manrope}.color-field{height:40px;border:1px solid #373c47;background:#15171d;border-radius:9px;display:flex;align-items:center;gap:10px;padding:5px 9px;color:#cbd0d8;font:600 11px monospace}.color-field input[type=color]{border:0;padding:0;width:24px;height:26px;border-radius:6px;background:transparent;cursor:pointer}.field-pair{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.field-pair>div{min-width:0}.preview-column{position:relative}.preview-sticky{position:sticky;top:20px}.preview-head{align-items:center;margin:2px 2px 14px}.live-pill{display:flex;align-items:center;gap:6px;color:#71dba9;font-size:9px;font-weight:800;letter-spacing:.12em}.discord-window{background:#1e1f22;border:1px solid #303238;border-radius:13px;min-height:310px;overflow:hidden;box-shadow:0 15px 40px #0003}.discord-channel{height:42px;border-bottom:1px solid #303238;padding:13px 16px;color:#9ba0a9;font-size:12px;font-weight:700}.discord-message{display:flex;gap:11px;padding:17px 15px 22px}.avatar{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(145deg,#58d7a2,#19744c);display:grid;place-items:center;color:#0f251c;font-size:8px;font-weight:900;line-height:.8}.message-main{min-width:0;flex:1}.message-author{color:#67d69f;font-size:12px;font-weight:700;margin:0 0 9px}.message-author small{color:#858992;font-size:10px;font-weight:400;margin-left:7px}.bot-tag{background:#5966e9;color:white;border-radius:4px;padding:2px 4px;font-size:8px;margin-left:4px}.preview-content{color:#eceef1;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:9px}.preview-embed{position:relative;background:#25262b;border:1px solid #33343b;border-left:4px solid #2ecc71;border-radius:5px;padding:13px 15px;max-width:650px;min-height:70px;overflow:hidden}.preview-embed h3{font-size:16px;line-height:1.35;margin:0 0 10px;font-weight:800;white-space:pre-wrap}.preview-embed p{color:#dedfe3;white-space:pre-wrap;line-height:1.5;margin:0 0 10px}.preview-author,.preview-footer{color:#c6c8ce;font-size:10px;font-weight:700;margin-bottom:8px}.preview-footer{margin:10px 0 0}.preview-thumb{float:right;max-width:70px;max-height:70px;margin:0 0 8px 10px}.preview-image{max-width:100%;max-height:160px;object-fit:cover;border-radius:4px;margin-top:12px}.preview-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.discord-button{border:0;border-radius:6px;padding:8px 11px;color:white;font-size:11px;font-weight:600;max-width:100%}.discord-button span{margin-right:5px}.discord-button .preview-emoji{width:16px;height:16px;vertical-align:-3px;object-fit:contain}.style-1{background:#5865f2}.style-2{background:#4e5058}.style-3{background:#248046}.style-4{background:#da373c}.style-5{background:#4e5058}.preview-select{margin-top:8px;border:1px solid #424650;border-radius:6px;padding:8px 10px;color:#bbbfc8;background:#30323a;font-size:11px}.preview-note{color:#757c88;font-size:10px;margin:10px 2px}.button-list{display:grid;gap:11px}.button-editor{background:#17191f;border:1px solid #30343d;border-radius:12px;padding:14px}.button-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.button-editor-head strong{font-size:12px}.remove-button{border:0;background:transparent;color:#a46d73;font-size:11px}.button-fields{display:grid;grid-template-columns:1.2fr .7fr .8fr 1.2fr;gap:8px}.button-fields label{font-size:10px;margin:4px 0}.button-fields input,.button-fields select{width:100%;border:1px solid #343943;background:#20232a;color:#e7e9ed;border-radius:7px;padding:8px 8px;outline:none;font-size:11px}.button-fields .full{grid-column:1/-1}.button-fields .wide{grid-column:span 2;margin:0}.button-fields input:focus,.button-fields select:focus{border-color:#56b88c}.add-button{width:100%;padding:11px;border:1px dashed #3b5148;border-radius:9px;background:#202b26;color:#74d5a4;font-size:12px;font-weight:700;margin-top:12px}.add-button:hover{background:#26372f}.check-line{display:flex!important;gap:10px;align-items:flex-start;cursor:pointer}.check-line input{accent-color:var(--green);margin-top:3px}.check-line span{display:grid;gap:3px}.check-line small{color:var(--muted);font-weight:400}.split-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(400px,1.3fr);gap:18px;align-items:start}.category-list{display:grid;gap:7px;margin-bottom:12px}.category-entry{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 12px;border:1px solid #30343c;background:#17191f;color:#cbd0d8;border-radius:9px;text-align:left}.category-entry.active{border-color:#3b8061;background:#1d2a24;color:#effff6}.category-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-entry small{color:#858d99}.category-editor{display:grid;gap:2px}.category-editor .field-pair{grid-template-columns:1fr 1fr}.question-editor{border:1px solid #343943;border-radius:10px;padding:13px;margin:8px 0;background:#17191f}.question-editor header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;margin-bottom:6px}.question-editor .field-pair{grid-template-columns:1fr 1fr}.empty-state{color:var(--muted);text-align:center;padding:65px 15px;border:1px dashed #353a44;border-radius:12px}.add-question{width:100%;border:1px dashed #3d5148;background:transparent;color:#6fd2a0;border-radius:8px;padding:10px;font-size:12px;margin:7px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-grid .card{min-height:250px}.callout{display:grid;gap:6px;background:#202b26;border:1px solid #324a3e;border-radius:9px;padding:13px;margin-top:19px}.callout strong{font-size:11px}.callout span{font-size:12px;color:#aeb5bd}.card p{line-height:1.65;color:#c1c5ce}.card code{color:#8adbb3;background:#12151a;padding:2px 4px;border-radius:4px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#273b31;border:1px solid #427457;color:#e9fff2;padding:11px 17px;border-radius:10px;box-shadow:0 12px 30px #0005;opacity:0;pointer-events:none;transition:.2s;z-index:5;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#1c362c 0,transparent 35%),var(--bg);padding:20px}.login-card{width:min(100%,380px);padding:32px;background:#1b1e25;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px #0005}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font:800 23px Manrope;letter-spacing:-.04em;margin:0}.login-card .muted{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 23px}.login-card label{display:block;font-size:11px;font-weight:700;margin:0 0 7px}.login-card input{margin-bottom:11px}.error{color:#ff9299;font-size:11px;min-height:15px}.login-card .eyebrow{color:#58d59a}

@media(max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.editor-grid{grid-template-columns:1fr}.preview-sticky{position:static}.preview-column{order:-1}.preview-column .discord-window{min-height:240px}.button-fields{grid-template-columns:1fr 1fr}.field-pair{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;min-height:0;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:3px 4px 12px}.nav{display:flex;overflow-x:auto}.nav-item{white-space:nowrap;padding:9px;font-size:11px}.nav-item span{display:none}.sidebar-bottom{display:none}.main{padding:20px 14px 45px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:18px}.top-actions{width:100%;flex-wrap:wrap}.top-actions .save-state{width:100%}.top-actions button{flex:1}.split-layout,.settings-grid{grid-template-columns:1fr}.editor-grid{gap:15px}.card{padding:17px}.discord-message{padding:12px 10px}.field-pair{grid-template-columns:1fr}.category-editor .field-pair{grid-template-columns:1fr}.button-fields{grid-template-columns:1fr 1fr}}
.settings-intro{grid-column:1/-1;margin:0}

/* MC Ticket Tool visual refresh */
:root{--bg:#0b0e13;--side:#10141b;--card:#141a22;--card2:#19212b;--line:#28313d;--text:#f4f7f8;--muted:#929eab;--soft:#c8d1d9;--green:#54e0a4;--blue:#7a8cff;--danger:#ff6d79;--radius:18px;font-family:Inter,"Segoe UI",system-ui,sans-serif}
body{background:radial-gradient(ellipse at 72% -12%,#172b2b 0,transparent 36%),radial-gradient(ellipse at 12% 90%,#131c28 0,transparent 35%),var(--bg);font-size:14px;letter-spacing:.005em}
.app-shell{grid-template-columns:264px minmax(0,1fr)}
.sidebar{background:rgba(15,19,26,.94);border-right:1px solid #252e39;padding:25px 17px 19px;backdrop-filter:blur(18px)}
.brand{padding:3px 8px 31px;gap:13px}.brand-mark{background:linear-gradient(145deg,#76efbd,#31b982);color:#082018;border-radius:13px;box-shadow:0 8px 26px #42d39230}.brand-mark.small{width:40px;height:40px;border-radius:13px;font-size:12px}.brand strong{font-size:15px;letter-spacing:-.025em}.brand small{display:block;margin-top:4px;color:#818d9b;font-size:10px;letter-spacing:.025em}
.nav-caption{margin:0 12px 11px;color:#697583;font-size:9px;font-weight:800;letter-spacing:.16em}.nav{gap:5px}.nav-item{position:relative;gap:12px;padding:11px 12px;border-radius:11px;color:#9da8b4;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s}.nav-item:hover{background:#1a222b;color:#edf4f2;transform:translateX(2px)}.nav-item.active{background:linear-gradient(100deg,#18372d,#182a28);color:#e4fff2;box-shadow:inset 0 0 0 1px #2e624d}.nav-item.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--green);box-shadow:0 0 13px #54e0a477}.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:none;color:#788594}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{color:var(--green)}.nav-label{width:auto!important;font-size:12px!important;color:inherit!important}
.sidebar-bottom{border-top:1px solid #252e39;padding:16px 8px 0}.bot-state{gap:9px;color:#aeb9c2}.bot-state i{width:8px;height:8px;box-shadow:0 0 0 4px #d9a64b18}.bot-state.online i{box-shadow:0 0 0 4px #54e0a41c,0 0 12px #54e0a477}.quiet-button{padding:7px 9px;border-radius:8px}.quiet-button:hover{background:#202832}
.main{position:relative;padding:35px clamp(22px,4vw,64px) 72px;max-width:1760px}.topbar{align-items:center;margin-bottom:29px;padding-bottom:23px;border-color:#26303b}.topbar .eyebrow{color:#82909e;margin-bottom:8px}.topbar h1{font-size:clamp(24px,2.5vw,32px);letter-spacing:-.045em}.top-actions{gap:10px}.save-state{font-size:11px;color:#d4af68;padding:8px 10px;border:1px solid #5b492a;background:#30281a;border-radius:9px}.save-state.saved{color:#7ce7b6;border-color:#28543f;background:#14271f}.primary,.secondary{border-radius:10px;padding:11px 16px;font-size:12px;transition:transform .18s,background .18s,box-shadow .18s}.primary{background:linear-gradient(135deg,#69e8b2,#40c98f);color:#09251a;box-shadow:0 7px 22px #42d39220}.primary:hover{background:linear-gradient(135deg,#87f2c5,#4dd89e);box-shadow:0 9px 26px #42d39232}.secondary{background:#1b232d;border-color:#35404d;color:#e0e7ec}.secondary:hover{background:#242e39;border-color:#475565}
.card{background:linear-gradient(145deg,rgba(23,30,39,.97),rgba(18,23,31,.97));border-color:#2b3541;border-radius:17px;padding:24px;box-shadow:0 18px 48px #0000001d, inset 0 1px #ffffff05}.card-heading,.preview-head{margin-bottom:21px}.card-heading h2,.preview-head h2{font-size:18px;letter-spacing:-.035em}.eyebrow{font-size:9px;letter-spacing:.16em;color:#7f8b98}.step{color:#65717d;font-size:11px}.card label{color:#d5dde3;font-size:11px;margin:17px 0 8px}.card input:not([type=checkbox]):not([type=color]),.card textarea,.login-card input{border-color:#303b48;background:#0f141b;border-radius:10px;padding:12px 13px;color:#f0f4f6;box-shadow:inset 0 1px 2px #0002}.card textarea{line-height:1.6}.card input:focus,.card textarea:focus,.login-card input:focus{border-color:#54c997;box-shadow:0 0 0 3px #54e0a416,0 0 18px #54e0a40a}.card input::placeholder,.card textarea::placeholder{color:#667381}.hint{font-size:11px;line-height:1.65;color:#8996a3}.card p{color:#bdc7d0}.field-row{gap:9px}.icon-button{width:42px;height:42px;background:#1c252f;border-color:#34404c;border-radius:10px;color:#b9c5cd}.icon-button:hover{background:#21342c;border-color:#3c8662;color:var(--green)}.section-rule{background:#28323e;margin:24px 0 19px}.subheading h3{font-size:13px}.text-button{padding:6px 9px;border-radius:7px}.text-button:hover{background:#28232a;color:#ff9ba2}.color-field{border-color:#303b48;background:#0f141b;border-radius:10px;height:43px}.preview-sticky{top:24px}.preview-head{margin:3px 2px 16px}.live-pill{padding:6px 8px;border:1px solid #285641;background:#14271e;border-radius:20px;color:#7ae3b2;font-size:9px}.live-pill i{width:6px;height:6px}.discord-window{background:#17191d;border-color:#30343b;border-radius:15px;box-shadow:0 20px 55px #0004}.discord-channel{height:45px;padding:14px 17px;border-color:#2b2e34;background:#1a1c20}.discord-message{gap:12px;padding:19px 17px 24px}.avatar{width:36px;height:36px;box-shadow:0 0 0 3px #ffffff0a}.message-author{font-size:13px}.preview-embed{background:#222429;border-color:#34363d;border-left-color:#54d89d;border-radius:7px;padding:15px 16px}.preview-embed h3{font-size:17px;letter-spacing:-.02em}.preview-embed p{font-size:13px;color:#d4d8dc}.preview-buttons{gap:7px;margin-top:9px}.discord-button{border-radius:8px;padding:9px 12px;font-size:11px;box-shadow:0 2px 5px #0002;transition:filter .15s,transform .15s}.discord-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.preview-note{line-height:1.6;color:#778492}.button-editor,.question-editor{background:linear-gradient(145deg,#121820,#151b23);border-color:#2d3844;border-radius:13px;padding:16px}.button-list{gap:12px}.button-editor-head strong{font-size:12px;color:#e8edf1}.remove-button{padding:6px 8px;border-radius:7px}.remove-button:hover{background:#3a2025;color:#ff8c95}.button-fields{gap:10px}.button-fields label{color:#acb8c2}.button-fields input,.button-fields select{border-color:#303b48;background:#10161d;border-radius:9px;padding:9px 10px;color:#e5edf1}.button-fields input:focus,.button-fields select:focus{border-color:#54c997;box-shadow:0 0 0 3px #54e0a410}.add-button,.add-question{border-color:#355943;background:#17271f;color:#79e2b0;border-radius:10px;padding:12px}.add-button:hover,.add-question:hover{background:#1c3327;border-color:#4c986c}.check-line{padding:12px 13px;border:1px solid #2c3943;background:#121920;border-radius:11px;margin:18px 0 10px!important}.check-line strong{font-size:11px;color:#e0e8ec}.check-line small{line-height:1.5;color:#8997a3}.check-line input{width:15px;height:15px;accent-color:#54d89d}.split-layout{gap:20px}.category-list{gap:8px}.category-entry{padding:12px 13px;border-color:#2c3743;background:#121820;border-radius:10px;color:#cbd5dc;transition:.16s}.category-entry:hover{background:#1a242d;border-color:#405161}.category-entry.active{background:linear-gradient(100deg,#193329,#172521);border-color:#367254;color:#edfff5;box-shadow:inset 0 0 0 1px #2e6347}.category-entry small{font-size:10px}.category-editor{gap:3px}.question-editor{margin:10px 0}.empty-state{border-color:#35414d;background:#11171e;color:#9ca9b4;border-radius:13px;line-height:1.6}.settings-grid{gap:20px}.settings-grid .card{min-height:270px}.settings-intro{padding:14px 17px!important;border:1px solid #2c443a;border-radius:12px;background:linear-gradient(100deg,#172a22,#151e22);color:#b8d9c8!important}.callout{background:#14271f;border-color:#2f5844;border-radius:11px}.card code{color:#8de6ba;background:#0e1713;border:1px solid #243a2d;padding:3px 6px;border-radius:5px}.toast{border-color:#35684c;background:#183326;color:#e8fff3;border-radius:11px;box-shadow:0 16px 38px #0007;padding:12px 18px}.login-wrap{background:radial-gradient(ellipse at 50% 25%,#18392d 0,transparent 38%),radial-gradient(ellipse at 80% 90%,#182333 0,transparent 35%),var(--bg)}.login-card{padding:36px;background:linear-gradient(145deg,#181f27,#12171e);border-color:#2e3a44;border-radius:21px;box-shadow:0 30px 90px #0007}.login-card h1{font-size:25px;letter-spacing:-.045em}.login-card .muted{color:#9ba7b2}.login-card label{color:#d6dfe4}.login-card .eyebrow{color:#72dfae}
@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.main{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.sidebar{padding:12px 14px;background:#10141bf5}.brand{padding:3px 4px 12px}.nav-caption{display:none}.nav{gap:5px}.nav-item{padding:9px 10px;font-size:11px}.nav-item:hover{transform:none}.nav-icon{display:none}.nav-item .nav-label{display:inline;font-size:11px!important}.main{padding:19px 14px 45px}.topbar{gap:15px}.top-actions{gap:8px}.top-actions button{padding:10px 11px}.card{padding:18px}.button-editor{padding:13px}.discord-window{border-radius:12px}}
@media(max-width:420px){.top-actions .secondary,.top-actions .primary{font-size:10px;padding:10px 8px}.save-state{font-size:10px}.nav-item{padding:8px 9px}.nav-label{font-size:10px!important}.card-heading h2,.preview-head h2{font-size:16px}}
.login-link{display:block;text-align:center;text-decoration:none}.login-link:hover{color:#09251a}.account-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8cdb9;font-size:11px;padding:8px 10px;border:1px solid #2d493b;background:#15231d;border-radius:9px}
@media(max-width:760px){.account-name{max-width:100%;width:100%;text-align:center}}

/* Clear console layout */
:root{
  color-scheme:light;
  --bg:#f3f6f8;
  --side:#17222e;
  --card:#ffffff;
  --card2:#f6f8fa;
  --line:#e2e8ed;
  --text:#1d2935;
  --muted:#71808e;
  --soft:#52616f;
  --green:#16865c;
  --blue:#5266df;
  --danger:#d94f5b;
  --radius:17px;
  font-family:Inter,"Segoe UI",system-ui,sans-serif;
}
body{background:#f3f6f8;color:var(--text);font-size:14px;letter-spacing:0}
.app-shell{grid-template-columns:252px minmax(0,1fr);background:linear-gradient(120deg,#f7f9fa 0,#f1f5f7 100%)}
.sidebar{background:#17222e;border:0;padding:25px 16px 18px;box-shadow:5px 0 22px #1523310b}
.brand{padding:3px 9px 33px;gap:12px}.brand-mark{background:#50d6a0;color:#103b2d;box-shadow:none}.brand-mark.small{width:38px;height:38px;border-radius:12px}.brand strong{font-size:14px;letter-spacing:-.02em;color:#f5f8fa}.brand small{color:#91a0ad;font-size:10px}
.nav-caption{margin:0 11px 10px;color:#82909d;font-size:9px;letter-spacing:.13em}.nav{gap:5px}.nav-item{padding:11px 12px;border-radius:10px;color:#b2bdc6;font-size:12px;font-weight:550;transition:background .15s,color .15s}.nav-item:hover{background:#233240;color:#fff;transform:none}.nav-item.active{background:#273b49;color:#fff;box-shadow:inset 3px 0 #50d6a0}.nav-item.active:before{content:none}.nav-icon{width:20px;height:20px;color:#91a2ae}.nav-icon svg{width:17px;height:17px;stroke-width:1.8}.nav-item.active .nav-icon{color:#72e3b5}.nav-label{font-size:12px!important}
.sidebar-bottom{border-color:#2b3945;padding:15px 8px 0;color:#aab5bd}.bot-state{font-size:11px}.bot-state i{background:#dfa54d;box-shadow:0 0 0 4px #dfa54d18}.bot-state.online i{background:#50d6a0;box-shadow:0 0 0 4px #50d6a020}.quiet-button{color:#aeb9c2}.quiet-button:hover{background:#253441;color:#fff}
.main{max-width:1680px;padding:30px clamp(20px,3.6vw,56px) 70px}.topbar{align-items:center;margin-bottom:24px;padding-bottom:19px;border-color:#dfe6eb}.topbar .eyebrow{color:#8996a1;font-size:9px}.topbar h1{color:#1c2935;font-size:clamp(23px,2.2vw,29px);letter-spacing:-.045em}.top-actions{gap:8px}.account-name{border-color:#d9e5de;background:#eaf4ee;color:#32765a}.save-state{font-size:10px;padding:7px 9px;border-radius:8px;border:1px solid #f0dfb9;background:#fff8e9;color:#94702d}.save-state.saved{border-color:#cce8d8;background:#eaf6ef;color:#258055}.primary,.secondary{border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700;box-shadow:none}.primary{background:#18865d;color:#fff}.primary:hover{background:#116e4b;transform:translateY(-1px);box-shadow:0 5px 13px #16865c20}.secondary{background:#fff;border-color:#dce4e9;color:#344351}.secondary:hover{background:#f7f9fa;border-color:#c7d3dc}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 24px;margin-bottom:20px;background:linear-gradient(110deg,#e9f4ee,#eef5f4 58%,#eff3f8);border:1px solid #dbe9e0;border-radius:16px}.intro-copy{max-width:720px}.intro-copy .eyebrow{margin-bottom:7px;color:#4c9170}.intro-copy h2{margin:0;color:#20372d;font-size:20px;letter-spacing:-.035em}.intro-copy>p:last-child{max-width:690px;margin:7px 0 0;color:#61746a;font-size:12px;line-height:1.6}.guide-steps{display:flex;align-items:center;gap:9px;flex:none}.guide-steps>div{display:flex;align-items:center;gap:7px;color:#456453;font-size:10px;font-weight:700;white-space:nowrap}.guide-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#16865c;border:1px solid #c9e4d4;font-size:11px}.guide-steps>i{width:18px;height:1px;background:#c4ddcd}.compact-intro{padding:18px 22px;background:linear-gradient(110deg,#eef3ff,#f5f6fb);border-color:#e0e5f2}.compact-intro .eyebrow{color:#6879c2}.compact-intro h2{color:#27324e;font-size:18px}.compact-intro .intro-copy>p:last-child{color:#65718a}.intro-add{white-space:nowrap}
.editor-grid{grid-template-columns:minmax(420px,1.08fr) minmax(360px,.92fr);gap:22px}.editor-column{gap:15px}.card{background:#fff;border:1px solid #e1e7eb;border-radius:15px;padding:22px;box-shadow:0 3px 12px #18273508}.card-heading,.preview-head{margin-bottom:17px}.card-heading h2,.preview-head h2{color:#253340;font-size:16px;letter-spacing:-.03em}.eyebrow{color:#84919b;font-size:9px;letter-spacing:.13em}.step{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f0f4f6;color:#75828d;font:700 10px Inter,"Segoe UI",sans-serif;letter-spacing:0}.card label{color:#394957;font-size:11px;margin:15px 0 7px}.card input:not([type=checkbox]):not([type=color]),.card textarea,.login-card input{border-color:#d7e0e6;background:#fbfcfd;color:#22313d;border-radius:9px;padding:11px 12px;box-shadow:none}.card textarea{line-height:1.55}.card input:focus,.card textarea:focus,.login-card input:focus{border-color:#36a87a;box-shadow:0 0 0 3px #16865c16}.card input::placeholder,.card textarea::placeholder{color:#9aa6af}.hint{color:#788793;font-size:10px;line-height:1.6}.card p{color:#596976}.card code{color:#14734e;background:#edf7f1;border:1px solid #dcefe4;padding:2px 5px;border-radius:4px}.field-row{gap:8px}.icon-button{width:40px;height:40px;border-color:#d9e2e7;background:#f5f8f9;color:#60717e;border-radius:9px}.icon-button:hover{border-color:#98ceb0;background:#eff8f2;color:#16865c}.counter{color:#87949e}.section-rule{background:#e8edf0;margin:20px 0 15px}.subheading h3{color:#394957;font-size:12px}.text-button{color:#9a6a70}.color-field{border-color:#d7e0e6;background:#fbfcfd;border-radius:9px;color:#566674}.color-field input[type=color]{width:23px;height:25px}.check-line{background:#f7f9fa;border-color:#e3e9ed}.check-line strong{color:#334450}.check-line small{color:#788793}
.preview-column{padding-top:3px}.preview-sticky{top:20px}.preview-head{margin:2px 2px 12px}.preview-head h2{font-size:15px}.live-pill{background:#e9f6ef;border-color:#d5eadc;color:#278154}.live-pill i{background:#2eaa70;box-shadow:0 0 0 3px #2eaa701c}.discord-window{background:#1e1f22;border-color:#303238;border-radius:13px;box-shadow:0 8px 24px #1d293514}.discord-channel{background:#202125;border-color:#303238;color:#b4b6bd}.discord-message{padding:17px 14px 21px}.avatar{background:linear-gradient(145deg,#58d7a2,#19744c)}.message-author{color:#67d69f}.preview-embed{background:#25262b;border-color:#36383e;border-left-color:#54d89d;border-radius:5px}.preview-embed h3{color:#f2f3f5}.preview-embed p{color:#dedfe3}.preview-note{color:#7e8b96;font-size:10px}
.button-editor,.question-editor{background:#f7f9fa;border:1px solid #e2e8ec;border-radius:11px;padding:14px}.button-editor-head strong{color:#2e3e4a}.remove-button{color:#aa6870}.remove-button:hover{background:#fff0f1;color:#c74855}.button-fields{gap:8px}.button-fields label{color:#52616e}.button-fields input,.button-fields select{border-color:#d7e0e6;background:#fff;color:#273744;border-radius:8px;padding:9px 9px}.button-fields input:focus,.button-fields select:focus{border-color:#36a87a;box-shadow:0 0 0 3px #16865c12}.add-button,.add-question{background:#f0f8f3;border-color:#bddfca;color:#18794f;border-radius:9px;padding:10px}.add-button:hover,.add-question:hover{background:#e6f4eb;border-color:#8bc59f}.category-list{gap:7px}.category-entry{border-color:#e1e7eb;background:#f8fafb;color:#43525f;border-radius:9px;padding:11px 12px}.category-entry:hover{background:#f1f6f8;border-color:#cdd9df}.category-entry.active{background:#edf7f1;border-color:#9bcfaf;color:#216340;box-shadow:inset 3px 0 #239464}.category-entry small{color:#84919b}.empty-state{background:#fafbfc;border-color:#d6dfe5;color:#778692}.settings-grid{gap:18px}.settings-grid .card{min-height:260px}.settings-intro{padding:12px 15px!important;border:1px solid #dce9e1;border-radius:10px;background:#eef6f1;color:#4b6958!important}.callout{background:#edf7f1;border-color:#d2e9da;border-radius:10px}.callout strong{color:#2b4d3a}.callout span{color:#5d7567}.toast{background:#e7f5ec;border-color:#bfdfca;color:#245b3d;border-radius:10px;box-shadow:0 8px 22px #18273515}.login-wrap{background:radial-gradient(ellipse at 16% 20%,#dff1e7 0,transparent 35%),radial-gradient(ellipse at 90% 80%,#e8edf9 0,transparent 38%),#f3f6f8}.login-card{background:#fff;border:1px solid #e0e7eb;border-radius:18px;box-shadow:0 20px 60px #23344314}.login-card h1{color:#24333f}.login-card .muted{color:#71808c}.login-card label{color:#394957}.login-card .eyebrow{color:#23865d}.login-card .brand-mark{box-shadow:0 6px 18px #16865c20}.login-link{background:#5869df;color:white}.login-link:hover{background:#4858c9;color:white}.error{color:#c43e4a}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #378f6c55;outline-offset:2px}
@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.editor-grid{grid-template-columns:1fr}.preview-column{order:-1}.preview-sticky{position:static}.preview-column .discord-window{min-height:230px}.page-intro{align-items:flex-start;flex-direction:column}.guide-steps{width:100%;justify-content:flex-start}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;min-height:0;padding:12px 14px;border:0;border-bottom:1px solid #dfe6eb}.brand{padding:3px 4px 11px}.nav-caption{display:none}.nav{display:flex;overflow-x:auto}.nav-item{white-space:nowrap;padding:9px 10px;font-size:11px}.nav-icon{display:none}.nav-item .nav-label{display:inline}.sidebar-bottom{display:none}.main{padding:18px 14px 42px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:17px}.top-actions{width:100%;flex-wrap:wrap}.top-actions .save-state{width:100%}.top-actions button{flex:1}.account-name{width:100%;max-width:none;text-align:center}.split-layout,.settings-grid{grid-template-columns:1fr}.card{padding:17px}.discord-message{padding:12px 10px}.field-pair,.category-editor .field-pair{grid-template-columns:1fr}.button-fields{grid-template-columns:1fr 1fr}.page-intro{padding:17px}.guide-steps{gap:6px}.guide-steps>i{width:10px}.guide-steps>div{gap:5px;font-size:9px}.intro-add{width:100%}}
@media(max-width:420px){.top-actions .secondary,.top-actions .primary{font-size:10px;padding:10px 8px}.save-state{font-size:10px}.nav-item{padding:8px 9px}.nav-label{font-size:10px!important}.card-heading h2,.preview-head h2{font-size:15px}.guide-steps{justify-content:space-between}.guide-steps>i{flex:1}}

/* Appearance selector */
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-choice{display:grid;grid-template-columns:1fr;gap:9px;text-align:left;padding:14px;border:1px solid #e1e7eb;border-radius:12px;background:#f8fafb;color:#344451;transition:.16s}
.theme-choice:hover{border-color:#94caaa;transform:translateY(-1px)}
.theme-choice.active{border-color:#299567;box-shadow:0 0 0 2px #16865c20;background:#edf7f1}
.theme-choice strong{font-size:13px}.theme-choice small{font-size:11px;color:#788793}
.theme-swatch{height:72px;border-radius:8px;padding:9px;display:flex;gap:6px;align-items:flex-start;overflow:hidden}
.theme-swatch i{display:block;height:100%;border-radius:4px}.theme-swatch i:first-child{width:22%;background:#273440}.theme-swatch i:nth-child(2){width:38%;background:#fff}.theme-swatch i:nth-child(3){flex:1;background:#e9eff2}
.dark-swatch{background:#0d1117}.dark-swatch i:first-child{background:#161d26}.dark-swatch i:nth-child(2){background:#222a34}.dark-swatch i:nth-child(3){background:#19212a}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
@media(max-width:600px){.theme-options{grid-template-columns:1fr}}

html[data-theme="dark"]{color-scheme:dark;--bg:#0b0e13;--side:#10141b;--card:#141a22;--card2:#19212b;--line:#28313d;--text:#f4f7f8;--muted:#929eab;--soft:#c8d1d9;--green:#54e0a4}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 72% -12%,#172b2b 0,transparent 36%),radial-gradient(ellipse at 12% 90%,#131c28 0,transparent 35%),var(--bg);color:#e9eef1}
html[data-theme="dark"] .app-shell{background:#0b0e13}
html[data-theme="dark"] .main{color:#e9eef1}
html[data-theme="dark"] .topbar{border-color:#28313d}
html[data-theme="dark"] .topbar h1,html[data-theme="dark"] .card-heading h2,html[data-theme="dark"] .preview-head h2,html[data-theme="dark"] .subheading h3{color:#f0f4f6}
html[data-theme="dark"] .topbar .eyebrow,html[data-theme="dark"] .eyebrow{color:#82909e}
html[data-theme="dark"] .account-name{border-color:#2d493b;background:#15231d;color:#a8cdb9}
html[data-theme="dark"] .save-state{border-color:#5b492a;background:#30281a;color:#d4af68}
html[data-theme="dark"] .save-state.saved{color:#7ce7b6;border-color:#28543f;background:#14271f}
html[data-theme="dark"] .primary{background:linear-gradient(135deg,#69e8b2,#40c98f);color:#09251a}
html[data-theme="dark"] .secondary{background:#1b232d;border-color:#35404d;color:#e0e7ec}
html[data-theme="dark"] .card{background:linear-gradient(145deg,rgba(23,30,39,.98),rgba(18,23,31,.98));border-color:#2b3541;box-shadow:0 18px 48px #0000001d,inset 0 1px #ffffff05}
html[data-theme="dark"] .card label,html[data-theme="dark"] .button-fields label{color:#d5dde3}
html[data-theme="dark"] .card input:not([type=checkbox]):not([type=color]),html[data-theme="dark"] .card textarea,html[data-theme="dark"] .button-fields input,html[data-theme="dark"] .button-fields select,html[data-theme="dark"] .login-card input{border-color:#303b48;background:#0f141b;color:#f0f4f6}
html[data-theme="dark"] .card input::placeholder,html[data-theme="dark"] .card textarea::placeholder{color:#667381}
html[data-theme="dark"] .hint{color:#8996a3}
html[data-theme="dark"] .card p{color:#bdc7d0}
html[data-theme="dark"] .card code{color:#8de6ba;background:#0e1713;border:1px solid #243a2d}
html[data-theme="dark"] .icon-button{background:#1c252f;border-color:#34404c;color:#b9c5cd}
html[data-theme="dark"] .section-rule{background:#28323e}
html[data-theme="dark"] .color-field{border-color:#303b48;background:#0f141b;color:#d5dde3}
html[data-theme="dark"] .page-intro{background:linear-gradient(110deg,#172a22,#151e22 58%,#151d27);border-color:#2c443a}
html[data-theme="dark"] .intro-copy .eyebrow{color:#72c99d}
html[data-theme="dark"] .intro-copy h2{color:#eaf5ef}
html[data-theme="dark"] .intro-copy>p:last-child{color:#a6b7ad}
html[data-theme="dark"] .guide-steps>div{color:#b4d2c1}
html[data-theme="dark"] .guide-steps b{background:#17231d;color:#71d7a5;border-color:#345944}
html[data-theme="dark"] .guide-steps>i{background:#345343}
html[data-theme="dark"] .compact-intro{background:linear-gradient(110deg,#1a2235,#1b202c);border-color:#30394d}
html[data-theme="dark"] .compact-intro .eyebrow{color:#8799ec}
html[data-theme="dark"] .compact-intro h2{color:#e9edff}
html[data-theme="dark"] .compact-intro .intro-copy>p:last-child{color:#a5adc4}
html[data-theme="dark"] .step{background:#202832;color:#8e9aa5}
html[data-theme="dark"] .button-editor,html[data-theme="dark"] .question-editor{background:linear-gradient(145deg,#121820,#151b23);border-color:#2d3844}
html[data-theme="dark"] .button-editor-head strong{color:#e8edf1}
html[data-theme="dark"] .remove-button{color:#cc858c}
html[data-theme="dark"] .remove-button:hover{background:#3a2025;color:#ff8c95}
html[data-theme="dark"] .add-button,html[data-theme="dark"] .add-question{border-color:#355943;background:#17271f;color:#79e2b0}
html[data-theme="dark"] .add-button:hover,html[data-theme="dark"] .add-question:hover{background:#1c3327;border-color:#4c986c}
html[data-theme="dark"] .check-line{background:#121920;border-color:#2c3943}
html[data-theme="dark"] .check-line strong{color:#e0e8ec}
html[data-theme="dark"] .check-line small{color:#8997a3}
html[data-theme="dark"] .category-entry{border-color:#2c3743;background:#121820;color:#cbd5dc}
html[data-theme="dark"] .category-entry:hover{background:#1a242d;border-color:#405161}
html[data-theme="dark"] .category-entry.active{background:linear-gradient(100deg,#193329,#172521);border-color:#367254;color:#edfff5}
html[data-theme="dark"] .category-entry small{color:#8996a3}
html[data-theme="dark"] .empty-state{background:#11171e;border-color:#35414d;color:#9ca9b4}
html[data-theme="dark"] .settings-intro{background:linear-gradient(100deg,#172a22,#151e22);border-color:#2c443a;color:#b8d9c8!important}
html[data-theme="dark"] .callout{background:#14271f;border-color:#2f5844}
html[data-theme="dark"] .callout strong{color:#d9f4e4}
html[data-theme="dark"] .callout span{color:#a9c2b3}
html[data-theme="dark"] .toast{background:#183326;border-color:#35684c;color:#e8fff3}
html[data-theme="dark"] .login-wrap{background:radial-gradient(ellipse at 50% 25%,#18392d 0,transparent 38%),radial-gradient(ellipse at 80% 90%,#182333 0,transparent 35%),#0b0e13}
html[data-theme="dark"] .login-card{background:linear-gradient(145deg,#181f27,#12171e);border-color:#2e3a44;box-shadow:0 30px 90px #0007}
html[data-theme="dark"] .login-card h1{color:#f0f4f6}
html[data-theme="dark"] .login-card .muted{color:#9ba7b2}
html[data-theme="dark"] .login-card label{color:#d6dfe4}
html[data-theme="dark"] .theme-choice{background:#11171e;border-color:#303b48;color:#e3eaee}
html[data-theme="dark"] .theme-choice small{color:#9ba8b2}
html[data-theme="dark"] .theme-choice.active{background:#17251e;border-color:#54c997;box-shadow:0 0 0 2px #54e0a41c}
html[data-theme="dark"] .theme-swatch i:first-child{background:#161d26}
html[data-theme="dark"] .theme-swatch i:nth-child(2){background:#222a34}
html[data-theme="dark"] .theme-swatch i:nth-child(3){background:#19212a}