@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)}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.heatmap-garden-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.react-calendar-heatmap .color-scale-0{fill:#ebedf0}.react-calendar-heatmap .color-scale-1{fill:#9be9a8}.react-calendar-heatmap .color-scale-2{fill:#40c463}.react-calendar-heatmap .color-scale-3{fill:#30a14e}.react-calendar-heatmap .color-scale-4{fill:#216e39}.react-calendar-heatmap rect:hover{stroke:#333;stroke-width:1px;cursor:pointer}.react-calendar-heatmap-month-label{font-size:10px;fill:#767676}.react-calendar-heatmap-weekday-label{font-size:9px;fill:#767676}.react-calendar-heatmap{width:100%;height:auto}.react-calendar-heatmap rect{rx:2;ry:2}.color-scale-0{background-color:#ebedf0}.color-scale-1{background-color:#9be9a8}.color-scale-2{background-color:#40c463}.color-scale-3{background-color:#30a14e}.color-scale-4{background-color:#216e39}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.react-calendar-heatmap rect{animation:fadeIn .3s ease-out}@media(max-width:768px){.react-calendar-heatmap{font-size:8px}.react-calendar-heatmap rect{rx:1;ry:1}}.heatmap-garden-container .bg-white{transition:transform .2s ease,box-shadow .2s ease}.heatmap-garden-container .bg-white:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.heatmap-tooltip{position:absolute;background-color:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:1000;white-space:nowrap;box-shadow:0 4px 6px #0003}.heatmap-tooltip:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.9)}.bionic-word{font-family:inherit;font-size:inherit;color:var(--text-color, inherit)}.bionic-bold-part{font-family:inherit;font-size:inherit;font-weight:var(--reader-bionic-bold-weight, 600)}.bionic-normal-part{font-family:inherit;font-size:inherit;font-weight:var(--reader-bionic-normal-weight, inherit)}.text-span,.space-span{color:var(--text-color, inherit);font-family:inherit;font-size:inherit}.link-span{font-family:inherit;font-size:inherit;color:var(--text-color, inherit)}.blockquote-footer{font-family:inherit}.image-container,.image-style{max-width:100%;height:auto}.unified-text-renderer-container{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.unified-text-renderer-virtuoso{flex:1;width:100%}.reading-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:8px 16px;box-shadow:0 4px 20px #0000001a}.controls-button{background:none;border:none;padding:8px;margin:0 4px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.controls-button:hover{background-color:#0000001a;transform:scale(1.1)}.controls-divider{width:1px;height:20px;background-color:#0000001a;margin:0 8px}.controls-progress{display:flex;align-items:center;gap:8px;margin:0 8px;min-width:100px}.theme-button{background-color:var(--theme-bg);border-color:var(--theme-border, rgba(0,0,0,.1))}.theme-button.selected{border-color:#7e22ce!important}.theme-icon,.theme-text{color:var(--theme-text)}.settings-checkbox,.settings-range{accent-color:#7e22ce}.color-picker-button{border-radius:50%;width:2rem;height:2rem;border:2px solid;cursor:pointer;transition:all .2s ease;background-color:var(--color)}.color-picker-button:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}[data-tooltip]{position:relative;overflow:visible!important}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;background:var(--color-bg-elevated, #1a1a2e);color:var(--color-text-primary, #fff);box-shadow:0 2px 8px #00000026;transition:opacity .15s,transform .15s;z-index:50}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}@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}}