:root{--fs-xs:.6875rem;--fs-sm:.78125rem;--fs-md:.875rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:3px;--r-md:5px;--r-lg:8px;--shadow-1:0 1px 2px #0a080640;--shadow-2:0 4px 16px #0a080659;--ease:cubic-bezier(.2, 0, 0, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:oklch(18.5% .006 70);--bg1:oklch(22.5% .007 70);--bg2:oklch(26.5% .008 70);--bg3:oklch(31% .009 70);--border:oklch(32% .008 70);--border-strong:oklch(42% .01 70);--text1:oklch(92% .008 80);--text2:oklch(70% .012 75);--text3:oklch(54% .012 75);--thumb-ink:oklch(62% .02 75);--scrim:#0c0a0899;--sem-l:.76;--sem-c:.085;--sem-bg-a:14%;--acc-l:.76;--acc-c:.125;--warn:oklch(78% .13 80);--ok:oklch(78% .1 150)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg0:oklch(95.5% .004 85);--bg1:oklch(97.5% .003 85);--bg2:oklch(99% .002 85);--bg3:oklch(93.5% .005 85);--border:oklch(88.5% .006 80);--border-strong:oklch(78% .01 80);--text1:oklch(25% .012 70);--text2:oklch(46% .014 70);--text3:oklch(60% .012 70);--thumb-ink:oklch(52% .02 75);--scrim:#1e1a1459;--sem-l:.46;--sem-c:.095;--sem-bg-a:11%;--acc-l:.5;--acc-c:.135;--warn:oklch(58% .13 75);--ok:oklch(55% .11 150);--shadow-1:0 1px 2px #2820181a;--shadow-2:0 4px 16px #28201824}[data-accent=ember]{--acc-h:60}[data-accent=verdigris]{--acc-h:178}[data-accent=crimson]{--acc-h:22}[data-accent]{--accent:oklch(var(--acc-l) var(--acc-c) var(--acc-h));--accent-ink:oklch(.2 .02 var(--acc-h));--accent-soft:color-mix(in oklab, var(--accent) 16%, transparent);--accent-line:color-mix(in oklab, var(--accent) 45%, var(--border))}[data-theme=light][data-accent]{--accent-ink:oklch(.98 .005 var(--acc-h))}:root{--hue-map:150;--hue-pdf:75;--hue-audio:305;--hue-vtt:235}[data-theme]{--sem-map:oklch(var(--sem-l) var(--sem-c) var(--hue-map));--sem-pdf:oklch(var(--sem-l) var(--sem-c) var(--hue-pdf));--sem-audio:oklch(var(--sem-l) var(--sem-c) var(--hue-audio));--sem-vtt:oklch(var(--sem-l) var(--sem-c) var(--hue-vtt));--sem-other:oklch(var(--sem-l) .012 75)}[data-type=codex]{--font-display:"Source Serif 4", Georgia, serif;--font-ui:"Spline Sans", "Helvetica Neue", sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, monospace;--display-weight:600;--display-spacing:-.01em}[data-type=registry]{--font-display:"Archivo", "Helvetica Neue", sans-serif;--font-ui:"Archivo", "Helvetica Neue", sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, monospace;--display-weight:650;--display-spacing:-.015em}[data-type=folio]{--font-display:"Spectral", Georgia, serif;--font-ui:"Spectral", Georgia, serif;--font-mono:"Spline Sans Mono", ui-monospace, monospace;--display-weight:600;--display-spacing:0}[data-density=compact]{--thumb:44px;--tile-thumb:96px;--row-pad:5px;--cell-gap:8px}[data-density=regular]{--thumb:60px;--tile-thumb:124px;--row-pad:9px;--cell-gap:12px}[data-density=comfy]{--thumb:76px;--tile-thumb:148px;--row-pad:13px;--cell-gap:16px}.codex-root{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--text1);background:var(--bg0);-webkit-font-smoothing:antialiased;line-height:1.45}.codex-root *,.codex-root :before,.codex-root :after{box-sizing:border-box}.t-display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing)}.t-mono{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:0}.t-label{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text3);font-weight:600}.ph{background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--ph-tint,var(--sem-other)) 13%, var(--bg2)) 0 7px, color-mix(in oklab, var(--ph-tint,var(--sem-other)) 6%, var(--bg2)) 7px 14px);border-radius:var(--r-sm);color:var(--thumb-ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ph:after{content:"";border:1px solid color-mix(in oklab, var(--ph-tint,var(--sem-other)) 22%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ph .ph-label{font-family:var(--font-mono);letter-spacing:.04em;background:color-mix(in oklab, var(--bg0) 78%, transparent);white-space:nowrap;border-radius:2px;padding:2px 6px;font-size:10px}.ph--map{--ph-tint:var(--sem-map)}.ph--pdf{--ph-tint:var(--sem-pdf)}.ph--audio{--ph-tint:var(--sem-audio)}.ph--vtt{--ph-tint:var(--sem-vtt)}.codex-root ::-webkit-scrollbar{width:10px;height:10px}.codex-root ::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:5px}.codex-root ::-webkit-scrollbar-track{background:0 0}.codex-root ::selection{background:color-mix(in oklab, var(--accent) 30%, transparent)}.codex-root :focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){.codex-root *,.codex-root :before,.codex-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body{height:100%;margin:0;padding:0}.app{background:var(--bg0);grid-template-columns:224px minmax(0,1fr);height:100vh;display:grid;position:relative}.app:before{content:"";background:var(--accent);z-index:50;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.sidebar{background:var(--bg1);border-right:1px solid var(--border);padding:var(--sp-4) var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.brand{border-bottom:1px solid var(--border);margin-bottom:var(--sp-2);color:inherit;align-items:center;gap:10px;padding:2px 8px 14px;text-decoration:none;display:flex}.brand-sigil{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-sm);width:26px;height:26px;color:var(--accent);flex:none;place-items:center;display:grid}.brand-name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:15px;line-height:1.15}.brand-sub{font-family:var(--font-mono);color:var(--text3);margin-top:1px;font-size:10px;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{text-align:left;border-radius:var(--r-md);font:inherit;font-size:var(--fs-md);color:var(--text2);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:none;align-items:center;gap:10px;padding:7px 8px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg2);color:var(--text1)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--text1);box-shadow:inset 2px 0 0 var(--accent)}.nav-item .glyph{color:var(--text3)}.nav-item[aria-current=page] .glyph{color:var(--accent)}.nav-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);margin-left:auto}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;padding:8px 8px 2px;display:flex}.freshness{font-family:var(--font-mono);color:var(--text3);font-size:10px;line-height:1.6}.freshness b{color:var(--text2);font-weight:500}.theme-seg{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:2px;display:inline-flex}.theme-seg button{color:var(--text3);cursor:pointer;font:inherit;font-size:10px;font-family:var(--font-mono);letter-spacing:.03em;background:0 0;border:none;border-radius:3px;padding:3px 8px}.theme-seg button[aria-pressed=true]{background:var(--bg3);color:var(--text1)}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);background:var(--bg0);flex:none;display:flex}.content{padding:var(--sp-4) var(--sp-5) var(--sp-7);flex:1;overflow-y:auto}.searchbox{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);max-width:560px;color:var(--text3);transition:border-color .12s var(--ease);flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.searchbox:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.searchbox:focus-within>.glyph{color:var(--accent)}.searchbox input{font:inherit;font-size:var(--fs-md);color:var(--text1);background:0 0;border:none;outline:none;flex:1;min-width:0}.searchbox input::placeholder{color:var(--text3)}.searchbox kbd{font-family:var(--font-mono);color:var(--text3);border:1px solid var(--border-strong);border-radius:3px;padding:1px 5px;font-size:10px}.btn{font:inherit;font-size:var(--fs-sm);color:var(--text1);background:var(--bg2);border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:background .12s var(--ease), border-color .12s var(--ease);align-items:center;gap:7px;padding:6px 12px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg3)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:color-mix(in oklab, var(--accent) 88%, var(--text1))}.btn--ghost{color:var(--text2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--bg2);color:var(--text1)}.btn--sm{font-size:var(--fs-xs);padding:3px 8px}.iconbtn{width:26px;height:26px;color:var(--text3);border-radius:var(--r-sm);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:none;flex:none;place-items:center;display:inline-grid}.iconbtn:hover{background:var(--bg3);color:var(--text1)}.tag{font-family:var(--font-mono);color:var(--text2);background:color-mix(in oklab, var(--bg3) 70%, transparent);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:border-color .12s var(--ease), color .12s var(--ease);border-radius:3px;align-items:center;padding:3px 6px;font-size:10.5px;line-height:1;display:inline-flex}.tag:hover{border-color:var(--accent-line);color:var(--accent)}.tag--active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.typechip{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--type-c,var(--text2));align-items:center;gap:5px;font-weight:600;display:inline-flex}.typechip:before{content:"";background:var(--type-c,var(--text3));border-radius:2px;width:7px;height:7px}.pathchip{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0;display:inline-flex}.pathchip .path-text{text-overflow:ellipsis;white-space:nowrap;direction:rtl;overflow:hidden}.pathchip .glyph{opacity:0;flex:none;transition:opacity .12s}.pathchip:hover .glyph{opacity:1;color:var(--accent)}.pathchip:hover .path-text{color:var(--text2)}.pathchip--copied .path-text{color:var(--ok)!important}.linkcount{font-family:var(--font-mono);color:var(--text3);align-items:center;gap:4px;font-size:10px;display:inline-flex}.seg{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.seg button{font:inherit;font-size:var(--fs-sm);color:var(--text2);cursor:pointer;white-space:nowrap;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;padding:4px 11px;display:inline-flex}.seg button:hover{color:var(--text1)}.seg button[aria-pressed=true]{background:var(--bg3);color:var(--text1);box-shadow:var(--shadow-1)}.seg .seg-n{font-family:var(--font-mono);color:var(--text3);font-size:10px}.filter-row{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-4);flex-wrap:wrap;display:flex}.filter-sel{font-size:var(--fs-sm);color:var(--text2);background:var(--bg1);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color .12s var(--ease);align-items:center;gap:6px;padding:4px 9px;text-decoration:none;display:inline-flex}.filter-sel:hover{border-color:var(--border-strong);color:var(--text1)}.filter-sel--on{border-color:var(--accent-line);color:var(--text1);background:var(--accent-soft)}.filter-sel b{color:var(--text1);font-weight:600}.group{margin-bottom:var(--sp-5)}.group-head{cursor:pointer;border:none;border-bottom:1px solid var(--accent-line);width:100%;font:inherit;text-align:left;background:0 0;align-items:center;gap:9px;padding:6px 0;display:flex}.group-head .orn{color:var(--accent);flex:none;font-size:8px}.group-head h2{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-lg);letter-spacing:var(--display-spacing);color:var(--text1);margin:0}.group-head .n{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3)}.group-head .chev{color:var(--text3);transition:transform .15s var(--ease);margin-left:auto}.group-head[aria-expanded=false] .chev{transform:rotate(-90deg)}.group-body{padding-top:var(--cell-gap)}.tilegrid{gap:var(--cell-gap);grid-template-columns:repeat(auto-fill,minmax(218px,1fr));display:grid}.tile{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--cell-gap);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .12s var(--ease), background .12s var(--ease);flex-direction:column;gap:8px;text-decoration:none;display:flex}.tile:hover{border-color:var(--accent-line);background:var(--bg2)}.tile .ph{height:var(--tile-thumb)}.media-shell{min-height:var(--thumb)}.media-shell .ph-label{z-index:1;position:relative}.media-img{width:100%;height:100%;min-height:var(--thumb);object-fit:cover;border-radius:var(--r-sm);background:var(--bg2);z-index:2;border:0;display:block;position:absolute;inset:0}.tile .media-shell{height:var(--tile-thumb)}.cover-band .media-shell{aspect-ratio:8.5/11;width:auto;height:100%;box-shadow:var(--shadow-1)}audio{width:100%}.tile-title{font-size:var(--fs-md);color:var(--text1);font-weight:600;line-height:1.3}.tile-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tile-tags{flex-wrap:wrap;gap:4px;display:flex}.tile-foot{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.cover-band{height:var(--tile-thumb);justify-content:center;align-items:center;display:flex}.cover-band .ph{aspect-ratio:8.5/11;height:100%;box-shadow:var(--shadow-1)}.rows{flex-direction:column;display:flex}.rrow{grid-template-columns:var(--thumb) minmax(0, 1fr) auto;gap:var(--sp-3);padding:var(--row-pad) var(--sp-2);border:none;border-bottom:1px solid var(--border);text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:var(--r-sm);transition:background .12s var(--ease);background:0 0;align-items:center;text-decoration:none;display:grid}.rrow:hover{background:var(--bg1);box-shadow:inset 2px 0 0 var(--accent)}.rrow .ph{height:calc(var(--thumb) * .72);width:var(--thumb)}.rrow-main{flex-direction:column;gap:3px;min-width:0;display:flex}.rrow-title{font-size:var(--fs-md);color:var(--text1);align-items:baseline;gap:8px;min-width:0;font-weight:600;display:flex}.rrow-title .src{font-weight:400;font-size:var(--fs-sm);color:var(--text3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rrow-sub{align-items:center;gap:10px;min-width:0;display:flex}.rrow-side{align-items:center;gap:10px;display:flex}.crumb{font-size:var(--fs-sm);color:var(--text3);margin-bottom:var(--sp-3);align-items:center;gap:7px;display:flex}.crumb button{font:inherit;color:var(--text2);cursor:pointer;background:0 0;border:none;padding:0}.crumb button:hover{color:var(--accent)}.detail-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(248px,332px);align-items:start;display:grid}@media (width<=1100px){.detail-grid{grid-template-columns:1fr}}.detail-head{align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);justify-content:space-between;display:flex}.detail-title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:var(--fs-2xl);margin:0;line-height:1.15}.detail-title:after{content:"";background:var(--accent);border-radius:2px;width:30px;height:3px;margin-top:9px;display:block}.detail-sub{flex-wrap:wrap;align-items:center;gap:12px;margin-top:7px;display:flex}.panel{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.panel h3{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text3);align-items:center;gap:8px;margin:0 0 10px;font-weight:600;display:flex}.panel h3 .n{font-family:var(--font-mono);font-weight:400}.panel+.panel,.stack>*+*{margin-top:var(--sp-3)}.meta-table{font-size:var(--fs-sm);grid-template-columns:auto 1fr;gap:5px 16px;display:grid}.meta-table dt{color:var(--text3)}.meta-table dd{color:var(--text1);font-family:var(--font-mono);font-size:var(--fs-xs);margin:0}.linklist{flex-direction:column;display:flex}.linkrow{border:none;border-bottom:1px solid var(--border);font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-sm);background:0 0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;text-decoration:none;display:grid}.linkrow:last-child{border-bottom:none}.linkrow:hover{background:var(--bg2)}.linkrow:hover .linkrow-t{color:var(--accent)}.linkrow .ph{width:34px;height:26px}.linkrow-t{font-size:var(--fs-sm);color:var(--text1);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.linkrow-s{font-family:var(--font-mono);color:var(--text3);font-size:10px}.thumbstrip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.thumbstrip .ph{cursor:pointer;flex:none;width:92px;height:120px}.thumbstrip .ph:hover:after{border-color:var(--accent-line)}.audio-player{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:12px;padding:10px 12px;display:flex}.playbtn{cursor:pointer;background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.waveform{background:repeating-linear-gradient(90deg, var(--sem-audio) 0 2px, transparent 2px 5px);opacity:.55;border-radius:2px;flex:1;height:30px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2% 98%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2% 98%,#0000 100%)}.waveform:after{content:"";background:repeating-linear-gradient(90deg, var(--accent) 0 2px, transparent 2px 5px);position:absolute;inset:0 70% 0 0}.audio-time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text2)}.empty{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-4);text-align:center;color:var(--text3);font-size:var(--fs-sm)}.empty .t-mono{margin-top:4px;font-size:10px;display:block}.packet-item{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 4px;display:grid}.packet-item:last-child{border-bottom:none}.packet-item .ph{width:42px;height:32px}.packet-item .why{font-size:var(--fs-xs);color:var(--text3);font-style:italic}.packet-item--removed{opacity:.38}.packet-item--removed .rrow-title,.packet-item--removed .linkrow-t{text-decoration:line-through}@media (width<=480px){.packet-item{grid-template-columns:42px minmax(0,1fr)}.packet-item .ph{display:none}}.json-peek{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--text2);white-space:pre;padding:12px 14px;font-size:11px;line-height:1.7;overflow-x:auto}.json-peek .k{color:var(--accent)}.json-peek .s{color:var(--ok)}.statgrid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.stat .v{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);color:var(--accent);font-size:26px}.stat .l{font-size:var(--fs-xs);color:var(--text3);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-weight:600}.stat .d{font-family:var(--font-mono);color:var(--text3);margin-top:6px;font-size:10px}.pipe{flex-direction:column;display:flex}.pipe-row{border-bottom:1px solid var(--border);font-size:var(--fs-sm);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 4px;display:grid}.pipe-row:last-child{border-bottom:none}.pipe-dot{border-radius:50%;justify-self:center;width:8px;height:8px}.pipe-dot--ok{background:var(--ok)}.pipe-dot--warn{background:var(--warn);box-shadow:0 0 0 3px color-mix(in oklab, var(--warn) 20%, transparent)}.pipe-detail{font-family:var(--font-mono);color:var(--text3);font-size:10px}.warnbox{border:1px solid color-mix(in oklab, var(--warn) 40%, var(--border));background:color-mix(in oklab, var(--warn) 8%, var(--bg1));border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text1);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.warnbox .glyph{color:var(--warn);flex:none;margin-top:1px}.warnbox .code{font-family:var(--font-mono);color:var(--text3);font-size:10px}.mobile-bar,.bottom-nav,.sheet,.scrim{display:none}@media (width<=760px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:10px var(--sp-3)}.topbar .btn--packet-label{display:none}.content{padding:var(--sp-3) var(--sp-3) 96px}.detail-grid{grid-template-columns:1fr}.tilegrid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.detail-title{font-size:var(--fs-xl)}.searchbox kbd,.filter-row--desktop{display:none}.mobile-bar{align-items:center;gap:10px;display:flex}.bottom-nav{z-index:30;background:color-mix(in oklab, var(--bg1) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{font:inherit;letter-spacing:.04em;color:var(--text3);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:6px 0;font-size:9.5px;font-weight:600;display:flex}.bottom-nav button[aria-current=page]{color:var(--accent)}.scrim{background:var(--scrim);z-index:40;display:block;position:fixed;inset:0}.sheet{gap:var(--sp-4);z-index:41;background:var(--bg1);border-top:1px solid var(--border-strong);padding:10px var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));max-height:78vh;animation:sheet-up .22s var(--ease);border-radius:14px 14px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-grab{background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin:0 auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}}@media (width>=761px){.filter-row--mobile-trigger{display:none}}.login{z-index:80;background:var(--bg0);min-height:100dvh;font-family:var(--font-ui);color:var(--text1);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.login:before{content:"";background:radial-gradient(ellipse 58% 46% at 50% 42%, color-mix(in oklab, var(--accent) 6%, transparent), transparent 72%);pointer-events:none;position:absolute;inset:0}.login-rings{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.login-ring{border:1px solid color-mix(in oklab, var(--accent) 14%, transparent);animation:90s linear infinite login-spin;position:absolute}.login-ring:first-child{width:340px;height:340px}.login-ring:nth-child(2){border-color:color-mix(in oklab, var(--accent) 9%, transparent);width:540px;height:540px;animation-duration:140s;animation-direction:reverse}.login-ring:nth-child(3){border-color:color-mix(in oklab, var(--accent) 5%, transparent);width:780px;height:780px;animation-duration:210s}@keyframes login-spin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.login-stack{align-items:center;gap:var(--sp-5);text-align:center;flex-direction:column;width:min(320px,100vw - 48px);display:flex;position:relative}.login-stack>*{animation:login-rise .6s var(--ease) both}.login-stack>:first-child{animation-delay:50ms}.login-stack>:nth-child(2){animation-delay:.18s}.login-stack>:nth-child(3){animation-delay:.32s}.login-stack>:nth-child(4){animation-delay:.42s}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-sigil{color:var(--accent);overflow:visible}.login-sigil rect{stroke-dasharray:100;stroke-dashoffset:100px;animation:login-draw .9s var(--ease) .25s forwards}.login-sigil circle{transform-origin:8px 8px;animation:login-dot .4s var(--ease) 1s forwards;transform:scale(0)}@keyframes login-draw{to{stroke-dashoffset:0}}@keyframes login-dot{to{transform:scale(1)}}.login-title{gap:var(--sp-2);flex-direction:column;display:flex}.login-title h1{font-size:var(--fs-2xl);color:var(--text1);margin:0;line-height:1.1}.login-form,.login .stack{gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.login-field{align-items:center;gap:var(--sp-2);background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);padding:0 var(--sp-3);color:var(--text3);transition:border-color .15s var(--ease), box-shadow .15s var(--ease), color .15s var(--ease);display:flex}.login-field:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);color:var(--text2)}.login-lock{flex:none;place-items:center;width:13px;height:13px;display:inline-grid}.login-field input{min-width:0;font:inherit;font-size:var(--fs-md);letter-spacing:.12em;color:var(--text1);background:0 0;border:none;outline:none;flex:1;padding:11px 0}.login-field input::placeholder{color:var(--text3);letter-spacing:0}.login-field--shake{animation:login-shake .4s var(--ease);border-color:var(--warn)}@keyframes login-shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.login-btn{justify-content:center;width:100%;min-height:40px;padding-top:10px;padding-bottom:10px}.login-hint{color:var(--text3)}.login-error{width:100%;margin:calc(var(--sp-2) * -1) 0 0;color:var(--warn);font-size:var(--fs-sm);line-height:1.45}.login-foot{bottom:var(--sp-5);left:var(--sp-4);right:var(--sp-4);text-align:center;color:var(--text3);animation:login-rise .6s var(--ease) .5s both;position:absolute}@media (width<=520px){.login-ring:first-child{width:260px;height:260px}.login-ring:nth-child(2){width:420px;height:420px}.login-ring:nth-child(3){width:620px;height:620px}}