@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.toast-viewport{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);width:360px;max-width:calc(100vw - 2 * var(--spacing-xl));list-style:none;margin:0;padding:0;outline:none}.toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--surface);border:1px solid var(--border);border-left:4px solid transparent;animation:toast-in .2s ease}.toast--success{border-left-color:var(--success)}.toast--success .toast__icon{color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--info{border-left-color:var(--accent)}.toast--info .toast__icon{color:var(--accent)}.toast__icon{flex-shrink:0;margin-top:2px;font-size:1rem}.toast__body{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:600;color:var(--fg)}.toast__desc{font-size:var(--font-size-xs);color:var(--fg-2);margin-top:2px;line-height:1.4}.toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--fg-3);font-size:1rem;line-height:1;padding:0 2px;border-radius:var(--radius-sm);transition:color var(--t-fast)}.toast__close:hover{color:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:var(--demo-banner-height, 0px);z-index:100;height:var(--header-height);background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--border)}.app-header__inner{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;padding:0 clamp(16px,4vw,32px);gap:16px}.app-header__brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:700;font-size:var(--font-size-base);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.app-header__brand:hover{color:var(--fg);text-decoration:none}.app-header__brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);display:grid;place-items:center;color:var(--accent-fg);font-weight:800;font-size:13px;flex-shrink:0}.app-header__brand-name{color:var(--fg)}.app-header__brand-sub{color:var(--fg-2);font-size:var(--font-size-xs);font-weight:500;padding-left:10px;border-left:1px solid var(--border);margin-left:4px}.search{position:relative;flex:1;max-width:480px}.search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.search__input{width:100%;height:34px;padding:0 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);font-family:inherit;font-size:var(--font-size-sm);transition:border-color var(--t-fast),background var(--t-fast)}.search__input::placeholder{color:var(--fg-3)}.search__input:focus{border-color:var(--accent);background:var(--surface);outline:none}.search__kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:10px;font-weight:600;color:var(--fg-2);font-family:var(--font-family-mono);pointer-events:none}.app-header__actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.icon-btn{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--fg-1);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);flex-shrink:0}.icon-btn:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.icon-btn:active{background:var(--hover)}.icon-btn[aria-expanded=true]{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9999px;cursor:pointer;color:var(--fg);transition:background var(--t-fast),border-color var(--t-fast);white-space:nowrap}.user-chip:hover{background:var(--hover)}.user-chip__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent-darkest),var(--accent));display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--accent-fg);flex-shrink:0}.user-chip__name{font-size:var(--font-size-sm);font-weight:500}.popover-anchor{position:relative}.popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;min-width:240px;overflow:hidden}.notif-popover{min-width:340px}.popover__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.popover__title{font-size:var(--font-size-sm);font-weight:600;color:var(--fg)}.user-menu__header{padding:14px 16px 12px;border-bottom:1px solid var(--border)}.user-menu__name{font-weight:600;font-size:var(--font-size-sm);color:var(--fg);margin:0}.user-menu__meta{font-size:var(--font-size-xs);color:var(--fg-2);margin:2px 0 0}.user-menu__theme-ctrl{display:flex;gap:4px;padding:10px 12px}.user-menu__theme-btn{flex:1;height:28px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-xs);font-weight:500;color:var(--fg-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.user-menu__theme-btn:hover:not(.active){background:var(--surface-2);color:var(--fg)}.user-menu__theme-btn.active{background:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--fg);font-weight:600}.menu-sep{border:none;border-top:1px solid var(--border);margin:0}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 16px;background:transparent;border:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--fg-1);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);text-align:left}.menu-item:hover{background:var(--surface-2);color:var(--fg)}.app-header__hamburger{display:none;background:transparent;border:1px solid var(--border);color:var(--fg-1);padding:7px;border-radius:var(--radius-md);cursor:pointer;min-width:36px;min-height:36px;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.app-header__hamburger:hover{background:var(--surface-2);color:var(--fg)}.app-nav{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:calc(var(--demo-banner-height, 0px) + var(--header-height));z-index:90}.app-nav__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;padding:0 clamp(16px,4vw,32px);height:var(--nav-height);gap:2px}.app-nav__link{position:relative;display:inline-flex;align-items:center;gap:6px;height:var(--nav-height);padding:0 14px;font-size:var(--font-size-sm);font-weight:500;color:var(--fg-2);text-decoration:none;border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.app-nav__link:hover{color:var(--fg);background:var(--surface-2);text-decoration:none}.app-nav__link.active{color:var(--fg)}.app-nav__link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.app-nav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;border-radius:9999px;background:var(--surface-3);color:var(--fg-2)}.app-nav__badge--accent{background:var(--accent);color:var(--accent-fg)}.app-nav__dropdown{position:relative;display:flex;align-items:center}.app-nav__dropdown-toggle{display:inline-flex;align-items:center;gap:6px;height:var(--nav-height);padding:0 14px;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--fg-2);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.app-nav__dropdown-toggle:hover,.app-nav__dropdown.open .app-nav__dropdown-toggle{color:var(--fg);background:var(--surface-2)}.app-nav__dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:200;padding:4px 0;display:none}.app-nav__dropdown.open .app-nav__dropdown-menu{display:block}.app-nav__dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 16px;color:var(--fg-1);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.app-nav__dropdown-item:hover{background:var(--surface-2);color:var(--fg)}.app-nav__dropdown-item--disabled{opacity:.45;pointer-events:none}.app-nav__cta{margin-left:auto;flex-shrink:0}.app-nav__cta .app-nav__dropdown-toggle{height:30px;padding:0 14px;background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius-md);font-weight:600}.app-nav__cta .app-nav__dropdown-toggle:hover,.app-nav__cta.open .app-nav__dropdown-toggle{background:var(--accent-strong);color:var(--accent-fg)}.app-nav__cta .app-nav__dropdown-menu{left:auto;right:0}.app-main{flex:1;outline:none;scroll-margin-top:calc(var(--header-height) + var(--nav-height));background:var(--bg)}.app-footer{background:var(--bg);border-top:1px solid var(--border);color:var(--fg-2);padding:12px clamp(16px,4vw,32px);font-size:var(--font-size-xs)}.app-footer__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-md)}.app-footer__center{display:flex;align-items:center;gap:1rem;justify-content:center}.app-footer__right{text-align:right}.app-footer a{color:var(--fg-2);text-decoration:none;transition:color var(--t-fast)}.app-footer a:hover{color:var(--accent)}@media (max-width: 720px){.search,.app-header__brand-sub{display:none}}@media (max-width: 767px){.app-header__hamburger{display:flex;align-items:center;justify-content:center}.app-nav{overflow:hidden;max-height:0;transition:max-height .25s ease}.app-nav.open{max-height:500px}.app-nav__inner{flex-direction:column;height:auto;padding:var(--spacing-xs) 0;overflow-x:hidden;align-items:stretch}.app-nav__link,.app-nav__dropdown-toggle{height:auto;padding:11px 16px;border-radius:0;width:100%;justify-content:flex-start;min-height:44px}.app-nav__link.active:after{display:none}.app-nav__link.active{color:var(--accent);background:var(--accent-soft)}.app-nav__dropdown-menu{position:static;box-shadow:none;border:none;background:var(--surface-2);border-radius:0;padding:0}.app-nav__dropdown-item{padding-left:32px}.app-nav__cta{margin-left:0;padding:8px 16px}.app-nav__cta .app-nav__dropdown-toggle{height:38px;border-radius:var(--radius-md);padding:0 16px;width:100%;justify-content:center}.app-footer__inner{grid-template-columns:1fr;text-align:center}.app-footer__right{text-align:center}}.demo-banner-persistent{position:fixed;top:0;left:0;right:0;height:36px;z-index:9999;background:var(--warning-soft);border-bottom:1px solid color-mix(in oklab,var(--warning) 30%,transparent);color:color-mix(in oklab,var(--warning) 80%,var(--fg) 30%);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:600;padding:0 1rem;line-height:1.2}.demo-banner-persistent__icon{flex-shrink:0;width:13px;height:13px}.demo-banner-persistent__text{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 599px){.demo-banner-persistent__text{font-size:var(--font-size-2xs)}}:root{--md-blue-50: #d5ecf4;--md-blue-200: #5ec4e1;--md-blue-500: #0099c6;--md-blue-700: #06688f;--md-blue-900: #004b6e;--md-green-300: #c7d42e;--md-green-500: #81b622;--md-green-700: #3e8825;--md-green-900: #005426;--md-orange-300: #ffcd1a;--md-orange-500: #f39100;--md-orange-700: #d94c12;--md-orange-900: #890c00;--brand-h: 220;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base:14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 26px;--font-size-3xl: 34px;--line-height: 1.5;--line-height-tight: 1.2;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--header-height: 56px;--nav-height: 44px;--max-width: 1360px;--demo-banner-height: 0px;--transition: .15s ease;--t-fast: .12s ease;--t-med: .18s ease;--d-row-h: 36px;--d-cell-y: 10px;--d-cell-x: 14px;--d-gap: 14px;--d-card-p: 18px;--d-section-gap: 22px}:root,:root[data-theme=light]{color-scheme:light;--bg: oklch(98.5% .006 var(--brand-h));--bg-sub: oklch(96.5% .01 var(--brand-h));--surface: oklch(100% 0 0);--surface-2: oklch(97.5% .008 var(--brand-h));--surface-3: oklch(95.5% .011 var(--brand-h));--hover: oklch(94.5% .013 var(--brand-h));--border: oklch(90% .013 var(--brand-h));--border-strong: oklch(80% .018 var(--brand-h));--fg: oklch(22% .018 var(--brand-h));--fg-1: oklch(34% .018 var(--brand-h));--fg-2: oklch(48% .015 var(--brand-h));--fg-3: oklch(60% .012 var(--brand-h));--accent: var(--md-blue-500);--accent-fg: #ffffff;--accent-soft: var(--md-blue-50);--accent-soft-border: #94c8de;--accent-strong: var(--md-blue-700);--accent-darkest: var(--md-blue-900);--primary: var(--md-blue-700);--primary-fg: #ffffff;--success: var(--md-green-700);--success-soft: oklch(94% .05 130);--warning: var(--md-orange-500);--warning-soft: oklch(95% .06 75);--danger: var(--md-orange-700);--danger-soft: oklch(95% .05 35);--info: var(--md-blue-500);--info-soft: var(--md-blue-50);--shadow-sm: 0 1px 2px rgba(6, 56, 80, .05), 0 1px 1px rgba(6, 56, 80, .03);--shadow-md: 0 2px 6px rgba(6, 56, 80, .07), 0 1px 2px rgba(6, 56, 80, .04);--shadow-lg: 0 8px 24px rgba(6, 56, 80, .1), 0 2px 6px rgba(6, 56, 80, .05);--cd-primary: var(--primary);--cd-primary-light: var(--md-blue-500);--cd-accent: var(--accent);--cd-success: var(--success);--cd-warning: var(--warning);--cd-danger: var(--danger);--cd-neutral: var(--fg-2);--cd-background: var(--bg);--cd-surface: var(--surface);--cd-text: var(--fg);--cd-text-secondary:var(--fg-2);--cd-text-on-primary: var(--primary-fg);--border-color: var(--border)}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(16% .018 var(--brand-h));--bg-sub: oklch(13% .018 var(--brand-h));--surface: oklch(20% .02 var(--brand-h));--surface-2: oklch(23% .022 var(--brand-h));--surface-3: oklch(26% .023 var(--brand-h));--hover: oklch(28% .024 var(--brand-h));--border: oklch(29% .024 var(--brand-h));--border-strong: oklch(40% .028 var(--brand-h));--fg: oklch(96% .012 var(--brand-h));--fg-1: oklch(85% .012 var(--brand-h));--fg-2: oklch(68% .014 var(--brand-h));--fg-3: oklch(55% .014 var(--brand-h));--accent: var(--md-blue-200);--accent-fg: #003046;--accent-soft: rgba(94, 196, 225, .18);--accent-soft-border: rgba(94, 196, 225, .4);--accent-strong: var(--md-blue-500);--accent-darkest: var(--md-blue-700);--primary: var(--md-blue-200);--primary-fg: #003046;--success: var(--md-green-500);--success-soft: rgba(129, 182, 34, .18);--warning: var(--md-orange-500);--warning-soft: rgba(243, 145, 0, .2);--danger: #e15a2a;--danger-soft: rgba(217, 76, 18, .22);--info: var(--md-blue-200);--info-soft: rgba(94, 196, 225, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--cd-primary: var(--primary);--cd-primary-light: var(--md-blue-200);--cd-accent: var(--accent);--cd-success: var(--success);--cd-warning: var(--warning);--cd-danger: var(--danger);--cd-neutral: var(--fg-2);--cd-background: var(--bg);--cd-surface: var(--surface);--cd-text: var(--fg);--cd-text-secondary:var(--fg-2);--cd-text-on-primary: var(--primary-fg);--border-color: var(--border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;font-family:var(--font-family);font-feature-settings:"cv11","ss01","ss03","tnum";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--cd-text);background-color:var(--cd-background);transition:background var(--t-med),color var(--t-med)}h1,h2,h3,h4,h5{font-weight:600;letter-spacing:-.01em;line-height:var(--line-height-tight)}img,svg{display:block;max-width:100%}a{color:var(--cd-accent);text-decoration:underline}a:hover{text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--accent-fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.skip-link{position:absolute;top:-999px;left:var(--spacing-md);z-index:9999;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:var(--accent-fg);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;white-space:nowrap}.skip-link:focus{top:var(--spacing-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-strong)}.btn-outline{background:transparent;color:var(--fg-1);border-color:var(--border)}.btn-outline:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--fg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{height:40px;padding:0 18px;font-size:var(--font-size-base)}.btn-sm{height:28px;padding:0 10px;font-size:var(--font-size-xs)}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:none;overflow:hidden}.demo-banner{background:var(--warning-soft);border-bottom:1px solid color-mix(in oklab,var(--warning) 30%,transparent);color:color-mix(in oklab,var(--warning) 80%,var(--fg) 30%);text-align:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600}.kicker{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-2xs);font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.08em}.kicker:before{content:"";width:14px;height:1px;background:var(--accent);flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid var(--border);border-radius:9999px;background:var(--surface);font-size:var(--font-size-xs);font-weight:500;color:var(--fg-2);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);white-space:nowrap}.chip:hover{background:var(--surface-2);color:var(--fg)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--fg);font-weight:600}.stat{display:flex;flex-direction:column;gap:4px}.stat__label{font-size:var(--font-size-2xs);font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.stat__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.025em}.stat__delta{font-size:var(--font-size-xs);color:var(--fg-2);display:flex;align-items:center;gap:3px}.stat__delta--up{color:var(--success)}.stat__delta--down{color:var(--danger)}.kv{display:grid;grid-template-columns:160px 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.kv dt{color:var(--fg-2);font-weight:500;padding-top:1px}.kv dd{color:var(--fg);margin:0;word-break:break-word}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--fg-2);flex-wrap:wrap}.breadcrumb a{color:var(--fg-2);text-decoration:none;transition:color var(--t-fast)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__sep{color:var(--fg-3);-webkit-user-select:none;user-select:none}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;text-align:center}.empty__icon{color:var(--fg-3);display:block}.empty__title{font-size:var(--font-size-base);font-weight:600;color:var(--fg-1)}.empty__text{font-size:var(--font-size-sm);color:var(--fg-2);max-width:320px;line-height:1.5}.btn--danger-ghost{background:transparent;color:var(--danger);border-color:var(--border)}.btn--danger-ghost:hover{background:var(--danger-soft);border-color:color-mix(in oklab,var(--danger) 40%,var(--border))}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mono-id{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--fg-2);background:var(--surface-2);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);white-space:nowrap}.topnav__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--fg);font-size:10px;font-weight:700;border-radius:9999px}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}