@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{font-family:Inter,sans-serif;margin:0;padding:0;line-height:1.6;color:#374151;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.prose{max-width:none}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#1f2937;font-weight:700;margin-top:2rem;margin-bottom:1rem}.prose h1{font-size:2.25rem;line-height:1.2}.prose h2{font-size:1.875rem;line-height:1.3}.prose h3{font-size:1.5rem;line-height:1.4}.prose h4{font-size:1.25rem;line-height:1.5}.prose p{margin-bottom:1.25rem;line-height:1.7}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem;line-height:1.6}.prose strong{font-weight:600;color:#1f2937}.prose blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#6b7280}.transition-all{transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.prose{font-size:.95rem}.prose h1{font-size:1.875rem;margin-top:1rem;margin-bottom:.75rem}.prose h2{font-size:1.5rem;margin-top:1rem;margin-bottom:.75rem}.prose h3{font-size:1.25rem;margin-top:.75rem;margin-bottom:.5rem}.prose h4{font-size:1.125rem;margin-top:.75rem;margin-bottom:.5rem}.prose p{margin-bottom:1rem;line-height:1.6}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.25rem}.prose li{margin-bottom:.375rem;line-height:1.5}}@supports (-webkit-touch-callout: none){.h-safe-top{height:env(safe-area-inset-top)}.h-safe-bottom{height:env(safe-area-inset-bottom)}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}}@media (max-width: 768px){body{padding-bottom:80px}body.mobile-study{padding-bottom:0}.mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:9999!important}.smooth-scroll{-webkit-overflow-scrolling:touch}button,.touch-target{min-height:44px;min-width:44px}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.touch-active{transform:scale(.95)}input,textarea,select{-webkit-appearance:none;border-radius:8px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}.dark-mode{background-color:#1a1a1a!important;color:#e5e5e5!important}.dark-mode .min-h-screen{background-color:#1a1a1a!important}.dark-mode .gradient-bg{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)!important}.dark-mode .bg-white{background-color:#2d2d2d!important;color:#e5e5e5!important}.high-contrast{filter:contrast(150%) brightness(110%)}.high-contrast .bg-white{background-color:#fff!important}.sepia-mode{filter:sepia(30%) saturate(80%) hue-rotate(25deg) brightness(105%)}.sepia-mode .min-h-screen{background-color:#f7f3e9!important}.sepia-mode .gradient-bg{background:linear-gradient(135deg,#f7f3e9,#f0e6d2)!important}.sepia-mode .bg-white{background-color:#f7f3e9!important}.night-mode{filter:hue-rotate(180deg) invert(.9) hue-rotate(180deg)}:root{--reading-font-size: 16px;--reading-line-height: 1.6}.reading-mode .prose,.reading-mode .prose h1,.reading-mode .prose h2,.reading-mode .prose h3,.reading-mode .prose h4,.reading-mode .prose h5,.reading-mode .prose h6,.reading-mode .prose p{font-size:var(--reading-font-size)!important;line-height:var(--reading-line-height)!important}.slider::-webkit-slider-thumb{appearance:none;height:20px;width:20px;border-radius:50%;background:#4f46e5;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#4f46e5;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.user-menu-dropdown{animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-avatar{transition:all .2s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.user-menu-item{transition:all .2s ease}.user-menu-item:hover{background-color:#f8fafc;transform:translate(4px)}.user-menu-item:active{background-color:#e2e8f0}.logout-button{transition:all .2s ease}.logout-button:hover{background-color:#fef2f2;color:#dc2626}.logout-button:active{background-color:#fee2e2}body.dark-mode{background-color:#1a1a1a!important;color:#e5e5e5!important}body.sepia-mode{background-color:#f7f3e9!important;color:#5c4a3a!important}body.high-contrast{filter:contrast(150%) brightness(110%)}body.night-mode{filter:hue-rotate(180deg) invert(.9) hue-rotate(180deg)}.dark-mode .prose{color:#e5e5e5!important}.dark-mode .prose h1,.dark-mode .prose h2,.dark-mode .prose h3,.dark-mode .prose h4,.dark-mode .prose h5,.dark-mode .prose h6{color:#f3f4f6!important}.dark-mode .prose strong{color:#f9fafb!important}.dark-mode .prose a{color:#60a5fa!important}.sepia-mode .prose{color:#5c4a3a!important}.sepia-mode .prose h1,.sepia-mode .prose h2,.sepia-mode .prose h3,.sepia-mode .prose h4,.sepia-mode .prose h5,.sepia-mode .prose h6{color:#4a3a2a!important}.sepia-mode .prose strong{color:#3a2a1a!important}