:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f2f4f5;background:#0d1019;--muted:#9ca5b5;--line:#303648;--green:#b7f275;--panel:#181d2a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{padding:29px 20px;background:#121722;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.04em;margin-bottom:38px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:#151d12;border-radius:11px;font-size:23px;transform:rotate(-8deg)}.side-caption,.eyebrow{color:#929ba9;font-size:10px;letter-spacing:.17em;font-weight:800}.side-caption{margin:0 11px 5px}.nav{display:flex;gap:11px;align-items:center;padding:12px 13px;border-radius:10px;color:#8f99ab;font-size:13px}.nav span{font-size:18px}.nav.active{background:#242c3a;color:white}.sidebar-note{margin-top:auto;padding:17px;background:#1e2632;border:1px solid #364336;border-radius:14px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.5;margin:7px 0 0}.main{padding:38px clamp(20px,4vw,56px);min-width:0;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:start;justify-content:space-between;gap:25px}.topbar h1{font-size:clamp(29px,3.2vw,45px);letter-spacing:-.055em;margin:8px 0 8px}.topbar p,.panel-head p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.top-actions{display:flex;gap:9px;flex:none}.outline,.minor{background:#232a37;color:#e4e7ee;border:1px solid #41495a;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:700}.outline:hover,.minor:hover{border-color:var(--green)}.status{display:flex;gap:10px;align-items:center;background:#1b2926;border:1px solid #344d3d;color:#d2edcf;padding:11px 15px;border-radius:10px;font-size:12px;margin:24px 0}.status.error{background:#322025;border-color:#633a45;color:#ffbfc8}.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);flex:none}.status.error .pulse{background:#ff829a;box-shadow:none}.grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(390px,1fr);gap:20px;align-items:start}.rightcol{display:grid;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line)}.panel-head.horizontal{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-head h2{font-size:19px;margin:6px 0 5px;letter-spacing:-.03em}.panel-body{padding:22px 24px}.row{display:flex;gap:10px}.row.tight{margin:-4px 0 20px}.grow{flex:1}.template{width:130px}.field{display:block;font-size:12px;font-weight:750;margin-bottom:20px;color:#e5e8ef}.field small{display:block;color:#929aaa;font-weight:400;margin:4px 0 0}.field input,.field textarea,.field select,.category-card input,.category-card textarea{width:100%;background:#101521;border:1px solid #3b4253;border-radius:9px;padding:10px 11px;color:#f4f5f8;outline:none;margin-top:8px}.field input:focus,.field textarea:focus,.field select:focus,.category-card input:focus,.category-card textarea:focus{border-color:var(--green)}.field textarea,.category-card textarea{resize:vertical;line-height:1.5}.file-label{position:relative;overflow:hidden;display:inline-flex;align-items:center}.file-label input{position:absolute;opacity:0;inset:0;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-head h3{font-size:13px;margin:0}.categories{display:grid;gap:10px}.category-card{background:#202633;border:1px solid #354052;border-radius:12px;padding:14px}.category-top{display:flex;gap:8px;align-items:center}.category-top input{margin:0;font-size:12px;font-weight:750}.remove{border:0;background:transparent;color:#aeb6c5;font-size:18px;padding:5px}.remove:hover{color:#ff9ba9}.category-card textarea{font-size:12px;margin-top:10px;min-height:65px}.hint{font-size:11px;color:#8e98a9;line-height:1.6}.hint code{color:#b8f37d}.primary{border:0;background:var(--green);color:#172113;padding:11px 16px;border-radius:9px;font-weight:800;font-size:12px}.primary:hover{background:#caff96}.primary:disabled{opacity:.4;cursor:not-allowed}.panel-body>.primary{width:100%;margin-top:7px}.live-badge{color:#bbed96;background:#283928;border:1px solid #466044;padding:6px 9px;border-radius:30px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px}.server-list{padding:15px 23px;max-height:400px;overflow:auto;min-height:150px}.server-category{font-size:10px;color:#a6b0be;letter-spacing:.08em;font-weight:800;margin:13px 0 5px}.server-channel{font-size:12px;color:#c6ccd6;margin:4px 0 4px 14px}.server-channel span{color:#778294;margin-right:6px}.empty{color:#8993a4;font-size:12px;line-height:1.5}.mini-foot,.plan-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 23px;font-size:11px;color:#9099a9}.plan-list{padding:16px 23px;min-height:100px;max-height:300px;overflow:auto}.plan-item{padding:9px 0;border-bottom:1px solid #2b3443;font-size:12px;color:#d9e4d4}.plan-item span{color:var(--green);margin-right:9px;font-weight:800}.plan-conflict{font-size:12px;color:#ffadb7;margin:8px 0}.plan-foot .primary{white-space:nowrap}footer{margin-top:22px;color:#7f8a9b;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#080a0fd9;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{max-width:410px;width:100%;background:#1e2430;border:1px solid #424b5d;border-radius:17px;padding:25px}.modal h2{font-size:22px;margin:8px 0}.modal p{font-size:13px;line-height:1.6;color:#b9c2d0}.modal-actions{display:flex;justify-content:end;gap:8px;margin-top:20px}@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:1fr}.main{padding:25px}}@media(max-width:570px){.topbar,.row{flex-direction:column}.top-actions{justify-content:start}.template{width:auto}.panel-head,.panel-body{padding:18px}.main{padding:17px}.plan-foot{align-items:stretch;flex-direction:column}}
html{scroll-behavior:smooth;scroll-padding-top:24px}.nav{text-decoration:none}.nav:hover{color:#fff;background:#242c3a}.sidebar{position:sticky;top:0;height:100vh}.row.tight{flex-wrap:wrap}.top-actions{flex-wrap:wrap;justify-content:flex-end}.danger-panel{margin-top:28px;border-color:#65404b}.danger-panel .panel-head{border-bottom:0}.danger-panel button{margin-top:16px;border-color:#9a5565;color:#ffd5dc}.primary.danger{background:#e87e91;color:#291018}.primary.danger:hover{background:#ffa3b4}.modal{max-width:520px;max-height:90vh;overflow:auto}.modal-backdrop{z-index:20}.modal li{font-size:13px;color:#bbc5d3;line-height:1.8}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.panel{scroll-margin-top:20px}.live-badge{white-space:nowrap}.main{padding-top:30px}.connect-panel .field{min-width:200px}.connect-panel .panel-body>.primary{width:auto}#statusText{line-height:1.5}@media(max-width:1050px){.sidebar{display:none}.top-actions{justify-content:flex-start}}
[hidden]{display:none!important}.login-link{text-decoration:none;display:inline-block;padding:13px 20px;background:#c0f58a}.login-link:hover{background:#d0ffa5}#guildPanel{width:100%}#guildSelect{max-width:480px}#accountName{font-size:13px;color:#d0d8e4}.connect-panel .panel-body{display:block}.connect-panel .field{margin-bottom:18px}.setup-main{max-width:800px}.setup-main>p{color:#aeb8c8;line-height:1.7}.setup-main h1{letter-spacing:-.04em}.setup-main .panel{margin-top:24px}#redirectUrl{overflow-wrap:anywhere;color:#b7f275}.setup-main a{text-decoration:none}.setup-main .hint{line-height:1.7}
.owner-panel{margin-top:28px}.owner-panel form{align-items:end;flex-wrap:wrap}.owner-panel form .primary{margin-bottom:20px}.pilot-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #303648;padding:12px 0;font-size:13px}.owner-panel details{margin:20px 0;font-size:13px}.remember{display:flex;gap:10px;align-items:center;margin:20px 0;font-size:13px}.remember input{width:auto}.row.tight #designState{width:100%;margin-top:2px}
