*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background-color:#0f1419;background-image:url("/assets/img/metalheart-bg.jpg");background-attachment:fixed;background-position:center;background-size:cover;color:#d9e3ed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(15,20,25,0.65) 0%, rgba(26,35,50,0.6) 100%);pointer-events:none;z-index:-1}body.page-about{background-image:url("/assets/img/metalheart-about.jpg")}body.page-about::after{content:"";position:fixed;top:-4%;left:-4%;right:-4%;bottom:-4%;background-image:url("/assets/img/metalheart-about.jpg");background-size:cover;background-position:center;filter:blur(10px) saturate(1.1);opacity:0.22;transform:translate3d(0, 0, 0) scale(1.08);animation:about-bg-drift 20s ease-in-out infinite alternate;pointer-events:none;z-index:-2}@keyframes about-bg-drift{0%{transform:translate3d(-1.25%, -1%, 0) scale(1.08);filter:blur(8px) saturate(1.08)}50%{transform:translate3d(1.25%, .8%, 0) scale(1.1);filter:blur(12px) saturate(1.14)}100%{transform:translate3d(-.8%, 1.2%, 0) scale(1.09);filter:blur(9px) saturate(1.1)}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}img{max-width:100%;height:auto;display:block}a{color:#7fa5c8;text-decoration:none;border-bottom:2px solid rgba(127,165,200,0.2);transition:all 300ms ease-in-out;position:relative}a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00d4ff;transition:width 300ms ease-in-out}a:hover,a:focus-visible{color:#00d4ff;border-bottom-color:transparent;text-shadow:0 0 10px rgba(0,212,255,0.6),0 0 20px rgba(0,212,255,0.3)}a:hover::after,a:focus-visible::after{width:100%}a:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}ul,ol{margin-left:24px;margin-bottom:24px}li{margin-bottom:8px}code{font-family:"IBM Plex Mono","Courier Prime",monospace;background-color:rgba(45,62,79,0.2);color:#6ba896;padding:4px 8px;border-radius:2px;font-size:0.9em}pre{background-color:rgba(45,62,79,0.3);border-left:3px solid #00d4ff;padding:24px;overflow-x:auto;margin-bottom:24px;border-radius:4px}pre code{background:none;padding:0;font-size:0.85em}blockquote{border-left:3px solid #8fa5b8;padding-left:24px;margin:24px 0;font-style:italic;color:#8fa5b8}hr{border:none;border-top:1px solid #5a6b7e;margin:48px 0}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-weight:600;line-height:1.3;margin-top:48px;margin-bottom:24px;color:#d9e3ed;letter-spacing:.05em}h1{font-size:2.8rem;font-weight:700;color:#7fa5c8;transition:300ms ease-in-out}h1:hover{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,0.3),0 0 20px rgba(0,212,255,0.1)}h2{font-size:2.2rem;font-weight:600;color:#5a9fa8}h3{font-size:1.6rem;font-weight:600}h4{font-size:1.3rem;font-weight:500}h5,h6{font-size:18px;font-weight:500}p{margin-bottom:24px;max-width:65ch}p:last-child{margin-bottom:0}small{font-size:14px;color:#8fa5b8}strong{font-weight:700;color:#d9e3ed}em{font-style:italic;color:#8fa5b8}a{position:relative;padding-bottom:2px}a:hover{color:#ff0080}code{font-size:0.9em}h1,h2,h3{position:relative}h1::before,h2::before,h3::before{content:"";position:absolute;left:-24px;width:3px;height:100%;background:linear-gradient(to bottom, #00d4ff, #b000ff);opacity:0;transition:opacity 300ms ease-in-out}h1:hover::before,h2:hover::before,h3:hover::before{opacity:0.5}::selection{background-color:#00d4ff;color:#0f1419}::-moz-selection{background-color:#00d4ff;color:#0f1419}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 24px}.container-wide{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.page-content{padding:64px 24px;max-width:720px}.page-content h1{margin-bottom:32px}.page-content h2{margin-top:64px;margin-bottom:16px}.page-content p,.page-content ul,.page-content ol{margin-bottom:24px;line-height:1.7}.page-content ul,.page-content ol{padding-left:32px}.page-content ul li,.page-content ol li{margin-bottom:8px}body.page-about::before{background:linear-gradient(165deg, rgba(6,22,34,0.55) 0%, rgba(9,30,44,0.52) 45%, rgba(8,24,36,0.62) 100%),repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,212,255,0.02) 2px, rgba(0,212,255,0.02) 4px)}body.page-about .page-content{max-width:1120px;padding-top:64px;padding-bottom:64px}body.page-about #about.about-retro{max-width:1000px;margin:0 auto;position:relative;isolation:isolate;display:grid;gap:48px}body.page-about #about.about-retro>*{position:relative;z-index:2}body.page-about #about.about-retro::after{content:"";position:absolute;top:210px;right:-36px;width:38%;height:62%;border-radius:16px;border:1px solid rgba(171,230,255,0.18);background:linear-gradient(180deg, rgba(116,203,240,0.12) 0%, rgba(76,172,216,0.08) 100%);box-shadow:inset 0 1px 0 rgba(209,244,255,0.18);z-index:1;pointer-events:none}body.page-about #about.about-retro h1,body.page-about #about.about-retro h2,body.page-about #about.about-retro p,body.page-about #about.about-retro ul,body.page-about #about.about-retro li{max-width:none}body.page-about #about.about-retro h1{margin-top:0;margin-bottom:16px;color:#a6dcff;font-size:clamp(2rem, 4vw, 3.1rem);letter-spacing:0.08em;text-transform:uppercase;text-shadow:0 0 18px rgba(88,206,255,0.35)}body.page-about #about.about-retro h2{margin-top:0;margin-bottom:16px;color:#67c8de;font-size:clamp(1.3rem, 2.2vw, 1.9rem);letter-spacing:0.03em}body.page-about #about.about-retro p,body.page-about #about.about-retro li{color:#e4eef7;font-size:clamp(1rem, 1.3vw, 1.1rem);line-height:1.8;text-wrap:pretty}body.page-about #about.about-retro ul{padding-left:32px}body.page-about #about.about-retro strong{color:#f4fbff}body.page-about #about.about-retro a{color:#97dfff;border-bottom-color:rgba(151,223,255,0.35)}body.page-about #about.about-retro a:hover,body.page-about #about.about-retro a:focus-visible{color:#baf0ff;text-shadow:0 0 10px rgba(151,223,255,0.5)}body.page-about #about.about-retro .about-hero-panel{position:relative;padding:48px;border-radius:14px;border:1px solid rgba(190,234,255,0.42);background:linear-gradient(180deg, rgba(22,57,80,0.56) 0%, rgba(10,34,49,0.58) 100%),linear-gradient(120deg, rgba(210,244,255,0.16) 0%, rgba(130,214,245,0.06) 60%, rgba(255,255,255,0.02) 100%);box-shadow:0 24px 50px rgba(0,0,0,0.3),inset 0 1px 0 rgba(235,250,255,0.3);overflow:hidden}body.page-about #about.about-retro .about-hero-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(90deg, rgba(195,242,255,0.26) 0%, rgba(195,242,255,0.02) 80%);pointer-events:none}body.page-about #about.about-retro .about-kicker{margin-bottom:8px;color:rgba(214,246,255,0.9);text-transform:uppercase;letter-spacing:0.14em;font-size:0.8rem}body.page-about #about.about-retro .about-lead{font-size:clamp(1.06rem, 1.8vw, 1.24rem);color:#f1f8ff;max-width:60ch}body.page-about #about.about-retro .about-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}body.page-about #about.about-retro .about-layout .about-card{position:relative;z-index:2}body.page-about #about.about-retro .about-card{padding:32px;border-radius:12px;border:1px solid rgba(179,231,255,0.28);background:linear-gradient(180deg, rgba(15,46,66,0.5) 0%, rgba(10,33,47,0.52) 100%);box-shadow:inset 0 1px 0 rgba(220,244,255,0.15)}body.page-about #about.about-retro .about-card:nth-child(2){transform:translateY(8px)}body.page-about #about.about-retro .about-card:nth-child(3){transform:translateY(-10px)}body.page-about #about.about-retro .about-card-wide{grid-row:span 2}body.page-about #about.about-retro .about-meta-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px}body.page-about #about.about-retro .about-meta-grid .about-card:nth-child(2){transform:translateY(14px)}body.page-about #about.about-retro .about-meta-grid .about-card:nth-child(3){transform:translateY(-8px)}body.page-about #about.about-retro .about-card-accent{border-color:rgba(120,214,255,0.45);background:linear-gradient(180deg, rgba(21,61,86,0.54) 0%, rgba(10,38,56,0.54) 100%)}body.page-about #about.about-retro .about-card-label{margin:0 0 16px 0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:0.14em;font-size:0.68rem;color:rgba(204,242,255,0.9)}body.page-about #about.about-retro .about-card-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, rgba(198,241,255,0.55) 0%, rgba(198,241,255,0.05) 100%)}body.page-about #about.about-retro .about-module-watermark{position:absolute;left:-118px;top:150px;font-family:"IBM Plex Mono","Courier Prime",monospace;font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(162,220,244,0.32);transform:rotate(-90deg);transform-origin:left top;pointer-events:none;z-index:3;text-shadow:0 0 10px rgba(128,210,245,0.18)}.hero{position:relative;padding:96px 24px;background:linear-gradient(135deg, rgba(127,165,200,0.15) 0%, rgba(90,159,168,0.1) 50%, rgba(107,168,150,0.15) 100%);overflow:hidden;background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,212,255,0.02) 2px, rgba(0,212,255,0.02) 4px),repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,212,255,0.02) 2px, rgba(0,212,255,0.02) 4px),linear-gradient(135deg, rgba(127,165,200,0.15) 0%, rgba(90,159,168,0.1) 50%, rgba(107,168,150,0.15) 100%);background-size:40px 40px, 40px 40px, 100% 100%;background-position:0 0, 0 0, 0 0}.hero::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle, rgba(0,212,255,0.12) 0%, transparent 70%);filter:blur(80px);pointer-events:none;z-index:2}.hero::after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle, rgba(176,0,255,0.08) 0%, transparent 70%);filter:blur(100px);pointer-events:none;z-index:2}.hero>*{position:relative;z-index:3}.hero h1{font-size:3.36rem;letter-spacing:.05em;margin-bottom:24px;color:#7fa5c8;transition:300ms ease-in-out}.hero h1:hover{color:#00d4ff;text-shadow:0 0 15px rgba(0,212,255,0.6)}.hero p{font-size:18px;color:#b8c9d9}.section{padding:64px 24px;border-bottom:1px solid rgba(127,165,200,0.2);position:relative;background:linear-gradient(180deg, rgba(15,20,25,0.3) 0%, rgba(26,35,50,0.25) 100%);backdrop-filter:blur(8px)}.section::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,212,255,0.015) 2px, rgba(0,212,255,0.015) 4px);pointer-events:none;z-index:1}.section>*{position:relative;z-index:2}.section:last-child{border-bottom:none}.section.section-featured{position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(45,62,79,0.25) 0%, rgba(15,20,25,0.15) 100%);backdrop-filter:blur(12px);border:2px solid rgba(0,212,255,0.2);border-right-color:rgba(176,0,255,0.2);box-shadow:inset 0 1px 0 rgba(0,212,255,0.15),0 8px 32px rgba(0,212,255,0.08)}.section.section-featured::before{content:"";position:absolute;top:-100px;right:-200px;width:600px;height:600px;clip-path:polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);background:linear-gradient(135deg, rgba(176,0,255,0.2) 0%, rgba(0,212,255,0.1) 100%);filter:blur(60px);z-index:1}.section.section-featured>*{position:relative;z-index:3}.grid-posts{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:32px;margin-bottom:48px}.post-list{display:flex;flex-direction:column;gap:48px;margin-bottom:48px}.post-list .post-list-item{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start;background:linear-gradient(135deg, rgba(45,62,79,0.18) 0%, rgba(45,62,79,0.12) 100%);border:1px solid rgba(127,165,200,0.3);border-left:3px solid rgba(0,212,255,0.6);border-radius:4px;padding:32px;backdrop-filter:blur(6px);box-shadow:0 4px 24px rgba(0,0,0,0.25);transition:all 300ms ease-in-out}.post-list .post-list-item:hover{border-left-color:#00d4ff;box-shadow:0 8px 32px rgba(0,0,0,0.35),0 0 20px rgba(0,212,255,0.08);transform:translateY(-2px)}.post-list .post-list-item.post-list-item--no-image{grid-template-columns:1fr}.post-list .post-list-meta{display:flex;flex-direction:column;gap:16px}.post-list .post-list-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;opacity:0.85}.post-list .post-list-kicker{font-family:"IBM Plex Mono","Courier Prime",monospace;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(0,212,255,0.7)}.post-list .post-list-title{font-size:1.4rem;line-height:1.3;margin:0;font-weight:700}.post-list .post-list-title a{color:#d9e3ed;text-decoration:none}.post-list .post-list-title a:hover{color:#00d4ff}.post-list .post-list-desc{color:#8fa5b8;font-size:0.95rem;line-height:1.65;margin:0}.post-list .post-list-footer{display:flex;align-items:center;gap:24px;margin-top:8px}.post-gallery-track{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,0.4) rgba(15,20,25,0.3);padding:24px 0 48px;cursor:grab}.post-gallery-track:active{cursor:grabbing}.post-gallery-track::-webkit-scrollbar{height:4px}.post-gallery-track::-webkit-scrollbar-track{background:rgba(15,20,25,0.3)}.post-gallery-track::-webkit-scrollbar-thumb{background:rgba(0,212,255,0.4);border-radius:2px}.post-gallery{display:flex;flex-direction:row;gap:32px;width:max-content;padding:0 48px}.post-gallery .post-gallery-item{flex:0 0 380px;width:380px;display:flex;flex-direction:column;background:linear-gradient(160deg, rgba(45,62,79,0.22) 0%, rgba(45,62,79,0.1) 100%);border:1px solid rgba(127,165,200,0.28);border-top:2px solid rgba(0,212,255,0.35);border-radius:4px;overflow:hidden;backdrop-filter:blur(8px);box-shadow:0 6px 28px rgba(0,0,0,0.3);transition:all 300ms ease-in-out;scroll-snap-align:start}.post-gallery .post-gallery-item:hover{border-top-color:#00d4ff;box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 24px rgba(0,212,255,0.1);transform:translateY(-4px)}.post-gallery .post-gallery-img{width:100%;aspect-ratio:16/9;overflow:hidden}.post-gallery .post-gallery-img img{width:100%;height:100%;object-fit:cover;opacity:0.8;transition:opacity 300ms ease-in-out,transform 0.5s ease}.post-gallery .post-gallery-img--placeholder{background:linear-gradient(135deg, rgba(45,62,79,0.4) 0%, rgba(26,35,50,0.8) 100%);display:flex;align-items:center;justify-content:center}.post-gallery .post-gallery-item:hover .post-gallery-img img{opacity:1;transform:scale(1.03)}.post-gallery .post-gallery-type{font-family:"IBM Plex Mono","Courier Prime",monospace;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(0,212,255,0.5);border:1px solid rgba(0,212,255,0.2);padding:0.3em 0.8em;border-radius:2px}.post-gallery .post-gallery-body{padding:32px;display:flex;flex-direction:column;gap:16px;flex-grow:1}.post-gallery .post-gallery-title{font-size:1.2rem;line-height:1.3;margin:0;font-weight:700}.post-gallery .post-gallery-title a{color:#d9e3ed;text-decoration:none}.post-gallery .post-gallery-title a:hover{color:#00d4ff}.post-gallery .post-gallery-desc{color:#8fa5b8;font-size:0.9rem;line-height:1.65;margin:0;flex-grow:1}.grid-journal{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:24px;margin-bottom:48px}.card{background:linear-gradient(135deg, rgba(45,62,79,0.18) 0%, rgba(45,62,79,0.12) 100%);border:2px solid rgba(127,165,200,0.4);border-left:4px solid rgba(127,165,200,0.8);border-top:2px solid rgba(0,212,255,0.2);padding:24px;border-radius:4px;transition:all 300ms ease-in-out;position:relative;overflow:hidden;backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(0,212,255,0.1),0 4px 16px rgba(0,0,0,0.3);background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,212,255,0.03) 2px, rgba(0,212,255,0.03) 4px),repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,212,255,0.03) 2px, rgba(0,212,255,0.03) 4px),repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(176,0,255,0.01) 1px, rgba(176,0,255,0.01) 2px),linear-gradient(135deg, rgba(45,62,79,0.18) 0%, rgba(45,62,79,0.12) 100%);background-size:30px 30px, 30px 30px, 70px 70px, 100% 100%}.card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0,212,255,0) 0%, rgba(176,0,255,0.1) 50%, rgba(0,212,255,0) 100%);opacity:0;transition:opacity 300ms ease-in-out;pointer-events:none;z-index:1}.card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid transparent;border-left-color:#00d4ff;border-top-color:#b000ff;border-right-color:rgba(0,212,255,0.3);border-bottom-color:rgba(176,0,255,0.3);opacity:0;transition:opacity 400ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:1}.card:hover{border-color:rgba(0,212,255,0.8);border-left-color:#00d4ff;border-top-color:#00d4ff;background:linear-gradient(135deg, rgba(45,62,79,0.28) 0%, rgba(127,165,200,0.18) 100%);transform:translateY(-8px);box-shadow:0 0 30px rgba(0,212,255,0.4),0 16px 40px rgba(0,212,255,0.15),inset 0 0 30px rgba(0,212,255,0.08)}.card:hover::before{opacity:1}.card:hover::after{opacity:1}.card:hover h3{color:#00d4ff;text-shadow:0 0 12px #00d4ff,0 0 24px rgba(0,212,255,0.6)}.card>*{position:relative;z-index:2}.card h3{transition:all 300ms ease-in-out;color:#7fa5c8;margin-top:0}main{padding-top:48px;padding-bottom:48px}main>*+*{margin-top:48px}article{max-width:65ch;margin:0 auto}article .article-meta{display:flex;gap:24px;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid rgba(127,165,200,0.2);color:#8fa5b8;font-size:14px}article .article-meta span{display:flex;align-items:center;gap:8px}article .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}article .article-tags a{display:inline-block;padding:4px 8px;background-color:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);border-radius:2px;color:#00d4ff;font-size:14px}article .article-tags a:hover{background-color:rgba(0,212,255,0.2);border-color:#00d4ff}.gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:24px;margin:48px 0}.gallery figure{margin:0}.gallery figure img{width:100%;height:auto;border-radius:4px;transition:transform 300ms ease-in-out}.gallery figure img:hover{transform:scale(1.02)}.gallery figure figcaption{margin-top:8px;font-size:14px;color:#8fa5b8;font-style:italic}nav{padding:24px;background:linear-gradient(180deg, rgba(15,20,25,0.45) 0%, rgba(26,35,50,0.4) 100%);border-bottom:1px solid rgba(0,212,255,0.2);backdrop-filter:blur(24px);z-index:50;box-shadow:0 4px 16px rgba(0,0,0,0.2),inset 0 1px 0 rgba(0,212,255,0.1)}nav::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,212,255,0.005) 2px, rgba(0,212,255,0.005) 4px);pointer-events:none;z-index:1}nav ul{list-style:none;margin:0;display:flex;gap:24px;flex-wrap:wrap;max-width:1024px;margin-left:auto;margin-right:auto;padding:0 24px;position:relative;z-index:2}nav li{margin:0}nav a{position:relative;color:#8fa5b8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:14px;padding:4px 8px;transition:all 300ms ease-in-out;font-weight:500;letter-spacing:.05em}nav a::before{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:#00d4ff;transition:width 300ms ease-in-out}nav a:hover,nav a.active{color:#7fa5c8}nav a:hover::before,nav a.active::before{width:100%}nav .portal-link{display:inline-flex;align-items:center;gap:4px}nav .portal-link:hover{color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,0.3)}nav .portal-icon{font-size:0.85em;display:inline-block;opacity:0.7;transition:all 300ms ease-in-out}nav .portal-link:hover .portal-icon{opacity:1;transform:translateY(-2px)}header{padding:32px 24px;max-width:1024px;margin:0 auto}header .site-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:2.2rem;margin:0;margin-bottom:8px;color:#7fa5c8;transition:300ms ease-in-out}header .site-title a{color:inherit}header .site-title a:hover{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,0.3),0 0 20px rgba(0,212,255,0.1)}header .site-subtitle{color:#8fa5b8;font-size:14px;margin:0;font-style:italic}footer{margin-top:64px;padding:48px 24px;border-top:2px solid rgba(0,212,255,0.3);background:linear-gradient(180deg, rgba(45,62,79,0.18) 0%, rgba(26,35,50,0.22) 100%);backdrop-filter:blur(10px);position:relative;box-shadow:inset 0 1px 0 rgba(0,212,255,0.15)}footer::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,212,255,0.01) 2px, rgba(0,212,255,0.01) 4px);pointer-events:none}footer .footer-content{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:48px;position:relative;z-index:1;text-align:center}footer .footer-section h3{margin-top:0;margin-bottom:24px;color:#00d4ff;font-size:18px;text-shadow:0 0 12px rgba(0,212,255,0.4);transition:all 300ms}footer .footer-section h3:hover{color:#ff0080;text-shadow:0 0 20px rgba(255,0,128,0.6)}footer ul{list-style:none;margin:0;padding:0}footer ul li{margin:0 0 8px 0}footer ul li a{color:#5a9fa8;font-size:14px;transition:all 300ms ease-in-out;position:relative;display:inline-block}footer ul li a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00d4ff;transition:width 300ms ease-in-out}footer ul li a:hover{color:#00d4ff;text-shadow:0 0 15px rgba(0,212,255,0.6)}footer ul li a:hover::after{width:100%}footer .footer-meta{grid-column:1 / -1;padding-top:24px;border-top:1px solid rgba(0,212,255,0.2);color:#8fa5b8;font-size:14px;text-align:center;position:relative;z-index:2}footer .footer-meta p{margin:0;transition:color 300ms}footer .footer-meta p:hover{color:#5a9fa8}.webring-widget{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px}.webring-widget .webring-nav{color:#00d4ff;font-weight:700;padding:0 4px;text-decoration:none;transition:color 300ms ease-in-out,text-shadow 300ms ease-in-out}.webring-widget .webring-nav:hover{color:#ff0080;text-shadow:0 0 12px rgba(255,0,128,0.7)}.webring-widget .webring-name{color:#5a9fa8;font-size:14px;text-decoration:none;border-bottom:1px dashed rgba(90,159,168,0.4);transition:color 300ms ease-in-out}.webring-widget .webring-name:hover{color:#00d4ff;border-bottom-color:#00d4ff}.webring-pending{font-size:14px;color:#5a6b7e;margin-bottom:16px}.webring-pending a{color:#5a9fa8;text-decoration:none}.webring-pending a:hover{color:#00d4ff}.webring-pending em{color:#b8c9d9;opacity:0.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.btn{display:inline-block;padding:8px 24px;background:linear-gradient(180deg, rgba(15,20,25,0.5) 0%, rgba(26,35,50,0.45) 100%);border:1px solid rgba(0,212,255,0.25);color:#7fa5c8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:14px;text-decoration:none;transition:all 300ms ease-in-out;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(16px);text-shadow:none;font-weight:600;box-shadow:inset 0 1px 0 rgba(0,212,255,0.1),0 4px 12px rgba(0,0,0,0.2)}.btn::before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00d4ff;transition:width 300ms ease-in-out}.btn:hover,.btn:focus-visible{background:linear-gradient(180deg, rgba(15,20,25,0.65) 0%, rgba(26,35,50,0.6) 100%);color:#00d4ff;border-color:rgba(0,212,255,0.4);box-shadow:0 0 20px rgba(0,212,255,0.25),inset 0 1px 0 rgba(0,212,255,0.2);text-shadow:0 0 8px rgba(0,212,255,0.4)}.btn:hover::before,.btn:focus-visible::before{width:100%}.btn.btn-primary{background:linear-gradient(180deg, rgba(0,212,255,0.35) 0%, rgba(0,212,255,0.25) 100%);color:#7fa5c8;border-color:rgba(0,212,255,0.35);backdrop-filter:blur(16px)}.btn.btn-primary:hover{background:linear-gradient(180deg, rgba(0,212,255,0.5) 0%, rgba(0,212,255,0.4) 100%);color:#00d4ff;border-color:#00d4ff;box-shadow:0 0 25px rgba(0,212,255,0.35),inset 0 0 15px rgba(0,212,255,0.1)}.date-badge{display:inline-block;padding:4px 8px;background-color:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);border-radius:2px;font-family:"IBM Plex Mono","Courier Prime",monospace;font-size:14px;color:#00d4ff}.reading-time{color:#8fa5b8;font-size:14px;font-style:italic}.article-footer .h-card{display:flex;align-items:center;gap:24px;padding:24px;background-color:rgba(45,62,79,0.15);border:1px solid rgba(127,165,200,0.2);border-radius:4px;margin:48px 0}.article-footer .h-card .photo{width:80px;height:80px;border-radius:50%;flex-shrink:0}.article-footer .h-card .info h3{margin:0 0 4px 0}.article-footer .h-card .info p{margin:0;font-size:14px;color:#8fa5b8}.webmentions{margin:48px 0;padding:24px;background-color:rgba(45,62,79,0.15);border-left:3px solid #b000ff;border-radius:4px}.webmentions h3{margin-top:0;color:#b000ff}.webmentions .webmention-item{margin-bottom:24px;padding:16px;background-color:rgba(45,62,79,0.2);border-radius:2px;font-size:14px}.webmentions .webmention-item .webmention-author{font-weight:600;color:#00d4ff}.webmentions .webmention-item .webmention-date{color:#8fa5b8}.search-form{display:flex;gap:8px;margin-bottom:48px}.search-form input{flex:1;padding:8px 16px;background-color:rgba(45,62,79,0.25);border:1px solid rgba(127,165,200,0.3);border-radius:4px;color:#d9e3ed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif}.search-form input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,0.1)}.search-form input::placeholder{color:#8fa5b8}.search-form button{padding:8px 24px;background-color:#00d4ff;color:#0f1419;border:none;border-radius:4px;font-family:"IBM Plex Mono","Courier Prime",monospace;cursor:pointer;transition:all 300ms ease-in-out}.search-form button:hover{background-color:#ff0080}.about-hero{margin:48px 0;overflow:hidden;border-radius:4px;border:1px solid rgba(0,212,255,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.3),inset 0 1px 0 rgba(0,212,255,0.1)}.about-hero img{width:100%;height:auto;display:block;filter:brightness(0.95) contrast(1.05);transition:filter 300ms ease-in-out}.about-hero:hover img{filter:brightness(1) contrast(1.1)}.fade-in-on-scroll{opacity:0;transform:translateY(30px);transition:all 500ms ease-in-out}.fade-in-on-scroll.in-view{opacity:1;transform:translateY(0)}.neon-reveal{position:relative;transition:300ms ease-in-out}.neon-reveal::before{content:"";position:absolute;top:0;left:-100%;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(0,212,255,0.1), transparent);opacity:0;transition:opacity 300ms ease-in-out;pointer-events:none}.neon-reveal::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-top-color:rgba(0,212,255,0);border-right-color:rgba(176,0,255,0);opacity:0;transition:opacity 300ms ease-in-out;pointer-events:none}.neon-reveal:hover::before{opacity:1}.neon-reveal:hover::after{opacity:1;border-top-color:rgba(0,212,255,0.8);border-right-color:rgba(176,0,255,0.8);border-bottom-color:rgba(0,212,255,0.4);border-left-color:rgba(176,0,255,0.4)}a.link-glow{transition:300ms ease-in-out;color:#7fa5c8;position:relative}a.link-glow:hover{color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,0.8),0 0 16px rgba(0,212,255,0.5),0 0 24px rgba(0,212,255,0.3)}button,.button,.btn{transition:all 400ms cubic-bezier(0.34, 1.56, 0.64, 1)}button:hover,.button:hover,.btn:hover{transform:translateY(-4px);box-shadow:0 0 15px rgba(0,212,255,0.4),0 10px 20px rgba(0,0,0,0.2)}button:active,.button:active,.btn:active{transform:translateY(-1px)}.text-layer{position:relative}.text-layer::before{content:attr(data-text);position:absolute;left:0;top:0;z-index:0;opacity:0.05;color:#00d4ff;white-space:pre-wrap;word-break:break-word;pointer-events:none}.corner-accent{position:relative}.corner-accent::before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid rgba(0,212,255,0);border-left:2px solid rgba(0,212,255,0);transition:border-color 300ms ease-in-out}.corner-accent::after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:2px solid rgba(0,212,255,0);border-right:2px solid rgba(0,212,255,0);transition:border-color 300ms ease-in-out}.corner-accent:hover::before,.corner-accent:hover::after{border-color:rgba(0,212,255,0.8)}.parallax-bg{position:relative;overflow:hidden}.parallax-bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@supports (object-view-box: inset(0)){.parallax-bg img{object-view-box:inset(0)}}.fractal-reveal{position:relative;transition:all 500ms ease-in-out}.fractal-reveal::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3Cfilter id='fractal-noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='6' seed='1'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='100' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='500' cy='500' r='400' fill='%23a855f7' filter='url(%23fractal-noise)' opacity='0.15'/%3E%3C/svg%3E");background-size:200%;background-position:0 0;opacity:0;transition:opacity 500ms ease-in-out;pointer-events:none;z-index:1}.fractal-reveal:hover::after{opacity:0.4;animation:fractal-drift 8s infinite}@keyframes fractal-drift{0%{background-position:0 0}50%{background-position:100% 100%}100%{background-position:0 0}}.occult-accent{position:relative}.occult-accent::before{content:"✦";position:absolute;font-size:1.5em;color:#b000ff;opacity:0;transition:opacity 300ms ease-in-out;text-shadow:0 0 10px rgba(176,0,255,0.5)}.occult-accent:hover::before{opacity:0.6}.glow-neon{position:relative;transition:all 300ms ease-in-out}.glow-neon:hover{text-shadow:0 0 8px #00d4ff,0 0 16px #00d4ff;color:#00d4ff}@keyframes breathing{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.95;transform:scale(1.01)}}.breathing{animation:breathing 4s ease-in-out infinite}.stagger-list li{opacity:0;animation:stagger-fade 0.5s forwards}.stagger-list li:nth-child(1){animation-delay:.1s}.stagger-list li:nth-child(2){animation-delay:.2s}.stagger-list li:nth-child(3){animation-delay:.3s}.stagger-list li:nth-child(4){animation-delay:.4s}.stagger-list li:nth-child(5){animation-delay:.5s}.stagger-list li:nth-child(6){animation-delay:.6s}.stagger-list li:nth-child(7){animation-delay:.7s}.stagger-list li:nth-child(8){animation-delay:.8s}.stagger-list li:nth-child(9){animation-delay:.9s}.stagger-list li:nth-child(10){animation-delay:1s}@keyframes stagger-fade{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.dark-mode-toggle{position:fixed;bottom:24px;right:24px;width:50px;height:50px;background-color:rgba(0,212,255,0.1);border:1px solid #00d4ff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 300ms ease-in-out;z-index:1000}.dark-mode-toggle:hover{background-color:rgba(0,212,255,0.2);box-shadow:0 0 20px rgba(0,212,255,0.3)}.dark-mode-toggle:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}.scroll-indicator{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);opacity:0;animation:bounce-down 3s ease-in-out 2s infinite}.scroll-indicator svg{width:24px;height:24px;stroke:#00d4ff}@keyframes bounce-down{0%,100%{opacity:0;transform:translateX(-50%) translateY(0)}50%{opacity:1}100%{transform:translateX(-50%) translateY(10px)}}:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}@media (max-width: 480px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hero{min-height:50vh;padding:32px 8px}.hero h1{font-size:1.75rem}.hero p{font-size:16px}.section{padding:32px 8px}.grid-posts{grid-template-columns:1fr}.post-list .post-list-item,.post-gallery{grid-template-columns:1fr}.post-gallery-track{overflow-x:hidden;padding-bottom:32px}.post-gallery{flex-direction:column;width:100%}.post-gallery-item{flex:none;width:100%}.grid-journal{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}nav ul{flex-direction:column;gap:8px}.container,.container-wide{padding:0 8px}article{padding:0 8px}.article-footer .h-card{flex-direction:column;text-align:center}.article-footer .h-card .photo{width:60px;height:60px}.footer-content{grid-template-columns:1fr}body.page-about .page-content{padding-top:32px;padding-bottom:32px}body.page-about #about.about-retro{padding:24px;border-radius:10px}body.page-about #about.about-retro::after{display:none}body.page-about #about.about-retro .about-module-watermark{display:none}body.page-about #about.about-retro .about-hero-panel,body.page-about #about.about-retro .about-card{padding:16px}body.page-about #about.about-retro .about-hero-panel{min-height:auto}body.page-about #about.about-retro .about-layout,body.page-about #about.about-retro .about-meta-grid{grid-template-columns:1fr;gap:16px}body.page-about #about.about-retro .about-card-wide{grid-row:auto}body.page-about #about.about-retro .about-card,body.page-about #about.about-retro .about-meta-grid .about-card{transform:none}}@media (min-width: 768px){html{font-size:16px}.grid-posts{grid-template-columns:repeat(2, 1fr)}.grid-masonry{column-count:2}.grid-journal{grid-template-columns:repeat(3, 1fr)}nav ul{padding:0}body.page-about #about.about-retro .about-meta-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}body.page-about #about.about-retro .about-module-watermark{left:-94px;top:138px;display:block}body.page-about #about.about-retro::after{display:block;top:194px;right:-20px;width:34%;height:58%}}@media (min-width: 1024px){.grid-posts{grid-template-columns:repeat(3, 1fr)}.grid-masonry{column-count:3}.grid-journal{grid-template-columns:repeat(4, 1fr)}.section{padding:64px}.container,.container-wide{padding:0 32px}}@media (min-width: 1440px){html{font-size:18px}h1{font-size:3.5rem}h2{font-size:2.5rem}.hero min-height{min-height:70vh}}@media print{nav,footer,.dark-mode-toggle,.scroll-indicator{display:none}a{color:inherit}a::after{content:" (" attr(href) ")"}article{max-width:100%}}.ps1-converter{max-width:1200px;margin:64px auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.converter-panel{background:linear-gradient(180deg, rgba(15,20,25,0.5) 0%, rgba(26,35,50,0.45) 100%);border:1px solid rgba(0,212,255,0.25);border-radius:4px;padding:32px;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(0,212,255,0.1),0 4px 12px rgba(0,0,0,0.2)}#uploadArea{border:2px dashed rgba(0,212,255,0.3);border-radius:4px;padding:48px 24px;text-align:center;cursor:pointer;transition:all 300ms ease-in-out;background:rgba(0,212,255,0.02)}#uploadArea:hover{border-color:rgba(0,212,255,0.5);background:rgba(0,212,255,0.05)}#uploadArea.dragover{border-color:#00d4ff;background:rgba(0,212,255,0.1)}.upload-prompt{color:#7fa5c8}.upload-prompt p{margin:24px 0 8px;font-size:18px}.upload-prompt small{color:#8fa5b8}.controls{margin-top:48px;display:flex;flex-direction:column;gap:24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#7fa5c8;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.control-group label input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:#00d4ff}.control-group label span{text-transform:uppercase}.control-group input[type="text"]{background:linear-gradient(180deg, rgba(15,20,25,0.5) 0%, rgba(26,35,50,0.45) 100%);border:1px solid rgba(0,212,255,0.25);color:#7fa5c8;padding:8px;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:14px;transition:all 300ms ease-in-out;backdrop-filter:blur(4px)}.control-group input[type="text"]::placeholder{color:rgba(127,165,200,0.5)}.control-group input[type="text"]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 12px rgba(0,212,255,0.3)}.control-group input[type="range"]{width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg, rgba(0,212,255,0.2), rgba(0,212,255,0.4));outline:none;-webkit-appearance:none;appearance:none}.control-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;box-shadow:0 0 12px rgba(0,212,255,0.5);transition:all 200ms}.control-group input[type="range"]::-webkit-slider-thumb:hover{box-shadow:0 0 20px rgba(0,212,255,0.8)}.control-group input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;border:none;box-shadow:0 0 12px rgba(0,212,255,0.5);transition:all 200ms}.control-group input[type="range"]::-moz-range-thumb:hover{box-shadow:0 0 20px rgba(0,212,255,0.8)}.control-group select{background:linear-gradient(180deg, rgba(15,20,25,0.5) 0%, rgba(26,35,50,0.45) 100%);border:1px solid rgba(0,212,255,0.25);color:#7fa5c8;padding:8px;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:14px;cursor:pointer;transition:all 300ms ease-in-out;backdrop-filter:blur(4px)}.control-group select:hover{border-color:rgba(0,212,255,0.4)}.control-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 12px rgba(0,212,255,0.3)}.control-group select option{background:#0f1419;color:#7fa5c8}.slider-value{color:#00d4ff;font-size:14px;font-weight:600}.canvas-container{background:rgba(15,20,25,0.3);border:1px solid rgba(0,212,255,0.2);border-radius:4px;padding:24px;text-align:center}.canvas-container canvas{max-width:100%;height:auto;border-radius:4px;box-shadow:0 0 30px rgba(0,212,255,0.15)}.canvas-note{color:#8fa5b8;font-size:14px;margin-top:24px;font-style:italic}.preview-hint{text-align:center;margin-top:24px;padding:24px;border-radius:4px;background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.15);color:#8fa5b8;font-size:14px}.preview-hint p{margin:0}@media (max-width: 768px){.ps1-converter{grid-template-columns:1fr}}