:root{--font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #12131a;--color-bg-elevated: #1d1f2b;--color-surface: #252838;--color-surface-soft: #2d3044;--color-text: #f4f5fb;--color-muted: #aeb4c8;--color-border: #3b4057;--color-accent: #7c5cff;--color-accent-strong: #9a84ff;--color-success: #58d68d;--color-danger: #ff6b78;--page-background: linear-gradient(145deg, #161726 0%, #211849 52%, #10131d 100%);--nav-background: rgba(19, 20, 31, .86);--card-background: rgba(37, 40, 56, .88);--input-background: rgba(15, 17, 25, .82);--shadow: 0 .75rem 2.5rem rgba(0, 0, 0, .26);--radius: .85rem}html{font-family:var(--font-family);font-size:16px;color-scheme:dark}body,button,input,select,textarea{font:inherit}*{box-sizing:border-box}html,body{margin:0;min-width:100%;min-height:100%}body{min-height:100svh;background:var(--page-background);color:var(--color-text)}.app-shell{display:grid;grid-template-columns:minmax(11rem, 15rem) minmax(0, 1fr);min-height:100svh}.app-nav{position:sticky;top:0;align-self:start;height:100svh;padding:1.25rem 1rem;background:var(--nav-background);border-right:.0625rem solid var(--color-border);backdrop-filter:blur(1rem)}.app-main{width:min(100%,92rem);padding:clamp(1rem,2.5svw,2.5rem)}.page-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));gap:1rem}@media(max-width: 44rem){.app-shell{grid-template-columns:1fr;padding-bottom:4.5rem}.app-nav{position:fixed;inset:auto 0 0 0;z-index:20;display:flex;align-items:center;gap:.5rem;height:auto;max-width:100svw;padding:.65rem max(.65rem,env(safe-area-inset-right)) max(.65rem,env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left));overflow-x:auto;border-top:.0625rem solid var(--color-border);border-right:0}.app-brand{display:none}.app-nav__links{display:flex;gap:.35rem}.app-main{width:100%;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left))}}a{color:var(--color-accent-strong)}.app-brand{margin-bottom:1.5rem}.app-brand__title{margin:0;font-size:1.25rem}.app-brand__subtitle{margin:.3rem 0 0;color:var(--color-muted);font-size:.85rem}.app-nav__links{display:grid;gap:.35rem}.app-nav__link{display:block;padding:.6rem .75rem;color:var(--color-text);text-decoration:none;white-space:nowrap;border-radius:.55rem}.app-nav__link:hover,.app-nav__link:focus-visible{background:var(--color-surface-soft);outline:none}.card{min-width:0;padding:1rem;background:var(--card-background);border:.0625rem solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.card h2{margin:0 0 .75rem;font-size:1.05rem}.muted{color:var(--color-muted)}.control-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.field{display:grid;gap:.35rem;min-width:min(100%,10rem)}select,input,textarea,[contenteditable=true]{min-height:2.5rem;padding:.55rem .7rem;color:var(--color-text);background:var(--input-background);border:.0625rem solid var(--color-border);border-radius:.55rem}button{min-height:2.35rem;padding:.45rem .75rem;color:var(--color-text);background:var(--color-surface-soft);border:.0625rem solid var(--color-border);border-radius:.5rem;cursor:pointer}button:hover,button:focus-visible{border-color:var(--color-accent);outline:none}.variable-input{position:relative}.variable-input__editor{min-height:5rem;white-space:pre-wrap}.variable-input__palette{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.variable-input__palette[hidden]{display:none}.variable-input__token{display:inline-block;margin:0 .12rem;padding:.08rem .35rem;color:var(--color-text);background:color-mix(in srgb, var(--color-accent) 55%, transparent);border-radius:.35rem}.economy-layout{display:grid;grid-template-columns:minmax(14rem, 22rem) minmax(0, 1fr);gap:1rem;align-items:start}.economy-feature-card,.economy-account-card{display:grid;gap:.7rem}.economy-feature-card h3,.economy-layout .card>h3{margin:0;font-size:1rem}.economy-feature-grid,.economy-account-grid{display:grid;gap:.55rem}.economy-feature-grid label{display:flex;gap:.45rem;align-items:center}.economy-account-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, 14rem), 1fr))}.economy-account-card{padding:.65rem;background:var(--color-surface-soft);border-radius:.55rem}.economy-account-metric{display:flex;justify-content:space-between;gap:.5rem}@media(max-width: 48rem){.economy-layout{grid-template-columns:1fr}}.bot-binding-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 20rem), 1fr));gap:1rem}.bot-binding-card{display:grid;gap:.85rem}.bot-binding-card__heading,.bot-binding-card__actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.65rem;align-items:center}.bot-binding-card__controls{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 9rem), 1fr));gap:.65rem;align-items:end}.bot-enabled{display:inline-flex;gap:.4rem;align-items:center;min-height:2.5rem}.moderation-filter{display:grid;gap:.5rem;padding-top:.75rem;border-top:.0625rem solid var(--color-border)}.moderation-filter__heading,.moderation-filter__actions{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.moderation-filter__counter{color:var(--color-muted);font-size:.78rem}.moderation-filter__hint,.moderation-filter__status{margin:0}.moderation-token-editor{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-height:2.8rem;padding:.4rem .5rem;border:.0625rem solid var(--color-border);border-radius:.55rem;background:var(--color-surface-soft)}.moderation-token-list{display:contents}.moderation-token-chip{display:inline-flex;align-items:center;gap:.28rem;min-height:1.8rem;padding:.18rem .28rem .18rem .5rem;border:.0625rem solid color-mix(in srgb, var(--color-accent) 55%, var(--color-border));border-radius:.45rem;background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.moderation-token-chip__remove{min-width:1.45rem;min-height:1.45rem;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;line-height:1}.moderation-token-input{flex:1 1 8rem;min-width:6rem;padding:.28rem .18rem;border:0;outline:0;background:rgba(0,0,0,0);color:var(--color-text)}.moderation-token-chip--default{opacity:.72;text-decoration:line-through;text-decoration-thickness:.1em}.filter-platform-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 24rem), 1fr));gap:1rem}.filter-platform-card{display:grid;gap:.8rem}.filter-platform-card__heading h2{margin:0}.moderation-filter__lock{margin:0;padding:.55rem .65rem;border:.0625rem solid var(--color-warning, var(--color-border));border-radius:.5rem}.moderation-token-input[readonly]{cursor:not-allowed}.dashboard-stack,.realm-card{display:grid;gap:.55rem}.dashboard-actions,.identity-list{display:flex;flex-wrap:wrap;gap:.45rem}.identity-chip,.button-link{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .55rem;border:.0625rem solid var(--color-border);border-radius:.5rem}.identity-chip{background:var(--color-surface-soft)}.button-link{color:var(--color-text);text-decoration:none;background:color-mix(in srgb, var(--color-accent) 30%, var(--color-surface))}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(6rem, 1fr));gap:.55rem}.metric{display:grid;gap:.2rem;padding:.55rem;background:var(--color-surface-soft);border-radius:.55rem}.metric strong{font-size:1.2rem}.metric span{color:var(--color-muted);font-size:.75rem}.realm-card{padding:.6rem;border:.0625rem solid var(--color-border);border-radius:.55rem}.virtual-list{position:relative;height:min(65svh,38rem);overflow:auto;contain:strict}.virtual-list__loader{position:absolute;inset:0;display:none;place-items:center;pointer-events:none;background:color-mix(in srgb, var(--card-background) 72%, transparent)}.virtual-list--loading .virtual-list__loader{display:grid}.virtual-list__loader::after{content:"";width:2rem;height:2rem;border:.18rem solid color-mix(in srgb, var(--color-muted) 28%, transparent);border-top-color:var(--color-accent);border-radius:50%;animation:guardes-spin .72s linear infinite}@keyframes guardes-spin{to{transform:rotate(1turn)}}.virtual-row{min-height:2.75rem;padding:.55rem .75rem;border-bottom:.0625rem solid var(--color-border)}.panel-section{margin-top:1.25rem}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.65rem}.section-heading h2{margin:0}.section-heading p{margin:.35rem 0 0}.status-line{min-height:1.5rem;margin:.4rem 0 .65rem;color:var(--color-muted)}.command-realm-field{min-width:min(70svw,18rem)}.command-workspace{display:grid;grid-template-columns:minmax(14rem, 22rem) minmax(0, 1fr);gap:1rem;align-items:start}.command-list-card{padding:0;overflow:hidden}.command-list{height:min(64svh,42rem)}.command-row{display:grid;width:100%;height:3rem;padding:.45rem .7rem;text-align:left;background:rgba(0,0,0,0);border:0;border-bottom:.0625rem solid var(--color-border);border-radius:0}.command-row--selected{background:color-mix(in srgb, var(--color-accent) 20%, transparent)}.command-row__name{overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.command-row__meta{overflow:hidden;color:var(--color-muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.command-editor{display:grid;gap:1rem}.command-editor__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 11rem), 1fr));gap:.75rem}.command-flags,.command-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.command-flags label{display:inline-flex;gap:.35rem;align-items:center}.command-actions [data-command-delete]{margin-left:auto}@media(max-width: 56rem){.command-workspace{grid-template-columns:1fr}.command-list{height:min(36svh,22rem)}}@media(max-width: 28rem){.command-editor__grid{grid-template-columns:1fr}.command-actions>button{flex:1 1 8rem}}.guardes-notification-host{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:2147483645;width:min(23rem,100vw - 2rem);display:grid;gap:.55rem;pointer-events:none}.guardes-notification{--notification-color: var(--color-accent);min-height:3.4rem;padding:.72rem .72rem .72rem .82rem;display:grid;grid-template-columns:.55rem minmax(0, 1fr) 2rem;gap:.68rem;align-items:center;color:var(--color-text);background:color-mix(in srgb, var(--color-bg-elevated) 94%, var(--notification-color) 6%);border:.0625rem solid color-mix(in srgb, var(--notification-color) 58%, var(--color-border));border-radius:.8rem;box-shadow:0 1rem 2.6rem rgba(0,0,0,.38),0 0 1.4rem color-mix(in srgb, var(--notification-color) 10%, transparent);backdrop-filter:blur(1rem);opacity:0;transform:translateY(0.65rem) scale(0.985);transition:opacity .2s ease,transform .26s cubic-bezier(0.2, 0.8, 0.2, 1),border-color .2s ease;pointer-events:auto}.guardes-notification--success{--notification-color: var(--color-success)}.guardes-notification--error{--notification-color: var(--color-danger)}.guardes-notification--visible{opacity:1;transform:translateY(0) scale(1)}.guardes-notification--superseded{opacity:0;transform:translateY(-0.8rem) scale(0.975)}.guardes-notification--leaving{opacity:0;transform:translateX(0.65rem) scale(0.985)}.guardes-notification__marker{width:.5rem;height:1.85rem;border-radius:999px;background:var(--notification-color);box-shadow:0 0 .8rem color-mix(in srgb, var(--notification-color) 46%, transparent)}.guardes-notification__message{min-width:0;overflow-wrap:anywhere;font-size:.86rem;line-height:1.42}.guardes-notification__close{width:2rem;height:2rem;min-height:2rem;padding:0;display:grid;place-items:center;color:var(--color-muted);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-radius:.55rem;font-size:1.25rem;line-height:1}.guardes-notification__close:hover,.guardes-notification__close:focus-visible{color:var(--color-text);background:color-mix(in srgb, var(--notification-color) 12%, var(--color-surface-soft));border-color:color-mix(in srgb, var(--notification-color) 36%, var(--color-border))}@media(max-width: 44rem){.guardes-notification-host{top:max(.65rem,env(safe-area-inset-top));right:max(.65rem,env(safe-area-inset-right));left:max(.65rem,env(safe-area-inset-left));width:auto}.guardes-notification{transform:translateY(-0.55rem) scale(0.985)}.guardes-notification--visible{transform:translateY(0) scale(1)}.guardes-notification--superseded,.guardes-notification--leaving{transform:translateY(-0.75rem) scale(0.98)}}@media(prefers-reduced-motion: reduce){.guardes-notification{transition-duration:.01ms}}.settings-two-column{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}.settings-editor{display:grid;gap:.8rem}.settings-editor h3{margin:0;font-size:1rem}.settings-field-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.65rem}.settings-wide{grid-column:1/-1}.settings-check,.settings-check-grid label{display:inline-flex;gap:.4rem;align-items:center}.settings-check-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr));gap:.55rem}textarea{width:100%;resize:vertical}@media(max-width: 48rem){.settings-two-column,.settings-field-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}}.public-shell{display:grid;gap:1rem}.public-query{display:grid;grid-template-columns:minmax(7rem, 10rem) minmax(12rem, 1fr) auto;gap:.65rem;align-items:end}.public-channel-summary{display:grid;gap:.25rem}.public-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}.public-card{display:grid;gap:.75rem;min-width:0}.public-card h3{margin:0;font-size:1rem}.public-card--wide{grid-column:1/-1}.public-toolbar,.public-pager{display:flex;flex-wrap:wrap;gap:.55rem;align-items:end}.public-toolbar .field{flex:1 1 10rem}.public-pager{justify-content:space-between;align-items:center}.public-list{display:grid;gap:.55rem}.public-command-card,.public-ranking-row,.public-guild-row,.public-angler{display:grid;gap:.35rem;padding:.65rem;background:var(--color-surface-soft);border-radius:.55rem}.public-ranking-row{grid-template-columns:auto minmax(8rem, 0.6fr) minmax(0, 1.4fr);align-items:start}.public-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.public-chip{padding:.2rem .4rem;border:.0625rem solid var(--color-border);border-radius:.4rem;font-size:.8rem}.public-command-output{white-space:pre-wrap}.public-break-anywhere{overflow-wrap:anywhere}.public-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(7rem, 1fr));gap:.55rem}@media(max-width: 48rem){.public-query,.public-grid,.public-ranking-row{grid-template-columns:1fr}.public-card--wide{grid-column:auto}.public-query>button{width:100%}}
