:root{--background:#fff;--foreground:#171717;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--shadow-md:0 2px 8px #00000026;--shadow-lg:0 4px 16px #0003;--duration-fast:.15s;--duration-base:.22s;--ease-out:cubic-bezier(.16, 1, .3, 1);--nav-brand:#0972d3}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;padding-top:env(safe-area-inset-top);overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.nav-hamburger{color:#fff;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:none}.nav-hamburger:hover{background:#ffffff26}.nav-links-desktop{gap:var(--space-sm);display:flex}.nav-scrim{z-index:140;background:#0006;position:fixed;inset:0}.nav-drawer{background:var(--background);width:260px;max-width:80vw;color:var(--foreground);z-index:150;transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-lg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{padding:var(--space-md);background:var(--nav-brand);color:#fff;justify-content:space-between;align-items:center;display:flex}.nav-drawer-close{color:#fff;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;width:32px;height:32px}.nav-drawer-close:hover{background:#ffffff26}.nav-drawer-links{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-drawer-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--text-lg);text-decoration:none;display:flex}.nav-drawer-link.active{color:var(--nav-brand);background:#0972b31f;font-weight:700}.nav-drawer-footer{padding:var(--space-md);gap:var(--space-sm);border-top:1px solid #0000001a;flex-direction:column;display:flex}.nav-drawer-user{font-size:var(--text-sm);color:#555}.nav-drawer-signout{color:var(--foreground);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);text-align:left;background:0 0;border:1px solid #0003}.bottom-nav{z-index:130;box-shadow:var(--shadow-md);padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #0000001a;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{height:56px;display:flex}.bottom-nav-item{color:#666;font-size:var(--text-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--nav-brand)}.nav-drawer.open~.bottom-nav{pointer-events:none}@media (width<=767px){.nav-hamburger{display:inline-flex}.nav-links-desktop{display:none}.bottom-nav{display:block}.app-main{padding-bottom:calc(var(--space-md) + 56px + env(safe-area-inset-bottom))}}