:root{--safe-area-inset-bottom: 0px}@supports (padding: env(safe-area-inset-bottom)){:root{--safe-area-inset-bottom: env(safe-area-inset-bottom)}}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;position:relative}#root{display:flex;flex-direction:column;min-height:100vh}html{font-size:16px}@media(max-width:480px){html{font-size:14px}}.sidebar-open{overflow:hidden}.h-screen{height:100vh;height:100dvh}button,a{min-height:44px;min-width:44px}.flex{max-width:100%}@media(max-width:480px){.p-8{padding:1rem!important}.p-10{padding:1.25rem!important}.p-12,.p-16{padding:1.5rem!important}.md\:p-16{padding:1.5rem}.text-4xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-5xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-6xl{font-size:2.75rem!important;line-height:1!important}.text-7xl{font-size:3rem!important;line-height:1!important}}@media(max-width:768px){.glass{background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.dark .glass{background:#0f172af2!important}}.premium-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.premium-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px -10px #8b5cf640;border-color:#8b5cf666}.dark .premium-hover:hover{box-shadow:0 12px 24px -10px #8b5cf666;border-color:#8b5cf699}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.bento-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;transition:all .3s ease;animation:stagger-fade-in .6s cubic-bezier(.16,1,.3,1) both}.dark .bento-card{background:#1c1b1b;border:1px solid #2a2a2a}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:24px}.dark .glass-card{background:#1c1b1bb3;border:1px solid rgba(255,255,255,.05)}.rim-light{border-top:1px solid rgba(0,0,0,.05)}.dark .rim-light{border-top:1px solid rgba(255,255,255,.1)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#2a2a2a}.study-progress-ring{transition:stroke-dashoffset .5s ease-in-out}.bento-card:nth-child(1){animation-delay:.1s}.bento-card:nth-child(2){animation-delay:.2s}.bento-card:nth-child(3){animation-delay:.3s}.bento-card:nth-child(4){animation-delay:.4s}.bento-card:nth-child(5){animation-delay:.5s}.bento-card:nth-child(6){animation-delay:.6s}.glass-panel{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 30px #0000000d}.dark .glass-panel{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0003}