.app-root{background:var(--background);flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.bottom-nav{z-index:30;background:hsl(var(--background)/.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsl(var(--border));padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.bottom-nav__inner{justify-content:space-around;align-items:center;max-width:640px;margin:0 auto;display:flex}.bottom-nav__item{color:hsl(var(--muted-foreground));border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;min-width:60px;padding:.5rem 1rem;font-size:.7rem;text-decoration:none;transition:all .2s;display:flex}.bottom-nav__item:hover,.bottom-nav__item--active{color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.bottom-nav__icon{font-size:1.5rem}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsl(var(--background)/.92);border-bottom:1px solid hsl(var(--border));position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:.75rem 1rem;display:flex}.brand{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.brand__emoji{font-size:1.5rem}.site-nav a{position:relative}.site-nav a:after{content:"";background:hsl(var(--primary));width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.site-nav a:hover:after{width:100%}.site-main{flex:1;width:100%;max-width:100%;margin:0 auto;padding:1rem}@media (min-width:768px){.site-main{padding:2rem}.site-header__inner{max-width:100%;padding-left:2rem;padding-right:2rem}.bottom-nav{display:none}.app-root{padding-bottom:0}}@media (min-width:1024px){.site-main{padding:4rem}.site-header__inner{padding-left:4rem;padding-right:4rem}}@media (min-width:1536px){.site-main{max-width:1536px;margin:0 auto;padding:4rem}.site-header__inner{max-width:1536px;margin:0 auto;padding-left:4rem;padding-right:4rem}}@media (hover:none) and (pointer:coarse){.todo-item:active,button:active,a:active{transition:transform .1s;transform:scale(.97)}}@supports (padding:env(safe-area-inset-top)){.site-header__inner{padding-top:max(.75rem,env(safe-area-inset-top))}.site-main{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}