.shell{grid-template:"top""pane"1fr"rail"/minmax(0,1fr);min-height:100dvh;display:grid}.shell__top{z-index:3;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--gutter);background:var(--color-bg);border-bottom:1px solid var(--color-line);grid-area:top;display:flex;position:sticky;top:0}.switcher{align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--text-sm);display:flex;position:relative}.switcher__button{align-items:baseline;gap:var(--space-2);min-width:0;max-width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);cursor:pointer;font-size:var(--text-sm);background:0 0;border:1px solid #0000;display:flex}.switcher__button:hover,.switcher__button[aria-expanded=true]{border-color:var(--color-line);background:var(--color-surface)}.switcher__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.switcher__role{color:var(--color-muted);font-size:var(--text-xs)}.switcher__chev{fill:none;stroke:currentColor;stroke-width:1.8px;width:12px;height:12px;color:var(--color-muted);flex:none;align-self:center}.switcher__skel{width:9rem;height:1rem}.switcher--failed{color:var(--color-danger)}.switcher__menu{top:calc(100% + var(--space-1));z-index:5;width:min(20rem, calc(100vw - 2 * var(--space-4)));padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--lift-2);animation:menu-in var(--motion-tab) var(--ease-tab) both;position:absolute;right:0}.switcher__head{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-weight:700}.switcher__list{max-height:50dvh;margin:0;padding:0;list-style:none;overflow-y:auto}.switcher__item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-1);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:1.75rem minmax(0,1fr) auto;display:grid}.switcher__item:hover{background:var(--color-sunk)}.switcher__item[aria-current=true]{background:var(--color-accent-tint)}.switcher__item[aria-current=true] .switcher__mono{background:var(--color-accent);color:var(--color-on-accent)}.switcher__item[aria-busy=true]{opacity:.6}.switcher__mono{border-radius:var(--radius-1);background:var(--color-sunk);width:1.75rem;height:1.75rem;font-weight:700;font-size:var(--text-xs);place-items:center;display:grid}.switcher__item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.switcher__item-role{color:var(--color-muted);font-size:var(--text-xs)}.switcher__error{padding:var(--space-2);color:var(--color-danger);font-weight:600}.switcher__hint{padding:var(--space-2) var(--space-2) var(--space-1);border-top:1px solid var(--color-line);margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs)}@media (max-width:399.98px){.switcher__role{display:none}}kbd{border:1px solid var(--color-line);font:600 .6875rem/1.4 var(--font-sans);border-bottom-width:2px;border-radius:4px;padding:0 4px}.palette{width:min(100% - 2 * var(--space-4), 34rem);border:1px solid var(--color-line);border-radius:var(--radius-2);background:var(--color-surface);color:var(--color-text);box-shadow:var(--lift-2);margin:12dvh auto auto;padding:0}.palette[open]{animation:menu-in var(--motion-sheet-in) var(--ease-sheet-in) both}.palette::backdrop{background:#171a244d;background:lab(9.38142% .620984 -7.35962/.3)}.palette__input{width:100%;min-height:56px;padding:0 var(--space-4);border:0;border-bottom:1px solid var(--color-line);font-size:var(--text-lg);background:0 0}.palette__input:focus-visible{outline:none}.palette__list{padding:var(--space-2);max-height:50dvh;margin:0;list-style:none;overflow-y:auto}.palette__option{justify-content:space-between;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-1);cursor:pointer;align-items:center;display:flex}.palette__option[aria-selected=true]{background:var(--color-accent-tint);color:var(--color-accent-ink)}.palette__hint{color:var(--color-muted);font-size:var(--text-xs)}.palette__empty{padding:var(--space-3);color:var(--color-muted)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.rail{z-index:3;background:var(--color-surface);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom);grid-area:rail;position:sticky;bottom:0}.rail__list{padding:0 var(--space-1);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;list-style:none;display:grid}.rail__list>li{min-width:0}.rail__link{min-width:0;padding:var(--space-2) 0;min-height:56px;color:var(--color-muted);border-radius:var(--radius-1);justify-items:center;gap:2px;font-size:.6875rem;font-weight:600;text-decoration:none;display:grid}.rail__link:hover{color:var(--color-text)}.rail__link[aria-current=page]{color:var(--color-accent)}.rail__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.pane{min-width:0;padding:var(--space-6) var(--gutter) var(--space-12);outline:none;grid-area:pane}.page{animation:rise-in var(--motion-route-in) var(--ease-route-in) both}.pane__head{gap:var(--space-1);padding-bottom:var(--space-4);margin-bottom:var(--space-4);display:grid}.pane__kicker{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.pane__title{font:700 var(--text-xl)/1.05 var(--font-display);letter-spacing:-.02em}.pane__links{margin-bottom:var(--space-4);font-weight:600}.pane__links a{color:var(--color-accent-ink);text-underline-offset:3px}.pane__title-skel{width:12rem;height:2.25rem;margin-bottom:var(--space-8);border-radius:var(--radius-2)}.tabs__list{gap:var(--space-1);border-bottom:1px solid var(--color-line);scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.tabs__tab{min-height:44px;padding:0 var(--space-3);cursor:pointer;color:var(--color-muted);font-size:var(--text-sm);border-radius:var(--radius-1) var(--radius-1) 0 0;background:0 0;border:0;flex:none;font-weight:600}.tabs__tab:hover,.tabs__tab[aria-selected=true]{color:var(--color-text)}.tabs__tab:focus-visible{outline-offset:-2px}.tabs__indicator{background:var(--color-accent);transform-origin:0;width:1px;height:2px;transform:translateX(var(--x,0)) scaleX(var(--w,0));position:absolute;bottom:-1px;left:0}.tabs__indicator[data-ready]{transition:transform var(--motion-tab) var(--ease-tab)}.tabs__panel{padding-top:var(--space-4);outline:none}.tabs__panel[data-dir=fwd]{animation:tab-in-fwd var(--motion-tab) var(--ease-tab) both}.tabs__panel[data-dir=back]{animation:tab-in-back var(--motion-tab) var(--ease-tab) both}.tabs__panel:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-1)}@keyframes tab-in-fwd{0%{opacity:0;transform:translate(12px)}}@keyframes tab-in-back{0%{opacity:0;transform:translate(-12px)}}.rows{border:1px solid var(--color-line);border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--lift-1);display:grid}.rows__row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:40px 1fr 3rem;display:grid}.rows__row+.rows__row{border-top:1px solid var(--color-line)}.rows__avatar{border-radius:var(--radius-pill);width:40px;height:40px}.rows__text{gap:var(--space-2);display:grid}.rows__line{width:70%;height:.75rem}.rows__line--short{width:42%}.rows__time{height:.625rem}.empty{justify-items:start;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:1px solid var(--color-line);border-left:3px solid var(--color-accent);border-radius:var(--radius-2);background-color:var(--color-surface);box-shadow:var(--lift-1);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(2rem - 1px), var(--rule) calc(2rem - 1px) 2rem);display:grid}.empty__mark{width:3rem;height:3rem;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-tint);color:var(--color-accent-ink);place-items:center;display:grid}.empty__mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.empty__title{font:700 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.01em}.empty__body{max-width:46ch;color:var(--color-muted)}.empty__action{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.empty__btn{text-decoration:none}.empty__btn:disabled{cursor:not-allowed;opacity:1;background:var(--color-sunk);color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line)}.empty__soon{padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-line);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-muted);background:var(--color-surface);font-weight:600}.empty__ask{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.shell__top[data-demo]{row-gap:var(--space-2);flex-wrap:wrap}.demo-flag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-1);background:var(--color-accent-tint);color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-align:center;flex:1 0 100%;order:-1;font-weight:700}::view-transition{pointer-events:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(page){animation:none}::view-transition-new(page){animation:none}::view-transition-old(page){animation:fade-out var(--motion-route-out) var(--ease-route-out) both}@media (min-width:768px){.shell{grid-template:"rail top""rail pane"minmax(0,1fr)/76px minmax(0,1fr);height:100dvh}.pane{overflow-y:auto}.rail{border-top:0;border-right:1px solid var(--color-line);padding:var(--space-4) 0;position:static}.rail__list{gap:var(--space-1);padding:0 var(--space-2);grid-auto-columns:auto;grid-auto-flow:row}.shell__top{padding-block:var(--space-4)}}@media (min-width:1024px){.shell{grid-template-columns:232px minmax(0,1fr);grid-template-areas:"top top""rail pane"}.shell__top{justify-content:flex-start;gap:var(--space-8);padding-inline:var(--space-6)}.shell__top .wordmark{width:calc(232px - 2 * var(--space-6))}.rail{padding-top:var(--space-6);background:var(--color-bg)}.rail__list{padding:0 var(--space-3)}.rail__link{place-items:center start;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);font-size:var(--text-sm);grid-template-columns:22px 1fr}.rail__link[aria-current=page]{color:var(--color-text);background:var(--color-accent-tint)}.rail__link[aria-current=page] .rail__icon{color:var(--color-accent)}.pane{padding:var(--space-8) var(--space-12) var(--space-12);max-width:72rem}.switcher__menu{left:0;right:auto}.pane__head{border-bottom:1px solid var(--color-line)}}@media (max-width:1023.98px){.rail__label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:.625rem;display:block;overflow:hidden}}@media (prefers-reduced-motion:reduce){.switcher__menu,.palette[open]{animation:none}.page{animation:fade-in var(--motion-route-reduced) linear both}::view-transition-old(page){animation:fade-out var(--motion-route-reduced) linear both}.tabs__indicator[data-ready]{transition:none}.tabs__panel[data-dir=fwd],.tabs__panel[data-dir=back]{animation:fade-in var(--motion-tab-reduced) linear both}}