:root{--bg:#313338;--surface:#2b2d31;--sunken:#1e1f22;--hover:#35373c;--raised:#404249;--text:#dbdee1;--heading:#f2f3f5;--muted:#949ba4;--border:#3f4147;--accent:#5865f2;--accent-hover:#4752c4;--accent-soft:#949cf7;--accent-text:#fff;--danger:#da373c;--danger-hover:#a12828;--danger-text:#f23f43;--ok:#23a55a;--ok-text:#3ba55d;--warn:#f0b232;--link:#00a8fc;--radius:.5rem;--radius-small:.25rem;--shadow:0 2px 10px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.375 gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:var(--link)}h1,h2{color:var(--heading);margin:0;font-weight:700}h1{font-size:1.5rem;line-height:1.25}h2{font-size:1.0625rem}p{margin:.5rem 0}code,pre{font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:.875em}pre{background:var(--sunken);border-radius:var(--radius-small);margin:.5rem 0 0;padding:.75rem;overflow-x:auto}code{background:var(--sunken);border-radius:.1875rem;padding:.0625rem .3125rem}pre code{background:0 0;padding:0}.plain{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--link);outline-offset:2px}::selection{background:#5865f280}.shell{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid #232428;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{height:3.25rem;color:var(--heading);border-bottom:1px solid #232428;align-items:center;gap:.625rem;padding:0 1rem;font-size:1.0625rem;font-weight:700;display:flex;box-shadow:0 1px #0000001a}.brand-mark{width:2rem;height:2rem;color:var(--accent-text);background:var(--accent);border-radius:.625rem;place-items:center;display:grid}.sidebar nav{flex-direction:column;flex:1;gap:.125rem;padding:.75rem .5rem;display:flex;overflow-y:auto}.sidebar nav a{color:var(--muted);border-radius:var(--radius-small);align-items:center;gap:.75rem;padding:.5rem .75rem;font-weight:500;text-decoration:none;display:flex}.sidebar nav a:hover{color:var(--text);background:var(--hover)}.sidebar nav a[aria-current=page]{color:var(--heading);background:var(--raised)}.icon{flex:none}.user-panel{background:#232428;align-items:center;gap:.625rem;padding:.5rem .625rem;display:flex}.user-meta{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.user-meta strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.user-meta span{color:var(--muted);font-size:.75rem}.content{width:100%;max-width:62rem;margin:0 auto;padding:2rem 2.5rem 4rem}.page-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.page-description{color:var(--muted);margin:.25rem 0 0}.section-title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:2rem 0 .75rem;font-size:.75rem}body:has(main.narrow){background:var(--sunken)}main.narrow{background:var(--bg);border-radius:.375rem;max-width:27rem;margin:8vh auto 2rem;padding:2rem;box-shadow:0 2px 10px #0006}.auth-brand{color:var(--heading);justify-content:center;align-items:center;gap:.625rem;margin-bottom:1.25rem;font-size:1.125rem;font-weight:700;display:flex}.brand-mark-large{width:2.5rem;height:2.5rem}main.narrow h1{text-align:center}.auth-subtitle{text-align:center;margin:.5rem 0 1.5rem}@media (width<=52rem){.shell{display:block}.sidebar{border-right:0;height:auto;position:static}.sidebar nav{flex-direction:row;padding:.5rem;overflow-x:auto}.sidebar nav a{white-space:nowrap}.user-panel{order:3}.content{padding:1.25rem 1rem 3rem}main.narrow{box-shadow:none;border-radius:0;margin:0}}.field{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.field>label,.field-label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:700}input,select,textarea{min-width:0;color:var(--text);font:inherit;background:var(--sunken);border:1px solid #0000;border-radius:.1875rem;padding:.625rem .75rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--link);outline:none}input[readonly]{color:var(--muted)}input[aria-invalid=true]{border-color:var(--danger)}::placeholder{color:#6d6f78}.field-error{color:var(--danger-text);margin:.25rem 0 .75rem;font-size:.875rem}.field-success{color:var(--ok-text);margin:.25rem 0 .75rem;font-size:.875rem}.inline-form{align-items:flex-end;gap:.75rem;display:flex}.inline-form .field{flex:1;margin-bottom:0}.form-actions{gap:.5rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 1rem;margin-top:1rem;display:grid}.button{color:var(--heading);font:inherit;background:var(--raised);cursor:pointer;border:0;border-radius:.1875rem;padding:.5rem 1rem;font-weight:500;transition:background-color .15s}.button+.button{margin-left:.5rem}.button:hover:not(:disabled){background:#4e5058}.button-primary{color:var(--accent-text);background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-danger{color:var(--accent-text);background:var(--danger)}.button-danger:hover:not(:disabled){background:var(--danger-hover)}.button-ghost{color:var(--muted);background:0 0}.button-ghost:hover:not(:disabled){color:var(--heading);background:var(--hover);text-decoration:underline}.button-small{padding:.25rem .75rem;font-size:.875rem}.button:disabled{cursor:not-allowed;opacity:.5}.icon-button{width:2rem;height:2rem;color:var(--muted);border-radius:var(--radius-small);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button:hover{color:var(--heading);background:var(--hover)}main.narrow form>.button-primary{width:100%;margin-top:.5rem;padding:.75rem}.switch{cursor:pointer;background:#80848e;border:0;border-radius:.75rem;flex:none;width:2.5rem;height:1.5rem;padding:0;transition:background-color .2s;position:relative}.switch[aria-checked=true]{background:var(--ok)}.switch:disabled{cursor:not-allowed;opacity:.5}.switch-knob{background:#fff;border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .2s;position:absolute;top:.1875rem;left:.1875rem}.switch[aria-checked=true] .switch-knob{transform:translate(1rem)}.badge{white-space:nowrap;background:#949ba42e;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-block}.badge-ok{color:#57f287;background:#23a55a33}.badge-warn{color:var(--warn);background:#f0b2322e}.badge-danger{color:#ff7b7e;background:#da373c38}.badge-accent{color:var(--accent-soft);background:#5865f238}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:inline-grid}.avatar-image{object-fit:cover;background:var(--sunken)}.avatar-large{width:2.75rem;height:2.75rem;font-size:1.125rem}.avatar-hue-0{background:#5865f2}.avatar-hue-1{background:#23a55a}.avatar-hue-2{background:#eb459e}.avatar-hue-3{background:#e67e22}.avatar-hue-4{background:#1abc9c}.avatar-hue-5{background:#ed4245}.person{align-items:center;gap:.625rem;display:inline-flex}.person-text{flex-direction:column;line-height:1.25;display:flex}.person-text .muted{font-size:.8125rem}.card,.panel,.setting{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card{margin-top:1.5rem;padding:1.25rem}.card h2{margin-bottom:.25rem}.profile{align-items:center;gap:1rem;margin-top:0;display:flex}.profile>div{flex:1}.row{align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.row+.row{border-top:1px solid var(--border)}.row-main{flex:1;min-width:0}.row-title{align-items:center;gap:.5rem;display:flex}.row-meta{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;margin:.25rem 0 0;font-size:.8125rem;display:flex}.setting-list{gap:1rem;display:grid}.setting{padding:1.25rem}.setting-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting .inline-form{margin-top:1rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;padding:.75rem 1rem}td{border-top:1px solid var(--border)}th{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:.75rem}tbody tr:hover{background:var(--hover)}td.actions{text-align:right;white-space:nowrap}.chip{white-space:nowrap}.details summary{color:var(--link);cursor:pointer;font-size:.875rem}.filter-bar{max-width:28rem;margin-bottom:1rem}.empty{color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1rem}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.notice-error{border-color:var(--danger)}.prompt-cell{text-overflow:ellipsis;white-space:nowrap;max-width:28rem;overflow:hidden}.creation-filters{max-width:40rem;margin-bottom:1rem}.detail-row>td{background:var(--surface)}.creation-details{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;display:grid}.creation-details h3{margin:0 0 .5rem;font-size:.875rem}.creation-details pre{white-space:pre-wrap;margin:0 0 1rem}.facts{grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;margin:0;display:grid}.facts dt{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:700}.facts dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.875rem;padding:1rem 1.25rem;display:flex}.stat-icon{width:2.5rem;height:2.5rem;color:var(--accent-soft);background:#5865f229;border-radius:50%;flex:none;place-items:center;display:grid}.stat-label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-value{color:var(--heading);font-size:1.125rem;font-weight:600}.state{align-items:center;gap:.5rem;display:inline-flex}.state-dot{border-radius:50%;width:.625rem;height:.625rem}.state-connected .state-dot{background:var(--ok)}.state-connecting .state-dot{background:var(--warn);animation:1.2s ease-in-out infinite pulse}.state-disconnected .state-dot{background:var(--danger)}.guild-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}.guild{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.guild>div{flex-direction:column;min-width:0;display:flex}dialog{max-width:26rem;color:var(--text);background:var(--bg);border:0;border-radius:.375rem;padding:1.5rem;box-shadow:0 8px 24px #00000080}dialog[open]{animation:.15s ease-out pop}dialog::backdrop{background:#000000b3}.dialog-actions{background:var(--surface);border-radius:0 0 .375rem .375rem;justify-content:flex-end;gap:.5rem;margin:1.25rem -1.5rem -1.5rem;padding:1rem 1.5rem;display:flex}.dialog-actions .button+.button{margin-left:0}.skeleton-list{gap:.75rem;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--hover) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:200% 100%;height:4rem;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.35}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@media (width<=40rem){.inline-form{flex-direction:column;align-items:stretch}.row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.skeleton,.state-connecting .state-dot,dialog[open]{animation:none}.button,.switch,.switch-knob,input,select{transition:none}}