:root{--color-bg-dark: #0a0a1a;--color-bg-mid: #12122a;--color-nebula-1: rgba(88, 28, 135, .15);--color-nebula-2: rgba(30, 64, 175, .12);--color-nebula-3: rgba(147, 51, 234, .08);--color-panel-bg: rgba(255, 255, 255, .03);--color-panel-border: rgba(255, 255, 255, .1);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-link: #93c5fd;--color-link-hover: #bfdbfe;--color-accent: #a78bfa;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--font-heading: "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);line-height:1.7;color:var(--color-text);background:var(--color-bg-dark);min-height:100vh;overflow-x:hidden;animation:page-fade-in .5s ease-out}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}body.page-fade-out{animation:page-fade-out .25s ease-in forwards}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){body,body.page-fade-out{animation:none}}.space-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-mid) 50%,var(--color-bg-dark) 100%)}.nebula{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 30%,var(--color-nebula-1),transparent),radial-gradient(ellipse 60% 40% at 80% 70%,var(--color-nebula-2),transparent),radial-gradient(ellipse 50% 60% at 50% 50%,var(--color-nebula-3),transparent);animation:nebula-drift 60s ease-in-out infinite alternate}@keyframes nebula-drift{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(-20px,10px) scale(1.02);opacity:1}}.stars-layer{position:fixed;top:0;left:0;width:100%;height:200%;z-index:-1;pointer-events:none;will-change:transform}.stars-layer-1{background-image:radial-gradient(1px 1px at 10% 10%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 30% 25%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 50% 5%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 90% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 35%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 45% 42%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 75% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 85% 38%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 25% 28%,rgba(255,255,255,.5),transparent);background-size:250px 250px;animation:stars-twinkle-1 5s ease-in-out infinite alternate}.stars-layer-2{background-image:radial-gradient(1px 1px at 5% 18%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 25% 32%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 55% 12%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 65% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 95% 28%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 35% 48%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 80% 42%,rgba(255,255,255,.6),transparent);background-size:350px 350px;animation:stars-twinkle-2 7s ease-in-out infinite alternate;opacity:.8}.stars-layer-3{background-image:radial-gradient(.5px .5px at 8% 22%,rgba(255,255,255,.4),transparent),radial-gradient(.5px .5px at 28% 12%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 48% 32%,rgba(255,255,255,.5),transparent),radial-gradient(.5px .5px at 68% 18%,rgba(255,255,255,.3),transparent),radial-gradient(.5px .5px at 88% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 18% 45%,rgba(255,255,255,.4),transparent),radial-gradient(.5px .5px at 58% 8%,rgba(255,255,255,.3),transparent),radial-gradient(.5px .5px at 78% 48%,rgba(255,255,255,.4),transparent);background-size:500px 500px;animation:stars-twinkle-3 9s ease-in-out infinite alternate;opacity:.6}@keyframes stars-twinkle-1{0%{opacity:.7}to{opacity:1}}@keyframes stars-twinkle-2{0%{opacity:.5}to{opacity:.8}}@keyframes stars-twinkle-3{0%{opacity:.4}to{opacity:.6}}@media (prefers-reduced-motion: reduce){.nebula,.stars-layer-1,.stars-layer-2,.stars-layer-3{animation:none}}.container{max-width:900px;margin:0 auto;padding:1.5rem;position:relative;z-index:1}header{margin-bottom:2rem;text-align:center}.site-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}.site-title a{color:var(--color-text);text-decoration:none;transition:color .3s ease}.site-title a:hover{color:var(--color-accent)}.site-tagline{font-size:.9rem;font-style:italic;color:var(--color-text-muted);margin-bottom:1rem;letter-spacing:.02em}nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem}nav a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;letter-spacing:.05em;transition:color .3s ease;padding:.25rem 0}nav a:hover,nav a:focus{color:var(--color-link);outline:none}nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}nav a.nav-live{color:#4ade80;text-shadow:0 0 8px rgba(34,197,94,.5);animation:nav-live-glow 2s ease-in-out infinite}nav a.nav-live:hover{color:#86efac;text-shadow:0 0 12px rgba(34,197,94,.7)}@keyframes nav-live-glow{0%,to{text-shadow:0 0 8px rgba(34,197,94,.5)}50%{text-shadow:0 0 14px rgba(34,197,94,.8)}}.panel{background:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:16px;padding:2rem;margin-bottom:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-header{border-bottom:1px solid var(--color-panel-border);padding-bottom:1rem;margin-bottom:1.5rem}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1.3}h2{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}h3{font-size:1.15rem;margin-bottom:.5rem}a{color:var(--color-link);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.entry-list{list-style:none}.entry-list li{padding:1.25rem 0;border-bottom:1px solid var(--color-panel-border)}.entry-list li:last-child{border-bottom:none;padding-bottom:0}.entry-list li:first-child{padding-top:0}.entry-meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.5rem}.entry-excerpt{color:var(--color-text-muted);font-size:.95rem}.tags{color:var(--color-accent)}.status{font-style:italic}article h1{font-size:1.6rem;margin-bottom:.75rem}article p{margin-bottom:1rem}article ul,article ol{margin-bottom:1rem;margin-left:1.5rem}article li{margin-bottom:.5rem}.back-link{display:inline-block;margin-bottom:1.5rem;font-size:.9rem;color:var(--color-text-muted)}.back-link:hover{color:var(--color-link)}.placeholder{color:var(--color-text-muted);font-style:italic}.btn{display:inline-block;padding:.6rem 1.25rem;background:#ffffff14;border:1px solid var(--color-panel-border);border-radius:8px;color:var(--color-text);font-size:.9rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn:hover{background:#ffffff1f;border-color:var(--color-accent);color:var(--color-link)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 640px){.container{padding:1rem}.panel{padding:1.25rem;border-radius:12px}.site-title{font-size:1.4rem}nav ul{gap:.5rem 1rem}h2{font-size:1.3rem}article h1{font-size:1.4rem}}