.ty-app{background:var(--background);min-height:100dvh;color:var(--foreground)}.ty-app-body{min-width:0}.ty-app-main{min-width:0;padding:var(--space-4) var(--space-4) calc(88px + env(safe-area-inset-bottom,0px));outline:none}.ty-skip{left:var(--space-2);z-index:70;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);font-weight:600;position:absolute;top:-100px}.ty-skip:focus{top:var(--space-2)}.ty-appnav{z-index:40;padding:0 max(var(--space-2), env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(var(--space-2), env(safe-area-inset-left,0px));border-top:1px solid var(--border);background:var(--card);position:fixed;bottom:0;left:0;right:0}.ty-appnav-logo{display:none}.ty-appnav-list{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ty-appnav-list>.is-wide-only{display:none}.ty-appnav-item{min-height:60px;padding:var(--space-1) 0;border-radius:var(--radius-control);color:var(--muted-foreground);align-content:center;justify-items:center;gap:2px;font-size:11px;font-weight:500;line-height:16px;text-decoration:none;display:grid;position:relative}.ty-appnav-item:hover{color:var(--foreground)}.ty-appnav-item.is-active{color:var(--foreground);font-weight:700}.ty-appnav-glyph{display:inline-flex;position:relative}.ty-appnav-badge{border-radius:var(--radius-full);background:var(--brand-accent);min-width:16px;height:16px;color:var(--brand-accent-foreground);text-align:center;font-variant-numeric:tabular-nums;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-8px}.ty-appnav-label{white-space:nowrap}.ty-topbar{top:env(safe-area-inset-top,0px);z-index:30;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--background);display:flex;position:sticky}.ty-topbar-logo{border-radius:var(--radius-sm);display:inline-flex}.ty-topbar-search{display:none}.ty-topbar-end{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.ty-topbar-icon{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);color:var(--foreground-secondary);place-items:center;display:grid;position:relative}.ty-topbar-icon:hover{background:var(--accent);color:var(--foreground)}.ty-topbar-icon .ty-appnav-badge{top:6px;right:4px}.ty-topbar-account{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ty-topbar-account:hover{background:var(--accent)}.ty-routetabs .ty-tab{text-decoration:none}@media (min-width:640px){.ty-appnav.is-mobile-only{display:none}.ty-app{grid-template-columns:76px minmax(0,1fr);display:grid}.ty-app-main{padding:var(--space-6) var(--space-6) var(--space-12)}.ty-appnav{align-items:stretch;gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--space-2);border-top:0;border-right:1px solid var(--border);background:var(--background);flex-direction:column;display:flex;position:sticky;top:0;bottom:auto}.ty-appnav-logo{border-radius:var(--radius-control);place-items:center;height:40px;display:grid}.ty-appnav-logo-full{display:none}.ty-appnav-list{gap:var(--space-1);flex-direction:column;display:flex}.ty-appnav-list>.is-wide-only{display:block}.ty-appnav-item{min-height:56px;font-size:11px}.ty-appnav-item:hover{background:var(--accent)}.ty-appnav-item.is-active{background:var(--muted)}.ty-topbar{height:var(--header-height);padding:0 var(--space-6)}.ty-topbar-logo{display:none}.ty-topbar-search{display:block}}@media print{.ty-appnav.is-mobile-only{display:none}}@media (min-width:1024px){.ty-app{grid-template-columns:var(--discovery-nav) minmax(0, 1fr);max-width:var(--discovery-max);margin:0 auto}.ty-appnav{padding:var(--space-4) var(--space-3)}.ty-appnav-logo{padding:0 var(--space-3);place-items:center start}.ty-appnav-logo-full{display:inline-flex}.ty-appnav-logo-symbol{display:none}.ty-appnav-item{justify-content:start;place-items:center start;gap:var(--space-3);min-height:var(--touch-target);padding:0 var(--space-3);grid-auto-flow:column;font-size:15px;line-height:22px}.ty-appnav-item .ty-appnav-badge{margin-left:var(--space-2);position:static}.ty-appnav-list>.is-write{margin-top:var(--space-4);order:99}.ty-appnav-list>.is-write .ty-appnav-item{background:var(--primary);color:var(--primary-foreground);justify-content:center;font-weight:600}.ty-appnav-list>.is-write .ty-appnav-item:hover{background:var(--foreground-secondary)}}