.appbar-place,.appbar-menubtn{display:none}@media (max-width:1100px){.appbar.has-menu .appbar-in{gap:12px;padding:0 16px;position:relative}.appbar.has-menu .appbar-in>nav,.appbar.has-menu .appbar-area,.appbar.has-menu .usermenu{display:none}.appbar.has-menu .appbar-tools{flex:none;gap:8px;margin-left:auto}.appbar.has-menu .appbar-place{flex:auto;align-self:stretch;align-items:center;gap:12px;min-width:0;display:flex}.appbar.has-menu .appbar-page{border-left:1px solid var(--bar-line);min-width:0;font-family:var(--f-display);font-size:var(--fs-16);line-height:var(--lh-16);color:var(--bar-ink);white-space:nowrap;text-overflow:ellipsis;padding-left:12px;font-weight:600;overflow:hidden}.appbar.has-menu .appbar-page.is-direct{display:none}.appbar.has-menu .appbar-direct{flex:none;align-self:stretch;display:flex}.appbar.has-menu .appbar-menubtn{border:1px solid var(--bar-line);border-radius:var(--r-md);height:36px;color:var(--bar-ink);cursor:pointer;font-family:var(--f-body);font-size:var(--fs-14);line-height:var(--lh-14);background:0 0;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.appbar.has-menu .appbar-menubtn:hover{background:var(--ondark-hover)}.appbar.has-menu .appbar-menubtn[aria-expanded=true]{background:var(--ondark-2)}.appbar-menuic{flex:none;width:16px;height:16px}.appbar.has-menu .gsearch{flex:none;width:36px;min-width:0;max-width:none;height:36px}.appbar.has-menu .gsearch-key{display:none}.appbar.has-menu .gsearch:not(:focus-within) .gsearch-in{color:#0000;caret-color:#0000;cursor:pointer;background:0 0;border-color:#0000;height:100%;padding:0}.appbar.has-menu .gsearch:not(:focus-within) .gsearch-in::placeholder{color:#0000}.appbar.has-menu .gsearch:not(:focus-within) .gsearch-in::-webkit-search-cancel-button{display:none}.appbar.has-menu .gsearch:not(:focus-within) .gsearch-in:hover{background:var(--ondark-hover)}.appbar.has-menu .gsearch:not(:focus-within):before,.appbar.has-menu .gsearch:not(:focus-within):after{content:"";pointer-events:none;position:absolute}.appbar.has-menu .gsearch:not(:focus-within):before{border:2px solid var(--bar-ink);border-radius:var(--r-full);width:12px;height:12px;top:calc(50% - 8px);left:calc(50% - 8px)}.appbar.has-menu .gsearch:not(:focus-within):after{border-radius:var(--r-full);background:var(--bar-ink);transform-origin:top;width:2px;height:7px;top:calc(50% + 2px);left:calc(50% + 2px);transform:rotate(-45deg)}.appbar.has-menu .gsearch:not(:focus-within)>:is(.combo-list,.cmdk){display:none}.appbar.has-menu .gsearch:focus-within{z-index:3;background:var(--bar);align-items:center;width:auto;height:auto;display:flex;position:absolute;inset:0 16px}.appbar.has-menu .gsearch:focus-within .gsearch-in{padding:0 12px}}@media (max-width:700px){.appbar.has-menu .appbar-in{gap:8px}.appbar.has-menu .appbar-direct{display:none}.appbar.has-menu .appbar-page.is-direct{display:block}}@media (max-width:1100px) and (pointer:coarse){.appbar.has-menu .appbar-menubtn{height:44px}.appbar.has-menu .gsearch{width:44px;height:44px}.appbar.has-menu .gsearch-in{font-size:var(--fs-16)}}dialog.appdrawer{border:0;border-left:1px solid var(--border);border-radius:var(--r-lg) 0 0 var(--r-lg);background:var(--surface);width:min(360px,100vw - 48px);max-width:none;height:100dvh;max-height:none;color:var(--ink);box-shadow:var(--e3);margin:0;padding:0;position:fixed;inset:0 0 0 auto}dialog.appdrawer::backdrop{background:var(--scrim)}.appdrawer-box{flex-direction:column;height:100%;display:flex}.appdrawer-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:4px 8px 4px 20px;display:flex}.appdrawer-h h2{font-family:var(--f-display);font-size:var(--fs-16);line-height:var(--lh-16);letter-spacing:0;color:var(--ink);margin:0;font-weight:600}.appdrawer-nav{overscroll-behavior:contain;flex:1;padding:8px;overflow-y:auto}.appdrawer-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.appdrawer-group{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.appdrawer-group h3{font-family:var(--f-body);font-size:var(--fs-12);line-height:var(--lh-12);letter-spacing:0;color:var(--ink-3);margin:0;padding:4px 12px;font-weight:500}.appdrawer-item{border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;font-family:var(--f-body);font-size:var(--fs-14);line-height:var(--lh-14);background:0 0;border:0;flex-direction:column;justify-content:center;gap:1px;padding:6px 12px;font-weight:500;text-decoration:none;display:flex}.appdrawer-item:hover{background:var(--surface-2)}.appdrawer-item:focus-visible{outline-offset:-2px}.appdrawer-item.active{background:var(--surface-2);box-shadow:inset 2px 0 0 var(--brand);font-weight:600}.appdrawer-note{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--ink-2);font-weight:400}.appdrawer-user{border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.appdrawer-who{flex-direction:column;padding:8px 12px;display:flex}.appdrawer-name{font-size:var(--fs-14);line-height:var(--lh-14);font-weight:600}.appdrawer-role{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){dialog.appdrawer[open]{animation:.18s ease-out appdrawer-in}@keyframes appdrawer-in{0%{opacity:.6;transform:translate(24px)}}}