#app{display:flex;flex-direction:column;min-height:100vh}.top-bar{position:sticky;top:0;z-index:20;height:var(--top-bar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-bg);box-shadow:0 10px 18px -16px var(--neu-dark-strong),0 1px 0 var(--neu-light)}body::before{content:"";position:fixed;inset:0 0 auto;height:var(--safe-top);background:var(--color-bg);z-index:21}.top-bar__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.top-bar__brand-mark{width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-raised-sm);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-bar__brand-text{min-width:0}.top-bar__brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar__meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.top-bar__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.screen{flex:1;width:100%;max-width:var(--max-content-width);margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + var(--space-8))}@media (min-width:900px){.screen{padding:var(--space-6) var(--space-8) var(--space-10)}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--color-bg);box-shadow:0 -10px 20px -16px var(--neu-dark-strong),0 -1px 0 var(--neu-light);padding:var(--space-2) var(--space-2) var(--safe-bottom)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-2) 2px;margin:0 2px;min-height:56px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard)}.bottom-nav__item .icon{border-radius:var(--radius-full);padding:6px;width:32px;height:32px;box-sizing:border-box;transition:background var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.bottom-nav__item[aria-current=page]{color:var(--color-primary-dark)}.bottom-nav__item[aria-current=page] .icon{background:var(--color-bg);box-shadow:var(--shadow-inset-sm);color:var(--color-primary-dark)}.bottom-nav__item:active .icon{box-shadow:var(--shadow-pressed)}.bottom-nav__label{font-size:11px;font-weight:700}.app-body{display:flex;flex:1;min-height:0}.sidebar{display:none}@media (min-width:900px){.bottom-nav{display:none}.sidebar{display:flex;flex-direction:column;width:240px;flex-shrink:0;background:var(--color-bg);box-shadow:10px 0 20px -18px var(--neu-dark-strong);padding:var(--space-5) var(--space-3);gap:var(--space-2)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:700;font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.sidebar__item:hover{box-shadow:var(--shadow-raised-sm)}.sidebar__item[aria-current=page]{background:var(--color-bg);box-shadow:var(--shadow-inset-sm);color:var(--color-primary-dark)}.screen{padding-bottom:var(--space-10)}}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-4)}.stack-sm>*+*{margin-top:var(--space-2)!important}.stack-lg>*+*{margin-top:var(--space-6)!important}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.row-gap{gap:var(--space-2)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.section-heading h2,.section-heading h3{margin:0}.section-heading__action{font-size:var(--text-sm);font-weight:700;color:var(--color-primary-dark)}