.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:linear-gradient(180deg,#0f172a,#1e293b);justify-content:space-around;z-index:1000;border-top:1px solid rgba(148,163,184,.1);box-shadow:0 -2px 10px rgba(0,0,0,.3);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;justify-content:center;gap:4px;padding:8px 12px;background:none;border:none;cursor:pointer;position:relative;color:#94a3b8;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.nav-item.active{color:#38bdf8}.nav-icon{width:24px;height:24px}.nav-label{font-size:11px;font-weight:500;letter-spacing:.3px}.active-indicator{position:absolute;top:0;left:calc(50% - 16px);width:32px;height:3px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:0 0 3px 3px}.mobile-content-wrapper{padding-top:max(24px,env(safe-area-inset-top,24px));padding-bottom:calc(84px + env(safe-area-inset-bottom, 16px))}@media (max-width:768px){.safe-notch-top{padding-top:max(32px,calc(16px + env(safe-area-inset-top, 24px)))!important}.desktop-nav,nav.bg-white.border-b{display:none!important}}@media (min-width:769px){.mobile-bottom-nav{display:none!important}.mobile-content-wrapper{padding-bottom:0}}@media (max-width:768px){.grid.lg\\:grid-cols-2{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.grid.lg\\:grid-cols-2>.border-2.border-blue-500{width:100%!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.grid.lg\\:grid-cols-2>.border-2.border-blue-500 .p-3,.grid.lg\\:grid-cols-2>.border-2.border-blue-500 .p-6{padding:16px!important}.grid.lg\\:grid-cols-2>.border-2.border-blue-500 .flex.items-start{flex-wrap:wrap!important}.grid.lg\\:grid-cols-2>.border-2.border-emerald-200 .p-1,.grid.lg\\:grid-cols-2>.border-2.border-emerald-200 .p-2{padding:8px!important}.grid.grid-cols-2.gap-2.max-h-full{gap:8px!important;padding-right:4px!important}.grid.lg\\:grid-cols-2>.border-2.border-emerald-200 .pb-3,.grid.lg\\:grid-cols-2>.border-2.border-emerald-200 .pt-0{padding-bottom:8px!important;padding-top:8px!important}.mobile-bottom-nav .nav-item{padding:4px 2px!important}.mobile-bottom-nav .nav-label{font-size:10px!important;letter-spacing:.2px!important}.mobile-bottom-nav .nav-icon{width:20px!important;height:20px!important}.badge,[class*=Badge]{padding:4px 8px!important;font-size:11px!important}.grid.grid-cols-3,.grid.grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.grid.grid-cols-3>div,.grid.grid-cols-4>div{min-height:140px!important;padding:16px!important;border-radius:16px!important}.btn,[role=button],button{padding:12px 20px!important}.btn,[role=button],button,input,select,textarea{min-height:48px!important;font-size:16px!important;border-radius:10px!important}input,select,textarea{padding:12px 16px!important}textarea{min-height:120px!important}h1{font-size:28px!important;line-height:1.2!important;margin-bottom:12px!important}h2{font-size:22px!important;line-height:1.3!important;margin-bottom:10px!important}h3{font-size:18px!important;line-height:1.4!important;margin-bottom:8px!important}.p-6,.p-8,.px-6,.px-8{padding-left:16px!important;padding-right:16px!important}.py-6,.py-8{padding-top:16px!important;padding-bottom:16px!important}.container,.max-w-4xl,.max-w-5xl,.max-w-6xl,.max-w-7xl{max-width:100%!important;padding-left:16px!important;padding-right:16px!important}.grid.lg\\:grid-cols-2,.grid.lg\\:grid-cols-3,.grid.md\\:grid-cols-2,.grid.md\\:grid-cols-3{grid-template-columns:1fr!important}div[class*=border],div[class*=rounded-lg]{border-radius:12px!important;margin-bottom:16px!important}svg{min-width:20px!important;min-height:20px!important}.badge,[class*=Badge]{padding:6px 12px!important;font-size:13px!important;border-radius:8px!important}.modal,[role=dialog],div[class*=Dialog]{max-width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important;max-height:90vh!important}.overflow-auto,.overflow-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input[type=checkbox],input[type=radio]{width:24px!important;height:24px!important}.progress,[role=progressbar]{height:12px!important;border-radius:6px!important}img{max-width:100%!important;height:auto!important;border-radius:12px!important}}@keyframes spin-modern{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-spinner{width:48px;height:48px;border-radius:50%;border-color:#10b981 rgba(16,185,129,.4) rgba(16,185,129,.1) rgba(16,185,129,.1);border-style:solid;border-width:4px;animation:spin-modern .8s cubic-bezier(.5,.1,.5,.9) infinite}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;width:100%;gap:16px}.page-transition-enter{opacity:0;transform:translateX(50px)}.page-transition-enter-active{transition:opacity .3s,transform .3s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateX(0)}.page-transition-exit-active{opacity:0;transform:translateX(-50px);transition:opacity .3s,transform .3s}.pull-to-refresh{position:fixed;top:0;left:50%;transform:translateX(-50%);padding:12px 24px;background:rgba(56,189,248,.9);color:white;border-radius:0 0 12px 12px;font-size:14px;font-weight:500;z-index:999;box-shadow:0 4px 12px rgba(56,189,248,.3)}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.optimistic-update{opacity:.6;pointer-events:none}.optimistic-success{animation:success-pulse .5s ease}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}html{scroll-behavior:smooth}@media (max-width:768px){.nav-item,[role=button],button{-webkit-user-select:none;user-select:none}.mobile-mock{padding:16px}.mobile-mock .question-card{font-size:16px;line-height:1.6;margin-bottom:16px}.mobile-mock .option{min-height:52px;padding:14px 16px;border-radius:12px;margin-bottom:12px}.mobile-mock .timer{position:sticky;top:0;background:#020617;padding:12px;z-index:5}.mobile-notes{padding:16px}.mobile-notes .note-card{padding:16px;border-radius:14px;margin-bottom:14px}.mobile-notes h2{font-size:20px;margin-bottom:8px}.mobile-notes li,.mobile-notes p{font-size:16px;line-height:1.7}.mobile-notes ul{padding-left:20px}.mobile-profile{padding:16px}.profile-header{background:linear-gradient(180deg,#111827,#020617);border-radius:16px;padding:16px;margin-bottom:16px}.profile-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.profile-tiles>div{background:#0f172a;border-radius:14px;padding:16px;min-height:72px}.profile-list>div{padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.15);display:flex;justify-content:space-between;align-items:center}.note-header{display:flex;flex-direction:column;gap:8px!important}.note-title{width:100%;font-size:18px!important;font-weight:600;line-height:1.3}.note-desc{font-size:14px!important;color:#4b5563;margin-bottom:8px;line-height:1.5}.btn-text,.note-header .bg-blue-100{display:none!important}.icon-btn{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;justify-content:center!important}.note-actions{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:10px!important;margin-top:12px!important;margin-left:0!important;width:100%!important}.view-btn{flex:1!important;background-color:#16a34a!important;color:white!important;font-size:15px!important}.bookmark-btn,.view-btn{height:44px!important;border-radius:10px!important}.bookmark-btn{width:44px!important;border:2px solid #facc15!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:transparent!important}.study-container{padding:8px!important}.note-card{width:100%!important;padding:12px!important;border-radius:12px!important;margin-bottom:12px!important;border-width:1px!important}.note-content{width:100%!important;padding:0!important}.note-content h1,.note-content h2{font-size:20px!important;line-height:1.3!important;font-weight:700}.note-content li,.note-content p{font-size:16px!important;z-index:2000!important;border-top:1px solid #f1f5f9!important;box-shadow:0 -4px 20px rgba(0,0,0,.05)!important}.mark-completed-btn{order:2!important;flex:1!important;font-size:16px!important;font-weight:600!important}.mark-completed-btn,.mobile-actions .bookmark-btn{margin-top:0!important;height:52px!important;border-radius:12px!important}.mobile-actions .bookmark-btn{order:1!important;width:52px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.space-y-6{padding-bottom:100px!important}.back-btn{width:40px!important;height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:transparent!important;margin-left:-8px!important}.back-btn span:first-child{margin-right:0!important;font-size:24px!important}.min-h-screen{padding:0!important}.note-card .p-6{padding:12px!important}.note-card h4{font-size:16px!important;margin-bottom:4px!important}.action-buttons,.button-group,.cta-actions,.grid.lg\:grid-cols-2 .flex.gap-4,.mobile-action-buttons{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:8px!important}.action-buttons>*,.cta-actions>*,.flex.gap-4>*,.mobile-action-buttons>*{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;flex:1 1 auto!important}.action-buttons button,.cta-actions button,.flex.gap-4 button,.mobile-action-buttons button{width:100%!important;height:auto!important;min-height:44px!important;white-space:normal!important;word-wrap:break-word!important;padding:10px 12px!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;line-height:1.2!important}.cta-actions button svg,.mobile-action-buttons button svg{flex-shrink:0!important;margin-right:6px!important}body,html{overflow-x:hidden!important;width:100%!important;position:relative}}