.frame{background:var(--card);min-height:100vh}.shell{--nav-h:78px;background:var(--card)}@media (min-width:900px){.shell{--nav-h:82px}}.shell-body{flex-direction:column;display:flex}@media (max-width:699px){.shell .pre-menu-btn{display:none}}.bottom-nav{z-index:35;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rule);background:#fffffff5;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:700px){.bottom-nav{display:none}}.bottom-nav a{font:500 10.5px/1 var(--font-sans);color:var(--ink-50);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;text-decoration:none;transition:color .14s,background .14s;display:flex}.bottom-nav a:hover{color:var(--ink-70)}.bottom-nav a.on{color:var(--accent);background:var(--accent-wash)}.bottom-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}body.has-bottom-nav .frame{padding-bottom:calc(64px + env(safe-area-inset-bottom))}@media (min-width:700px){body.has-bottom-nav .frame{padding-bottom:22px}}