:root{--bg-color:#fff;--text-primary:#222;--text-secondary:#444;--text-muted:#888;--border-color:#e0e0e0;--nav-hover:#333;--timeline-line:#000;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-quote:1.15rem;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:40px;--spacing-xl:80px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-round:50%;--transition-fast:.2s ease;--transition-standard:.3s ease;--shape-red:#ff4d4d;--shape-yellow:#fc0;--shape-blue:#06c;margin:0;padding:0}html,body{background-color:var(--bg-color);min-height:100vh;transition:background-color var(--transition-standard), color var(--transition-standard);margin:0;padding:0}body.dark{--bg-color:#121212;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#777;--border-color:#333;--nav-hover:#fff;--timeline-line:#fff}body{color:var(--text-secondary);justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}#root{width:70%;max-width:900px;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.theme-toggle{cursor:pointer;z-index:100;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;right:15px}.theme-circle{background-color:var(--text-primary);border-radius:var(--border-radius-round);width:12px;height:12px;transition:all var(--transition-standard)}body.dark .theme-circle{background-color:#fff}.theme-toggle:hover{transform:scale(1.1)}.shapes-container{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:center;display:flex}.shape{opacity:0;width:50px;height:50px;animation:.2s ease-out forwards fadeInOnly}.gentle-load.red-triangle{animation:.6s ease-out .2s forwards fadeInOnly}.gentle-load.yellow-circle{animation:.6s ease-out .4s forwards fadeInOnly}.gentle-load.blue-square{animation:.6s ease-out .6s forwards fadeInOnly}.red-triangle{background-color:var(--shape-red);clip-path:polygon(100% 0,100% 100%,0 100%)}.yellow-circle{background-color:var(--shape-yellow);border-radius:var(--border-radius-round)}.blue-square{background-color:var(--shape-blue)}.nav-box,.content-box,.timeline-item{opacity:0;animation:.2s ease-out forwards fadeInOnly}.nav-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:350px;padding:15px 30px;display:flex;position:relative}.nav-links{gap:30px;display:flex}.gentle-load-nav{animation-duration:.5s!important;animation-delay:.6s!important}.gentle-load-content{animation-duration:.5s!important;animation-delay:.8s!important}.nav-box a{color:var(--text-muted);font-size:var(--font-size-base);transition:color var(--transition-fast);text-decoration:none}.nav-box a:hover{color:var(--nav-hover)}.content-box{width:100%;min-width:350px;margin-top:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);box-sizing:border-box;line-height:1.6}.content-box h1{font-size:var(--font-size-xl);color:var(--text-primary);margin-top:0}.page-content{opacity:0;animation:.3s ease-out forwards fadeInOnly}.inline-comment{color:var(--text-muted);font-style:italic}.timeline{margin-top:var(--spacing-md);padding-left:var(--spacing-lg);box-sizing:border-box;width:100%;position:relative}.timeline-item{margin-bottom:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";background-color:var(--timeline-line);width:20px;height:1px;position:absolute;top:15px;left:-40px}.timeline-item:after{content:"";background-color:var(--timeline-line);width:1px;position:absolute;top:15px;bottom:-75px;left:-40px}.timeline-item:last-child:after{display:none}.post-link{color:inherit;text-decoration:none;display:block}.post-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 5px;font-weight:600}.post-date{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--spacing-sm)}.post-desc{font-size:var(--font-size-base);color:var(--text-secondary)}.back-link{margin-bottom:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-base);text-decoration:none;display:inline-block}@keyframes fadeInOnly{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.post-content p{margin-bottom:var(--spacing-md)}.blog-quote{border-left:2px solid var(--text-primary);padding:var(--spacing-sm) 0 var(--spacing-sm) 25px;font-style:italic;font-size:var(--font-size-quote);color:var(--text-primary);margin:30px 0;line-height:1.5}.quote-author{font-style:normal;font-size:var(--font-size-base);margin-top:var(--spacing-sm);color:var(--text-muted);display:block}.section-divider{width:33.33%;height:2px;margin:var(--spacing-lg) auto;background-image:radial-gradient(circle, var(--text-muted) 1px, transparent 1px);background-position:50%;background-repeat:repeat-x;background-size:12px 2px}@media (width<=600px){#root{width:90%;padding-top:var(--spacing-md)}.nav-box{padding:var(--spacing-md)}.nav-links{gap:var(--spacing-md)}.shapes-container{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.content-box{padding:var(--spacing-md)}}