*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.2;color:#e2e8f0;background:#000;min-height:100vh;display:flex;flex-direction:column}body:has(.site-loader){overflow:hidden}a:link{color:#ffff35}.index-space{height:100px}.content{padding:2rem 3rem;background:#0f0f23;backdrop-filter:blur(20px);margin:1rem 0}.home-button,.blog-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#00008c,#000);color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #95ddf94d}.home-button:hover,.blog-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #95ddf966;background:linear-gradient(135deg,#000d87,#95ddf9)}.blog-content{max-width:800px;margin:0 auto}.post-count{margin-top:1rem;color:#a0aec0;font-size:.95rem}.blog-image{max-width:50%;width:600px;height:auto}.home-content{max-width:900px;margin:0 auto}.welcome-text{font-size:1.2rem;color:#cbd5e0;margin-bottom:3rem;text-align:center;line-height:1.8}.featured-section{margin:3rem 0}.featured-posts{display:grid;gap:2rem;margin-top:2rem}.featured-post{background:#1a1a2ecc;padding:2rem;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #0006;transition:all .3s ease}.featured-post:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0009;border-color:#95ddf966}.hobby-content{max-width:900px;margin:0 auto}.hobby-categories{margin:3rem 0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.category-card{background:#1a1a2ecc;padding:2rem;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #0006;transition:all .3s ease;text-align:center}.category-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0009;border-color:#95ddf966}.category-card h3{margin-bottom:1rem;color:#e2e8f0}.category-card p{color:#a0aec0;margin-bottom:1.5rem}.category-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#000d87,#95ddf9);color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid rgba(149,221,249,.3)}.category-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #95ddf966;border-color:#95ddf999}.recent-hobby-posts{margin:3rem 0}.hobby-posts{display:grid;gap:2rem;margin-top:2rem}.hobby-post{background:#1a1a2ecc;padding:2rem;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #000;transition:all .3s ease}.hobby-post:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0009;border-color:#95ddf966}.hobby-about{background:#1a1a2ecc;padding:2rem;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #0006;margin:3rem 0}.category-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#1a1a2ecc;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #0006}.category-posts{display:grid;gap:2rem;margin-bottom:3rem}.category-post{background:#1a1a2ecc;padding:2rem;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #0006;transition:all .3s ease}.category-post:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0009;border-color:#95ddf966}.category-navigation{text-align:center;margin-top:3rem}.post-header{margin-bottom:2rem;padding:1.75rem;background:#1a1a2ecc;border:1px solid rgba(149,221,249,.2);box-shadow:0 8px 32px #0006}.breadcrumb{margin-bottom:1.5rem;font-size:.9rem;color:#a0aec0}.breadcrumb a{color:#ffff35;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}h1{color:#e2e8f0;font-size:2.5rem;font-weight:700;margin:1rem 0 .5rem;padding-bottom:.75rem;line-height:1.2}.post-content{line-height:1.8;font-size:1.1rem}.post-content h2{color:#e2e8f0;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(149,221,249,.3)}.post-content h2:first-letter{color:#0091ff;font-size:135%;border-top:3px solid #ffffff;border-left:3px solid rgb(120,120,120)}.post-content h3{color:#cbd5e0;margin:1.5rem 0 1rem}.post-content p{margin-bottom:1.5rem;color:#cbd5e0}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:2rem}.post-content li{margin-bottom:.5rem;color:#cbd5e0}.post-content code{background:#95ddf933;padding:.2rem .4rem;font-family:Courier New,monospace;color:#ffff35}.post-content pre{background:#1a1a2e;color:#e2e8f0;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0;border:1px solid rgba(149,221,249,.2);font-size:.95rem;line-height:1.6;max-width:100%}.post-content pre code{background:none;color:inherit;padding:0;font-size:inherit}.post-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem 1rem 2rem;background:#1a1a2e99;border-left:4px solid #95ddf9;color:#cbd5e0;position:relative;box-shadow:0 2px 8px #0000004d}.post-content blockquote:before{content:'"';position:absolute;left:.5rem;top:.5rem;font-size:2rem;color:#95ddf94d;font-family:Georgia,serif;line-height:1}.post-content blockquote p{margin-bottom:.75rem;position:relative;z-index:1}.post-content blockquote p:last-child{margin-bottom:0}.shiki{overflow-x:auto;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;line-height:1.6;padding:1.25rem 1.5rem;margin:1.5rem 0;background:#1a1a2e;border:1px solid rgba(149,221,249,.2);max-width:100%}.post-navigation{margin-top:3rem;text-align:center}.adjacent-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;text-align:left}.adjacent-post-link{display:grid;gap:.4rem;padding:1rem 1.25rem;border:1px solid rgba(149,221,249,.25);background:#1a1a2ecc;color:#e2e8f0;text-decoration:none;transition:all .3s ease}.adjacent-post-link:hover{transform:translateY(-2px);border-color:#95ddf9cc;box-shadow:0 8px 24px #95ddf926}.adjacent-post-link-next{text-align:right}.adjacent-post-link-empty{visibility:hidden}.adjacent-post-label{color:#a0aec0;font-size:.9rem}.adjacent-post-title{color:#fff;line-height:1.5}@media(max-width:1024px){.content{padding:1.5rem 2rem}}@media(max-width:768px){.main-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.content{margin:0 1rem 1rem}.category-grid{grid-template-columns:1fr}h1{font-size:2rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.home-button,.blog-button,.reload-button{width:100%;max-width:300px;text-align:center}.post-content pre,.shiki{font-size:.85rem;padding:1rem;margin:1rem 0}.adjacent-posts{grid-template-columns:1fr}.adjacent-post-link-next{text-align:left}}.site-header{background:#0f0f23;backdrop-filter:blur(20px);padding:1rem 2rem;box-shadow:0 4px 20px #000;position:sticky;top:0;z-index:100;border-bottom:1px solid #95ddf9}.site-nav{display:flex;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.site-nav a{color:#cbd5e0;text-decoration:none;padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;border-bottom:2px solid transparent}.site-nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#95ddf9,transparent);transition:left .5s ease}.site-nav a:hover:before{left:100%}.site-nav a:hover{color:#f5faff;background:#95ddf91a;transform:translateY(-2px);border-bottom-color:#000d87}.menu-toggle{display:none;background:#0f0f23;color:#e2e8f0;border:1px solid #95ddf9;padding:.5rem .75rem;font-size:1.25rem}@media(max-width:768px){.site-nav{position:absolute;left:0;right:0;top:64px;display:none;flex-direction:column;gap:0;background:#0f0f23fa;border-bottom:1px solid rgba(149,221,249,.3);padding:.5rem 0}.site-nav.open{display:flex}.site-nav a{padding:1rem 1.5rem;border-bottom:1px solid rgba(149,221,249,.15)}.menu-toggle{display:inline-block}}.main-container{display:grid;grid-template-columns:320px 1fr;gap:0;flex:1}.main-container.no-sidebar{grid-template-columns:1fr}.main-container.no-sidebar .content{max-width:none;width:100%;margin:1rem 0}.sidebar{background:#050a1a;backdrop-filter:blur(20px);border-right:1px solid #95ddf9;padding:2rem 1.5rem;position:sticky;top:0;left:0;box-shadow:4px 0 20px #000;align-self:start}.sidebar-section{margin-bottom:2.5rem;padding:1.5rem;background:#0a0f22;border:1px solid #95ddf9;box-shadow:0 8px 32px #000;transition:all .3s ease}.sidebar-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #000;background:#0a0f22;border-color:#ffff35}.sidebar-section h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #95ddf9;position:relative}.sidebar-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#00008c)}.sidebar-section ul{list-style:none}.sidebar-section li{margin-bottom:.5rem}.sidebar-section a{color:#cbd5e0;text-decoration:none;padding:.5rem .75rem;display:block;transition:all .2s ease;font-size:.95rem;position:relative;overflow:hidden;border-left:3px solid transparent}.sidebar-section a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#95ddf9,transparent);transition:left .5s ease}.sidebar-section a:hover:before{left:100%}.sidebar-section a:hover{color:#f5faff;background:#05008d;transform:translate(5px);border-left-color:#95ddf9}@media(max-width:1024px){.main-container{grid-template-columns:280px 1fr}.sidebar{height:auto;position:relative;border-right:none;border-bottom:1px solid rgba(149,221,249,.3);box-shadow:0 4px 20px #00000080;padding:1.5rem 1rem}.sidebar-section{padding:1rem;margin-bottom:1.5rem}}html{scroll-behavior:smooth}.pagetopBtn{position:fixed;height:40px;width:40px;right:30px;bottom:30px;background:#95ddf9;border:solid 2px #000000;display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer;transform:translateY(0);opacity:0;transition:opacity .3s ease,transform .3s ease}.pagetopBtn.shown{opacity:1;transform:translateY(15%) rotate(-45deg)}.pagetop__arrow{position:relative;height:12px;width:12px;border-top:3px solid #000000;border-right:3px solid #000000}.pagetop__arrow:after{content:"";position:absolute;width:2.5px;height:0;background:#000;top:50%;left:50%;transform:translate(-50%) rotate(45deg);transform-origin:top center;transition:height .1s ease}@media(hover:hover)and (pointer:fine){.pagetopBtn:hover .pagetop__arrow:after{height:10px}.pagetopBtn:hover{border:4px solid rgba(179,29,40,.3)}}.site-footer{background:#0f0f23;backdrop-filter:blur(20px);text-align:center;padding:1.5rem;color:#cbd5e0;border-top:1px solid #95ddf9;box-shadow:0 -4px 20px #000}.site-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top,rgba(149,221,249,.2),transparent 45%),linear-gradient(135deg,#020617,#06121f 45%,#000);transition:opacity .5s ease,visibility .5s ease}.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.site-loader__default{display:grid;gap:1.5rem;justify-items:center}.site-loader--landing .site-loader__default,.site-loader--landing.site-loader--fallback .site-loader__landing{display:none}.site-loader--landing.site-loader--fallback .site-loader__default{display:grid}html.use-default-landing-loader .site-loader--landing .site-loader__landing{display:none}html.use-default-landing-loader .site-loader--landing .site-loader__default{display:grid}.site-loader__inner{width:min(28rem,100%);display:grid;gap:1.5rem;text-align:center;justify-items:center;position:relative;z-index:1}.site-loader__spinner{position:relative;width:clamp(5.5rem,14vw,7.5rem);aspect-ratio:1}.site-loader__ring{position:absolute;inset:0;border-radius:50%;border-style:solid;border-color:transparent;filter:drop-shadow(0 0 10px rgba(149,221,249,.18))}.site-loader__ring--outer{border-width:.35rem;border-top-color:#95ddf9;border-right-color:#95ddf973;animation:site-loader-spin 1.35s linear infinite}.site-loader__ring--middle{inset:.7rem;border-width:.28rem;border-bottom-color:#d8f4ff;border-left-color:#d8f4ff6b;animation:site-loader-spin-reverse 1.95s linear infinite}.site-loader__ring--inner{inset:1.4rem;border-width:.24rem;border-top-color:#6cb3ff;border-left-color:#6cb3ff80;animation:site-loader-spin .95s linear infinite}.site-loader__label{font-size:clamp(1.1rem,2vw,1.5rem);letter-spacing:.3em;color:#d8f4ff}.site-loader__copy{display:grid;gap:.55rem}.site-loader__title{font-size:clamp(1.3rem,2.8vw,2rem);letter-spacing:.28em;color:#f2fbff}.site-loader__subtitle{font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:#d8f4ff9e}.site-loader__sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(216,244,255,.12),transparent 10%),radial-gradient(circle at 72% 35%,rgba(149,221,249,.09),transparent 9%),radial-gradient(circle at 84% 70%,rgba(216,244,255,.08),transparent 8%)}.site-loader__star{position:absolute;left:var(--star-left, 100vw);top:50%;height:3px;border-radius:999px;background:linear-gradient(90deg,#f2fbff,#d8f4ff8c 35%,#fff0);box-shadow:0 0 12px #95ddf959;transform:rotate(-34deg)}.site-loader__star:after{content:"";position:absolute;left:-.28rem;top:50%;width:.9rem;height:.9rem;background:linear-gradient(90deg,transparent 43%,#f2fbff 43%,#f2fbff 57%,transparent 57%),linear-gradient(180deg,transparent 43%,#f2fbff 43%,#f2fbff 57%,transparent 57%);filter:drop-shadow(0 0 6px rgba(242,251,255,.95));transform:translateY(-50%) rotate(45deg)}.site-loader__star--one{--star-left: 92vw;top:8%;width:11rem;animation:site-loader-shoot 1.9s linear infinite}.site-loader__star--two{--star-left: 74vw;top:16%;width:8rem;animation:site-loader-shoot 2.4s linear infinite .4s}.site-loader__star--three{--star-left: 56vw;top:24%;width:6.5rem;animation:site-loader-shoot 1.45s linear infinite .85s}.site-loader__star--four{--star-left: 102vw;top:31%;width:9rem;animation:site-loader-shoot 2.8s linear infinite 1.2s}.site-loader__star--five{--star-left: 38vw;top:39%;width:7.4rem;animation:site-loader-shoot 1.7s linear infinite .2s}.site-loader__star--six{--star-left: 85vw;top:46%;width:10.5rem;animation:site-loader-shoot 2.2s linear infinite 1s}.site-loader__star--seven{--star-left: 24vw;top:54%;width:5.8rem;animation:site-loader-shoot 1.3s linear infinite .55s}.site-loader__star--eight{--star-left: 64vw;top:61%;width:8.8rem;animation:site-loader-shoot 2.6s linear infinite 1.5s}.site-loader__star--nine{--star-left: 12vw;top:68%;width:6.9rem;animation:site-loader-shoot 1.55s linear infinite .95s}.site-loader__star--ten{--star-left: 48vw;top:75%;width:9.8rem;animation:site-loader-shoot 2.05s linear infinite .75s}.site-loader__star--eleven{--star-left: 30vw;top:83%;width:7.9rem;animation:site-loader-shoot 1.85s linear infinite 1.35s}.site-loader__star--twelve{--star-left: 78vw;top:90%;width:5.2rem;animation:site-loader-shoot 1.15s linear infinite .1s}.site-loader--landing .site-loader__inner{gap:1.25rem}.site-loader__landing{display:grid;gap:1.25rem;justify-items:center}@keyframes site-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes site-loader-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes site-loader-shoot{0%{opacity:0;transform:translateZ(0) rotate(-34deg) scaleX(.7)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate3d(calc(-140vw - 24rem),98vw,0) rotate(-34deg) scaleX(1)}}