.app-shell{--app-bar-h:60px;flex-direction:column;min-height:100vh;display:flex}.app-shell-body{flex:1;align-items:stretch;display:flex}.app-shell-main{flex:1;min-width:0}.app-bar{z-index:20;box-sizing:border-box;min-height:var(--app-bar-h);border-bottom:1px solid var(--app-line-hi);background:var(--app-rail);padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-bar-menu{font:inherit;color:var(--app-ink);border:1px solid var(--app-field-line);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 11px;font-size:14px;font-weight:600;display:inline-flex}.app-bar-home{min-width:0;color:var(--app-blue-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:44px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;overflow:hidden}.app-bar-menu:focus-visible,.app-bar-home:focus-visible{outline:2px solid var(--app-blue);outline-offset:2px}.app-nav{z-index:40;box-sizing:border-box;background:var(--app-rail);border-right:1px solid var(--app-line-hi);width:272px;max-width:85vw;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);visibility:hidden;flex-direction:column;transition:transform .16s ease-out,visibility 0s linear .16s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-nav-open{visibility:visible;box-shadow:0 0 40px var(--app-shadow);transition:transform .16s ease-out;transform:none}.app-nav-scrim{z-index:30;background:var(--app-scrim);border:0;padding:0;position:fixed;inset:0}.app-nav-scroll{flex:1;min-height:0;padding:14px 12px 10px;overflow-y:auto}.app-nav-foot{border-top:1px solid var(--app-line);flex:none;padding:8px 12px 12px}.app-nav-group+.app-nav-group{margin-top:16px}.app-nav-group h2{font-family:var(--app-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--app-dimmer);margin:0 0 4px;padding:4px 12px;font-size:10.5px;font-weight:400}.app-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.app-nav-link,.app-nav-out{box-sizing:border-box;width:100%;min-height:44px;font:inherit;text-align:left;color:var(--app-dim);cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:0 8px 8px 0;align-items:center;gap:12px;padding:0 12px 0 9px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.app-nav-icon{flex:none}.app-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-nav-link:hover,.app-nav-out:hover{background:var(--app-panel-2);color:var(--app-ink)}.app-nav-link[aria-current]{border-left-color:var(--app-blue);background:var(--app-blue-tint);color:var(--app-ink);font-weight:600}.app-nav-link[aria-current] .app-nav-icon{color:var(--app-blue)}.app-nav-link:focus-visible,.app-nav-out:focus-visible{outline:2px solid var(--app-blue);outline-offset:-2px}.app-nav-person{min-height:44px;color:var(--app-ink);align-items:center;gap:10px;margin:6px 0 2px;padding:0 12px 0 9px;font-size:14px;font-weight:600;display:flex}.app-nav-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-nav-collapse{display:none}@media (prefers-reduced-motion:reduce){.app-nav,.app-nav-open{transition:none}}@media (min-width:900px){.app-bar{height:var(--app-bar-h);padding-top:8px;padding-bottom:8px}.app-bar-menu,.app-nav-scrim{display:none}.app-nav{top:var(--app-bar-h);z-index:10;width:232px;max-width:none;height:calc(100vh - var(--app-bar-h));visibility:visible;box-shadow:none;flex:none;align-self:flex-start;padding:0;transition:width .16s ease-out;position:sticky;bottom:auto;transform:none}.app-nav-scroll{padding:12px 12px 8px}.app-nav-link,.app-nav-out{min-height:40px;font-size:14px}.app-nav-person{min-height:40px;font-size:13px}.app-nav-collapse{z-index:2;border:1px solid var(--app-line-hi);background:var(--app-panel);width:24px;height:24px;color:var(--app-dim);box-shadow:0 1px 4px var(--app-shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.app-nav-collapse:before{content:"";border-radius:50%;position:absolute;inset:-8px}.app-nav-collapse:hover{border-color:var(--app-blue);color:var(--app-ink)}.app-nav-collapse:focus-visible{outline:2px solid var(--app-blue);outline-offset:2px}.app-nav-collapse svg{transition:transform .16s ease-out}.app-shell[data-nav=rail] .app-nav{width:64px}.app-shell[data-nav=rail] .app-nav-collapse svg{transform:rotate(180deg)}.app-shell[data-nav=rail] .app-nav-scroll,.app-shell[data-nav=rail] .app-nav-foot{padding-left:8px;padding-right:8px;overflow-x:hidden}.app-shell[data-nav=rail] .app-nav-group h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell[data-nav=rail] .app-nav-group+.app-nav-group{border-top:1px solid var(--app-line);margin-top:8px;padding-top:8px}.app-shell[data-nav=rail] .app-nav-link,.app-shell[data-nav=rail] .app-nav-out{border-left-color:#0000;border-radius:8px;padding:0 0 0 12px}.app-shell[data-nav=rail] .app-nav-person{padding:0 0 0 9px}.app-shell[data-nav=rail] .app-nav-label{z-index:50;top:var(--tip-y,-100px);left:var(--tip-x,-1000px);background:var(--app-panel-2);color:var(--app-ink);box-shadow:0 0 0 1px var(--app-line-hi), 0 4px 14px var(--app-shadow);opacity:0;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:13px;font-weight:600;transition:opacity .12s ease-out;position:fixed;overflow:visible;transform:translateY(-50%)}.app-shell[data-nav=rail] .app-nav-link:is(:hover,:focus-visible) .app-nav-label,.app-shell[data-nav=rail] .app-nav-out:is(:hover,:focus-visible) .app-nav-label,.app-shell[data-nav=rail] .app-nav-person:hover .app-nav-label{opacity:1}}@media (min-width:900px) and (prefers-reduced-motion:reduce){.app-nav,.app-nav-collapse svg,.app-shell[data-nav=rail] .app-nav-label{transition:none}}@media print{.app-bar,.app-nav,.app-nav-scrim{display:none}}