@layer components{.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);align-items:start;display:grid}.shell-main{min-width:0;min-height:calc(100dvh - var(--header-h));padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);flex-direction:column;display:flex}.shell-main>main{flex:1 0 auto;min-width:0}.site-header{z-index:var(--z-header);height:var(--header-h);background:color-mix(in srgb, var(--bg) 96%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);position:sticky;top:0}.site-header .bar{height:100%;padding-inline:calc(16px + env(safe-area-inset-left,0px)) calc(20px + env(safe-area-inset-right,0px));align-items:center;gap:20px;display:flex}.site-header :is(a,button){scroll-margin-top:calc(-1 * (var(--header-h) + var(--routebar-h) + 16px))}.hdr-menu{display:none}.hdr-search{min-width:0;padding-left:max(12px, calc(var(--rail-w) + var(--gutter) - 187px));flex:1;justify-content:flex-start;display:flex}.search-trigger{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-subtle);width:min(460px,100%);height:34px;color:var(--fg-3);cursor:pointer;transition:border-color var(--dur-1), color var(--dur-1);align-items:center;gap:8px;padding:0 6px 0 10px;font-size:14px;display:inline-flex}.search-trigger:hover{border-color:var(--line-strong);color:var(--fg-2)}.search-trigger svg{flex:none;width:16px;height:16px}.search-trigger .st-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.search-trigger .kbd{margin-left:auto}.hdr-links{align-items:center;gap:2px;display:flex}.hdr-links a{border-radius:var(--radius-sm);height:34px;color:var(--fg-2);align-items:center;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.hdr-links a:hover{background:var(--bg-muted);color:var(--fg)}.hdr-links a{position:relative}.hdr-links a[aria-current=page]{color:var(--fg)}.hdr-links a[aria-current=page]:after{content:"";right:10px;bottom:calc((34px - var(--header-h)) / 2);background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;left:10px}.hdr-right{align-items:center;gap:6px;margin-left:auto;display:flex}.hdr-right .icon-btn{color:var(--fg-2)}.hdr-right a.icon-btn[aria-current]{background:var(--accent-soft);color:var(--accent-soft-fg)}:root[data-theme=dark] .hdr-right a.icon-btn[aria-current]{color:var(--accent)}.theme-seg{border:1px solid var(--line);background:var(--bg-subtle);border-radius:999px;gap:1px;padding:2px;display:inline-flex}.theme-seg button{width:26px;height:26px;color:var(--fg-3);cursor:pointer;transition:color var(--dur-1), background-color var(--dur-1);border-radius:999px;place-items:center;display:grid}.theme-seg button:hover{background:var(--bg-muted);color:var(--fg)}.theme-seg button svg{width:14px;height:14px}.theme-seg button:focus-visible{outline-offset:0}:root[data-theme-pref=light] .theme-seg [data-theme-set=light],:root[data-theme-pref=dark] .theme-seg [data-theme-set=dark],:root[data-theme-pref=system] .theme-seg [data-theme-set=system],:root:not([data-theme-pref]) .theme-seg [data-theme-set=system]{background:var(--seg-on,var(--bg));color:var(--fg);box-shadow:0 0 0 1px var(--line), var(--shadow-sm-v)}:root[data-theme=dark] .theme-seg{--seg-on:var(--line)}.rail-foot .theme-seg .tip{top:auto;bottom:calc(100% + 8px)}.rail-foot .theme-seg .tip:before{top:100%;bottom:auto}.rail{top:var(--header-h);z-index:var(--z-rail);height:calc(100dvh - var(--header-h));border-right:1px solid var(--line);background:var(--bg-subtle);flex-direction:column;display:flex;position:sticky}.rail-head{height:var(--header-h);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:0 8px 0 16px;display:none}.rail-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:10px 10px 16px;overflow:hidden auto}.rail ul{grid-template-columns:minmax(0,1fr);gap:1px;display:grid}.ri{border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--fg-2);text-align:left;cursor:pointer;transition:background-color var(--dur-1), color var(--dur-1);align-items:center;gap:10px;padding:0 8px 0 10px;font-size:14px;font-weight:500;text-decoration:none;list-style:none;display:flex}.ri::-webkit-details-marker{display:none}.ri::marker{content:""}.ri:hover{background:var(--bg-muted);color:var(--fg)}.ri:focus-visible{outline-offset:-2px}.ri-ic{width:18px;color:var(--fg-3);flex:none;place-items:center;display:grid}.ri-ic svg{width:17px;height:17px}.ri-t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ri-s{display:none}.ri-n{font:500 12px var(--font-mono);color:var(--fg-3)}.ri-n.badge-new{background:var(--accent-soft);height:18px;color:var(--accent-soft-fg);font-family:var(--font-sans);border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.ri-ch{width:14px;height:14px;color:var(--fg-3);transition:transform var(--dur-2) var(--ease-out);flex:none}.rail-scroll>ul>li>.ri:after{content:"";flex:none;width:14px}details[open]>.ri .ri-ch{transform:rotate(90deg)}.rs.is-current>.ri{color:var(--fg)}.ri[aria-current=page]{background:var(--accent-soft);color:var(--accent-soft-fg)}.ri[aria-current=page] .ri-n:not(.badge-new){color:var(--accent-soft-fg)}.ri[aria-current=page] .ri-ic,.rs.is-current>.ri .ri-ic{color:var(--accent)}.rail-label{font:500 12px/16px var(--font-mono);color:var(--fg-3);margin:14px 10px 6px}.rs-note{font:500 12px var(--font-mono);color:var(--fg-3);white-space:nowrap}.rs+.rs{margin-top:1px}.rs-panel{padding:2px 0 8px}.rs-head{display:none}.rs-head b{color:var(--fg);font-size:15px;font-weight:600}.lg{font:500 12px/16px var(--font-mono);color:var(--fg-3);margin:8px 10px 2px 38px}.lk{border-radius:var(--radius-sm);color:var(--fg-2);align-items:center;gap:6px;padding:5px 8px 5px 38px;font-size:13.5px;line-height:19px;text-decoration:none;display:flex}.lk:hover{background:var(--bg-muted);color:var(--fg)}.lk:focus-visible{outline-offset:-2px}.lk[aria-current]{background:var(--accent-soft);color:var(--accent-soft-fg);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.lk .badge{height:18px;margin-left:auto;font-size:12px}.lk-all{color:var(--accent);font-weight:500}:root[data-theme=dark] .lk[aria-current],:root[data-theme=dark] .ri[aria-current=page]{color:var(--accent)}.recent{align-content:start;min-height:136px}.recent .ri{min-height:32px;font-size:13.5px;font-weight:400}.recent .ago{font:500 12px var(--font-mono);color:var(--fg-3);flex:none}.rs[data-cat=recent]{position:relative}.recent-clear{visibility:hidden;align-items:center;height:34px;display:flex;position:absolute;top:0;right:32px}.recent-clear button{border-radius:var(--radius-xs);height:24px;font:500 12px var(--font-mono);color:var(--fg-3);cursor:pointer;padding:0 6px}.recent-clear button:hover{background:var(--bg-muted);color:var(--fg)}.rs[data-cat=recent]:is(:hover,:focus-within) .recent-clear{visibility:visible}.rs[data-cat=recent]:is(:hover,:focus-within):has(.recent-clear)>summary .rs-note{visibility:hidden}@media (hover:none){.recent-clear{visibility:visible}.rs[data-cat=recent]:has(.recent-clear)>summary .rs-note{visibility:hidden}}.recent-empty{border:1px dashed var(--line);border-radius:var(--radius-sm);min-height:132px;color:var(--fg-3);align-items:center;margin:2px 0 0;padding:12px 14px 12px 38px;font-size:13px;line-height:18px;display:flex}.rail-foot{border-top:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:10px 10px 10px 20px;display:flex}.rf-note{min-width:0;color:var(--fg-3);flex:1;align-items:flex-start;gap:10px;font-size:12.5px;line-height:17px;display:flex}.rf-note svg{width:18px;height:16px;color:var(--accent);flex:none;margin-top:1px}.rf-note b{color:var(--fg-2);font-weight:600;display:block}.rail-toggle svg{width:16px;height:16px;transition:transform var(--dur-2) var(--ease-out)}.rail-foot .rail-toggle>.tip{top:50%;left:calc(100% + 8px);right:auto;transform:translateY(-50%)}.rail-foot .rail-toggle>.tip:before{width:8px;height:auto;inset:0 100% 0 auto}.rail-foot .theme-seg,.rs-sep{display:none}:root[data-rail=collapsed] .rail-scroll{padding:8px 4px}:root[data-rail=collapsed] .ri{letter-spacing:-.01em;text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:6px 0;font-size:12px;font-weight:500;line-height:14px}:root[data-rail=collapsed] .ri-ic svg{width:19px;height:19px}:root[data-rail=collapsed] :is(.ri-t,.ri-n,.rs-note,.ri-ch,.rail-label,.rf-note),:root[data-rail=collapsed] .rail-scroll>ul>li>.ri:after{display:none}:root[data-rail=collapsed] .ri-s{white-space:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;display:block}:root[data-rail=collapsed] .rs.is-current>.ri{background:var(--accent-soft);color:var(--accent-soft-fg)}:root[data-theme=dark][data-rail=collapsed] .rs.is-current>.ri{color:var(--accent)}:root[data-rail=collapsed] .rs-sep{background:var(--line);height:1px;margin:6px 10px;display:block}:root[data-rail=collapsed] .rs>.rs-panel{display:none}:root[data-rail=collapsed] .rs[data-fly]>.ri{background:var(--bg-muted);color:var(--fg)}:root[data-rail=collapsed] .rs[data-fly]>.rs-panel{z-index:var(--z-flyout);top:var(--header-h);bottom:0;left:var(--rail-w);border-right:1px solid var(--line);background:var(--surface-raised);width:312px;padding:6px 10px 20px;display:block;position:fixed;overflow-y:auto;box-shadow:16px 0 40px -24px #00000059}:root[data-rail=collapsed] .rs[data-fly] .rs-head{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 4px 8px 10px;display:flex}:root[data-rail=collapsed] .rs[data-fly] .lk{padding-left:10px}:root[data-rail=collapsed] .rs[data-fly] .lg{margin-left:10px}:root[data-rail=collapsed] .recent{min-height:0}:root[data-rail=collapsed] .rs[data-fly] .recent .ri{text-align:left;flex-direction:row;justify-content:flex-start;min-height:36px;padding:0 10px;font-size:13.5px}:root[data-rail=collapsed] .rs[data-fly] .recent .ri-t{display:block}:root[data-rail=collapsed] .rs[data-fly] .recent .ri-s{display:none}:root[data-rail=collapsed] .rs[data-fly] .recent-clear{visibility:visible;height:28px;top:12px;right:48px}:root[data-rail=collapsed] .rs[data-fly] .recent-empty{min-height:0;margin-top:4px;padding-left:14px}:root[data-rail=collapsed] .rs[data-cat=recent][data-fly]>.rs-panel{max-height:calc(100dvh - var(--header-h));border-bottom:1px solid var(--line);border-bottom-right-radius:var(--radius-md);bottom:auto}:root[data-rail=collapsed] .rail-foot{justify-content:center;padding:10px 0}:root[data-rail=collapsed] .rail-toggle svg{transform:scaleX(-1)}.drawer-scrim{display:none}@media (max-width:1023px){.site-header .bar{gap:10px}.hdr-right:not(:has(>:not(.hdr-desktop-only))){display:none}.site-header .bar{padding-right:calc(10px + env(safe-area-inset-right,0px))}.hdr-menu{margin-left:-6px;display:inline-grid}.hdr-search{justify-content:flex-end;padding-left:0}.search-trigger{width:min(320px,100%)}.hdr-links,.hdr-desktop-only{display:none!important}.shell{display:block}.rail{z-index:var(--z-drawer);width:min(320px,86vw);height:auto;padding-left:env(safe-area-inset-left,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-dialog-v);visibility:hidden;transition:transform var(--dur-3) var(--ease-out), visibility 0s linear var(--dur-3);position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}:root[data-drawer=open] .rail{visibility:visible;transition:transform var(--dur-3) var(--ease-out);transform:none}:root[data-drawer=open] .drawer-scrim{z-index:var(--z-scrim);background:var(--overlay);display:block;position:fixed;inset:0}.rail-head{display:flex}.rail .ri{min-height:44px}.rail .lk{min-height:44px;font-size:15px}.rail .recent,.recent-empty{min-height:0}.recent-clear{height:44px}.rail-toggle{display:none}.rail-foot .theme-seg{display:inline-flex}.rail-foot{gap:6px;padding-right:8px}.rail-foot .theme-seg button{width:36px;height:36px}:root[data-rail=collapsed] .rail-scroll{padding:10px}:root[data-rail=collapsed] .ri{text-align:left;flex-direction:row;justify-content:flex-start;gap:10px;min-height:44px;padding:0 8px 0 10px;font-size:14px}:root[data-rail=collapsed] :is(.ri-t,.rail-label){display:block}:root[data-rail=collapsed] .rf-note{display:flex}:root[data-rail=collapsed] :is(.ri-n,.rs-note){display:inline}:root[data-rail=collapsed] .ri-n.badge-new{display:inline-grid}:root[data-rail=collapsed] .ri-ch,:root[data-rail=collapsed] .rail-scroll>ul>li>.ri:after{display:block}:root[data-rail=collapsed] .ri-s,:root[data-rail=collapsed] .rs-sep{display:none}:root[data-rail=collapsed] .rail-foot{justify-content:flex-start;padding:10px 8px 10px 20px}:root[data-rail=collapsed] .rs[open]>.rs-panel{width:auto;box-shadow:none;background:0 0;border:0;padding:2px 0 8px;display:block;position:static}:root[data-rail=collapsed] .recent{min-height:0}}@media (max-width:359px){.rail-foot{flex-wrap:wrap;row-gap:10px}.rf-note{flex-basis:100%}}@media (max-width:1279px) and (min-width:1024px){.hdr-links{display:none}}@media (min-width:1024px){:root[data-rail=collapsed] .site-header .bar{padding-left:29px}}@media (max-width:1023px) and (min-width:768px){.search-trigger .st-more{display:none}}@media (max-width:767px){.search-trigger{width:44px;height:44px;color:var(--fg-2);background:0 0;border:0;justify-content:center;padding:0}.search-trigger svg{width:20px;height:20px}.search-trigger :is(.st-label,.kbd){display:none}}@media (max-height:500px) and (max-width:1023px){.site-header{position:static}html{scroll-padding-top:24px}}@media (hover:none) and (pointer:coarse){.search-trigger .kbd,.hdr-right [data-shell=shortcuts]{display:none}}.palette-scrim{z-index:var(--z-dialog);padding:12vh max(16px, env(safe-area-inset-right,0px)) 16px max(16px, env(safe-area-inset-left,0px));background:var(--overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.palette{border-radius:var(--radius-lg);background:var(--surface-raised);width:100%;max-width:640px;max-height:calc(100dvh - 12vh - 16px);color:var(--fg);box-shadow:var(--shadow-dialog-v);flex-direction:column;display:flex;overflow:hidden}.palette-input{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.palette-input>svg{width:18px;height:18px;color:var(--fg-3);flex:none}.palette-input input{min-width:0;color:var(--fg);background:0 0;border:0;flex:1;font-size:16px}.palette-input input::placeholder{color:var(--fg-3)}.palette-list{flex:auto;min-height:0;max-height:min(56vh,440px);padding:6px;overflow-y:auto}.palette-close{cursor:pointer;flex:none;align-items:center;display:inline-flex}.palette-close>span{display:none}.palette-list .menu-item{min-height:40px}.palette-list .menu-item:is(:hover,:focus){background:0 0}.palette-list .menu-item[aria-selected=true]{background:var(--bg-muted)}.palette-list .menu-item .menu-item-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-list .cat{color:var(--fg-3);flex:none;margin-left:auto;font-size:12px}.palette-list .hint .kbd{min-width:0}.palette-empty{color:var(--fg-2);padding:18px 10px;font-size:14px}.palette-empty a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.palette-foot{border-top:1px solid var(--line);background:var(--bg-subtle);color:var(--fg-3);flex:none;align-items:center;gap:16px;padding:10px 16px;font-size:12px;display:flex}.palette-foot>span{align-items:center;gap:6px;display:inline-flex}.palette-foot .lock{margin-left:auto}.palette-foot svg{width:13px;height:13px;color:var(--accent)}@media (max-width:767px){.palette-scrim{padding-top:8px}.palette-foot>span:not(.lock){display:none}}@media (max-width:767px),(hover:none){.palette-input{padding-right:4px}.palette-close{border-radius:var(--radius-sm);min-height:44px;color:var(--accent);padding:0 12px;font-size:15px;font-weight:500}.palette-close>.kbd{display:none}.palette-close>span{display:inline}}@media (hover:none),(pointer:coarse){.palette-list .hint{display:none}}@media (max-width:399px){.palette-list .cat{display:none}}.sc-label{padding-inline:0}.sc-list+.sc-label{margin-top:14px}.site-footer{padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--bg-subtle);margin-top:24px}.site-footer a{text-decoration:none}.foot-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;padding-block:36px;display:grid}.foot-brand{border-bottom:1px solid var(--line-subtle);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 28px;padding-bottom:28px;display:flex}.foot-brand p{max-width:38ch;color:var(--fg-2);font-size:14px;line-height:1.6}.foot-brand p a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.foot-brand ul{color:var(--fg-2);flex-wrap:wrap;gap:6px 20px;margin-left:auto;font-size:13px;display:flex}.foot-brand li{align-items:center;gap:8px;display:flex}.foot-brand li svg{width:14px;height:14px;color:var(--accent);flex:none}.foot-col{min-width:0;position:relative}.foot-col h3{color:var(--fg);margin-bottom:12px;font-size:13px;font-weight:600}.foot-col h3:before{content:"### ";content:"### " / "";font:400 12px var(--font-mono);color:var(--fg-3)}.foot-toggle{display:none}.foot-col ul{gap:10px;display:grid}.foot-col a{color:var(--fg-2);font-size:14px;line-height:1.35}.foot-col a:hover,.foot-syntax a:hover,.foot-bottom a:hover{color:var(--fg);text-underline-offset:.2em;text-decoration:underline}.foot-col .all{color:var(--accent);font-weight:500}.foot-syntax{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:16px;font-size:14px;display:flex}.foot-syntax .label{font:500 12px/16px var(--font-mono);color:var(--fg-3);margin-right:4px}.foot-syntax a{color:var(--fg-2)}.foot-bottom{border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:12px 22px;padding-block:18px 28px;font-size:13px;display:flex}.foot-bottom a{color:var(--fg-2)}.foot-bottom .grow{margin-left:auto}.foot-bottom .note{flex-basis:100%;align-items:center;gap:8px;font-size:12.5px;display:flex}.foot-bottom .note svg{width:14px;height:14px;color:var(--accent);flex:none}@media (max-width:1099px){.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.foot-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-block:28px 20px}.foot-brand{margin-bottom:8px;padding-bottom:24px}.foot-brand ul{margin-left:0}.foot-col{border-bottom:1px solid var(--line-subtle)}.foot-col h3{margin:0;padding:14px 44px 14px 0;line-height:20px}.foot-toggle{height:48px;color:var(--fg-3);cursor:pointer;justify-content:flex-end;align-items:center;padding-right:4px;display:flex;position:absolute;inset:0 0 auto}.foot-toggle svg{width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}.foot-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.foot-col ul{gap:0;padding-bottom:8px;display:none}.foot-col[data-open] ul{display:grid}.foot-col a{align-items:center;min-height:44px;padding-block:10px;line-height:20px;display:flex}.foot-syntax a,.foot-bottom a{align-items:center;min-height:44px;display:inline-flex}.foot-syntax,.foot-bottom{gap:0 18px}.foot-bottom .grow{display:none}}}.palette-input input:focus-visible{outline:none}@media print{.site-header,.rail,.drawer-scrim,.site-footer,.palette-scrim{display:none!important}.shell,.shell-main{min-height:0;display:block}}
