.search-btn{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--card);min-height:2.25rem;color:var(--muted);font:inherit;font-size:var(--fs-3);white-space:nowrap;cursor:pointer;transition:color var(--t-1) linear, border-color var(--t-1) linear, background var(--t-1) linear;justify-content:center;align-items:center;gap:7px;padding:.375rem .5rem .375rem .75rem;font-weight:600;line-height:1.2;display:inline-flex}.search-btn:hover{color:var(--ink);border-color:var(--ink);background:var(--panel)}.search-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-btn-glass{flex:none}.search-btn-label{color:var(--ink)}.search-btn-key{border:1px solid var(--line);border-radius:var(--r-pebble,6px);background:var(--panel);color:var(--muted);font:inherit;font-size:var(--fs-1);padding:1px 7px;font-weight:600}@media (hover:none) and (pointer:coarse){.search-btn-key{display:none}.search-btn{padding-right:.75rem}}@container bar (min-width:60.01rem) and (max-width:70rem){.search-btn-key{display:none}.search-btn{padding-right:.75rem}}@container bar (min-width:60.01rem) and (max-width:64rem){.search-btn-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-btn{min-width:2.25rem;padding:.375rem}}@container bar (max-width:32rem){.search-btn-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-btn-key{display:none}.search-btn{flex:none;width:44px;min-height:44px;padding:0}}@container bar (max-width:18rem){.shell:not(:has(.me-add)) .bar-end:has(>.add-menu)>.needs-pill{justify-content:center;gap:0;min-width:44px;min-height:44px;padding-inline:.5rem;font-size:0}.shell:not(:has(.me-add)) .bar-end:has(>.add-menu)>.needs-pill b{font-size:var(--fs-3)}}
.menu-panel{transform-origin:100% 0;width:min(42.5rem,100vw - 32px);max-height:calc(100dvh - 84px);animation:menu-open var(--t-2) var(--ease-expo) both;flex-direction:column;padding:10px;display:flex;overflow:hidden}@keyframes menu-open{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.menu-panel>.menu-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.menu-panel>.theme-row,.menu-panel>.menu-foot{flex:none}.menu-cols{columns:2;column-gap:var(--sp-3)}.menu-cols>.menu-group{break-inside:avoid;margin:0 0 var(--sp-4);display:block}.menu-cols>.menu-group:last-child{margin-bottom:0}.menu-cols .menu-row{margin-bottom:2px}.menu-cols .menu-group-label{padding-top:0}@media (pointer:fine){.menu-panel .menu-cols .menu-row{padding-top:.3125rem;padding-bottom:.3125rem}.menu-panel .menu-cols>.menu-group:not(:last-child){margin-bottom:var(--sp-3)}}.menu-panel.menu-short{width:min(24rem,100vw - 32px)}.menu-panel.menu-short .menu-cols{columns:1}@media (max-width:1023px){.menu-cols{columns:1}}.sheet-bar{padding:2px 0 var(--sp-3);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(min(7.5rem,100%),1fr));gap:6px;display:grid}.sheet-pill{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--card);min-height:44px;color:var(--ink);font-weight:600;font-size:var(--fs-3);text-align:center;transition:background var(--t-1) linear, color var(--t-1) linear, border-color var(--t-1) linear;justify-content:center;align-items:center;padding:.5rem .875rem;line-height:1.2;text-decoration:none;display:flex}.sheet-pill:hover{background:var(--panel);text-decoration:none}.sheet-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (min-width:640px) and (max-width:1023px){.sheet-cols{columns:2;column-gap:var(--sp-3)}}.topbar.sheet-open{overscroll-behavior:contain;background:var(--paper);max-height:100dvh;overflow-y:auto}.theme-toggle{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;transition:color var(--t-1) linear, border-color var(--t-1) linear, background var(--t-1) linear;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:.375rem .75rem .375rem .625rem;font-size:.8125rem;display:inline-flex}.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong,var(--ink))}.theme-toggle svg{flex:none}@media (max-width:720px){.theme-toggle span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-toggle{padding:6px 9px}}