*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7;color:rgba(255,255,255,0.92);background:#0a0a14;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#bd9efa;text-decoration:none;transition:all 0.15s ease}a:hover{color:white;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:"Inter",system-ui,sans-serif;font-weight:700;line-height:1.25;letter-spacing:-0.02em;color:white;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1.25rem;color:rgba(255,255,255,0.92)}strong{color:white;font-weight:600}em{color:#bd9efa;font-style:italic}small{font-size:.875rem;color:rgba(255,255,255,0.55)}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem}ul li,ol li{margin-bottom:.25rem;color:rgba(255,255,255,0.92)}blockquote{margin:2rem 0;padding:1.5rem 2rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-left:3px solid #8e5eed;border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:rgba(255,255,255,0.55);font-style:italic}blockquote p:last-child{margin-bottom:0}code{font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace;font-size:0.875em;background:rgba(142,94,237,0.12);color:#bd9efa;padding:0.15em 0.4em;border-radius:4px;border:1px solid rgba(142,94,237,0.2)}pre{background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.14);border-radius:12px;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative}pre code{background:none;border:none;padding:0;color:rgba(255,255,255,0.85);font-size:.875rem}pre::before{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg, rgba(255,255,255,0.03) 0%, transparent 60%);pointer-events:none}hr{border:none;border-top:1px solid rgba(255,255,255,0.14);margin:2.5rem 0}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}table thead th{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#bd9efa;text-transform:uppercase;letter-spacing:0.05em}table tbody td{border:1px solid rgba(255,255,255,0.06);padding:.75rem 1rem;color:rgba(255,255,255,0.92)}table tbody tr:hover td{background:rgba(255,255,255,0.06)}img{max-width:100%;height:auto;border-radius:12px;display:block}::selection{background:rgba(142,94,237,0.35);color:white}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a14}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}:focus-visible{outline:2px solid #8e5eed;outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.glass-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 20% 50%, #0d0820 0%, #0a0a14 50%)}.glass-orb{position:absolute;border-radius:9999px;filter:blur(80px);opacity:0.45;will-change:transform;animation:orbFloat var(--duration, 20s) ease-in-out infinite alternate}.glass-orb--1{width:600px;height:600px;top:-200px;left:-150px;background:#713cdd;--duration: 22s;animation-delay:0s}.glass-orb--2{width:500px;height:500px;top:30%;right:-100px;background:#dd3ca7;--duration: 28s;animation-delay:-8s}.glass-orb--3{width:450px;height:450px;bottom:-100px;left:30%;background:#dbc557;--duration: 35s;animation-delay:-15s}@keyframes orbFloat{from{transform:translate(0, 0) scale(1)}to{transform:translate(40px, 30px) scale(1.08)}}.glass-noise{position:fixed;inset:0;z-index:1;opacity:0.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:110;background:linear-gradient(90deg, #8e5eed, #bd9efa, #dd3ca7);border-radius:9999px;transition:width 0.1s linear}.reading-progress::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#bd9efa;border-radius:9999px;box-shadow:0 0 12px #8e5eed}.glass-nav{position:fixed;top:0;left:0;right:0;height:70px;z-index:100;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,20,0.6);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-bottom:1px solid rgba(255,255,255,0.14)}.glass-nav__logo{font-size:1.25rem;font-weight:700;font-family:"Inter",system-ui,sans-serif;letter-spacing:-0.02em;color:white;text-decoration:none;display:flex;align-items:center;gap:.5rem}.glass-nav__logo-icon{width:32px;height:32px;background:rgba(142,94,237,0.12);border:1px solid rgba(142,94,237,0.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem}.glass-nav__logo:hover{text-decoration:none;color:#bd9efa}.glass-nav__links{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0}.glass-nav__links a{color:rgba(255,255,255,0.55);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:12px;border:1px solid transparent;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none}.glass-nav__links a:hover,.glass-nav__links a.active{color:white;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.14);text-decoration:none}.glass-nav__toggle{display:none;background:none;border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.92);padding:.5rem;border-radius:8px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.glass-nav__toggle:hover{background:rgba(255,255,255,0.06)}.glass-nav__toggle span{display:block;width:20px;height:2px;background:currentColor;margin:4px 0;border-radius:2px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 640px){.glass-nav__links{display:none}.glass-nav__toggle{display:block}.glass-nav.nav-open .glass-nav__links{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;background:rgba(10,10,20,0.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,0.14);padding:1rem;gap:.25rem}.glass-nav.nav-open .glass-nav__links a{width:100%}}.glass-page{position:relative;z-index:2;min-height:100vh;padding-top:70px}.glass-container{max-width:860px;margin:0 auto;padding:0 1.5rem}.glass-container--wide{max-width:1100px}.glass-card,.post-card,.post-body,.post-toc,.post-nav__item,.tag-cloud{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:18px;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 8px 32px rgba(0,0,0,0.4);transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.glass-card::before,.post-card::before,.post-body::before,.post-toc::before,.post-nav__item::before,.tag-cloud::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);pointer-events:none}.glass-card:hover,.post-card:hover,.post-body:hover,.post-toc:hover,.post-nav__item:hover,.tag-cloud:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.22);box-shadow:0 20px 60px rgba(0,0,0,0.5);transform:translateY(-2px)}.glass-footer{position:relative;z-index:2;margin-top:6rem;padding:3rem 0 2rem;border-top:1px solid rgba(255,255,255,0.14);text-align:center}.glass-footer__inner{max-width:860px;margin:0 auto;padding:0 1.5rem}.glass-footer__logo{font-size:1.5rem;font-weight:700;color:white;margin-bottom:.75rem;letter-spacing:-0.02em}.glass-footer__desc{color:rgba(255,255,255,0.55);font-size:.875rem;margin-bottom:1.5rem}.glass-footer__links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.glass-footer__links a{color:rgba(255,255,255,0.55);font-size:.875rem;transition:all 0.15s ease}.glass-footer__links a:hover{color:#bd9efa;text-decoration:none}.glass-footer__copy{color:rgba(255,255,255,0.35);font-size:.75rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.5rem;padding:2.5rem 0 4rem}@media (max-width: 700px){.post-grid{grid-template-columns:1fr}}.post-card{padding:2rem;display:flex;flex-direction:column;text-decoration:none;color:inherit}.post-card__tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#bd9efa;background:rgba(142,94,237,0.12);border:1px solid rgba(142,94,237,0.25);padding:0.2em 0.6em;border-radius:9999px;margin-bottom:1rem;width:fit-content}.post-card__title{font-size:1.25rem;font-weight:700;color:white;margin-bottom:.75rem;line-height:1.3;transition:all 0.15s ease}.post-card__excerpt{color:rgba(255,255,255,0.55);font-size:.875rem;line-height:1.65;flex:1;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,0.35);border-top:1px solid rgba(255,255,255,0.14);padding-top:1rem;margin-top:auto}.post-card__date{font-variant-numeric:tabular-nums}.post-card__read-time{display:flex;align-items:center;gap:.25rem}.post-card__read-time::before{content:'◷'}.post-card:hover{text-decoration:none}.post-card:hover .post-card__title{color:#bd9efa}.post-card--featured{grid-column:1 / -1;flex-direction:row;gap:2rem;padding:2.5rem}.post-card--featured .post-card__content{flex:1}.post-card--featured .post-card__title{font-size:1.875rem;margin-bottom:1rem}.post-card--featured .post-card__excerpt{-webkit-line-clamp:4;font-size:1rem}.post-card--featured .post-card__badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#8e5eed;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:.75rem}.post-card--featured .post-card__badge::before{content:'★'}@media (max-width: 700px){.post-card--featured{flex-direction:column}}.tag-pill{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:0.25em 0.65em;border-radius:9999px;transition:all 0.15s ease;text-decoration:none}.tag-pill:hover{color:#bd9efa;background:rgba(142,94,237,0.12);border-color:rgba(142,94,237,0.3);text-decoration:none}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.post-header{padding:4rem 0 2rem;text-align:center}.post-header__tags{justify-content:center;margin-bottom:1.5rem}.post-header__title{font-size:clamp(2rem, 5vw, 3.5rem);margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg, #fff 0%, rgba(255,255,255,0.75) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-header__meta{display:flex;justify-content:center;align-items:center;gap:1.5rem;color:rgba(255,255,255,0.55);font-size:.875rem;flex-wrap:wrap}.post-header__author{display:flex;align-items:center;gap:.5rem}.post-header__author-avatar{width:28px;height:28px;border-radius:9999px;background:rgba(142,94,237,0.12);border:1px solid rgba(142,94,237,0.3);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#bd9efa}.post-body{padding:3rem 4rem;margin-bottom:2rem}@media (max-width: 640px){.post-body{padding:2rem 1.5rem}}.post-body h2,.post-body h3,.post-body h4{margin-top:2.5rem;margin-bottom:1rem}.post-body h2:first-child,.post-body h3:first-child,.post-body h4:first-child{margin-top:0}.post-body h2{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,0.14);padding-bottom:.75rem}.post-body p:last-child{margin-bottom:0}.post-toc{padding:1.5rem;margin-bottom:2rem}.post-toc__title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#bd9efa;margin-bottom:1rem}.post-toc ol{list-style:none;padding:0;counter-reset:toc}.post-toc ol li{counter-increment:toc;margin-bottom:.5rem}.post-toc ol li a{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,0.55);font-size:.875rem;transition:all 0.15s ease;text-decoration:none}.post-toc ol li a::before{content:counter(toc,decimal-leading-zero);font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace;font-size:.75rem;color:rgba(255,255,255,0.35);min-width:1.5em}.post-toc ol li a:hover,.post-toc ol li a.active{color:#bd9efa;text-decoration:none}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem}.post-nav__item{padding:1.25rem 1.5rem;text-decoration:none;color:inherit}.post-nav__item--prev{text-align:left}.post-nav__item--next{text-align:right}.post-nav__item-label{display:block;font-size:.75rem;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:.25rem}.post-nav__item-title{font-size:.875rem;font-weight:600;color:rgba(255,255,255,0.55);transition:all 0.15s ease}.post-nav__item:hover{text-decoration:none}.post-nav__item:hover .post-nav__item-title{color:#bd9efa}@media (max-width: 640px){.post-nav{grid-template-columns:1fr}}.home-hero{padding:6rem 0 4rem;text-align:center}.home-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#bd9efa;background:rgba(142,94,237,0.12);border:1px solid rgba(142,94,237,0.25);border-radius:9999px;padding:.25rem 1rem;margin-bottom:1.5rem;font-weight:500}.home-hero__title{font-size:clamp(2.5rem, 6vw, 4.5rem);letter-spacing:-0.03em;line-height:1.05;margin-bottom:1.5rem;background:linear-gradient(135deg, #fff 0%, rgba(255,255,255,0.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero__desc{font-size:1.25rem;color:rgba(255,255,255,0.55);max-width:480px;margin:0 auto 2rem}.home-hero__actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid transparent}.btn--primary{background:#8e5eed;color:white;border-color:#8e5eed;box-shadow:0 0 20px rgba(142,94,237,0.35)}.btn--primary:hover{background:#bd9efa;border-color:#bd9efa;text-decoration:none;color:white;box-shadow:0 0 30px rgba(142,94,237,0.35)}.btn--ghost{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.55);border-color:rgba(255,255,255,0.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn--ghost:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.22);color:white;text-decoration:none}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0 4rem}.pagination__item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.55);font-size:.875rem;font-weight:500;text-decoration:none;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.pagination__item:hover,.pagination__item.active{background:rgba(142,94,237,0.12);border-color:rgba(142,94,237,0.4);color:#bd9efa;text-decoration:none}.pagination__item.disabled{opacity:0.3;cursor:not-allowed;pointer-events:none}.copy-btn{position:absolute;top:.75rem;right:.75rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.55);padding:.25rem .75rem;border-radius:8px;font-size:.75rem;cursor:pointer;transition:all 0.15s ease;font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace}.copy-btn:hover{background:rgba(255,255,255,0.1);color:white}.copy-btn.copied{color:#4ade80;border-color:rgba(74,222,128,0.3)}.section-title{font-size:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.14);display:flex;align-items:center;gap:.75rem}.section-title__count{font-size:.875rem;font-weight:500;color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:0.2em 0.6em;border-radius:9999px}.tag-cloud{padding:2rem;margin-bottom:2.5rem}.tag-cloud .tags-list{gap:.75rem}.archive-year{margin-bottom:2.5rem}.archive-year__heading{font-size:1.125rem;font-weight:700;color:#bd9efa;margin-bottom:1rem;font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace}.archive-year__heading::before{content:'# ';color:rgba(255,255,255,0.35)}.archive-year__list{list-style:none;padding:0}.archive-year__list li{display:flex;align-items:baseline;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,0.04)}.archive-year__list li:last-child{border-bottom:none}.archive-year__date{font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace;font-size:.75rem;color:rgba(255,255,255,0.35);min-width:80px}.archive-year__link{color:rgba(255,255,255,0.55);font-size:.875rem;transition:all 0.15s ease;text-decoration:none}.archive-year__link:hover{color:#bd9efa}