:root{--bg: #0f1115;--bg-elev: #171a21;--bg-elev2: #1f2430;--border: #2a2f3a;--border-soft: rgba(127, 127, 127, .18);--text: #e6e8ec;--muted: #9aa3b2;--accent: #6a8cff;--accent-hover: #7f9dff;--accent-soft: rgba(106, 140, 255, .14);--danger: #ff6a6a;--danger-soft: rgba(255, 106, 106, .12);--ok: #58c793;--warn: #e0b341;--radius: 10px;--radius-sm: 6px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--fs-h1: 26px;--fs-h2: 19px;--fs-h3: 15px;--fs-body: 14px;--fs-cap: 13px;--fs-micro: 12px;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1{font-size:var(--fs-h1);margin:0 0 var(--s2)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);padding:8px 14px;border-radius:var(--radius);transition:background .15s,border-color .15s}button:hover{background:#262c3a}button.primary{background:var(--accent);border-color:var(--accent);color:#0b0d12;font-weight:600}button.primary:hover{background:var(--accent-hover)}button.danger{color:var(--danger)}button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}button.primary.danger{background:var(--danger);border-color:var(--danger);color:#17090b}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}button.icon{padding:4px 8px;line-height:1.2;background:transparent;border-color:transparent}button.icon:hover{background:var(--bg-elev2);border-color:var(--border)}button.small{padding:4px 10px;font-size:var(--fs-cap)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input,textarea,select{font:inherit;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}textarea{resize:vertical;min-height:80px;font-family:var(--mono)}input.mono,textarea.mono{font-family:var(--mono)}label{display:block;font-size:var(--fs-cap);color:var(--muted);margin:10px 0 4px}.field{display:block}.field>label{margin-top:0}.field+.field{margin-top:var(--s3)}.fields{display:grid;gap:var(--s3)}.fields.two{grid-template-columns:1fr 1fr}@media (max-width: 640px){.fields.two{grid-template-columns:1fr}}.container{max-width:1100px;margin:0 auto;padding:var(--s5)}.container.wide{max-width:min(1800px,100%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s5);border-bottom:1px solid var(--border);background:var(--bg-elev)}.topbar .brand{font-weight:700;letter-spacing:.3px}.crumbs{color:var(--muted);font-size:var(--fs-body);margin-bottom:var(--s2)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s4)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);transition:border-color .15s}a.card:hover,.card.clickable:hover{border-color:var(--accent)}.card h3{margin:0 0 6px}.card .muted{color:var(--muted);font-size:var(--fs-cap)}.row{display:flex;gap:var(--s2);align-items:center}.row.wrap{flex-wrap:wrap}.row.top{align-items:flex-start}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--s3)}.stack.tight{gap:var(--s2)}.muted{color:var(--muted)}.section{margin-top:var(--s5)}.section h2{font-size:var(--fs-h2);border-bottom:1px solid var(--border);padding-bottom:var(--s2)}.hint{color:var(--muted);font-size:var(--fs-cap);margin:0 0 var(--s2);line-height:1.45}.hint code,code{font-family:var(--mono);font-size:.92em}.hint-toggle{border:none;background:none;color:var(--muted);cursor:pointer;padding:0 6px;font-size:var(--fs-cap);border-radius:999px}.hint-toggle:hover{background:var(--bg-elev2);color:var(--text)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);margin-bottom:var(--s4);flex-wrap:wrap}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs .tabs-sep{width:1px;align-self:center;height:18px;background:var(--border);margin:0 var(--s2)}.subtabs{display:inline-flex;gap:2px;padding:3px;background:var(--bg-elev2);border-radius:var(--radius)}.subtabs button{border:none;background:none;color:var(--muted);padding:6px 14px;border-radius:var(--radius-sm)}.subtabs button.active{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 2px #0000004d}.sec{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.sec-head-wrap{display:flex;align-items:center}.sec-head-wrap>.sec-head{flex:1;min-width:0}.sec-head-wrap>.sec-actions{padding-right:var(--s4)}.sec-head{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s3) var(--s4);background:none;border:none;border-radius:var(--radius);color:var(--text);text-align:left}.sec-head:hover{background:var(--bg-elev2)}.sec-caret{color:var(--muted);font-size:var(--fs-micro);width:10px;flex-shrink:0}.sec-title{font-size:var(--fs-h3);font-weight:600}.sec-summary{margin-left:auto;color:var(--muted);font-size:var(--fs-cap);text-align:right}.sec-summary.warn{color:var(--warn)}.sec-body{padding:0 var(--s4) var(--s4)}.sec-actions{display:flex;gap:var(--s2);align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--s2) 10px;border-bottom:1px solid var(--border);font-size:var(--fs-body)}th{color:var(--muted);font-weight:500}tbody tr:hover{background:var(--bg-elev)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}td.actions{text-align:right;white-space:nowrap}.toolbar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s3)}.toolbar .search{max-width:280px}.chip{padding:4px 12px;border-radius:999px;font-size:var(--fs-cap);border:1px solid var(--border);background:transparent;color:var(--muted)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--muted)}.empty-icon{font-size:28px;opacity:.5}.empty h3{margin:var(--s3) 0 var(--s1);color:var(--text)}.empty p{margin:0 auto var(--s4);max-width:380px;font-size:var(--fs-cap)}.skeleton{background:var(--bg-elev2);border-radius:var(--radius-sm);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.8}}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--fs-micro);border:1px solid var(--border)}.badge.draft{color:var(--muted)}.badge.scheduled{color:var(--warn);border-color:var(--warn)}.badge.published{color:var(--ok);border-color:var(--ok)}.badge.accent{color:var(--accent);border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:min(560px,92vw);max-height:90vh;overflow:auto}.modal.wide{width:min(860px,94vw)}.modal h3{margin-top:0;font-size:var(--fs-h2)}.toasts{position:fixed;right:var(--s5);bottom:var(--s5);z-index:100;display:flex;flex-direction:column;gap:var(--s2)}.toast{display:flex;align-items:flex-start;gap:var(--s2);min-width:240px;max-width:380px;padding:10px var(--s3);border-radius:var(--radius);font-size:var(--fs-body);background:var(--bg-elev2);border:1px solid var(--border);box-shadow:0 6px 20px #0006;animation:toast-in .18s ease-out}.toast.ok{border-color:var(--ok)}.toast.err{border-color:var(--danger)}.toast button{margin-left:auto;padding:0 4px;background:none;border:none;color:var(--muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.savebar{position:sticky;bottom:0;z-index:20;margin-top:var(--s4);display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-elev);box-shadow:0 -4px 20px #00000059}.savebar .what{color:var(--muted);font-size:var(--fs-cap)}.savebar .spacer{flex:1}.embed-preview{background:#2b2d31;border-left:4px solid var(--accent);border-radius:4px;padding:12px 14px;white-space:pre-wrap;font-size:var(--fs-body);line-height:1.5}.error{color:var(--danger);font-size:var(--fs-cap)}.dc-message{display:flex;gap:var(--s4);padding:var(--s3) var(--s4);background:#313338;border-radius:8px;color:#dbdee1;font-family:gg sans,Noto Sans,system-ui,sans-serif;font-size:15px;line-height:1.375}.dc-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.dc-body{min-width:0;flex:1}.dc-header{display:flex;align-items:center;gap:var(--s2);margin-bottom:2px}.dc-author{color:#f2f3f5;font-weight:500}.dc-bot{background:#5865f2;color:#fff;font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px;text-transform:uppercase}.dc-time{color:#949ba4;font-size:var(--fs-micro)}.dc-content{white-space:pre-wrap;overflow-wrap:anywhere}.dc-embed{margin-top:var(--s2);padding:12px 16px 12px 12px;max-width:520px;background:#2b2d31;border-left:4px solid #4f545c;border-radius:4px}.dc-embed-author{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-body);font-weight:600;color:#f2f3f5;margin-bottom:var(--s2)}.dc-embed-author img{width:24px;height:24px;border-radius:50%}.dc-embed-title{color:#00a8fc;font-weight:600;margin-bottom:var(--s2)}.dc-embed-desc{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-body)}.dc-embed-image{max-width:100%;border-radius:4px;margin-top:var(--s3);display:block}.dc-attach-image{max-width:420px;max-height:320px;border-radius:8px;margin-top:var(--s2);display:block}.dc-attach-file{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);padding:10px;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;font-size:var(--fs-body)}.dc-buttons{display:flex;gap:var(--s2);align-items:center;margin-top:var(--s2)}.dc-button{background:#4e5058;color:#fff;border:none;border-radius:3px;padding:6px 14px;font-size:var(--fs-body);font-weight:500}.dc-button:hover{background:#6d6f78}.dc-button:disabled{opacity:.5}.center-screen{display:flex;align-items:center;justify-content:center;height:100%}.login-box{width:min(360px,90vw)}.kv-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s2);align-items:center}.server-grid{display:grid;gap:var(--s4);margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.server-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:28px 20px;min-height:210px;justify-content:center;transition:transform .12s ease,border-color .12s ease}.server-card:hover{transform:translateY(-2px)}.server-name{margin:0;font-size:17px;line-height:1.3}.server-stats{display:flex;gap:22px}.stat-value{font-size:20px;font-weight:600;line-height:1.1}.stat-label{font-size:var(--fs-micro);opacity:.65}.guild-fallback{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#5865f2;color:#fff;font-weight:600}.mono{font-family:var(--mono);font-size:var(--fs-micro)}.category-picker{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:6px}.category-option{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0;padding:7px var(--s2);border-radius:var(--radius-sm);cursor:pointer}.category-option:hover{background:#7f7f7f1f}.category-option input{width:auto;margin:0}.channel-row{padding:7px 0;border-top:1px solid var(--border-soft)}.channel-row:first-of-type{border-top:none}.ping-bell{display:inline-flex;align-items:center;gap:2px;margin-left:var(--s2);font-size:var(--fs-body);vertical-align:middle}.ping-count{background:#f23f43;color:#fff;font-size:11px;font-weight:600;border-radius:10px;padding:0 6px;line-height:16px}.page-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:var(--s2) 0 var(--s5)}.page-header-text{flex:1;min-width:220px}.page-header-text h1{margin:0 0 var(--s1)}.page-header-text p{margin:0;font-size:var(--fs-cap)}.section-title{margin:0 0 var(--s3);font-size:var(--fs-h3);text-transform:uppercase;letter-spacing:.04em;opacity:.6;border:none}.project-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{display:flex;flex-direction:column;gap:10px;min-height:160px}.project-name{margin:0}.project-type{font-size:var(--fs-cap);opacity:.6;margin-top:2px}.project-desc{flex:1;margin:0;font-size:var(--fs-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-stats{display:flex;gap:var(--s4);font-size:var(--fs-cap);opacity:.75;padding-top:10px;border-top:1px solid var(--border-soft)}.entity-layout{display:grid;gap:var(--s5);align-items:start;grid-template-columns:minmax(0,1fr) minmax(320px,440px)}@media (max-width: 1000px){.entity-layout{grid-template-columns:1fr}}.entity-aside{position:sticky;top:var(--s4)}.entity-picture{width:64px;height:64px;border-radius:12px;object-fit:cover}.page-block{border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.code-wrap{position:relative}.code-hl,.code-input{margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);font-size:var(--fs-body);line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;-moz-tab-size:2;tab-size:2}.code-hl{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--bg);color:var(--text);border-color:transparent;pointer-events:none}.code-input{position:relative;width:100%;display:block;background:transparent;color:transparent;caret-color:var(--text);resize:vertical}.code-input::selection{background:#6a8cff59}.tok-var{color:#7ee0b8}.tok-tag{color:var(--accent)}.tok-comment{color:var(--muted);font-style:italic}.ctx-menu{position:fixed;z-index:60;width:320px;max-height:60vh;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #00000073}.ctx-search{border:none;border-bottom:1px solid var(--border);border-radius:0}.ctx-list{overflow-y:auto;padding:var(--s1)}.ctx-group{padding:6px 8px 2px;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.ctx-item{display:flex;gap:var(--s2);align-items:baseline;width:100%;padding:5px 8px;border:none;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left;font:inherit}.ctx-item:hover{background:var(--accent-soft)}.ctx-label{font-family:var(--mono);font-size:var(--fs-cap)}.ctx-hint{margin-left:auto;color:var(--muted);font-size:var(--fs-micro);white-space:nowrap}.ctx-empty{padding:var(--s3);color:var(--muted);font-size:var(--fs-cap)}.attr-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.attr-group-head{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);background:var(--bg-elev2);border:none;color:var(--text);font-size:var(--fs-cap);font-weight:600;text-align:left}.attr-group-head:hover{background:#262c3a}.attr-group .attr-group>.attr-group-head{background:var(--bg-elev);font-weight:500}.attr-group-body{padding:var(--s2) var(--s3) var(--s3);display:flex;flex-direction:column;gap:6px}.attr-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1.2fr) auto;gap:var(--s2);align-items:center}.attr-key{color:var(--muted);font-size:var(--fs-cap);font-family:var(--mono)}.attr-row textarea{font-family:inherit}button.icon.accent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.calc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:baseline;padding:5px 0}.calc-row+.calc-row{border-top:1px solid var(--border-soft)}.calc-value{font-family:var(--mono);white-space:nowrap}.calc-from-type{opacity:.75}.calc-badge{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 6px}.member-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,180px) auto auto;gap:10px;align-items:center;padding:var(--s2) 0;border-top:1px solid var(--border-soft)}.member-row:first-of-type{border-top:none}.check{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-cap);white-space:nowrap;cursor:pointer}.check input{width:auto;margin:0}.player-picker{display:flex;flex-direction:column;gap:2px;margin-top:var(--s2);max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:var(--s1)}.player-option{display:flex;align-items:center;gap:10px;width:100%;padding:6px var(--s2);border:none;border-radius:var(--radius-sm);background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.player-option:hover{background:#7f7f7f1f}.player-option.selected{background:#5865f238}.player-option img{border-radius:50%;flex-shrink:0}.player-option-name{flex:1}.graph{width:100%;height:auto;display:block;background:var(--bg);touch-action:none}.graph text{fill:var(--text);font-size:13px;paint-order:stroke;stroke:var(--bg);stroke-width:3px}.graph-node{cursor:pointer}.graph-node:hover circle{fill:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.forms-layout{display:grid;gap:var(--s5);align-items:start;grid-template-columns:minmax(220px,300px) minmax(0,1fr)}@media (max-width: 900px){.forms-layout{grid-template-columns:1fr}}.form-card{display:block;width:100%;text-align:left;padding:var(--s3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text)}.form-card:hover{border-color:var(--accent)}.form-card.selected{border-color:var(--accent);background:var(--accent-soft)}