:root{--bg:#000;--bb-rim:2px;--bb-h:calc(165px * 1.37);--fab-size:clamp(60px,15vw,80px);--bb-transition:height 200ms cubic-bezier(0.4,0,0.2,1),opacity 200ms cubic-bezier(0.4,0,0.2,1),background-color 200ms cubic-bezier(0.4,0,0.2,1),border-color 200ms cubic-bezier(0.4,0,0.2,1)}.layout-grid{display:grid;grid-template-columns:165px 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar content";height:calc(100vh - 165px);overflow-x:hidden;overscroll-behavior-x:none}.layout-grid,.quad{position:relative}.quad--scroll-x{overflow:auto;overscroll-behavior:contain}.quad--scroll-y{overflow-y:auto;overscroll-behavior:contain}.scroller-fade{overflow:auto;padding:9px}@media (max-width:640px){.layout-grid{display:block;height:calc(100dvh - 165px);overflow-x:hidden;overscroll-behavior-x:none;position:relative}.sidebar-mobile{position:fixed;left:12px;right:12px;bottom:12px;height:calc(var(--bb-h) + 12px);z-index:800;overflow:hidden;overscroll-behavior:contain;isolation:isolate;mix-blend-mode:normal;transition:var(--bb-transition);box-sizing:border-box;background-color:#000000;border-radius:72px}.sidebar-mobile,.sidebar-mobile .scroller-fade{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;contain:none}.sidebar-mobile .scroller-fade{height:100%;overflow-y:auto!important;overflow-x:hidden!important;padding:clamp(24px,calc(var(--bb-h) * .1),32px) clamp(28px,calc(var(--bb-h) * .12),36px) calc(max(9px, env(safe-area-inset-bottom)) + var(--fab-size));font-size:clamp(.875rem,calc(var(--bb-h) * .065),1rem);line-height:1.6;overscroll-behavior:contain!important;scroll-behavior:smooth;will-change:scroll-position;position:relative}main.quad.content-mobile{position:fixed!important;top:165px!important;bottom:calc(var(--bb-rim) + env(safe-area-inset-bottom))!important;left:0!important;right:0!important;overflow:hidden!important;touch-action:auto}main.quad.content-mobile,main.quad.content-mobile .scroller-fade{display:flex!important;align-items:center!important;justify-content:center!important}main.quad.content-mobile .scroller-fade{padding:0!important;overflow:visible!important;width:100%!important;height:100%!important}body.bb-collapsed{--bb-h:var(--bb-rim)}body.bb-collapsed .sidebar-mobile{background-color:transparent!important;opacity:0!important}body.bb-collapsed .bb-border{opacity:0!important}body:not(.bb-collapsed) .bb-border{border-color:rgba(255,255,255,.4)!important}@media (prefers-reduced-motion:reduce){.sidebar-mobile{transition:none}}}@media (min-width:641px){.sidebar-mobile{position:fixed;bottom:12px;height:calc(var(--bb-h) + 12px);z-index:800;overflow:hidden;overscroll-behavior:contain;isolation:isolate;mix-blend-mode:normal;contain:none;transition:var(--bb-transition);box-sizing:border-box;background-color:#000000;border-radius:72px;left:12px;right:12px}.sidebar-mobile .scroller-fade{height:100%;overflow-y:auto!important;overflow-x:hidden!important;padding:clamp(20px,calc(var(--bb-h) * .08),24px) clamp(28px,calc(var(--bb-h) * .1),32px) calc(clamp(12px, calc(var(--bb-h) * .05), 16px) + var(--fab-size));-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-behavior:smooth;contain:none;will-change:scroll-position;position:relative;font-size:clamp(1.125rem,calc(var(--bb-h) * .08),1.25rem);line-height:1.7}body.bb-collapsed{--bb-h:var(--bb-rim)}body.bb-collapsed .sidebar-mobile{background-color:transparent!important;opacity:0!important}body.bb-collapsed .bb-border{opacity:0!important}body:not(.bb-collapsed) .bb-border{border-color:rgba(255,255,255,.4)!important}}:root{--fade-cushion:22px}.quad--scroll-x,.quad--scroll-y{overflow:auto;-webkit-mask-composite:destination-in;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-cushion),#000 calc(100% - var(--fade-cushion)),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--fade-cushion),#000 calc(100% - var(--fade-cushion)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-cushion),#000 calc(100% - var(--fade-cushion)),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--fade-cushion),#000 calc(100% - var(--fade-cushion)),transparent 100%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}.first-load{animation:bodyFadeIn 4s ease forwards}