@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-app: #EEDFB8;--color-bg-paper: #F6EBD0;--color-bg-surface: #FAF2E3;--color-bg-elevated: #FFFFFF;--color-text-primary: #2C2621;--color-text-secondary: #5D544D;--color-text-tertiary: #8D7E72;--color-text-muted: #A89888;--color-border: #DBCBA8;--color-border-light: rgba(44, 38, 33, .08);--color-border-strong: rgba(44, 38, 33, .15);--color-accent: #8B5CF6;--color-accent-light: #A78BFA;--color-accent-dark: #7C3AED;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-highlight: rgba(139, 92, 246, .15);--color-selection: rgba(139, 92, 246, .25);--shadow-sm: 0 1px 2px rgba(44, 38, 33, .06);--shadow-md: 0 4px 12px rgba(44, 38, 33, .1);--shadow-lg: 0 10px 30px rgba(44, 38, 33, .14);--shadow-xl: 0 20px 50px rgba(44, 38, 33, .18);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--cover-color-1: #8F9779;--cover-color-2: #8A9BA8;--cover-color-3: #B8A398;--cover-color-4: #A1AAB7;--cover-color-5: #C4A882;--cover-color-6: #9B8EA0;--cover-color-7: #7D9B8F;--cover-color-8: #B0908A;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--spacing-unit: .25rem;--bar-h: 52px;--bar-bg: rgba(255, 255, 255, .8);--bar-border: rgba(0, 0, 0, .06);--bar-shadow: 0 2px 8px rgba(0, 0, 0, .06);--bar-blur: 12px;--bar-px: 1rem;--btn-radius: 10px;--bar-icon: 18px;--bar-text: var(--color-text-primary);--bar-text-secondary: var(--color-text-secondary);--bar-transition: .16s cubic-bezier(.2, 0, 0, 1)}[data-theme=green],.theme-green{--color-bg-app: #E8F3EC;--color-bg-paper: #F2F8F4;--color-bg-surface: #FFFFFF;--color-text-primary: #1B4332;--color-text-secondary: #2D6A4F;--color-text-tertiary: #52796F;--color-border: #B7E4C7;--color-border-light: rgba(27, 67, 50, .08);--color-accent: #10B981;--color-accent-light: #34D399;--color-accent-dark: #059669;--color-highlight: rgba(16, 185, 129, .15);--color-selection: rgba(16, 185, 129, .25);--cover-color-1: #8F9779;--cover-color-2: #8A9BA8;--cover-color-3: #B8A398;--cover-color-4: #A1AAB7;--cover-color-5: #C4A882;--cover-color-6: #9B8EA0;--cover-color-7: #7D9B8F;--cover-color-8: #B0908A}[data-theme=blue],.theme-blue{--color-bg-app: #EFF6FF;--color-bg-paper: #F8FAFC;--color-bg-surface: #FFFFFF;--color-text-primary: #1E3A5F;--color-text-secondary: #3B5998;--color-text-tertiary: #6B7280;--color-border: #BFDBFE;--color-border-light: rgba(30, 58, 95, .08);--color-accent: #3B82F6;--color-accent-light: #60A5FA;--color-accent-dark: #2563EB;--color-highlight: rgba(59, 130, 246, .15);--color-selection: rgba(59, 130, 246, .25);--cover-color-1: #8F9779;--cover-color-2: #8A9BA8;--cover-color-3: #B8A398;--cover-color-4: #A1AAB7;--cover-color-5: #C4A882;--cover-color-6: #9B8EA0;--cover-color-7: #7D9B8F;--cover-color-8: #B0908A}[data-theme=dark],.theme-dark{--color-bg-app: #0F0F0F;--color-bg-paper: #1A1A1A;--color-bg-surface: #242424;--color-bg-elevated: #2E2E2E;--color-text-primary: #D4D4D4;--color-text-secondary: #A0A0A0;--color-text-tertiary: #737373;--color-text-muted: #525252;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-border-strong: rgba(255, 255, 255, .12);--color-accent: #A78BFA;--color-accent-light: #C4B5FD;--color-accent-dark: #8B5CF6;--color-highlight: rgba(167, 139, 250, .2);--color-selection: rgba(167, 139, 250, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--cover-color-1: #3A4A3A;--cover-color-2: #3A4A52;--cover-color-3: #4A3A36;--cover-color-4: #404A52;--cover-color-5: #4A4030;--cover-color-6: #3E3642;--cover-color-7: #2E4038;--cover-color-8: #463432;--bar-bg: rgba(20, 20, 22, .78);--bar-border: rgba(255, 255, 255, .1);--bar-shadow: 0 2px 8px rgba(0, 0, 0, .3);--bar-text: #ECECEC;--bar-text-secondary: #B8B8B8}[data-theme=light],.theme-light{--color-bg-app: #FFFFFF;--color-bg-paper: #FAFAFA;--color-bg-surface: #F5F5F5;--color-bg-elevated: #FFFFFF;--color-text-primary: #1F2937;--color-text-secondary: #4B5563;--color-text-tertiary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--color-border-light: rgba(0, 0, 0, .05);--color-border-strong: rgba(0, 0, 0, .12);--color-highlight: rgba(139, 92, 246, .1);--color-selection: rgba(139, 92, 246, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--cover-color-1: #8F9779;--cover-color-2: #8A9BA8;--cover-color-3: #B8A398;--cover-color-4: #A1AAB7;--cover-color-5: #C4A882;--cover-color-6: #9B8EA0;--cover-color-7: #7D9B8F;--cover-color-8: #B0908A}.bg-app{background-color:var(--color-bg-app)}.bg-paper{background-color:var(--color-bg-paper)}.bg-surface{background-color:var(--color-bg-surface)}.bg-elevated{background-color:var(--color-bg-elevated)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.border-theme{border-color:var(--color-border)}.border-light{border-color:var(--color-border-light)}.border-strong{border-color:var(--color-border-strong)}.text-accent{color:var(--color-accent)}.bg-accent{background-color:var(--color-accent)}.border-accent{border-color:var(--color-accent)}.bg-highlight{background-color:var(--color-highlight)}.bg-selection{background-color:var(--color-selection)}.shadow-theme-sm{box-shadow:var(--shadow-sm)}.shadow-theme-md{box-shadow:var(--shadow-md)}.shadow-theme-lg{box-shadow:var(--shadow-lg)}.shadow-theme-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition-duration:var(--duration-fast)}.transition-normal{transition-duration:var(--duration-normal)}.transition-slow{transition-duration:var(--duration-slow)}.rounded-theme-sm{border-radius:var(--radius-sm)}.rounded-theme-md{border-radius:var(--radius-md)}.rounded-theme-lg{border-radius:var(--radius-lg)}.rounded-theme-xl{border-radius:var(--radius-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .5s ease-out forwards}.animate-slideInRight{animation:slideInRight .5s ease-out forwards}.animate-slideInUp{animation:slideInUp .4s ease-out forwards}.animate-slideInDown{animation:slideInDown .4s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-bounce{animation:bounce 1s ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s ease-in-out infinite}.btn-enhanced{position:relative;overflow:hidden;transition:all .3s ease;transform-style:preserve-3d}.btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-enhanced:active{transform:translateY(0);transition:all .1s ease}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-enhanced:hover:before{left:100%}.card-enhanced{transition:all .3s ease;transform-style:preserve-3d}.card-enhanced:hover{transform:translateY(-5px) rotateX(5deg);box-shadow:0 20px 40px #0000001a}.modal-backdrop{animation:fadeIn .3s ease-out}.modal-content{animation:scaleIn .3s ease-out}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:50px 50px;animation:shimmer 2s linear infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.will-animate{will-change:transform,opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}input[type=range]{transition:all .3s ease}input[type=range]:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}input[type=range]:active{transform:scale(1.05)}input[type=range]:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.toggle-switch{transition:all .3s ease}.toggle-switch:hover{transform:scale(1.05)}.toggle-switch:active{transform:scale(.98)}input[type=text],input[type=email],input[type=password],textarea{transition:all .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{transform:scale(1.02);box-shadow:0 0 0 3px #a855f74d}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spinner .8s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 3s ease-in-out infinite}.glow-purple:focus{box-shadow:0 0 0 3px #a855f766,0 0 20px #a855f733}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}:root{--color-dark-bg-app: #0F0F0F;--color-dark-bg-paper: #1A1A1A;--color-dark-bg-surface: #242424;--color-dark-text-primary: #D4D4D4;--color-dark-text-secondary: #A0A0A0;--color-dark-text-tertiary: #737373;--color-dark-border: rgba(255, 255, 255, .08);--color-dark-border-strong: rgba(255, 255, 255, .12);--color-dark-highlight: rgba(100, 149, 237, .2);--color-dark-shadow-sm: rgba(0, 0, 0, .3);--color-dark-shadow-md: rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark)and (min-width:99999px){body,html{background-color:var(--color-dark-bg-app);color:var(--color-dark-text-primary)}#main-scroll-container{background-color:var(--color-dark-bg-app)!important;color:var(--color-dark-text-primary)!important;box-shadow:inset 0 0 60px var(--color-dark-shadow-md),inset 0 1px #ffffff0a!important}.unified-text-renderer{background-color:var(--color-dark-bg-app);color:var(--color-dark-text-primary)}.unified-text-renderer div[style*=fontFamily],.unified-text-renderer max-w-3xl{background-color:var(--color-dark-bg-paper);border-left:1px solid var(--color-dark-border);border-right:1px solid var(--color-dark-border);box-shadow:inset 0 1px 2px #ffffff05}pre{background-color:var(--color-dark-bg-surface)!important;border:1px solid var(--color-dark-border-strong);color:var(--color-dark-text-primary)!important;box-shadow:0 4px 12px var(--color-dark-shadow-md)}code{color:#60a5fa!important;background-color:#1e90ff1a;padding:2px 6px;border-radius:3px}p,span,div{color:var(--color-dark-text-primary)}a{color:#60a5fa;text-decoration:underline}a:hover{color:#93c5fd;text-decoration:none}strong,b{color:var(--color-dark-text-primary)}em,i{color:var(--color-dark-text-secondary)}hr{border-color:var(--color-dark-border)}blockquote{border-left-color:#60a5fa;color:var(--color-dark-text-secondary);background-color:#6495ed0d}li{color:var(--color-dark-text-primary)}table{border-color:var(--color-dark-border);background-color:var(--color-dark-bg-surface)}th,td{border-color:var(--color-dark-border);color:var(--color-dark-text-primary)}th{background-color:#6495ed1a;color:var(--color-dark-text-primary)}}@media(prefers-color-scheme:dark)and (min-width:99999px){::selection{background-color:var(--color-dark-highlight);color:var(--color-dark-text-primary)}.highlight-wrapper{background-color:var(--color-dark-highlight);mix-blend-mode:overlay;color:inherit}.dynamic-sentence-wrapper:hover{background-color:#6495ed26;mix-blend-mode:overlay}}@media(prefers-color-scheme:dark){.dynamic-text-gray{color:#9ca3af!important}.dynamic-text-red{color:#f87171!important}.dynamic-text-blue{color:#60a5fa!important}.dynamic-text-green{color:#34d399!important}}@media(prefers-color-scheme:dark)and (min-width:99999px){.reading-footer,footer{background-color:var(--color-dark-bg-paper);border-top:1px solid var(--color-dark-border);color:var(--color-dark-text-primary)}.modal,[role=dialog]{background-color:var(--color-dark-bg-paper);border:1px solid var(--color-dark-border);box-shadow:0 20px 60px var(--color-dark-shadow-md)}button{background-color:var(--color-dark-bg-surface);color:var(--color-dark-text-primary);border:1px solid var(--color-dark-border)}button:hover{background-color:#6495ed26;border-color:var(--color-dark-border-strong)}input,textarea{background-color:var(--color-dark-bg-surface);color:var(--color-dark-text-primary);border:1px solid var(--color-dark-border)}input:focus,textarea:focus{background-color:#6495ed0d;border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #6495ed1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:#fff3}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}}@media(prefers-color-scheme:dark)and (prefers-contrast:more){#main-scroll-container{background-color:#0a0a0a;color:#e8e8e8}.unified-text-renderer div[style*=fontFamily]{background-color:#121212}}@media(prefers-color-scheme:dark)and (prefers-contrast:more){.highlight-wrapper{background-color:#6495ed59;border:1px solid #60A5FA}.dynamic-text-blue{color:#6dd5ff!important}.dynamic-text-green{color:#4ade80!important}}