.dzl-dusk{--dusk-land:var(--size-dusk-land);z-index:-1;inset:0 0 calc(var(--size-dusk-fade) * -1);pointer-events:none;position:absolute;overflow:hidden}.dzl-dusk__sky{background:radial-gradient(48% 110% at 72% 92%, var(--dusk-horizon), transparent 70%), radial-gradient(26% 60% at 72% 84%, var(--dusk-horizon-2), transparent 70%), radial-gradient(45% 90% at 10% 0%, var(--dusk-haze), transparent 72%), linear-gradient(180deg, var(--dusk-top), var(--dusk-mid) 72%, var(--bg));position:absolute;inset:0}.dzl-dusk__topo{background:repeating-radial-gradient(ellipse at 60% 62%, transparent 0 calc(var(--contour-step-l) - 1px), var(--dusk-topo) var(--contour-step-l), transparent calc(var(--contour-step-l) + 1px));-webkit-mask-image:radial-gradient(60% 60% at 56% 56%, var(--mask-opaque) 20%, transparent 75%);mask-image:radial-gradient(60% 60% at 56% 56%, var(--mask-opaque) 20%, transparent 75%);position:absolute;inset:-40% -10% 0 34%}.dzl-dusk__sky-stars{width:100%;position:absolute;top:0;left:0;right:0}.dzl-dusk__land{width:100%;height:var(--dusk-land);translate:0 var(--dusk-land-sink);position:absolute;bottom:0;left:0;right:0}.dzl-dusk__mast-layer{translate:-50% var(--dusk-land-sink);position:absolute}.dzl-dusk__stars{fill:var(--stars)}.dzl-dusk__ridge-far{fill:var(--ridge-far)}.dzl-dusk__ridge-mid{fill:var(--ridge-mid)}.dzl-dusk__treeline{fill:var(--treeline)}.dzl-dusk__ridge-near{fill:var(--ridge-near)}.dzl-dusk__mast{fill:none;stroke:var(--ridge-far);stroke-linecap:round;stroke-width:2px}.dzl-dusk__beacon{fill:var(--beacon);animation:dzl-beacon var(--dur-beacon) var(--ease-in-out) infinite}.dzl-dusk__beacon-glow{fill:var(--beacon-glow);animation:dzl-beacon var(--dur-beacon) var(--ease-in-out) infinite}.dzl-dusk__noise{background-image:var(--noise-texture);mix-blend-mode:overlay;opacity:var(--noise-opacity);position:absolute;inset:0}.dzl-dusk__fade{height:var(--size-dusk-fade);background:linear-gradient(transparent, var(--bg));position:absolute;bottom:0;left:0;right:0}@keyframes dzl-beacon{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.dzl-dusk__beacon,.dzl-dusk__beacon-glow{animation:none}}.dzl-shell{grid-template-columns:var(--size-rail) minmax(0, 1fr);background:var(--bg);height:100%;display:grid}.dzl-shell__main{isolation:isolate;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;container:dzl-screen/inline-size}.dzl-shell__head{flex:none;position:relative}.dzl-shell__top{height:var(--size-topbar);padding:0 var(--shell-gutter,var(--space-3))}.dzl-shell__toolbar{min-width:0}.dzl-shell__body{flex:1;min-height:0;display:flex}.dzl-shell__content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dzl-topbar{align-items:center;gap:var(--space-2);height:100%;display:flex}.dzl-topbar__title{flex-direction:column;flex:0 auto;justify-content:center;min-width:0;display:flex}.dzl-topbar__overline{display:none}.dzl-topbar__center{min-width:var(--size-search-min);max-width:var(--size-search);flex:1 1 0}.dzl-topbar__actions{justify-content:flex-end;align-items:center;gap:var(--space-1);flex:none;margin-left:auto;display:flex}.dzl-shell__main--hero:not(.is-collapsed) .dzl-shell__top{height:var(--size-hero);margin-bottom:var(--size-hero-sky);padding:var(--space-3) var(--shell-gutter,var(--space-3)) var(--space-2)}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar{align-content:end;row-gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar__actions{grid-area:1/2;align-self:start}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar--no-center{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:end}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar--no-center .dzl-topbar__title{grid-column:1}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar--no-center .dzl-topbar__actions{grid-row:1}.dzl-shell__main--overhang:not(.is-collapsed) .dzl-dusk{--dusk-land:var(--size-dusk-land-hero);bottom:calc(var(--size-dusk-overhang) * -1)}.dzl-shell__main:not(.dzl-shell__main--hero) .dzl-dusk__land{translate:0 var(--dusk-slim-sink)}.dzl-shell__main:not(.dzl-shell__main--hero) .dzl-dusk__mast-layer{translate:-50% var(--dusk-slim-sink)}.dzl-shell__main.is-collapsed .dzl-dusk__beacon,.dzl-shell__main.is-collapsed .dzl-dusk__beacon-glow,.dzl-shell__main:not(.dzl-shell__main--hero) .dzl-dusk__beacon,.dzl-shell__main:not(.dzl-shell__main--hero) .dzl-dusk__beacon-glow{visibility:hidden}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar__center{grid-column:1}.dzl-shell__main--hero:not(.is-collapsed) .dzl-topbar__overline{animation:dzl-hero-fade var(--dur-fade) var(--ease-out);display:flex}@keyframes dzl-hero-fade{0%{opacity:0}}.dzl-button{justify-content:center;align-items:center;gap:var(--space-1);height:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);font:var(--type-body-strong);white-space:nowrap;isolation:isolate;-webkit-user-select:none;user-select:none;transition:transform var(--dur-instant) var(--ease-out);border:1px solid #0000;flex:none;display:inline-flex;position:relative}.dzl-button:after{z-index:-1;border-radius:inherit;background:var(--hover);content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;inset:0}.dzl-button:hover:not(:disabled):after{opacity:1}.dzl-button:active:not(:disabled,.is-loading){transform:translateY(1px)}.dzl-button:active:not(:disabled):after{background:var(--press)}.dzl-button__label{text-overflow:ellipsis;overflow:hidden}.dzl-button .lucide{width:var(--icon-md);height:var(--icon-md)}.dzl-button--primary{background:linear-gradient(180deg, var(--accent-hover), var(--accent));color:var(--text-on-accent);box-shadow:var(--button-top-light), var(--glow-accent)}.dzl-button--primary:after{background:var(--primary-hover)}.dzl-button--primary:focus-visible{box-shadow:var(--focus-ring)}.dzl-button--secondary{border-color:var(--border);background:var(--surface-3);color:var(--text-1);box-shadow:var(--elev-1)}.dzl-button--ghost{color:var(--text-2);background:0 0}.dzl-button--ghost:hover:not(:disabled){color:var(--text-1)}.dzl-button--danger{border-color:var(--danger-border);color:var(--danger);background:0 0}.dzl-button--danger:after{background:var(--danger-soft)}.dzl-button--danger-solid{background:var(--danger-solid);color:var(--text-on-danger);box-shadow:var(--button-top-light)}.dzl-button--danger-solid:hover:not(:disabled){background:var(--danger-solid-hover)}.dzl-button:disabled{border-color:var(--border-subtle);background:var(--surface-2);color:var(--text-disabled);box-shadow:none}.dzl-button--sm{gap:var(--space-half);height:var(--control-sm);padding:0 var(--space-1-half);font:var(--type-small-strong)}.dzl-button--sm .lucide{width:var(--icon-sm);height:var(--icon-sm)}.dzl-button--lg{gap:var(--space-1-half);height:var(--control-lg);padding:0 var(--space-3);font:var(--type-cta);letter-spacing:var(--tracking-display)}.dzl-button--lg .lucide{width:var(--icon-lg);height:var(--icon-lg)}.dzl-button--block{width:100%}.dzl-button.is-loading{cursor:progress}.dzl-button__spinner{animation:dzl-spin var(--dur-sheen) linear infinite}.dzl-panel{border-radius:var(--radius-lg)}.dzl-panel--inset{border:1px solid var(--border-subtle);background:var(--surface-2)}.dzl-panel--raised{border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--elev-2)}.dzl-panel--flat{background:var(--surface-1)}.dzl-panel--pad-sm{padding:var(--space-1-half)}.dzl-panel--pad-md{padding:var(--space-2)}.error-screen{width:100%;max-width:var(--size-dialog);padding:var(--space-6) var(--space-3);flex-direction:column;align-items:flex-start;margin:0 auto;display:flex}.error-screen__icon{width:var(--control-lg);height:var(--control-lg);margin-bottom:var(--space-2);border:1px solid var(--danger-border);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger);place-items:center;display:grid}.error-screen__icon .lucide{width:var(--icon-xl);height:var(--icon-xl)}.error-screen__title{font:var(--type-display-s);letter-spacing:var(--tracking-display);text-transform:uppercase}.error-screen__lead{margin-top:var(--space-1);color:var(--text-2);font:var(--type-body)}.error-screen__actions{gap:var(--space-1);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.error-screen__details{margin-top:var(--space-3);align-self:stretch}.error-screen__details pre{color:var(--text-2);font:var(--type-mono-s);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.error-screen__note{margin-top:var(--space-1-half);color:var(--text-3);font:var(--type-caption)}.dzl-empty{max-width:var(--size-empty);padding:var(--space-6) var(--space-3);text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex}.dzl-empty__icon{width:var(--control-lg);height:var(--control-lg);margin-bottom:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-2);place-items:center;display:grid}.dzl-empty__icon .lucide{width:var(--icon-xl);height:var(--icon-xl)}.dzl-empty__title{font:var(--type-display-s);letter-spacing:var(--tracking-display);text-transform:uppercase}.dzl-empty__description{margin-top:var(--space-1);color:var(--text-2);font:var(--type-small)}.dzl-empty__action{margin-top:var(--space-3)}.dzl-rail{z-index:var(--z-sticky);width:var(--size-rail);height:100%;padding:var(--space-2) 0;border-right:1px solid var(--border-subtle);background:var(--bg-deep);flex-direction:column;align-items:center;display:flex;position:relative}.dzl-rail__brand{height:var(--control-lg);margin-bottom:var(--space-2);place-items:center;display:grid}.dzl-rail__nav{width:100%}.dzl-rail__list{align-items:center;gap:var(--space-half);flex-direction:column;display:flex}.dzl-rail__footer{align-items:center;gap:var(--space-1-half);flex-direction:column;margin-top:auto;display:flex}.dzl-nav-item{justify-content:center;align-items:center;gap:var(--space-half);width:var(--size-rail-item);height:var(--size-rail-item);border-radius:var(--radius-lg);color:var(--text-3);font:var(--type-overline);letter-spacing:0;isolation:isolate;flex-direction:column;display:flex;position:relative}.dzl-nav-item:after{z-index:-1;border-radius:inherit;background:var(--hover);content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;inset:0}.dzl-nav-item:hover:after{opacity:1}.dzl-nav-item:hover{color:var(--text-1)}.dzl-nav-item .lucide{width:var(--icon-lg);height:var(--icon-lg)}.dzl-nav-item.is-active{background:var(--surface-3);color:var(--text-1)}.dzl-nav-item.is-active:before{top:var(--space-2);bottom:var(--space-2);left:calc((var(--size-rail) - var(--size-rail-item)) / -2);width:var(--stroke-bar);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--accent);content:"";position:absolute}.dzl-nav-item__label{white-space:nowrap}.dzl-nav-item__badge{top:var(--space-half);right:var(--space-1);min-width:var(--icon-md);height:var(--icon-md);padding:0 var(--space-half);border-radius:var(--radius-pill);background:var(--text-2);color:var(--bg);font:var(--type-mono-s);line-height:var(--icon-md);text-align:center;box-shadow:0 0 0 var(--stroke-ring) var(--bg-deep);position:absolute}.dzl-wordmark{width:var(--size-brand);height:var(--size-brand);background:linear-gradient(160deg, var(--accent-hover), var(--accent));clip-path:polygon(var(--space-1-half) 0, 100% 0, 100% calc(100% - var(--space-1-half)), calc(100% - var(--space-1-half)) 100%, 0 100%, 0 var(--space-1-half));color:var(--text-on-accent);font:var(--type-display-s);letter-spacing:var(--tracking-display);place-items:center;display:grid}.dzl-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.dzl-field__label-row{justify-content:space-between;align-items:baseline;gap:var(--space-1);display:flex}.dzl-field__label{color:var(--text-2);font:var(--type-caption)}.dzl-field__aside{color:var(--text-3);font:var(--type-mono-s)}.dzl-field__hint{color:var(--text-3);font:var(--type-caption)}.dzl-field__hint--error{color:var(--danger)}.dzl-input{align-items:center;gap:var(--space-1);min-width:0;height:var(--control-md);padding:0 var(--space-1-half);border:1px solid var(--control-edge);border-radius:var(--radius-md);background:var(--field);color:var(--text-3);display:flex}.dzl-input:hover:not(.is-disabled){border-color:var(--text-3)}.dzl-input:focus-within{border-color:var(--focus);box-shadow:0 0 0 var(--stroke-ring) var(--focus-halo)}.dzl-input.is-invalid{border-color:var(--danger)}.dzl-input.is-disabled{border-color:var(--border);background:var(--surface-2)}.dzl-input--sm{height:var(--control-sm)}.dzl-input__control{min-width:0;height:100%;color:var(--text-1);font:var(--type-body);background:0 0;border:0;flex:1;padding:0}.dzl-input__control:focus-visible{box-shadow:none}.dzl-input__control::placeholder{color:var(--text-3)}.dzl-input__control:disabled{color:var(--text-disabled);cursor:not-allowed}.dzl-input--mono .dzl-input__control{font:var(--type-mono)}.dzl-input__suffix{color:var(--text-3);font:var(--type-caption);flex:none;align-items:center;display:inline-flex}.server-card{padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2)}.server-card__name{font:var(--type-name-m)}.server-card__facts{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.server-card__fact{min-width:0}.server-card__label{color:var(--text-3);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}.server-card__value{margin-top:var(--space-half);color:var(--text-1);font:var(--type-mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.query{padding:var(--space-3)}.query__title{padding-right:var(--space-5);font:var(--type-display-s);letter-spacing:var(--tracking-display);text-transform:uppercase}.query__lead{margin-top:var(--space-half);color:var(--text-2);font:var(--type-small)}.query__form{align-items:flex-start;gap:var(--space-1);margin-top:var(--space-2-half);display:flex}.query__field{flex:1}.query__submit{margin-top:var(--space-3)}.query__result:not(:empty){margin-top:var(--space-2-half)}.query__status{color:var(--text-2);font:var(--type-small)}.query__error{padding:var(--space-1-half) var(--space-2);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font:var(--type-small)}.dzl-tooltip-anchor{display:inline-flex;position:relative}.dzl-tooltip{z-index:var(--z-tooltip);width:max-content;max-width:var(--size-tooltip);padding:var(--space-half) var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-4);color:var(--text-1);font:var(--type-caption);box-shadow:var(--elev-2);pointer-events:none;animation:dzl-fade-in var(--dur-fade) var(--ease-out);position:absolute}.dzl-tooltip--bottom{top:calc(100% + var(--space-1))}.dzl-tooltip--top{bottom:calc(100% + var(--space-1))}.dzl-tooltip--right{top:50%;left:calc(100% + var(--space-1));transform:translateY(-50%)}.dzl-tooltip--top.dzl-tooltip--align-center,.dzl-tooltip--bottom.dzl-tooltip--align-center{left:50%;transform:translate(-50%)}.dzl-tooltip--top.dzl-tooltip--align-start,.dzl-tooltip--bottom.dzl-tooltip--align-start{left:0}.dzl-tooltip--top.dzl-tooltip--align-end,.dzl-tooltip--bottom.dzl-tooltip--align-end{right:0}.dzl-icon-button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md);color:var(--text-2);isolation:isolate;transition:transform var(--dur-instant) var(--ease-out);border:1px solid #0000;flex:none;place-items:center;display:inline-grid;position:relative}.dzl-icon-button:after{z-index:-1;border-radius:inherit;background:var(--hover);content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;inset:0}.dzl-icon-button:hover:not(:disabled):after,.dzl-icon-button[aria-pressed=true]:after{opacity:1}.dzl-icon-button:hover:not(:disabled),.dzl-icon-button[aria-pressed=true]{color:var(--text-1)}.dzl-icon-button:active:not(:disabled){transform:translateY(1px)}.dzl-icon-button:disabled{color:var(--text-disabled)}.dzl-icon-button--md{width:var(--control-md);height:var(--control-md)}.dzl-icon-button--md .lucide{width:var(--icon-lg);height:var(--icon-lg)}.dzl-icon-button--secondary{border-color:var(--border);background:var(--surface-3);box-shadow:var(--elev-1)}.dzl-icon-button--solid{background:var(--surface-3);color:var(--text-1);box-shadow:var(--elev-1)}.dzl-dialog-layer{z-index:var(--z-overlay);padding:var(--space-3);place-items:center;display:grid;position:fixed;inset:0}.dzl-dialog-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));animation:dzl-fade-in var(--dur-base) var(--ease-out);position:absolute;inset:0}.dzl-dialog{width:min(100%, var(--size-dialog));border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);max-height:100%;box-shadow:var(--elev-3);animation:dzl-rise var(--dur-slow) var(--ease-emphasis);flex-direction:column;display:flex;position:relative;overflow:hidden}.dzl-dialog:focus-visible{box-shadow:var(--elev-3)}.dzl-dialog--sm{width:min(100%, var(--size-dialog-s))}.dzl-dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-2-half) var(--space-2) 0 var(--space-3);flex:none;display:flex}.dzl-dialog__title{padding-top:var(--space-half);font:var(--type-display-s);letter-spacing:var(--tracking-display);text-transform:uppercase}.dzl-dialog__description{margin-top:var(--space-half);color:var(--text-2);font:var(--type-small)}.dzl-dialog__foot{justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);flex:none;display:flex}.dzl-dialog__close{z-index:var(--z-raised);top:var(--space-2);right:var(--space-2);position:absolute}.shell__title{font:var(--type-display-m);letter-spacing:var(--tracking-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.connect-history{padding:0 var(--space-3) var(--space-3)}.connect-history__title{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);color:var(--text-2);font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase;display:flex}.connect-history__title .lucide{width:var(--icon-sm);height:var(--icon-sm)}.connect-history__item{grid-template-columns:var(--size-label) minmax(0, 1fr) auto;align-items:center;gap:var(--space-1-half);width:100%;min-height:var(--control-md);padding:0 var(--space-1-half);border-radius:var(--radius-md);text-align:left;isolation:isolate;display:grid;position:relative}.connect-history__item:after{z-index:-1;border-radius:inherit;background:var(--hover);content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;inset:0}.connect-history__item:hover:after{opacity:1}.connect-history__item:focus-visible{box-shadow:var(--focus-ring-inset)}.connect-history__address{color:var(--text-1);font:var(--type-mono)}.connect-history__name{color:var(--text-2);font:var(--type-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connect-history__when{color:var(--text-3);font:var(--type-caption);white-space:nowrap}.shell__bare{background:var(--bg);flex-direction:column;height:100%;display:flex}.shell__bare>.dzl-shell__main{flex:1}.global-actions__kbd{margin-right:calc(var(--space-1) * -1);display:inline-flex}.shell__status{align-items:center;gap:var(--space-half);color:var(--text-3);font:var(--type-overline);letter-spacing:0;flex-direction:column;display:flex}.shell__status-dot{width:var(--dot);height:var(--dot);border-radius:var(--radius-pill);background:var(--success-solid)}.shell__status-dot--paused{background:var(--warning-solid)}.shell__status-dot--offline{background:var(--signal-off)}.shell__avatar{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-pill);background:var(--surface-4);color:var(--text-1);font:var(--type-small-strong);box-shadow:0 0 0 var(--stroke-ring) var(--bg-deep), 0 0 0 calc(var(--stroke-ring) + 1px) var(--border-strong);place-items:center;display:grid}.dzl-kbd{min-width:var(--kbd-h);height:var(--kbd-h);padding:0 var(--space-half);border:1px solid var(--border);border-bottom-width:var(--stroke-kbd);border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-2);font:var(--type-mono-s);flex:none;justify-content:center;align-items:center;display:inline-flex}.dzl-kbd--quiet{background:color-mix(in oklab, currentcolor 14%, transparent);color:inherit;border-color:#0000;border-bottom-width:1px}.dzl-keyhint{align-items:center;gap:var(--space-half);color:var(--text-3);font:var(--type-caption);display:inline-flex}.dzl-keyhint>span{margin-left:var(--space-half)}