*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-color:#fff;--nav-link-color:#8f8d8d;--nav-link-active-color:#fff;background:#070707;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;transition:background-color 1s,color .5s,--dot-color .5s;overflow-x:hidden}.light-mode{color:#000;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-color:#2315dd;--nav-link-color:#707070;--nav-link-active-color:#000;background:#f9f9f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;overflow-x:hidden}.dark-mode{color:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-color:#fff;--nav-link-color:#8f8d8d;--nav-link-active-color:#fff;background:#070707;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(circle, var(--dot-color,#fff) 1px, transparent 1px);opacity:.3;z-index:-1;pointer-events:none;background-size:25px 25px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 80%);mask-image:radial-gradient(circle,#000 0%,#0000 80%)}body:after{content:"";background-image:radial-gradient(circle, var(--dot-color,#fff) 2px, transparent 1px);opacity:.5;z-index:-1;pointer-events:none;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle 70px at var(--mouse-x,-200px) var(--mouse-y,-200px), black 0%, transparent 100%), radial-gradient(ellipse 50% 75% at 50% 45%, black 0%, transparent 80%);mask-image:radial-gradient(circle 70px at var(--mouse-x,-200px) var(--mouse-y,-200px), black 0%, transparent 100%), radial-gradient(ellipse 50% 75% at 50% 45%, black 0%, transparent 80%);background-size:25px 25px;position:fixed;top:0;left:0;-webkit-mask-composite:source-in;mask-composite:intersect}#container{flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;padding:0 1.2rem;display:flex}.intro{vertical-align:middle;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.header{justify-content:center;align-items:center;padding:2.5rem 0 1rem;display:flex}.nav{gap:2rem;display:flex}.nav-link{color:var(--nav-link-color);cursor:pointer;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--nav-link-active-color)}.nav-link.active{color:var(--nav-link-active-color);text-underline-offset:4px;text-decoration:underline}.fixed-controls{position:fixed;top:2rem;right:2rem}.theme-toggle{cursor:pointer;z-index:5;filter:grayscale();background:0 0;border:none;font-size:1.5rem}.footer{justify-content:center;gap:2rem;margin-top:auto;padding:2rem 0;display:flex}#footer-links{filter:grayscale();transition:filter .5s}#footer-links:hover{filter:grayscale()brightness(300%)}.light-mode #footer-links{filter:grayscale()}.light-mode #footer-links:hover{filter:grayscale(0%)brightness()}#content-area{width:100%}.writing-list{flex-direction:column;gap:2rem;width:100%;margin-top:1rem;display:flex}.post-item{flex-direction:column;gap:.4rem;display:flex}.post-meta-row{color:#8f8d8d;font-size:.8rem}.post-title-header{font-size:1.25rem;font-weight:600}.post-title-link{color:inherit;text-decoration:none;transition:color .2s}.post-title-link:hover{color:var(--dot-color)}.post-summary{color:#8f8d8d;font-size:.95rem;line-height:1.5}.post-detail{width:100%;margin-top:1rem}.post-detail-nav{margin-bottom:1.5rem}.back-link{color:#8f8d8d;font-size:.9rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--dot-color)}.post-full{flex-direction:column;gap:1.5rem;display:flex}.post-header{border-bottom:1px solid #8f8d8d33;flex-direction:column;gap:.5rem;padding-bottom:1rem;display:flex}.post-title{font-size:1.75rem;font-weight:700;line-height:1.2}.post-detail-date{color:#8f8d8d;font-size:.85rem}.post-body{color:inherit;font-size:1rem;line-height:1.6}.post-body p{margin-bottom:1.2rem}.post-body h2{margin-top:1.8rem;margin-bottom:.8rem;font-size:1.35rem;font-weight:600}.post-body h3{margin-top:1.5rem;margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.post-body ul,.post-body ol{margin-bottom:1.2rem;padding-left:1.5rem}.post-body li{margin-bottom:.4rem}.post-body pre{background:#8f8d8d1a;border-radius:6px;margin-bottom:1.2rem;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.9rem;overflow-x:auto}.post-body code{background:#8f8d8d26;border-radius:3px;padding:.1rem .3rem;font-family:Courier New,Courier,monospace;font-size:.9rem}.post-body pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.post-body img{border-radius:6px;max-width:100%;height:auto;margin:1.5rem auto;display:block}