.sidebar-toggle,.mobile-menu-toggle{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.sidebar-toggle{width:100%;margin-bottom:16px;font-size:13px}.mobile-menu-toggle{flex:none}.app-body .sidebar{overflow-x:hidden}.motion-choice{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.motion-choice select{min-height:44px;font:inherit;border:1px solid var(--line);border-radius:6px;padding:6px;background:var(--surface);color:var(--ink)}
@media(min-width:761px){.app-body.sidebar-collapsed{--sidebar:76px}.app-body.sidebar-collapsed .sidebar{padding-inline:10px}.sidebar-collapsed .sidebar .brand>span:last-child,.sidebar-collapsed .sidebar .bank-switch,.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .sidebar .adv-station,.sidebar-collapsed .sidebar .side-nav a>span:last-child:not([data-ui-icon]){display:none!important}.app-body.sidebar-collapsed .side-nav a{justify-content:center;padding:10px;width:54px;gap:0}.app-body.sidebar-collapsed .sidebar .brand{padding:0;justify-content:center}.sidebar-collapsed .sidebar-toggle{font-size:0}.sidebar-collapsed .sidebar-toggle:after{content:'›';font-size:24px}}
.site-navigation-drawer{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(300px,88vw);max-width:88vw;border:0;border-radius:0;padding:20px;background:var(--surface,#fff);color:var(--ink);animation:none!important}.site-navigation-drawer::backdrop{background:#11182766}.site-navigation-drawer [data-drawer-links]{display:grid;gap:8px;margin-top:24px}.site-navigation-drawer a{display:flex;gap:14px;align-items:center;min-height:48px;color:inherit;text-decoration:none;padding:8px;border-radius:6px}.site-navigation-drawer .ui-icon{width:22px;height:22px}.site-navigation-drawer a.active{background:var(--accent-soft)}
html[data-motion-mode=reduce] *,html[data-motion-mode=reduce] *::before,html[data-motion-mode=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}


@media(min-width:761px){
 .app-body .sidebar .side-nav a{white-space:nowrap}
 html body.app-body.sidebar-collapsed{--sidebar:76px!important}
 html body.app-body.sidebar-collapsed .sidebar .pixel-sidebar-garden{display:none!important}
}
.app-body .side-nav.has-motion-position{position:relative}
.navigation-position{position:absolute;left:0;width:2px;height:20px;border-radius:2px;background:var(--accent);pointer-events:none;z-index:2}
.app-body .side-nav.has-motion-position a.active:before{display:none}
.shell-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}
.shell-icon-button svg{display:block;width:20px;height:20px;flex:none}.shell-icon-button:hover{background:var(--surface-2,var(--surface));border-color:var(--line)}.shell-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.desktop-header>.sidebar-toggle{width:44px;margin:0;font-size:inherit}.sidebar-toggle:after{display:none!important}.sidebar-collapsed .sidebar-direction{transform:translateX(28px) scaleX(-1)}
.shell-icon-button[data-tooltip]:is(:hover,:focus-visible):before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:0;padding:6px 10px;border-radius:5px;background:var(--ink);color:var(--surface);white-space:nowrap;font:12px/1.5 system-ui;z-index:80;pointer-events:none}
.sidebar .brand{position:relative}.sidebar .brand>span:last-child{white-space:nowrap}
@media(min-width:761px){.sidebar-collapsed .sidebar.sidebar-collapsing .side-nav a>span:last-child:not([data-ui-icon]):not(.pixel-nav-art):not(.pixel-bank-mark){display:block!important;position:absolute;left:56px;width:140px;white-space:nowrap;pointer-events:none;opacity:0}.sidebar-collapsed .sidebar.sidebar-collapsing .brand>span:last-child{display:block!important;position:absolute;left:60px;width:140px;opacity:0}}
.site-navigation-drawer{padding:0;background:transparent}.navigation-drawer-surface{padding:20px;min-height:100%;background:var(--surface,#fff)}.navigation-drawer-surface>[data-close-navigation]{display:flex;margin-left:auto}.site-navigation-drawer::backdrop{animation:navigation-backdrop-in 150ms ease both}.site-navigation-drawer.is-closing::backdrop{animation:navigation-backdrop-out 150ms ease both}@keyframes navigation-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes navigation-backdrop-out{to{opacity:0}}
@media(max-width:760px){.desktop-header>.sidebar-toggle{display:none}}
html[data-theme=pixel-adventure] .shell-icon-button{border:0!important;border-image:none!important;background:transparent!important;box-shadow:none!important;padding:10px!important;transform:none!important}html[data-theme=pixel-adventure] .shell-icon-button:hover{background:#76532820!important}
.motion-dialog[open]{animation:none!important}.motion-dialog::backdrop{animation:navigation-backdrop-in 150ms ease both}.motion-dialog.is-closing::backdrop{animation:navigation-backdrop-out 140ms ease both}
.toast{display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px)}.toast[data-persistent=true].show{pointer-events:auto}.toast button{flex:none;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}
html[data-motion-mode=reduce] dialog::backdrop{animation:none!important}
