:root{--color-bg: 255, 255, 255;--color-text: 29, 30, 32;--color-text-secondary: 96, 98, 102;--color-border: 228, 231, 237;--color-accent: 99, 102, 241;--color-code-bg: 245, 245, 245;--color-code-block-bg: 240, 240, 240;--max-width: 1024px;--max-width-content: 760px}[data-theme=dark]{--color-bg: 29, 30, 32;--color-text: 218, 218, 219;--color-text-secondary: 155, 156, 157;--color-border: 51, 51, 51;--color-accent: 129, 140, 248;--color-code-bg: 55, 56, 62;--color-code-block-bg: 46, 46, 51}*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.625;background-color:rgb(var(--color-bg));color:rgb(var(--color-text));transition:background-color .2s ease,color .2s ease;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.app-header,.app-footer{border-color:rgb(var(--color-border));transition:border-color .2s ease}.app-header{border-bottom:1px solid rgb(var(--color-border))}.app-footer{border-top:1px solid rgb(var(--color-border));margin-top:auto}.nav-container,.footer-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;width:100%}.nav-container{height:64px;display:flex;align-items:center;justify-content:space-between}.main-content{flex:1;width:100%;padding:3rem 1.5rem 6rem}.content-wrapper{max-width:var(--max-width-content);margin:0 auto}.logo-mark{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-weight:700;font-size:1.05rem;text-decoration:none;color:rgb(var(--color-text));display:flex;align-items:center;gap:3px;transition:opacity .2s ease}.logo-mark:hover{text-decoration:none}.logo-mark .bracket{color:rgb(var(--color-text-secondary));font-weight:400;opacity:.6;transition:opacity .2s ease}.logo-mark:hover .bracket{opacity:1}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:rgb(var(--color-text-secondary));text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:rgb(var(--color-text))}.nav-actions{display:flex;align-items:center;gap:1rem}#theme-toggle,#menu-toggle{background:none;border:none;padding:.5rem;border-radius:8px;color:rgb(var(--color-text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}#theme-toggle:hover,#menu-toggle:hover{color:rgb(var(--color-text));background-color:rgba(var(--color-text),.05)}.hidden{display:none!important}#mobile-menu{display:none;position:fixed;inset:64px 0 0;background-color:rgb(var(--color-bg));border-top:1px solid rgb(var(--color-border));z-index:100;padding:1.5rem}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-links a{display:block;padding:.75rem 1rem;border-radius:8px;color:rgb(var(--color-text-secondary));text-decoration:none;font-size:1.05rem;font-weight:500;transition:color .2s,background-color .2s}.mobile-nav-links a:hover{color:rgb(var(--color-text));background-color:rgba(var(--color-text),.04)}h1{font-size:2.2rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 1.5rem}h2{font-size:1.4rem;font-weight:700;letter-spacing:-.015em;margin:3rem 0 1.2rem}h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}p{margin:0 0 1rem;color:rgb(var(--color-text-secondary))}p strong{color:rgb(var(--color-text))}a{color:rgb(var(--color-accent));text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}.prose{font-size:1.05rem;line-height:1.75}.prose p{margin-bottom:1.25rem}.prose pre{background-color:rgb(var(--color-code-block-bg));padding:1.25rem;border-radius:8px;overflow-x:auto;font-size:.88rem;margin:1.5rem 0;border:1px solid rgb(var(--color-border))}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;background-color:rgb(var(--color-code-bg));padding:.2em .4em;border-radius:4px;color:rgb(var(--color-text))}.prose pre code{background-color:transparent;padding:0;border-radius:0;color:inherit}.prose blockquote{border-left:4px solid rgb(var(--color-accent));margin:1.5rem 0;padding-left:1.5rem;font-style:italic;color:rgb(var(--color-text-secondary))}.prose img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-list{list-style:none;padding:0;margin:0}.post-list li{border-bottom:1px solid rgb(var(--color-border));transition:border-color .2s}.post-list li:last-child{border-bottom:none}.post-list li a.post-row-link{display:block;padding:1.15rem 0;text-decoration:none;color:inherit}.post-list li a.post-row-link:hover h3{text-decoration:underline;color:rgb(var(--color-accent))}.post-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.post-row h3{margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;color:rgb(var(--color-text));transition:color .2s}.post-row time{font-size:.85rem;color:rgb(var(--color-text-secondary));white-space:nowrap;margin-top:.15rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-badge{font-size:.72rem;font-weight:500;padding:.1rem .5rem;border-radius:9999px;background-color:rgba(var(--color-accent),.08);color:rgb(var(--color-accent));transition:background-color .2s,color .2s}.app-footer{padding:2.5rem 0;color:rgb(var(--color-text-secondary));font-size:.85rem}.footer-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.footer-socials{display:flex;align-items:center;gap:1.5rem}.footer-socials a{color:rgb(var(--color-text-secondary));transition:color .2s}.footer-socials a:hover{color:rgb(var(--color-text))}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:rgb(var(--color-text-secondary));text-decoration:none;transition:color .2s}.footer-links a:hover{color:rgb(var(--color-text))}@media(max-width:768px){.hidden-mobile{display:none!important}h1{font-size:1.85rem}.main-content{padding:2rem 1.5rem 4rem}}@media(min-width:769px){.hidden-desktop{display:none!important}}