@media (max-width:768px){:root{--mobile-page-padding:1rem;--mobile-card-padding:1rem;--mobile-border-width:2px;--mobile-shadow-subtle:0 2px 8px rgba(0,0,0,.08);--mobile-shadow-elevated:0 4px 16px rgba(0,0,0,.12);--mobile-radius-sm:8px;--mobile-radius-md:12px;--mobile-radius-lg:16px;--mobile-radius-full:9999px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-transition-fast:100ms ease-out;--mobile-transition-normal:150ms ease-out}body,html{height:100dvh;overflow-x:hidden}.main-app-container{overflow-x:hidden;max-width:100vw}body{-webkit-text-size-adjust:100%}.mobile-bottom-nav-item:active{transform:scale(.95);transition:transform var(--mobile-transition-fast)}.mobile-btn:active,.mobile-card:active{transform:scale(.98);transition:transform var(--mobile-transition-fast)}.chat-send-btn:active{transform:scale(.95) translateY(-2px);transition:transform var(--mobile-transition-fast)}.main-app-container input:focus,.main-app-container select:focus,.main-app-container textarea:focus{transition:box-shadow var(--mobile-transition-normal),border-color var(--mobile-transition-normal)}.mobile-card{border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important}.dark .mobile-card{box-shadow:0 2px 8px rgba(0,0,0,.25)!important}.main-app-container [class*=lab-card-]{border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important;padding:1rem!important}.main-app-container [class*=lab-card-]:active{transform:scale(.98)}.main-app-container [class*=lab-card-icon]{width:2.5rem!important;height:2.5rem!important;margin-bottom:.5rem!important;border-width:2px!important}.main-app-container [class*=lab-card-] h3{font-size:.75rem!important;margin-bottom:.25rem!important}.main-app-container [class*=lab-card-] p{display:none!important}.main-app-container .atlas-template-card,.main-app-container .lab-card-tutors{border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important}.main-app-container .atlas-template-card{padding:1rem!important}.main-app-container .chat-message{border-width:0!important;border-radius:var(--mobile-radius-lg)!important;box-shadow:var(--mobile-shadow-subtle)!important}.main-app-container input[type=email],.main-app-container input[type=number],.main-app-container input[type=password],.main-app-container input[type=search],.main-app-container input[type=text],.main-app-container select,.main-app-container textarea{border-width:2px!important;border-radius:var(--mobile-radius-md)!important;width:100%!important;font-size:16px!important}.main-app-container .primary-cta,.main-app-container button[type=submit]{border-width:2px!important;border-radius:var(--mobile-radius-md)!important}.sidebar-container{position:fixed!important;top:0!important;left:0!important;height:100dvh!important;width:280px!important;z-index:60;transform:translateX(-100%)!important;transition:transform .3s ease-out!important}.sidebar-container.translate-x-0{transform:translateX(0)!important}.mobile-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.mobile-sidebar-backdrop.visible{display:block;opacity:1;pointer-events:auto}.main-app-container>main{width:100vw!important;max-width:100vw!important;margin-left:0!important;padding-left:0!important}}@media (min-width:769px){.mobile-sidebar-backdrop{display:none!important}}@media (max-width:768px){.mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:64px;padding-bottom:var(--mobile-safe-bottom);background:#fff;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 16px rgba(0,0,0,.06);display:flex!important;justify-content:space-around;align-items:center;z-index:50}.dark .mobile-bottom-nav{background:#09090b;border-top:1px solid hsla(0,0%,100%,.08);box-shadow:0 -4px 16px rgba(0,0,0,.3)}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;color:#71717a;transition:all .15s ease-out;border-radius:var(--mobile-radius-sm);min-width:56px;background:transparent;border:none;transform:scale(1)}.mobile-bottom-nav-item svg{width:20px;height:20px;margin-bottom:2px}.mobile-bottom-nav-item span{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.mobile-bottom-nav-item.active{color:#fff;background:#000;border-radius:var(--mobile-radius-full);padding:10px 16px;transform:scale(1.05) translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.mobile-bottom-nav-item.active svg{width:22px;height:22px}.mobile-bottom-nav-item.active span{font-size:10px;font-weight:700}.dark .mobile-bottom-nav-item.active{background:#fff;color:#000}.mobile-bottom-nav-item:active{transform:scale(.95)}.main-app-container>main{padding-bottom:calc(72px + var(--mobile-safe-bottom))!important}}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}@media (max-width:768px){.main-app-container .text-6xl,.main-app-container .text-8xl,.main-app-container h1.text-6xl,.main-app-container h1.text-8xl{font-size:1.75rem!important;line-height:1.1!important;margin-bottom:.5rem!important}.main-app-container .text-4xl,.main-app-container h2.text-4xl{font-size:1.25rem!important;line-height:1.2!important}.main-app-container .text-3xl{font-size:1.125rem!important}.main-app-container .text-2xl{font-size:1rem!important}.main-app-container .p-6,.main-app-container .p-8{padding:.75rem!important}.main-app-container .px-8{padding-left:.75rem!important;padding-right:.75rem!important}.main-app-container .py-8{padding-top:.75rem!important;padding-bottom:.75rem!important}.main-app-container .gap-6,.main-app-container .gap-8{gap:.75rem!important}.main-app-container .mb-12{margin-bottom:1rem!important}.main-app-container .mb-8{margin-bottom:.75rem!important}.main-app-container header{padding:.5rem .75rem!important}.main-app-container header h2{font-size:1rem!important;margin:0!important}.main-app-container header .bg-yellow-300{display:none!important}.main-app-container .max-w-3xl,.main-app-container .max-w-4xl{max-width:100%!important;padding-left:.5rem;padding-right:.5rem}.main-app-container .max-w-3xl>div{gap:.5rem!important}.main-app-container .w-12.h-12{width:2rem!important;height:2rem!important}.main-app-container .space-y-8>*+*{margin-top:.75rem!important}.main-app-container .border-t-4:last-child:not(.atlas-view-container .border-t-4):not(.atlas-view-container *){position:-webkit-sticky!important;position:sticky!important;bottom:64px!important;padding:.75rem!important;border-top-width:1px!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 -4px 12px rgba(0,0,0,.04)!important}.main-app-container textarea{min-height:48px!important;border-radius:20px!important;padding:.75rem 1rem!important}.main-app-container .lab-title{font-size:1.75rem!important;margin-bottom:1rem!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.main-app-container .p-4.border-b-4{padding:.5rem .75rem!important;border-bottom-width:1px!important}.main-app-container .p-4.border-b-4 button{padding:.5rem .75rem!important;font-size:.75rem!important;gap:.25rem!important}.main-app-container .text-6xl.md\:text-8xl{font-size:1.75rem!important;margin-bottom:.25rem!important}.main-app-container .text-2xl.font-bold.text-zinc-500{font-size:.75rem!important;margin-bottom:1rem!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;margin-top:1rem!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8>div{padding:1rem!important;border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8>div h3{font-size:.875rem!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8>div p{font-size:.65rem!important;line-height:1.3!important}.main-app-container .px-6.py-4{padding:.75rem!important}.main-app-container .flex.items-center.gap-2.font-black.uppercase.hover\:underline{font-size:.65rem!important;margin-bottom:.25rem!important}}@media (max-width:768px){.main-app-container>main:has(.atlas-view-container){padding-bottom:0!important}.atlas-view-container{height:calc(100dvh - 64px - var(--mobile-safe-bottom))!important;padding-bottom:0!important}.atlas-view-container .border-t-4.border-black{border-top-width:1px!important;padding:.75rem!important;position:relative!important;bottom:auto!important;margin-top:auto!important}.atlas-view-container .py-16{padding-top:1rem!important;padding-bottom:1rem!important}.main-app-container .grid.grid-cols-2,.main-app-container .grid.grid-cols-3,.main-app-container .grid.grid-cols-4{display:flex!important;overflow-x:auto!important;gap:.75rem!important;padding-bottom:1rem!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.main-app-container .grid.grid-cols-2>*,.main-app-container .grid.grid-cols-3>*,.main-app-container .grid.grid-cols-4>*{flex-shrink:0!important;width:65vw!important;max-width:240px!important;scroll-snap-align:start!important;border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important}.fixed.inset-0.z-50>div,[class*=fixed][class*=inset-0]>div[class*="dark:bg-zinc"],[class*=fixed][class*=inset-0]>div[class*=bg-white]{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;border-width:0!important}.fixed.inset-0.z-50 .overflow-auto,.fixed.inset-0.z-50 .overflow-y-auto{max-height:calc(100dvh - 4rem)!important;-webkit-overflow-scrolling:touch}.fixed.inset-0 .w-64.border-r-4{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important;flex-direction:row!important;overflow-x:auto!important;flex-shrink:0}.fixed.inset-0 .flex-1.overflow-y-auto.p-8{padding:1rem!important}}@media (max-width:768px){.main-app-container .flex.gap-3:has(input),.main-app-container .flex.gap-4:has(input){flex-direction:column!important;gap:.75rem!important}.main-app-container .flex.gap-2:has(button),.main-app-container .flex.gap-3:has(button){flex-wrap:wrap!important}.main-app-container input:focus,.main-app-container textarea:focus{scroll-margin-bottom:100px}}@media (max-width:768px){.main-app-container .grid.grid-cols-2.gap-4:has(button){grid-template-columns:1fr!important;gap:.5rem!important}.main-app-container .grid.grid-cols-2.gap-4 button{border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important;padding:.875rem!important}.main-app-container .w-full.h-4{height:.375rem!important;border-radius:var(--mobile-radius-full)!important}.main-app-container .text-4xl.font-black,.main-app-container .text-5xl.font-black{font-size:1.5rem!important}}@media (max-width:768px){.main-app-container .flex.gap-4:has(.flex-1){flex-direction:column!important;gap:.75rem!important}.main-app-container .flex-1.border-4{width:100%!important;border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important}.main-app-container .grid.md\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:1fr!important;gap:.75rem!important}.main-app-container .grid.md\:grid-cols-2.lg\:grid-cols-3>*{border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-subtle)!important}}@media (max-width:768px){.main-app-container .flex.h-full:has(.border-r-4){flex-direction:column!important}.main-app-container .border-r-4.w-80,.main-app-container .border-r-4.w-96{width:100%!important;border-right:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.main-app-container .grid.md\:grid-cols-2.lg\:grid-cols-3.gap-8{grid-template-columns:1fr!important;gap:1rem!important}.main-app-container .border-\[6px\].p-8{padding:1.25rem!important;border-width:0!important;border-radius:var(--mobile-radius-md)!important;box-shadow:var(--mobile-shadow-elevated)!important}.min-h-screen.flex{flex-direction:column!important;padding:1rem!important}.max-w-lg,.max-w-md{max-width:100%!important;width:100%!important}.absolute.-left-10,.absolute.-right-10,.absolute.bottom-0,.absolute.top-0{display:none!important}.main-app-container .flex.flex-col.lg\:flex-row{flex-direction:column!important}.main-app-container .lg\:w-80,.main-app-container .lg\:w-96,.main-app-container .w-80,.main-app-container .w-96{width:100%!important;max-width:100%!important}.main-app-container .grid.grid-cols-2.gap-4{grid-template-columns:1fr!important}.main-app-container .overflow-auto,.main-app-container .overflow-x-auto{-webkit-overflow-scrolling:touch}.main-app-container .absolute.bottom-4.right-4{bottom:calc(.5rem + 64px)!important;right:.5rem!important}.main-app-container .text-lg.font-bold{font-size:.8125rem!important}.max-w-\[500px\],.w-\[500px\]{width:100%!important;max-width:100%!important}}@media (max-width:768px){.flex.gap-2:has(input[readonly]){flex-direction:column!important}}@media (max-width:768px){.settings-modal-container{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;border-width:0!important;margin:0!important;box-shadow:none!important;flex-direction:column!important}.settings-close-desktop,.settings-desktop-sidebar{display:none!important}.settings-mobile-header{display:flex!important;flex-direction:column!important;flex-shrink:0!important}.fixed.inset-0.z-\[70\] .settings-modal-content{width:100%!important;padding:0 1rem 1rem!important}.fixed.inset-0.z-\[70\]>div>div:first-child{position:relative}.fixed.inset-0.z-\[70\]>div.flex{flex-direction:column!important}.fixed.inset-0.z-\[70\] .w-64{width:100%!important;height:auto!important;flex-direction:row!important;border-right:none!important;border-bottom:2px solid rgba(0,0,0,.1)!important;overflow-x:auto!important;flex-shrink:0!important}.fixed.inset-0.z-\[70\] .w-64 button{flex:1 1!important;min-width:120px!important;padding:.75rem 1rem!important;border-right:none!important;border-bottom:3px solid transparent!important;font-size:.75rem!important}.fixed.inset-0.z-\[70\] .w-64 button.bg-yellow-300,.fixed.inset-0.z-\[70\] .w-64 button[class*=bg-pink],.fixed.inset-0.z-\[70\] .w-64 button[class*=bg-yellow]{border-bottom-color:#000!important}.fixed.inset-0.z-\[70\] .w-64 .p-6{padding:.75rem!important}.fixed.inset-0.z-\[70\] .w-64 h2{font-size:1.25rem!important}.fixed.inset-0.z-\[70\] .settings-modal-content{flex:1 1!important;overflow-y:auto!important;padding-bottom:calc(2rem + var(--mobile-safe-bottom))!important}.fixed.inset-0.z-\[70\] .settings-modal-content h2{font-size:1.5rem!important;margin-bottom:1rem!important}.fixed.inset-0.z-\[70\] .settings-modal-content .border-\[5px\]{border-width:2px!important;margin-bottom:.75rem!important;padding:1rem!important}.fixed.inset-0.z-\[70\] .settings-modal-content button.w-16.h-8{min-width:64px!important;min-height:32px!important}.fixed.inset-0.z-\[70\] .settings-modal-content .flex.justify-end{padding-top:1rem!important;border-top-width:2px!important}.fixed.inset-0.z-\[70\] button.absolute.top-0.right-0{width:48px!important;height:48px!important;z-index:60!important}}@media (max-width:768px){.main-app-container .border-t-4.border-black.pt-3:has(button:has(.flex.items-center.gap-2)){display:none!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8>div .border-t-4.pt-3{display:none!important}.main-app-container h1.text-6xl,.main-app-container h1:contains("TutorNet"){font-size:1.75rem!important}.main-app-container .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-8{padding-bottom:calc(80px + var(--mobile-safe-bottom))!important}.mobile-bottom-nav-item{min-width:56px!important;padding:8px 12px!important}.mobile-bottom-nav-item span{font-size:9px!important}.mobile-bottom-nav-item.center-tab{padding:12px 20px!important;margin-top:-16px!important}}