[data-glasselated]{--s2-font-family-sans:"Geist";--s2-font-family-code:"Geist Mono";--s2-font-family-display:"Geist Pixel";font-family:var(--font-ui);font-variation-settings:var(--type-pixel-vs);color:var(--text-primary)}[data-glasselated] h1,[data-glasselated] h2,[data-glasselated] h3,[data-glasselated] h4{font-family:var(--font-display);margin:0}@layer app-base{[data-glasselated] button{font:var(--type-button);letter-spacing:var(--type-button-track)}}[data-glasselated] .gls-topbar{z-index:40;background:var(--surface-panel);-webkit-backdrop-filter:var(--blur-panel);border-bottom:1px solid var(--border-default);box-shadow:var(--edge-glass-surface);align-items:center;gap:18px;padding:10px 22px;display:flex;position:sticky;top:0}[data-glasselated] .gls-brand{font:var(--type-title);letter-spacing:var(--type-title-track);font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-decoration:none}[data-glasselated] .gls-back{font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:6px 8px;text-decoration:none}[data-glasselated] .gls-back:hover{color:var(--text-primary);background:var(--surface-hover)}[data-glasselated] .gls-topbar-nav{scrollbar-width:none;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}[data-glasselated] .gls-topbar-nav::-webkit-scrollbar{display:none}[data-glasselated] .gls-navlink{font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:6px 9px;text-decoration:none}[data-glasselated] .gls-navlink:hover{color:var(--text-primary);background:var(--surface-hover)}[data-glasselated] .gls-navlink[data-status=active],[data-glasselated] .gls-navlink[aria-current=page]{color:var(--text-primary);background:var(--surface-raised);border-color:var(--border-default);box-shadow:var(--edge-glass)}[data-glasselated] .gls-nav-select{min-width:0;font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-default);box-shadow:var(--edge-glass);border-radius:5px;flex:1;padding:7px 9px;display:none}@media (width<=820px){[data-glasselated] .gls-topbar-nav{display:none}[data-glasselated] .gls-nav-select{display:block}}[data-glasselated] .gls-main{gap:26px;max-width:1180px;margin:0 auto;padding:34px 22px 90px;display:grid;position:relative}[data-glasselated] .gls-panel{background:var(--surface-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--edge-glass-surface);gap:18px;padding:22px;display:grid}[data-glasselated] .gls-panel-head{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:12px;padding-bottom:12px;display:flex}[data-glasselated] .gls-panel-num{font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);color:var(--accent-primary)}[data-glasselated] .gls-panel-title{font:var(--type-headline);letter-spacing:var(--type-headline-track);font-family:var(--font-display)}[data-glasselated] .gls-panel-blurb{font:var(--type-meta);color:var(--text-secondary);text-align:right;max-width:44ch;margin-left:auto}[data-glasselated] .gls-demo{gap:10px;display:grid}[data-glasselated] .gls-demo-label{font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-tertiary)}[data-glasselated] .gls-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}[data-glasselated] .gls-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:14px;display:grid}[data-glasselated] .gls-navcard{background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--edge-glass-surface);color:var(--text-primary);gap:6px;padding:16px;text-decoration:none;display:grid}[data-glasselated] .gls-navcard:hover{background:var(--surface-raised);border-color:var(--border-focus)}[data-glasselated] .gls-navcard .gls-navcard-title{font:var(--type-label);letter-spacing:var(--type-label-track);font-family:var(--font-display)}[data-glasselated] .gls-navcard .gls-navcard-meta{font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase}[data-glasselated] .gls-typerole{border-bottom:1px solid var(--border-subtle);grid-template-columns:130px 1fr;align-items:baseline;gap:16px;padding:8px 0;display:grid}[data-glasselated] .gls-typerole:last-child{border-bottom:none}[data-glasselated] .gls-parity-cols{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=860px){[data-glasselated] .gls-parity-cols{grid-template-columns:1fr}}[data-glasselated] .gls-parity-colhead{font:var(--type-micro);letter-spacing:var(--type-micro-track);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-tertiary);padding:0 4px}@property --bd{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes glxCaret{50%{opacity:0}}@keyframes glxRingBlink{0%{opacity:.15}12%{opacity:1}to{opacity:1}}@keyframes glxPulse{0%,to{opacity:.55}50%{opacity:1}}[data-glasselated] .mesh-card{isolation:isolate;--ring-c:color-mix(in srgb, var(--accent-primary) 55%, transparent);position:relative}[data-glasselated] .mesh-amber{--ring-c:color-mix(in srgb, var(--amber-500) 60%, transparent)}[data-color-scheme=light] [data-glasselated] .mesh-amber{--ring-c:color-mix(in srgb, var(--amber-500) 65%, transparent)}[data-glasselated] .mesh-card:after{content:"";z-index:-1;border-radius:inherit;background:inherit;pointer-events:none;opacity:0;filter:brightness(1.9)saturate(1.05);-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--my,50%) - 80px), #000000a6 calc(var(--my,50%) - 24px), #000 var(--my,50%), #000000a6 calc(var(--my,50%) + 24px), transparent calc(var(--my,50%) + 80px));-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--my,50%) - 80px), #000000a6 calc(var(--my,50%) - 24px), #000 var(--my,50%), #000000a6 calc(var(--my,50%) + 24px), transparent calc(var(--my,50%) + 80px));mask-image:linear-gradient(180deg, transparent calc(var(--my,50%) - 80px), #000000a6 calc(var(--my,50%) - 24px), #000 var(--my,50%), #000000a6 calc(var(--my,50%) + 24px), transparent calc(var(--my,50%) + 80px));transition:opacity .35s;position:absolute;inset:0}[data-color-scheme=light] [data-glasselated] .mesh-card:after{filter:saturate(1.9)contrast(1.45)}[data-glasselated] .mesh-card:hover:not(:has(.mesh-card:hover)):after{opacity:1}[data-glasselated] .mesh-card:before{content:"";border-radius:inherit;padding:calc(var(--ring-w,1px) + 1px);pointer-events:none;background:var(--ring-c);-webkit-mask:radial-gradient(ellipse var(--bd) var(--bd) at var(--mx,50%) var(--my,50%), #000 0% 66%, #0000008c 66% 84%, #00000040 84% 94%, transparent 94%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:radial-gradient(ellipse var(--bd) var(--bd) at var(--mx,50%) var(--my,50%), #000 0% 66%, #0000008c 66% 84%, #00000040 84% 94%, transparent 94%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:radial-gradient(ellipse var(--bd) var(--bd) at var(--mx,50%) var(--my,50%), #000 0% 66%, #0000008c 66% 84%, #00000040 84% 94%, transparent 94%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);transition:--bd .6s steps(10,end),padding .15s;position:absolute;inset:-1px;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}[data-glasselated] .mesh-card:hover:not(:has(.mesh-card:hover)):before{--bd:175%;--ring-w:2px}[data-glasselated] .tgl-nav .tgl-mark{opacity:0;transition:opacity .13s,transform .13s;transform:translate(-3px)}[data-glasselated] .tgl-nav:hover .tgl-mark{opacity:.55;transform:none}[data-glasselated] .tgl-nav.tgl-on .tgl-mark{opacity:1;transform:none}[data-glasselated] .tgl-nav .tgl-label{color:var(--nav-fg,var(--text-secondary));transition:color .13s}[data-glasselated] .tgl-nav:hover .tgl-label{color:color-mix(in srgb, var(--accent-primary) 55%, var(--text-tertiary))}[data-glasselated] .glx-caret{vertical-align:-2px;width:7px;height:12px;animation:1.1s step-end infinite glxCaret;display:inline-block}