@layer components{.toolbar{position:fixed;top:0;left:0;right:0;width:100vw;height:var(--toolbar-height);padding:1px 6px;border:0;background:var(--w98-toolbar-bg);display:flex;align-items:center;z-index:100}.toolbar-button{border:var(--w98-toolbar-button-border);border-radius:0;background:var(--w98-toolbar-button-bg);font-size:.7rem;font-weight:700;padding:1px 6px;line-height:1;text-decoration:none;touch-action:manipulation}.toolbar-group{position:relative;display:inline-flex;align-items:center}.toolbar .toolbar-button:visited{color:var(--w98-black)}.toolbar .toolbar-item:visited,.toolbar .toolbar-category-link:visited{color:var(--text-main)}.toolbar-menu{position:absolute;top:calc(100% + var(--toolbar-menu-offset));left:0;min-width:var(--toolbar-menu-width);padding:var(--toolbar-menu-padding);display:flex;flex-direction:column;gap:var(--toolbar-menu-gap);z-index:var(--toolbar-z-menu);background:var(--w98-toolbar-menu-bg);border:var(--w98-toolbar-menu-border);border-radius:0;box-shadow:var(--w98-toolbar-menu-shadow);font-size:.75rem;opacity:0;visibility:hidden;pointer-events:none;overflow:visible;transform:translateY(3px);transition:opacity var(--dur-xs, .12s) ease,transform var(--dur-xs, .12s) ease,visibility 0s linear var(--dur-xs, .12s)}.toolbar-group:focus-within .toolbar-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.toolbar-item.has-submenu{position:relative;display:flex;align-items:center}.toolbar-category-link{display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;color:inherit;padding:var(--toolbar-item-padding);border-radius:6px;border:1px solid transparent;touch-action:manipulation}.toolbar-category-link:after{content:"▶";font-size:.7em;margin-left:auto;transition:transform var(--dur-xs, .12s) ease}.toolbar-submenu{position:absolute;top:var(--toolbar-submenu-offset-y);left:100%;min-width:var(--toolbar-submenu-width);padding:var(--toolbar-menu-padding);display:flex;flex-direction:column;gap:var(--toolbar-menu-gap);z-index:var(--toolbar-z-submenu);background:var(--w98-toolbar-menu-bg);border:var(--w98-toolbar-menu-border);border-radius:0;box-shadow:var(--w98-toolbar-menu-shadow);font-size:.75rem;opacity:0;visibility:hidden;pointer-events:none;overflow:visible;transform:translate(3px);transition:opacity var(--dur-xs, .12s) ease,transform var(--dur-xs, .12s) ease,visibility 0s linear var(--dur-xs, .12s)}.toolbar-item.has-submenu.is-flip-left .toolbar-submenu{left:auto;right:100%;transform:translate(-3px)}.toolbar-item.has-submenu:focus-within .toolbar-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}@media(hover:hover)and (pointer:fine){.toolbar-group:after{content:"";position:absolute;top:100%;left:0;width:max(var(--toolbar-menu-width),100%);height:var(--toolbar-menu-offset)}.toolbar-item.has-submenu:after{content:"";position:absolute;top:0;left:100%;width:14px;height:100%}.toolbar-group:hover .toolbar-menu,.toolbar-menu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.toolbar-item.has-submenu:hover .toolbar-submenu,.toolbar-submenu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}}.toolbar-empty{color:var(--w98-toolbar-empty-color);font-size:.75rem;padding:var(--toolbar-item-padding)}.toolbar-item:focus-visible,.toolbar-category-link:focus-visible{border-color:var(--w98-black);outline:var(--w98-focus-outline);outline-offset:2px;background:var(--w98-toolbar-active-bg);color:var(--w98-toolbar-active-color)}.toolbar-item:focus-within .toolbar-category-link{background:var(--w98-toolbar-active-bg);color:var(--w98-toolbar-active-color)}@media(hover:hover)and (pointer:fine){.toolbar-item:hover,.toolbar-category-link:hover{border-color:var(--w98-black);outline:var(--w98-focus-outline);outline-offset:2px;background:var(--w98-toolbar-active-bg);color:var(--w98-toolbar-active-color)}.toolbar-item:hover .toolbar-category-link{background:var(--w98-toolbar-active-bg);color:var(--w98-toolbar-active-color)}}.toolbar-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.toolbar-menu.is-open .toolbar-item.has-submenu{flex-direction:column;align-items:stretch}.toolbar-menu.is-open .toolbar-submenu{position:static;border:0;box-shadow:none;padding:0 0 0 var(--toolbar-submenu-mobile-indent);margin-left:var(--toolbar-submenu-mobile-margin-left);background:transparent;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition-delay:0s}.toolbar-menu.is-open .toolbar-item.has-submenu.is-open .toolbar-category-link:after{transform:rotate(90deg)}.toolbar-menu.is-open .toolbar-item.has-submenu.is-open .toolbar-submenu{padding:var(--toolbar-submenu-mobile-top-padding) 0 0 var(--toolbar-submenu-mobile-indent);max-height:min(46vh,calc(100dvh - var(--toolbar-height) - 92px));overflow:auto;opacity:1;visibility:visible;pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.toolbar-menu.is-open{max-height:min(74vh,calc(100dvh - var(--toolbar-height) - 14px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.toolbar-menu.is-open::-webkit-scrollbar,.toolbar-menu.is-open .toolbar-submenu::-webkit-scrollbar{width:0;height:0}.toolbar-menu.is-open,.toolbar-menu.is-open .toolbar-submenu{scrollbar-width:none}@media(prefers-reduced-motion:reduce){.toolbar-menu,.toolbar-submenu{transition:none;transform:none}}.toolbar-item{text-decoration:none;color:var(--text-main);padding:var(--toolbar-item-padding);border-radius:6px;border:1px solid transparent}}