.echo-shell{--echo-shell-rail-h:56px;--echo-shell-side-w:248px}.echo-shell__skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:var(--echo-z-skip,600);padding:var(--echo-space-5) var(--echo-space-7);border-radius:0;border-end-end-radius:var(--echo-radius-md);background:var(--echo-cap);color:var(--echo-text);border:var(--echo-border-hairline,1px) solid var(--echo-accent-glow);font-family:var(--echo-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--echo-text-xs);text-decoration:none}.echo-shell__skip:focus{inset-inline-start:0}.echo-shell__rail{position:sticky;top:0;z-index:var(--echo-z-sticky,100);display:flex;align-items:center;gap:var(--echo-space-10);height:var(--echo-shell-rail-h);padding:0 var(--echo-space-9);background:color-mix(in srgb,var(--echo-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);border-bottom:var(--echo-border-hairline,1px) solid var(--echo-seam);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--echo-cap-highlight) 32%,transparent),0 1px 0 rgb(255 255 255/calc(.04 * var(--echo-gloss, 1)))}.echo-shell__brand{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--echo-space-5);white-space:nowrap}.echo-shell__railnav{display:flex;align-items:center;gap:var(--echo-space-1);margin-inline-start:auto;overflow-x:auto;scrollbar-width:none}.echo-shell__railnav::-webkit-scrollbar{display:none}.echo-shell:not([data-bare]){display:grid;grid-template-columns:var(--echo-shell-side-w) minmax(0,1fr);align-items:start}.echo-shell__rail{grid-column:1/-1}.echo-shell[data-bare]{display:block}.echo-shell__side{position:sticky;top:var(--echo-shell-rail-h);box-sizing:border-box;max-height:calc(100dvh - var(--echo-shell-rail-h));overflow-y:auto;padding:var(--echo-space-10) var(--echo-space-7) var(--echo-space-12);border-inline-end:var(--echo-border-hairline,1px) solid var(--echo-seam);box-shadow:1px 0 0 rgb(255 255 255/calc(.04 * var(--echo-gloss, 1)));scrollbar-width:thin;scrollbar-color:var(--echo-cap) transparent}.echo-shell[data-bare]>.echo-shell__side{display:none}.echo-shell__content{min-width:0}.echo-shell__content,.echo-shell__content :is(a[href],button,input,select,textarea,summary,[tabindex]){scroll-margin-block-start:calc(var(--echo-shell-rail-h) + var(--echo-space-4))}@media (max-width:900px){.echo-shell:not([data-bare]){grid-template-columns:minmax(0,1fr)}.echo-shell__side{display:none}}@media (max-width:560px){.echo-shell__rail{gap:var(--echo-space-5);padding:0 var(--echo-space-6)}}@media (pointer:coarse){.echo-shell__skip{min-height:44px}}.echo-shell__railnav{align-self:stretch}:where(.echo-shell__railnav) :where(a){position:relative;display:inline-flex;align-items:center;height:100%;padding:0 var(--echo-space-5);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-sm);font-weight:var(--echo-weight-semibold,600);color:var(--echo-text-dim);text-decoration:none;white-space:nowrap;transition:color var(--echo-duration-swap) ease}@media (hover:hover){:where(.echo-shell__railnav) :where(a:hover){color:var(--echo-text)}}:where(.echo-shell__railnav) :where(a[aria-current=page]){color:var(--echo-text)}:where(.echo-shell__railnav) :where(a[aria-current=page]):after{content:"";position:absolute;inset-inline-start:var(--echo-space-5);inset-inline-end:var(--echo-space-5);bottom:-1px;height:2px;border-radius:var(--echo-radius-full);background:var(--echo-accent-glow);box-shadow:var(--echo-shadow-glow,0 0 calc(7px * (1 - var(--echo-drawn, 0))) color-mix(in oklch,var(--echo-accent-glow) 70%,transparent))}:where(.echo-shell__side) :where(a){position:relative;display:block;padding:var(--echo-space-3) var(--echo-space-5);border-radius:var(--echo-radius-md);font-family:var(--echo-font-sans,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-sm);color:var(--echo-text-dim);text-decoration:none}@media (hover:hover){:where(.echo-shell__side) :where(a:hover){color:var(--echo-text);background:color-mix(in srgb,var(--echo-cap) 30%,transparent)}}:where(.echo-shell__side) :where(a[aria-current=page]){color:var(--echo-text);background:color-mix(in srgb,var(--echo-cap) 38%,transparent)}:where(.echo-shell__side) :where(a[aria-current=page]):before{content:"";position:absolute;inset-inline-start:0;top:var(--echo-space-3);bottom:var(--echo-space-3);width:2px;border-radius:var(--echo-radius-full);background:var(--echo-accent-glow);box-shadow:var(--echo-shadow-glow,0 0 calc(7px * (1 - var(--echo-drawn, 0))) color-mix(in oklch,var(--echo-accent-glow) 70%,transparent))}:where(.echo-shell__railnav,.echo-shell__side) :where(a:focus-visible){outline:2px solid var(--echo-accent-ink,var(--echo-accent-glow));outline-offset:2px}