.pshell{--w:328px;width:var(--w);flex:none;position:relative;z-index:20}.pshell-inner{inset:0 auto 0 0;width:320px;padding-left:56px;align-items:stretch;margin:var(--gutter) 0 var(--gutter) var(--gutter);border-radius:var(--panel-radius)}.crail,.pshell-inner{position:absolute;box-sizing:border-box;display:flex;background:var(--panel)}.crail{left:0;top:0;bottom:0;z-index:2;width:56px;overflow:hidden;flex-direction:column;padding:10px 8px 12px;gap:4px;border-right:1px solid var(--line);border-radius:var(--panel-radius) 0 0 var(--panel-radius);transition:width .15s var(--ease-rail),box-shadow .15s ease,border-radius .15s ease,border-color .15s ease}.crail:is(:hover,:focus-within,:has(.crail-me[data-state=open])){width:216px;z-index:70;border-right-color:transparent;border-radius:var(--panel-radius);box-shadow:var(--console-shadow),0 0 0 1px var(--line-strong)}.crail .crail-item,.crail .crail-mark,.crail .crail-me{display:flex;align-items:center;gap:10px;flex:none;width:40px;height:34px;padding:0 12px;box-sizing:border-box;overflow:hidden;border-radius:8px;color:var(--fg-dim);text-decoration:none;transition:background .12s ease,width .15s var(--ease-rail)}.crail:is(:hover,:focus-within,:has(.crail-me[data-state=open])) .crail-item,.crail:is(:hover,:focus-within,:has(.crail-me[data-state=open])) .crail-mark,.crail:is(:hover,:focus-within,:has(.crail-me[data-state=open])) .crail-me{width:200px}.crail-mark{margin-bottom:6px}.crail-nav{display:flex;flex-direction:column;gap:4px}.crail-item{position:relative}.crail-item:hover,.crail-me:hover{background:color-mix(in oklch,var(--fg) 8%,transparent)}.crail-item[aria-current=page]{background:color-mix(in oklch,var(--fg) 14%,transparent)}.crail-item[aria-current=page] .icon{stroke-width:2}.crail-label{min-width:0;white-space:nowrap;font-size:var(--t-body);color:var(--fg);opacity:0;transition:opacity 90ms ease}.crail:is(:hover,:focus-within,:has(.crail-me[data-state=open])) .crail-label{opacity:1;transition-delay:70ms}.crail-mark .crail-label{font-weight:var(--w-bold)}.crail-dot{position:absolute;left:23px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--warning)}.crail-foot{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:4px}.crail-me{margin-top:4px;text-align:left}.ppanel{width:264px;flex:none;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0 var(--panel-radius) var(--panel-radius) 0}.ppanel-head{flex:none;display:flex;align-items:center;gap:8px;padding:11px 10px 9px 14px}.ppanel-name{min-width:0;margin-right:auto;display:flex;flex-direction:column}.ppanel-title{font-size:var(--t-body);font-weight:var(--w-bold);color:var(--fg)}.ppanel-sub{font-size:var(--t-meta);color:var(--fg-dim)}.ppanel-scroll{flex:1;min-height:0;overflow:hidden auto;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:transparent transparent}.ppanel-scroll:focus-within,.ppanel-scroll:hover{scrollbar-color:var(--line-strong) transparent}.ppanel-foot{flex:none;padding:4px 4px 8px}.pnav-group{padding:2px 0}.pnav-group+.pnav-group{padding-top:16px}.pnav-glabel{display:block;padding:4px 8px 6px;font-size:var(--t-body);color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnav-item{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:6px 8px;border-radius:8px;box-sizing:border-box;color:var(--fg);font-size:var(--t-body);text-align:left;text-decoration:none;transition:background .12s ease}.pnav-item+.pnav-item{margin-top:2px}.console button.pnav-item{padding:6px 8px;font-size:var(--t-body)}.console button.pnav-unseen{font-weight:var(--w-bold)}.pnav-item:hover{background:color-mix(in oklch,var(--fg) 7%,transparent)}.pnav-item[aria-current=page]{background:color-mix(in oklch,var(--mark) 10%,transparent)}.pnav-item .icon{color:var(--fg-dim);flex:none}.pnav-label{min-width:0}.pnav-n{margin-left:auto;padding-left:8px;flex:none;font-size:var(--t-meta);color:var(--fg-dim);font-variant-numeric:tabular-nums}.pnav-n:empty{display:none}.pnav-hint{color:var(--warning-text)}.pnav-hint:after{content:" · ";color:var(--fg-faint)}.pnav-unseen,.pnav-unseen .pnav-n{font-weight:var(--w-bold)}.pnav-unseen .pnav-n{color:var(--fg)}.pnav-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--c)}.pnav-badge{flex:none;border-radius:var(--pill);padding:var(--chip-pad);background:color-mix(in oklch,var(--fg) 10%,transparent);font:var(--chip-font)}.pnav-badge,.pnav-item[data-empty=true]:not([aria-current=page]){color:var(--fg-dim)}.pnav-item[data-empty=true]:not([aria-current=page]) .pnav-n{color:var(--fg-faint)}.pnav-fold>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;border-radius:6px}.pnav-fold>summary::-webkit-details-marker{display:none}.pnav-fold>summary:hover{color:var(--fg)}.pnav-fold>summary:before{content:"";width:0;height:0;flex:none;border-left:4px solid;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .14s var(--ease-out);transform-origin:25% 50%}.pnav-fold[open]>summary:before{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.crail,.crail-item,.crail-label,.crail-mark,.crail-me,.pnav-fold>summary:before{transition:none}}.brand{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--lime);color:var(--accent-ink);font-size:11px;font-weight:800}.brand:has(.brandmark){background:var(--ink);color:var(--lime)}.brand .brandmark{width:auto;height:52%}.brand.is-logo{position:relative;overflow:hidden;background:color-mix(in oklch,var(--fg) 8%,transparent)}.brand.is-logo .brandfall{position:absolute;inset:0;display:grid;place-items:center;background:var(--lime);color:var(--accent-ink);font-weight:800}.brand.is-logo img{position:relative;width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block;outline:1px solid var(--img-edge);outline-offset:-1px}.console-by{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:7px 12px;font-size:var(--t-meta);color:var(--fg-faint)}.console-by .brand.sm{width:16px;height:16px;border-radius:4px;font-size:9px}.avatar-me{position:relative;display:grid;place-items:center;flex:none;width:26px;height:26px;margin-inline:-5px;border-radius:50%;overflow:hidden;background:var(--av-bg,color-mix(in oklch,var(--fg) 10%,transparent));font-size:10px;font-weight:700;color:var(--av-fg,var(--fg-dim))}.avatar-me img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}