:root{--bg: #09090b;--panel: #101012;--panel-hover: #17171a;--panel-active: #1c1c20;--border: #1e1e22;--border-strong: #2a2a30;--text: #fafafa;--text-muted: #8b8b93;--text-dim: #5c5c63;--accent: #4d5992;--accent-hover: #5b68a8;--accent-soft: rgba(77, 89, 146, .18);--success: #4ade80;--danger: #f87171;--radius: 14px;--radius-sm: 9px;--sidebar-w: 280px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);padding:18px 14px;background:var(--bg)}.sidebar-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;margin:0 -4px;padding:0 4px}.content{padding:26px 40px 140px;max-width:1180px}.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 16px;font-weight:600;letter-spacing:-.02em;font-size:16px}.brand-mark{width:26px;height:26px;border-radius:8px;background:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:600}.switcher{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#141418,#0f0f12);border:1px solid var(--border);margin-bottom:8px;transition:border-color .12s}.switcher:hover{border-color:var(--border-strong)}.switcher-avatar{width:32px;height:32px;border-radius:9px;background:var(--accent-soft);display:grid;place-items:center;color:#9aa5d8;font-weight:600;flex:none}.switcher-meta{flex:1;min-width:0}.switcher-label{display:block;font-size:11px;color:var(--text-dim);letter-spacing:.03em}.switcher-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-dim);padding:0 12px;margin:20px 0 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted);transition:background .12s,color .12s}.nav-item:hover{background:var(--panel-hover);color:var(--text)}.nav-item[data-active=true]{background:var(--panel-active);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.user{display:flex;align-items:center;gap:10px;padding:12px 8px 2px;margin-top:8px;border-top:1px solid var(--border)}.user-avatar{width:28px;height:28px;border-radius:50%;background:#26262c;flex:none}.user-name{font-size:13px;font-weight:500;line-height:1.25}.user-tag{font-size:11px;color:var(--text-dim)}.crumbs{display:flex;align-items:center;gap:9px;color:var(--text-dim);font-size:13px;margin-bottom:26px}.crumbs b{color:var(--text);font-weight:500}.page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 5px}.page-sub{color:var(--text-muted);margin:0 0 22px;max-width:62ch}.card{background:linear-gradient(180deg,#121215,#0d0d0f);border:1px solid var(--border);border-radius:var(--radius);padding:4px 24px;margin-bottom:18px}.card-head{padding:18px 0 14px;border-bottom:1px solid var(--border)}.card-head h2{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 3px}.card-head p{margin:0;color:var(--text-muted);font-size:13px}.row{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.row-label{flex:1;min-width:0}.row-label .t{font-weight:500;margin-bottom:3px}.row-label .h{color:var(--text-muted);font-size:13px;line-height:1.45;max-width:58ch}.row-control{flex:none;display:flex;align-items:center;gap:10px}.toggle{width:42px;height:24px;border-radius:99px;background:#26262c;border:1px solid var(--border-strong);position:relative;flex:none;transition:background .16s,border-color .16s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#8b8b93;transition:transform .16s,background .16s}.toggle[aria-checked=true]{background:var(--accent);border-color:#5c6aad}.toggle[aria-checked=true]:after{transform:translate(18px);background:#fff}.field{background:#0c0c0e;border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font:inherit;min-width:190px;transition:border-color .12s,box-shadow .12s}.field:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238b8b93' stroke-width='2' stroke-linecap='round'><path d='M3 5.5 7 9.5l4-4'/></svg>");background-repeat:no-repeat;background-position:right 11px center}.field.num{min-width:96px;text-align:center}.stepper{display:flex;align-items:center;gap:6px}.step-btn{width:32px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0c0c0e;color:var(--text-muted);font-size:16px;line-height:1}.step-btn:hover{background:var(--panel-hover);color:var(--text)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;font-size:12px;font-weight:500;background:var(--accent-soft);color:#9aa5d8}.pill.on{background:#4ade8024;color:var(--success)}.save-bar{position:fixed;bottom:24px;left:calc(var(--sidebar-w) + 40px);right:40px;max-width:820px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px 11px 20px;background:#16161aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 12px 32px #00000080;animation:rise .18s ease-out;z-index:40}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.save-msg{font-size:13px;color:var(--text-muted)}.save-actions{display:flex;gap:8px}.btn{padding:9px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:13px;transition:background .12s,opacity .12s}.btn.ghost{color:var(--text-muted)}.btn.ghost:hover{background:var(--panel-hover);color:var(--text)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn[disabled]{opacity:.55;cursor:default}.state{padding:40px 0;color:var(--text-muted)}.state .danger{color:var(--danger)}.menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:60;padding:9px 11px;border-radius:var(--radius-sm);background:var(--panel-active);border:1px solid var(--border-strong)}.scrim{display:none}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:55;width:var(--sidebar-w);transform:translate(-100%);transition:transform .2s ease}.sidebar[data-open=true]{transform:none}.menu-btn{display:block}.scrim[data-open=true]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.content{padding:64px 20px 170px}.save-bar{left:16px;right:16px}.row{flex-wrap:wrap;gap:12px}}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{background:var(--panel-active);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12.5px}.brand-mark{object-fit:cover}.brand-sub{color:var(--text-dim);font-weight:500}img.switcher-avatar,img.user-avatar{object-fit:cover}.switcher-wrap{position:relative}.dropdown{position:absolute;top:calc(100% - 4px);left:0;right:0;z-index:30;max-height:320px;overflow-y:auto;padding:6px;background:#141418;border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 12px 32px #00000080}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:7px;text-align:left;color:var(--text-muted)}.dropdown-item:hover,.dropdown-item[data-active=true]{background:var(--panel-hover);color:var(--text)}.dropdown-item.muted{border-top:1px solid var(--border);border-radius:0 0 7px 7px;margin-top:4px;font-size:13px}.mini-avatar{width:22px;height:22px;border-radius:6px;flex:none;object-fit:cover;background:var(--accent-soft);color:#9aa5d8;display:grid;place-items:center;font-size:11px;font-weight:600}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta{min-width:0}.user-out{font-size:12px;color:var(--text-dim);padding:0}.user-out:hover{color:var(--danger)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-actions{flex:none}.row.stack{flex-direction:column;align-items:stretch;gap:12px}.row.stack .row-control{flex:1}.notice{border:1px solid var(--border-strong);background:var(--panel);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:18px;color:var(--text-muted);font-size:13px;line-height:1.5}.notice a{color:#9aa5d8;text-decoration:underline}.notice.warn{border-color:#ef9f2766;background:#ef9f2714;color:#f2c27a}.notice.danger{border-color:#f8717166;background:#f8717114;color:var(--danger)}.textarea{width:100%;min-width:0;resize:vertical;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.field.color{min-width:64px;width:64px;padding:4px;height:38px}.field.grow{flex:1;min-width:160px}.toggle[disabled]{opacity:.5;cursor:default}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 10px;border-radius:8px;background:var(--panel-active);border:1px solid var(--border-strong);font-size:13px}.chip .dot{width:9px;height:9px;border-radius:50%}.chip-x{width:20px;height:20px;border-radius:5px;color:var(--text-dim);line-height:1}.chip-x:hover{background:var(--panel-hover);color:var(--danger)}.field.chip-add{min-width:160px;padding-top:6px;padding-bottom:6px}.btn.big{padding:12px 22px;font-size:14px}.btn.add{border:1px dashed var(--border-strong);width:100%;padding:14px;margin-bottom:18px}.btn.danger:hover,.save-msg.danger{color:var(--danger)}.fine{color:var(--text-dim);font-size:12.5px}.error-line{color:var(--danger);font-size:13px;margin:8px 0 0}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--text-muted)}.center-page.top{align-items:start;padding-top:64px}.login{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.login h1{margin:0;color:var(--text);font-size:22px;letter-spacing:-.02em}.login p{margin:0;line-height:1.5}.login .notice{width:100%;margin:0}.login-logo{width:72px;height:72px;border-radius:20px;object-fit:cover}.servers{width:100%;max-width:960px}.servers-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.user.compact{border-top:0;margin:0;padding:0}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.server-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 16px 18px;background:linear-gradient(180deg,#121215,#0d0d0f);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.server-card[data-joined=false]{opacity:.75}.server-icon{width:56px;height:56px;border-radius:16px;object-fit:cover;background:var(--accent-soft);color:#9aa5d8;display:grid;place-items:center;font-size:20px;font-weight:600}.server-name{font-weight:500;color:var(--text);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:18px}.stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:linear-gradient(180deg,#121215,#0d0d0f);border:1px solid var(--border);border-radius:var(--radius)}.stat-label{font-size:12px;color:var(--text-dim)}.stat-value{font-size:22px;font-weight:600;letter-spacing:-.02em}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;padding:18px 0}.tile{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);transition:background .12s,color .12s}.tile:hover{background:var(--panel-hover);color:var(--text)}.emoji-pick{display:flex;flex-direction:column;gap:10px;width:100%}.emoji-pick .field{max-width:260px}.emoji-grid{display:flex;flex-wrap:wrap;gap:4px;max-height:132px;overflow-y:auto}.emoji-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.emoji-btn:hover{background:var(--panel-hover)}.emoji-btn img{width:24px;height:24px;object-fit:contain}.feed{padding:16px 0;border-bottom:1px solid var(--border)}.feed:last-child{border-bottom:0}.feed-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.feed-name{font-weight:500}.feed-sub{font-size:13px;color:var(--text-muted)}.feed-message{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:12px}.add-feed .row{padding:0;border:0}.add-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%}.inline-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}@media (max-width: 900px){.servers-head{flex-direction:column}.feed-head{flex-wrap:wrap}.field{min-width:0;max-width:100%}}