code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}section{min-height:100px}.page{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;margin:0;color:#333}.page .content{min-height:200px;background-color:#dfdfdf;min-width:960px;max-width:960px;margin:8px 0;border-radius:8px}.page .body{display:flex;flex-direction:column}.page .body ul{line-height:1.8em}.page .body-pad{padding:16px}@media only screen and (max-width: 888px){.page .content{min-width:100%;max-width:100vw}}.tldr .body img{width:100%;height:auto}.tldr-section{padding:40px 20px;max-width:800px;margin:0 auto}.tldr-card{background:#fdfdfd;border:1px solid #ddd;border-radius:12px;padding:24px;box-shadow:0 8px 24px #0000000d}.tldr .subtitle{font-size:1.2rem;color:#666;margin-bottom:20px;text-align:center}.tldr-card ul{padding-left:20px}.tldr-card li{margin-bottom:10px}.tldr-card h3{text-align:center;margin-top:30px;font-size:1.3rem;color:#333}.contact-section a,.contact-section a:link,.contact-section a:hover,.contact-section a:visited{color:#fff;text-decoration:none}.menu-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:960px;max-width:960px;position:absolute;bottom:-15px}.top-menu{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:center;gap:2.5rem;padding:1.5rem 0;font-family:Inter,Helvetica Neue,sans-serif}.top-menu a{position:relative;color:#fff;text-decoration:none;font-size:.8rem;font-weight:500;transition:color .3s ease;font-family:Sora,Arial,Helvetica,sans-serif}.top-menu a:hover{color:#f7c948}.svg-link{position:relative;text-decoration:none;font-size:1.1rem;font-weight:500;color:#fff;transition:color .3s ease;padding-bottom:6px}.svg-link svg{position:absolute;bottom:0;left:0;width:100%;height:5px;fill:none;stroke:#f7c948;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .4s ease}.svg-link:hover{color:#f7c948}.svg-link:hover svg{stroke-dashoffset:0}@media only screen and (max-width: 960px){.menu-wrapper{width:100%;max-width:100%}}.about-me{align-items:center;background-position-x:center;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;background-color:#161616;min-height:250px;width:100%;position:relative}.about-me h1,.about-me h2,.about-me h3,.about-me h4,.about-me h5,.about-me h6{font-weight:800;text-transform:none;margin:12px;padding:auto}.about-text{padding:32px;max-width:960px}.about-text h2{font-size:2em;margin-bottom:16px}.about-text p{line-height:1.6;margin-bottom:16px}.sitemap{font-size:.5em}.sitemap .body img{width:100%;height:auto}.sitemap-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;margin-bottom:20px;transition:box-shadow .2s ease}.sitemap-item:hover{box-shadow:0 4px 12px #00000014}.sitemap-item h3{font-size:1.25rem;font-weight:700;margin-bottom:6px;transition:color .2s ease}.sitemap-item a:hover h3{color:#0056b3;text-decoration:underline}.sitemap-item .summary{font-size:.8rem;color:#444;background-color:#f9f9f9;padding:8px;border-left:3px solid #007bff;border-radius:4px;text-align:justify;margin-top:6px}.sitemap-item .date{font-size:.75rem;color:#999;margin-bottom:4px}.sitemap .h4blue{font-size:16px;cursor:pointer;color:#007bff}.sitemap .h4blue:hover{color:#0056b3;text-decoration:underline}.sitemap-item .body{margin-top:8px;font-size:.95rem;line-height:1.6;color:#333;background-color:#fff;border-radius:8px;padding-top:12px;padding-bottom:12px;animation:fadein .3s ease}.sitemap-item .body p{margin-bottom:.75em}.sitemap .expand-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;margin-top:12px;padding:6px 10px;background-color:#f3f7ff;border:1px solid #cce0ff;border-radius:6px;cursor:pointer;color:#06c;transition:background-color .2s ease}.sitemap .expand-toggle:hover{background-color:#e4efff}.blog .content .code{font-family:Consolas,monospace;font-size:12px;padding:12px;margin:12px 0;background-color:#4d4d4d;color:#fff;overflow-x:auto;line-height:1.5em}.blog .top{align-items:flex-start;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;padding:16px 20px}.blog .top span{font-size:12px;color:#999}.blog .top a,.blog .top a:link,.blog .top a:hover,.blog .top a:visited,.blog .top a:active{text-decoration:none;color:#999}.blog .top h3{line-height:.95em}.blog a:hover h3{color:#0056b3;text-decoration:underline}.blog .top span{margin-left:12px;font-size:10px}.blog .tldr{background:#fff9f6;border-left:4px solid #f9826c;padding:18px 20px;margin:0;font-size:15px;color:#222;line-height:1.7em;border-radius:4px}.blog .tldr:before{content:"TL;DR";display:block;font-weight:700;color:#d8413a;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.blog .tldr .generated{font-size:12px;font-style:italic;color:#777}.blog .body{font-size:16px;line-height:1.7;margin:0 auto}.blog .body p,.blog .body li{margin-bottom:1em}.blog .body img{width:100%;height:auto;border-radius:8px;box-shadow:0 1px 6px #00000014;margin:20px 0}.controller{font-size:32px;font-weight:600;text-transform:uppercase;margin:32px 0 20px;letter-spacing:1.2px}.blog .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.blog .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease both}.reaction-bar{padding:.5rem 1rem;text-align:center;border-top:none;background:#49494914;border-radius:8px;margin-left:auto;margin-right:auto}.reaction-icon-wrapper{position:relative}.reaction-emoji-count{color:#aaa;font-size:.7rem;margin-top:2px;line-height:1}.reaction-icon{cursor:pointer;font-size:2rem;transition:transform .2s ease-in-out,filter .3s ease,color .3s ease;filter:grayscale(1);color:gray;display:inline-block;padding:.2rem .6rem}.reaction-icon:hover{transform:scale(1.2);filter:none}.reaction-icon.liked{filter:none;color:#ff3b47;text-shadow:0 0 5px rgba(255,59,71,.7)}.reaction-icon.bounce{animation:bounce .6s}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.4)}50%{transform:scale(1.1)}70%{transform:scale(1.3)}to{transform:scale(1)}}.reaction-count{font-size:.8rem;color:#828282;margin-left:auto}.landing-page{margin:0;padding:0;position:relative;display:flex;flex-direction:column}.logo{font-size:28px;height:100%;margin:0 12px}.promo-0{align-items:center;background-position-x:center;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:550px;width:100%;position:relative}.contact-section{align-items:center;display:flex;justify-content:center;background-color:#000;color:#fff;flex-direction:column}.contact-section .content-container{font-size:12px;line-height:2.5em;max-width:960px;padding:32px}.content-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.playground{font-size:.5em}.playground .body img{width:100%;height:auto}.playground-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;margin-bottom:20px;transition:box-shadow .2s ease}.playground-item:hover{box-shadow:0 4px 12px #00000014}.playground-item h3{font-size:1.25rem;font-weight:700;margin-bottom:6px;transition:color .2s ease}.playground-item a:hover h3{color:#0056b3;text-decoration:underline}.playground-item .summary{font-size:.8rem;color:#444;background-color:#f9f9f9;padding:8px;border-left:3px solid #007bff;border-radius:4px;text-align:justify;margin-top:6px}.playground-item .date{font-size:.75rem;color:#999;margin-bottom:4px}.playground .h4blue{font-size:16px;cursor:pointer;color:#007bff}.playground .h4blue:hover{color:#0056b3;text-decoration:underline}.playground-item .body{margin-top:8px;font-size:.95rem;line-height:1.6;color:#333;background-color:#fff;border-radius:8px;padding-top:12px;padding-bottom:12px;animation:fadein .3s ease}.playground-item .body p{margin-bottom:.75em}.playground .expand-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;margin-top:12px;padding:6px 10px;background-color:#f3f7ff;border:1px solid #cce0ff;border-radius:6px;cursor:pointer;color:#06c;transition:background-color .2s ease}.playground .expand-toggle:hover{background-color:#e4efff}.timeline-page .content{background:linear-gradient(to bottom,#1f1f1f,#3a3a3a 30%,#5c5c5c 60%,#1f1f1f);color:#fff}.timeline{position:relative;margin:2em auto 0;padding-left:0;border-left:none;display:flex;flex-direction:column;width:90%;max-width:700px}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:150px;background:#007bff;transform:translate(-50%)}.timeline:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-top:12px solid #007bff}.timeline .body img{width:100%;height:auto}.timeline-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;transition:box-shadow .2s ease;position:relative;padding:20px 0;text-align:center}.timeline-item:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background-color:#007bff;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #007bff}.timeline-item:hover{box-shadow:0 4px 12px #00000014}.timeline-item h3{font-size:1.25rem;font-weight:700;margin-bottom:6px;transition:color .2s ease}.timeline-item a:hover h3{color:#0056b3;text-decoration:underline}.timeline-item .summary{font-size:.8rem;color:#444;padding:8px;border-left:none;border-radius:4px;text-align:center;margin-top:6px;background-color:transparent}.timeline-item .date{font-size:.75rem;color:#999;margin-bottom:4px}.timeline .h4blue{font-size:16px;cursor:pointer;color:#007bff}.timeline .h4blue:hover{color:#0056b3;text-decoration:underline}.timeline-item .body{margin-top:8px;font-size:.95rem;line-height:1.6;color:#333;background-color:#fff;border-radius:8px;padding-top:12px;padding-bottom:12px;animation:fadein .3s ease}.timeline-item .body p{margin-bottom:.75em}.timeline .expand-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;margin-top:12px;padding:6px 10px;background-color:#f3f7ff;border:1px solid #cce0ff;border-radius:6px;cursor:pointer;color:#06c;transition:background-color .2s ease}.timeline .expand-toggle:hover{background-color:#e4efff}.timeline-item.past{background-color:#fff8e1}.timeline-item.present{background-color:#e8f1ff}.timeline-item.future{background-color:#f1f1f1}.timeline-item.past:before{background-color:#ffb300;box-shadow:0 0 0 2px #ffb300}.timeline-item.present:before{background-color:#007bff;box-shadow:0 0 0 2px #007bff}.timeline-item.future:before{background-color:#ccc;box-shadow:0 0 0 2px #ccc}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.post-form input[type=text],.post-form input[type=password],.post-form input[type=datetime-local],.post-form textarea{padding:.75rem;border:1px solid #333;border-radius:4px;font-size:1rem;width:100%;background:#2c2c2c;color:#eee}.post-form{max-width:600px;margin:2rem auto;padding:2rem;background:#1e1e1e;border-radius:8px;box-shadow:0 0 10px #ffffff0d;display:flex;flex-direction:column;gap:1.5rem}.post-form label{font-weight:600;color:#ddd;margin-bottom:.5rem}.post-form input[type=text],.post-form input[type=datetime-local],.post-form textarea{padding:.75rem;border:1px solid #333;border-radius:4px;font-size:1rem;width:100%;background:#2c2c2c;color:#eee}.post-form textarea{resize:vertical;min-height:150px}.post-form button{padding:.75rem;background:#f7931a;border:none;border-radius:4px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s ease-in-out}.post-form button:hover{background:#e07f00}.toast{position:fixed;top:-500px;right:0;z-index:5000;box-sizing:border-box;color:#d3fc51;display:flex;align-items:center;max-width:430px;opacity:0;border:2px solid #e0faff;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed;border-radius:8px;background-color:#000c;cursor:default}.message{color:#fff;padding:26px;flex-grow:1;font-weight:600}.close{padding:26px;font-size:42px;display:flex;justify-content:center;align-items:center;cursor:default}@media (max-width: 650px){.toast{width:100%;max-width:auto}}