.icon{flex:none;display:block}.examples{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-right:-1px;display:grid}.ex{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:24px;display:flex}.ex button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.ex small{font-size:12px;display:block}.ex strong{font-weight:600}.panel{border:1px solid var(--line);background:var(--bg);border-radius:12px;overflow:hidden}.ex-dim{color:var(--muted)}.ex-grow{flex:1;min-width:0}.tone-ok{color:#16a34a}.tone-warn{color:#d97706}.tone-err{color:#dc2626}.tone-info{color:#2563eb}.tone-muted{color:var(--muted)}.ex-tool{border-radius:7px;flex:none;justify-content:center;width:30px;height:30px;color:var(--text-2)!important}.ex-tool:hover{background:var(--sunken);color:var(--text)!important}.ex-tool.on{background:var(--accent-soft);color:var(--text)!important}.ex-btn{border-radius:8px;justify-content:center;height:36px;padding:0 12px;font-size:13px;font-weight:500;border:1px solid var(--line-strong)!important}.ex-btn:hover{background:var(--sunken)}.ex-btn.primary{background:var(--text);color:var(--bg);flex:1;border-color:var(--text)!important}.ex-btn.primary:hover{opacity:.9}.ex-nav{padding:8px}.ex-nav-head{align-items:center;gap:10px;padding:6px 8px 12px;display:flex}.ex-nav-head strong{flex:1}.ex-logo{background:var(--text);width:28px;height:28px;color:var(--bg);border-radius:7px;place-items:center;display:grid}.ex-nav-item{border-radius:7px;width:100%;height:34px;padding:0 10px;font-size:13.5px;color:var(--text-2)!important}.ex-nav-item span{text-align:left;flex:1}.ex-nav-item:hover{background:var(--sunken);color:var(--text)!important}.ex-nav-item.on{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text)!important}.ex-count{background:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 6px;color:var(--bg)!important;font:11px/18px var(--sans)!important}.ex-nav-foot{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.ex-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:2px;padding:6px;display:flex}.ex-sep{background:var(--line-strong);width:1px;height:18px;margin:0 4px}.ex-doc{padding:16px 18px 20px}.ex-doc h4{margin:0 0 6px;font-size:15px}.ex-doc p{color:var(--text-2);margin:0;font-size:13.5px}.ex-doc p.bold{font-weight:600}.ex-doc p.italic{font-style:italic}.ex-doc p.underline{text-decoration:underline}.ex-doc p.strikethrough{text-decoration:line-through}.ex-doc p.underline.strikethrough{text-decoration:underline line-through}.ex-crumbs{border-bottom:1px solid var(--line);color:var(--text-2);align-items:center;gap:6px;padding:8px 8px 8px 14px;font-size:13px;display:flex}.ex-crumbs strong{color:var(--text)}.ex-file{align-items:center;gap:12px;padding:6px 8px 6px 14px;font-size:13.5px;display:flex}.ex-file+.ex-file{border-top:1px solid var(--line)}.ex-file:hover{background:var(--sunken)}.ex-player{flex-direction:column;gap:12px;padding:16px;display:flex}.ex-cover{aspect-ratio:2.2;background:var(--sunken);color:var(--text-2);border-radius:8px;place-items:center;display:grid}.ex-cover.wide{aspect-ratio:2.6}.ex-track{justify-content:space-between;align-items:center;display:flex}.ex-track small,.ex-product-head small,.ex-toast small,.ex-pr-head small{color:var(--muted)}.ex-progress{background:var(--line-strong);border-radius:2px;height:4px}.ex-progress i{background:var(--text);border-radius:2px;height:100%;display:block}.ex-times{justify-content:space-between;margin-top:-6px;display:flex}.ex-controls{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.ex-play{border-radius:50%;justify-content:center;width:48px;height:48px;background:var(--text)!important;color:var(--bg)!important}.ex-stack{flex-direction:column;gap:8px;display:flex}.ex-toast{align-items:flex-start;gap:12px;padding:12px 8px 12px 14px;font-size:13.5px;display:flex}.ex-toast>.icon{margin-top:1px}.ex-toast .ex-tool{margin-top:-5px}.ex-chat{flex-direction:column;gap:8px;padding:14px;font-size:13.5px;display:flex}.ex-msg{background:var(--sunken);border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:80%;padding:8px 12px}.ex-msg.me{background:var(--text);color:var(--bg);border-radius:12px 12px 4px;align-self:flex-end;align-items:flex-end;gap:6px;display:flex}.ex-attach{border:1px solid var(--line-strong);width:70%;color:var(--text-2);border-radius:10px;align-self:flex-end;align-items:center;gap:10px;padding:8px 12px;display:flex}.ex-input{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;align-items:center;gap:2px;margin-top:6px;padding:4px;display:flex}.ex-input>span{padding-left:4px}.ex-send{border-radius:7px;justify-content:center;width:30px;height:30px;background:var(--text)!important;color:var(--bg)!important}.ex-weather{flex-direction:column;gap:14px;padding:16px;display:flex}.ex-now{align-items:center;gap:14px;display:flex}.ex-temp{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.1}.ex-now small{color:var(--muted);align-items:center;gap:4px;display:flex}.ex-stats{color:var(--text-2);gap:16px;font-size:13px;display:flex}.ex-stats span,.ex-checks span,.ex-pr-foot span,.ex-chip,.ex-pr-head small{align-items:center;gap:6px;display:inline-flex}.ex-days{border-top:1px solid var(--line);text-align:center;grid-template-columns:repeat(5,1fr);padding-top:12px;display:grid}.ex-days>div{flex-direction:column;align-items:center;gap:6px;display:flex}.ex-product,.ex-game{flex-direction:column;gap:14px;padding:16px;display:flex}.ex-product-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ex-care{background:var(--sunken);border-radius:8px;gap:14px;padding:12px 14px;display:flex}.ex-actions{gap:8px;display:flex}.ex-chip{border:1px solid var(--line-strong);font:12px var(--sans);font-variant-numeric:tabular-nums;color:var(--text-2);border-radius:999px;padding:2px 8px}.ex-pr{flex-direction:column;gap:14px;padding:16px;font-size:13.5px;display:flex}.ex-pr-head{gap:12px;display:flex}.ex-checks{background:var(--sunken);font:12.5px var(--sans);color:var(--text-2);border-radius:8px;gap:14px;padding:10px 12px;display:flex}.ex-pr-foot{color:var(--text-2);align-items:center;gap:14px;font-size:13px;display:flex}.ex-pr-foot .ex-btn{flex:none}.ex-settings{padding:6px}.ex-row{text-align:left;cursor:pointer;border-radius:8px;align-items:center;width:100%;height:42px;padding:0 10px;font-size:13.5px;gap:12px!important;display:flex!important}.ex-row:hover{background:var(--sunken)}.ex-row+.ex-row{margin-top:2px}.ex-switch{background:var(--line-strong);cursor:pointer;appearance:none;border-radius:999px;flex:none;width:32px;height:18px;margin:0;position:relative}.ex-switch:after{content:"";background:var(--surface);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.ex-switch:checked{background:var(--text)}.ex-switch:checked:after{transform:translate(14px)}.ex-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ex-stat{flex-direction:column;gap:6px;padding:14px;display:flex}.ex-stat-head{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.ex-stat-value{letter-spacing:-.02em;font-size:22px;line-height:1.2}.ex-delta{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font:12px var(--sans)!important;display:inline-flex!important}@media (width<=760px){.examples{grid-template-columns:minmax(0,1fr)}.ex{padding:18px 14px}}.lazy-icon{width:var(--size);height:var(--size);place-items:center;display:grid}.lazy-icon svg{width:100%;height:100%}@font-face{font-family:Berkeley Mono;src:url(https://cdn.jannchie.com/fonts/variants/BerkeleyMono-Regular.woff2)format("woff2");font-weight:400}@font-face{font-family:Berkeley Mono;src:url(https://cdn.jannchie.com/fonts/variants/BerkeleyMono-Bold.woff2)format("woff2");font-weight:700}:root{--bg:#fbfbfc;--surface:#fff;--sunken:#f3f3f5;--line:#e6e6ea;--line-strong:#d4d4da;--text:#0e0e11;--text-2:#4a4b53;--muted:#6e6f78;--accent:var(--text);--accent-soft:color-mix(in srgb, var(--text) 9%, transparent);--header-h:102px;--side:220px;--detail:340px;--sans:"Inter", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"Berkeley Mono", ui-monospace, "Sarasa Mono SC", "Microsoft YaHei", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#09090b;--surface:#0e0e11;--sunken:#141418;--line:#1d1d22;--line-strong:#2a2a31;--text:#f2f2f4;--text-2:#c2c3ca;--muted:#9a9ba4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#09090b;--surface:#0e0e11;--sunken:#141418;--line:#1d1d22;--line-strong:#2a2a31;--text:#f2f2f4;--text-2:#c2c3ca;--muted:#9a9ba4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}@media (width>=761px) and (pointer:fine){html{scrollbar-gutter:stable both-edges}}body{background:var(--bg);color:var(--text);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit}small{color:var(--muted)}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.label{font:12px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}.sidebar,.detail{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.sidebar::-webkit-scrollbar{width:8px;height:8px}.detail::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.detail::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.detail::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.detail::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.sidebar::-webkit-scrollbar-button{display:none}.detail::-webkit-scrollbar-button{display:none}.shell{border-inline:1px solid var(--line);background:var(--surface);max-width:1680px;min-height:100vh;margin:0 auto}.top{z-index:3;grid-template-columns:var(--side) minmax(0, 1fr);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);grid-template-rows:57px 44px;grid-template-areas:"brand search""views opts";display:grid;position:sticky;top:0}.brand{border-right:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:-.01em;white-space:nowrap;grid-area:brand;align-items:center;gap:10px;padding:0 20px;font-weight:600;display:flex}.brand .version{color:var(--muted);font-size:12px;font-weight:400}.ji{color:var(--icon-primary,currentColor)}.mark{width:20px;height:20px;color:var(--accent);flex:none}.opts{scrollbar-width:none;grid-area:opts;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.opts::-webkit-scrollbar{display:none}.opts .opt:first-child{border-left:0}.views{border-right:1px solid var(--line);grid-area:views;align-items:center;gap:2px;padding:0 12px;display:flex}.views button{cursor:pointer;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:13px}.views button:hover{color:var(--text)}.views button[aria-pressed=true]{color:var(--text);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line-strong)}.examples-main{padding-bottom:0}.search{border-bottom:1px solid var(--line);cursor:text;grid-area:search;align-items:center;gap:10px;min-width:0;padding:0 20px;display:flex}.search.concealed>*{visibility:hidden}.search.concealed{pointer-events:none}.search svg{width:16px;height:16px;color:var(--muted);flex:none}.search input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{display:none}.search .clear{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.search .clear:hover{color:var(--text);background:var(--sunken)}kbd{font:12px var(--mono);color:var(--muted);border:1px solid var(--line-strong);border-radius:4px;padding:1px 6px}.opt{border-left:1px solid var(--line);white-space:nowrap;align-items:center;gap:2px;padding:0 12px;display:flex}.opt button{cursor:pointer;min-width:26px;height:26px;font:12.5px var(--sans);font-variant-numeric:tabular-nums;color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:0 7px}.opt button:hover{color:var(--text)}.slider{cursor:pointer;appearance:none;background:0 0;width:112px;height:26px;margin:0 4px;padding:0}.slider:focus-visible{outline:none}.slider::-webkit-slider-runnable-track{background:linear-gradient(var(--text), var(--text)) 0 / var(--p) 100% no-repeat, var(--line-strong);border-radius:1px;height:2px}.slider::-moz-range-track{background:var(--line-strong);border-radius:1px;height:2px}.slider::-moz-range-progress{background:var(--text);border-radius:1px;height:2px}.slider::-webkit-slider-thumb{background:var(--text);appearance:none;border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.slider::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:10px;height:10px}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-soft);outline-offset:2px}.slider:focus-visible::-moz-range-thumb{outline:2px solid var(--accent-soft);outline-offset:2px}.palette{align-items:center;display:flex;position:relative}.palette-toggle{align-items:center;gap:2px;padding:0 6px!important;display:flex!important}.palette-toggle i{border-radius:50%;width:8px;height:8px}.palette-panel{z-index:6;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;flex-direction:column;gap:2px;width:240px;padding:8px;display:flex;position:fixed;box-shadow:0 12px 32px #0000002e}.palette-row{color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.palette-row:hover{background:var(--sunken);color:var(--text)}.palette-reset{border-radius:6px;height:30px;margin-top:4px;border:1px solid var(--line-strong)!important;font:12.5px var(--sans)!important}.palette-reset:disabled{opacity:.4;cursor:default}.swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--c,var(--icon-primary,var(--text)));cursor:pointer;border-radius:50%;flex:none;position:relative;overflow:hidden}.swatch.follow{background:linear-gradient(135deg, var(--text) 50%, transparent 50%)}.swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.icon-btn{place-items:center;width:28px;padding:0!important;display:grid!important}.size-value{width:3ch;color:var(--text-2);text-align:right;font-size:12.5px}.opt button[aria-pressed=true]{color:var(--text);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line-strong)}.layout{grid-template-columns:var(--side) minmax(0, 1fr) var(--detail);display:grid}.sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));border-right:1px solid var(--line);align-self:start;padding:20px 10px 40px;position:sticky;overflow-y:auto}.sidebar .label{padding:0 10px 10px}.side-head{z-index:1;background:var(--surface);margin:-20px -10px 0;padding:20px 10px 0;position:sticky;top:-20px}.cat-filter{border:1px solid var(--line-strong);width:100%;height:30px;color:inherit;font:13px var(--sans);background:0 0;border-radius:6px;outline:0;margin:0 0 10px;padding:0 10px;display:block}.cat-filter:focus{border-color:var(--accent)}.cat-filter::placeholder{color:var(--muted)}.cat-filter::-webkit-search-cancel-button{display:none}.sidebar a{color:var(--text-2);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:13.5px;text-decoration:none;display:flex}.cat-icon{color:var(--muted)}.sidebar a:hover .cat-icon,.sidebar a.active .cat-icon,.pills a.active .cat-icon{color:currentColor}.sidebar a span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar a small{font-size:12px}.sidebar a:hover,.sidebar a.active{color:var(--text);background:var(--sunken)}.sidebar a.active small{color:var(--accent)}main{min-width:0;padding-bottom:80px}.pills{display:none}.category{border-bottom:1px solid var(--line);scroll-margin-top:var(--header-h)}.cell{scroll-margin-top:var(--header-h)}.category-head{letter-spacing:-.01em;align-items:baseline;gap:10px;margin:0;padding:28px 32px 14px;font-size:18px;font-weight:600;line-height:1.3;display:flex}.category-head small{font-size:13px;font-weight:400}.group{border-top:1px solid var(--line);margin-top:-1px;padding:12px 32px;position:relative}.empty{color:var(--muted);text-align:center;padding:96px 0}.grid{grid-template-columns:repeat(auto-fill, minmax(max(92px, calc(var(--size) * 2.25)), 1fr));border-top:1px solid var(--line);margin-right:-1px;display:grid}.category .grid:last-child{margin-bottom:-1px}.cell{aspect-ratio:1;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid;position:relative}.cell:hover{background:var(--sunken)}.cell.filler{cursor:default}.cell.filler:hover{background:0 0}.cell.selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.cell .name{text-align:center;font:11.5px var(--mono);color:var(--text-2);opacity:0;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;position:absolute;bottom:8px;left:0;right:0;overflow:hidden}.cell:hover .name,.cell.selected .name{opacity:1}.cell.selected .name{color:var(--accent)}.detail{top:var(--header-h);height:calc(100vh - var(--header-h));border-left:1px solid var(--line);flex-direction:column;align-self:start;display:flex;position:sticky;overflow-y:auto}.placeholder{color:var(--muted);text-align:center}.placeholder p{margin:0;font-size:13px;line-height:1.8}.keys{flex-direction:column;gap:10px;margin:0;padding:16px 20px;display:flex;border-bottom:0!important}.keys div{align-items:center;gap:12px;display:flex}.keys dt{width:48px}.keys dd{color:var(--text-2);margin:0;font-size:13px}.detail>*{border-bottom:1px solid var(--line)}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.detail-head h3{word-break:break-all;margin:6px 0 0;font-size:16px;font-weight:600}.detail-head .versions{color:var(--muted);margin:4px 0 0;font-size:12px}.close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.close svg{width:16px;height:16px}.close:hover{color:var(--text);background:var(--sunken)}.hero{aspect-ratio:1;color:var(--text);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:28px 28px;background-size:calc(4.16667% - 2.33333px) calc(4.16667% - 2.33333px);background-origin:border-box;place-items:center;padding:28px;display:grid}.hero svg{width:100%;height:100%}.hero:not(.placeholder)>*{grid-area:1/1}.guides{fill:none;stroke:color-mix(in srgb, var(--muted) 40%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke;overflow:visible}.guides *{vector-effect:non-scaling-stroke}.scales{grid-template-columns:repeat(5,1fr);display:grid}.scales div{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:16px 0 12px;display:flex}.scales div:last-child{border-right:0}.scales small{font-size:12px}.actions{grid-template-columns:repeat(3,1fr);display:grid}.actions button{border:0;border-right:1px solid var(--line);cursor:pointer;height:44px;color:var(--text-2);background:0 0;font-size:13px}.actions button:last-child{border-right:0}.actions button:hover{color:var(--text);background:var(--sunken)}.related,.styles,.meta{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.tags{flex-wrap:wrap;gap:4px;display:flex}.tags button{border:1px solid var(--line-strong);cursor:pointer;color:var(--text-2);background:0 0;border-radius:999px;padding:1px 7px;font-size:12px;line-height:18px}.tags button:hover{color:var(--text);background:var(--sunken);border-color:var(--muted)}.related-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;display:grid}.related-grid button,.style-grid button{aspect-ratio:1;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.related-grid button:hover,.style-grid button:hover{background:var(--sunken)}.related-grid button.current,.style-grid button.current{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.related-grid .more{color:var(--muted);text-align:center;align-self:center;font-size:12px}.style-grid{grid-template-columns:auto repeat(var(--cols), minmax(0, 1fr));align-items:center;gap:2px;display:grid}.style-grid small{text-align:center;font-size:11px}.style-grid button{aspect-ratio:1}.style-grid .row-head{text-align:left;padding-right:8px}.repo{width:28px;height:26px;font:12.5px var(--mono);color:var(--text-2);border-radius:6px;place-items:center;padding:0;text-decoration:none;display:inline-grid}.repo:hover{color:var(--text);background:var(--sunken)}.toast{z-index:5;background:var(--text);color:var(--bg);border-radius:8px;padding:8px 14px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}@media (width<=1180px){.layout{grid-template-columns:var(--side) minmax(0, 1fr)}.empty-detail{display:none!important}.detail{z-index:4;width:min(var(--detail), calc(100vw - 32px));border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;height:auto;max-height:72vh;position:fixed;inset:auto 16px 16px auto;box-shadow:0 16px 48px #00000040}}@media (width<=760px){.top{grid-template-rows:49px 44px;grid-template-columns:auto minmax(0,1fr)}.views{padding:0 6px}.views button{padding:0 8px}.brand{padding:0 14px}.brand span{display:none}.search{padding:0 14px}.search kbd{display:none}.opt{padding:0 10px}.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.pills{scrollbar-width:none;border-bottom:1px solid var(--line);top:var(--header-h);z-index:2;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:6px;padding:10px 14px;display:flex;position:sticky;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pills a{border:1px solid var(--line-strong);color:var(--text-2);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 11px;font-size:13px;text-decoration:none;display:inline-flex}.pills a.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.category{scroll-margin-top:calc(var(--header-h) + 50px)}.category-head{padding:22px 14px 12px;font-size:16px}.group{padding:10px 14px}.grid{grid-template-columns:repeat(auto-fill, minmax(max(76px, calc(var(--size) * 2)), 1fr))}.search input,.cat-filter{font-size:16px}.opt button,.views button,.repo{height:32px}.detail{width:auto;max-height:72vh;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:16px 16px 0 0;bottom:0;left:0;right:0}.detail:before{content:"";z-index:1;background:var(--line-strong);border:0;border-radius:2px;flex:none;align-self:center;width:36px;height:4px;margin:8px 0 -12px;position:sticky;top:0}.detail-head{padding:16px 16px 12px}.related,.styles{padding:14px 16px}.hero{--box:calc(34vh - 40px);aspect-ratio:auto;background-size:calc(var(--box) / 24) calc(var(--box) / 24);background-position:calc(50% + var(--box) / 48) 20px;height:34vh;padding:20px}.hero svg{aspect-ratio:1;width:auto;height:100%}}