:root{--color-white: #ffffff;--color-light-gray: #f5f5f5;--color-medium-gray: #888888;--color-dark-gray: #333333;--color-black: #000000;--color-accent-magenta: #ff00cc;--color-background: var(--color-white);--color-surface: var(--color-light-gray);--color-text-primary: var(--color-black);--color-text-secondary: var(--color-dark-gray);--color-text-muted: var(--color-medium-gray);--color-border: var(--color-medium-gray);--color-accent: var(--color-accent-magenta);--font-heading-primary: "Oswald", sans-serif;--font-heading-secondary: "Roboto Condensed", sans-serif;--font-body: "Work Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--grid-unit: 8px;--max-width: 1200px;--sidebar-width: 320px;--content-padding: calc(var(--grid-unit) * 3)}[data-theme=dark]{--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-text-primary: #f5f5f5;--color-text-secondary: #b8b8b8;--color-text-muted: #888888;--color-border: #333333;--color-accent: #ff00cc;}html{transition:background-color .3s ease}body,a,h1,h2,h3,h4,h5,h6,p,span,div,button,input{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@font-face{font-family:"Oswald";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/oswald-v57-light.ttf") format("truetype")}@font-face{font-family:"Oswald";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/oswald-v57-regular.ttf") format("truetype")}@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/oswald-v57-medium.ttf") format("truetype")}@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/oswald-v57-semibold.ttf") format("truetype")}@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/oswald-v57-bold.ttf") format("truetype")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/roboto-condensed-v31-light.ttf") format("truetype")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/roboto-condensed-v31-regular.ttf") format("truetype")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/roboto-condensed-v31-bold.ttf") format("truetype")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/work-sans-v24-regular.ttf") format("truetype")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/work-sans-v24-medium.ttf") format("truetype")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/work-sans-v24-semibold.ttf") format("truetype")}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/jetbrains-mono-v24-regular.ttf") format("truetype")}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/jetbrains-mono-v24-bold.ttf") format("truetype")}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background)}body{min-height:100vh;font-size:1rem;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:calc(var(--grid-unit)*2)}h1{font-family:var(--font-heading-primary);font-size:2.5rem;font-weight:700;line-height:1.1;letter-spacing:.15em;margin-bottom:calc(var(--grid-unit)*4)}h2{font-family:var(--font-heading-secondary);font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:.1em}h3{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:.08em}p{margin-bottom:calc(var(--grid-unit)*2);font-size:1.125rem}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover,a:focus{color:var(--color-text-primary);text-decoration:underline}.nav-link:hover,.nav-link:focus,.mobile-nav-link:hover,.mobile-nav-link:focus,.site-title:hover,.site-title:focus,.repo-button:hover,.repo-button:focus,.btn:hover,.btn:focus,.category-link:hover,.category-link:focus,.category-card:hover,.category-card:focus,.post-link:hover,.post-link:focus,.toc-link:hover,.toc-link:focus,.read-more:hover,.read-more:focus,.pagination-link:hover,.pagination-link:focus,.back-link:hover,.back-link:focus,.social-link:hover,.social-link:focus,.demo-post-title a:hover,.demo-post-title a:focus,.post-title a:hover,.post-title a:focus,.search-result-title a:hover,.search-result-title a:focus{text-decoration:none}ul,ol{margin-bottom:calc(var(--grid-unit)*2);padding-left:calc(var(--grid-unit)*3)}li{margin-bottom:calc(var(--grid-unit)/2)}blockquote{border-left:4px solid var(--color-border);padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);margin:calc(var(--grid-unit)*3) 0;background-color:var(--color-surface);font-style:italic}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);padding:2px 4px;border-radius:3px;border:1px solid var(--color-border)}pre{font-family:var(--font-mono);background-color:var(--color-surface);border:1px solid var(--color-border);padding:calc(var(--grid-unit)*2);margin:calc(var(--grid-unit)*3) 0;overflow-x:auto;border-radius:4px}pre code{background:none;border:none;padding:0}img{max-width:100%;height:auto;border:1px solid var(--color-border);margin:calc(var(--grid-unit)*2) 0}figcaption{font-style:italic;font-size:.9rem;color:var(--color-text-muted);text-align:center;margin-top:calc(var(--grid-unit)/2)}hr{border:none;height:4px;background-color:var(--color-accent);margin:calc(var(--grid-unit)*4) 0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);width:100%}.main-content.with-sidebar{display:grid;grid-template-columns:1fr;gap:calc(var(--grid-unit)*4)}.content{min-width:0;padding:calc(var(--grid-unit)*3) 0}.sidebar{order:-1;padding-top:calc(var(--grid-unit)*3)}.main-content.sidebar-right .sidebar{order:1}@media (min-width: 1024px){.main-content.with-sidebar{grid-template-columns:var(--sidebar-width) 1fr}.main-content.with-sidebar.sidebar-right{grid-template-columns:1fr var(--sidebar-width)}.sidebar{order:0;padding-top:calc(var(--grid-unit)*3)}}[data-sidebar=hidden] .sidebar{display:none}@media (min-width: 1024px){[data-sidebar=hidden] .main-content.with-sidebar,[data-sidebar=hidden] .main-content.with-sidebar.sidebar-right{grid-template-columns:1fr}}.site-header{background-color:var(--color-surface);border-bottom:2px solid var(--color-border);padding:calc(var(--grid-unit)*3) 0;position:sticky;top:0;z-index:100}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--grid-unit)*2)}.site-title a{display:block;line-height:0}.title-svg{height:48px;width:auto;max-width:280px;border:none !important;margin:0 !important;}.title-text{display:inline-block;font-family:var(--font-heading-primary);font-size:1.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1;color:var(--color-text-primary);transition:color .2s ease}.site-title a:hover .title-text,.site-title a:focus .title-text{color:var(--color-accent)}.header-controls{display:flex;align-items:center;gap:calc(var(--grid-unit)*3);flex-shrink:0}.search-toggle{background:none;border:none;color:var(--color-text-primary);padding:calc(var(--grid-unit)/2);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle{background:none;border:none;color:var(--color-text-primary);padding:calc(var(--grid-unit)/2);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover,.sidebar-toggle:focus{color:var(--color-accent);outline:none}.sidebar-toggle:disabled{color:var(--color-text-muted);opacity:.5;cursor:default}.sidebar-toggle:disabled:hover{color:var(--color-text-muted)}@media (max-width: 1023px){.sidebar-toggle{display:none}}[data-sidebar=hidden] .sidebar-line{display:none}.search-toggle:hover,.search-toggle:focus{color:var(--color-accent);outline:none}.main-navigation{flex-shrink:0}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:calc(var(--grid-unit)*3)}.nav-link{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));border-bottom:2px solid rgba(0,0,0,0);transition:all .2s ease}.nav-link:hover,.nav-link:focus{color:var(--color-accent);border-bottom-color:var(--color-accent);text-decoration:none}.rss-link{display:flex;align-items:center;gap:calc(var(--grid-unit)/2)}.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}.mobile-controls{display:flex;align-items:center;gap:calc(var(--grid-unit)*2)}.mobile-only{display:none !important}.hamburger-toggle{background:none;border:none;color:var(--color-text-primary);padding:calc(var(--grid-unit));cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.repo-button{background:none;border:2px solid var(--color-accent);color:var(--color-accent);padding:calc(var(--grid-unit)*.75) calc(var(--grid-unit)*2);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:calc(var(--grid-unit));text-decoration:none;font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;border-radius:4px}.repo-button:hover,.repo-button:focus{background-color:var(--color-accent);color:var(--color-background);outline:none;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.repo-button-text{display:inline-block}.repo-button-icon{width:18px;height:18px;flex-shrink:0;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.hamburger-toggle:hover,.hamburger-toggle:focus{color:var(--color-accent);outline:none}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-background);z-index:99;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;padding-top:calc(var(--grid-unit)*12)}.mobile-menu.active{transform:translateX(0)}.mobile-nav-list{list-style:none;margin:0;padding:calc(var(--grid-unit)*4) 0}.mobile-nav-link{display:block;padding:calc(var(--grid-unit)*3) calc(var(--grid-unit)*4);font-family:var(--font-heading-secondary);font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid var(--color-border);transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link:focus{color:var(--color-accent);background-color:var(--color-surface)}@media (max-width: 768px){.site-header{padding:calc(var(--grid-unit)*2) 0}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--grid-unit)*2);padding:0 calc(var(--grid-unit)*2)}.mobile-only{display:flex !important;justify-self:start}.site-title{justify-self:center;text-align:center;grid-column:2;}.site-title a{display:inline-block}.title-svg{height:36px;width:auto;max-width:180px}.title-text{font-size:1.35rem}.header-controls{justify-self:end;gap:0;grid-column:3;}.main-navigation{display:none}.mobile-controls{display:flex !important;gap:calc(var(--grid-unit)*1.5)}.hamburger-toggle,.search-toggle,.sidebar-toggle{padding:calc(var(--grid-unit)*.75)}.repo-button{padding:calc(var(--grid-unit)*.75);border-width:1px}.repo-button-text{display:none}}@media (max-width: 480px){.mobile-controls{gap:calc(var(--grid-unit)) !important}.repo-button,.search-toggle,.sidebar-toggle{padding:calc(var(--grid-unit)*.5)}}.sidebar-content{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*4);padding:calc(var(--grid-unit)*3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.bio-section{text-align:center;padding-bottom:calc(var(--grid-unit)*2);border-bottom:1px solid var(--color-border)}.avatar-container{margin-bottom:calc(var(--grid-unit)*2);display:flex;justify-content:center}.avatar{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-border);object-fit:cover}.sidebar-content .avatar-placeholder{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-border);background-color:var(--color-light-gray);display:flex;align-items:center;justify-content:center;color:var(--color-medium-gray)}.sidebar-content .author-name{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-accent);margin-bottom:calc(var(--grid-unit));text-transform:uppercase;letter-spacing:.05em}.bio-text{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin:0}.sidebar-content .section-title{font-family:var(--font-heading-secondary);font-size:1.1rem;font-weight:700;color:var(--color-accent);margin-bottom:calc(var(--grid-unit)*1.5);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-accent);padding-bottom:calc(var(--grid-unit)/2)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--grid-unit)*1.5)}.category-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.sidebar-content .post-item{display:flex;flex-direction:column;gap:calc(var(--grid-unit)/2)}.post-link{font-weight:500;line-height:1.3;color:var(--color-text-primary)}.post-link:hover,.post-link:focus{color:var(--color-accent)}.sidebar-content .post-date{font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-mono)}.category-item{display:inline-block}.sidebar-content .category-link{display:inline-block;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);background-color:var(--color-text-primary);color:var(--color-background);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;transition:background-color .2s ease}.sidebar-content .category-link:hover,.sidebar-content .category-link:focus{background-color:var(--color-accent);text-decoration:none}[data-theme=dark] .sidebar-content .category-link{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .sidebar-content .category-link:hover,[data-theme=dark] .sidebar-content .category-link:focus{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}@media (max-width: 1023px){.sidebar-content{margin-bottom:calc(var(--grid-unit)*3)}}.site-footer{background-color:var(--color-surface);border-top:2px solid var(--color-border);margin-top:auto;padding:calc(var(--grid-unit)*4) 0}.footer-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--grid-unit)*2)}.footer-info{display:flex;flex-direction:column;gap:calc(var(--grid-unit)/2)}.copyright,.theme-credit{margin:0;font-size:.9rem;color:var(--color-text-muted)}.theme-credit a{color:var(--color-accent);font-weight:500}.theme-credit a:hover,.theme-credit a:focus{color:var(--color-text-primary)}.site-footer .social-links{display:flex;gap:calc(var(--grid-unit)*1.5);align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-text-primary);color:var(--color-background);border-radius:4px;transition:all .2s ease}.social-link:hover,.social-link:focus{background-color:var(--color-accent);transform:translateY(-2px);text-decoration:none}.social-icon{display:block;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.social-link .social-icon{width:20px;height:20px}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:calc(var(--grid-unit)*2)}.footer-info{order:2}.site-footer .social-links{order:1}}.theme-toggle{background:none;border:none;padding:calc(var(--grid-unit));cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.theme-toggle:hover{color:var(--color-accent)}.theme-icon{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.theme-icon-light{-webkit-mask-image:url("sun.svg");mask-image:url("sun.svg")}.theme-icon-dark{-webkit-mask-image:url("moon.svg");mask-image:url("moon.svg")}.theme-icon-auto{-webkit-mask-image:url("bolt-auto.svg");mask-image:url("bolt-auto.svg")}.theme-toggle .theme-icon{display:none}[data-theme-mode=light] .theme-toggle .theme-icon-light,[data-theme-mode=dark] .theme-toggle .theme-icon-dark,[data-theme-mode=auto] .theme-toggle .theme-icon-auto{display:block}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.search-overlay.active{opacity:1;visibility:visible}.search-container{max-width:800px;margin:calc(var(--grid-unit)*10) auto calc(var(--grid-unit)*4) auto;padding:0 var(--content-padding)}.search-header{display:flex;align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*3);margin-bottom:calc(var(--grid-unit)*5)}.search-input{flex:1;border:none;background:none;font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-primary);padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-close{background:none;border:none;color:var(--color-text-muted);padding:calc(var(--grid-unit)/2);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.search-close:hover,.search-close:focus{color:var(--color-accent);outline:none}.search-results{max-height:70vh;min-height:40vh;overflow-y:auto;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border);box-shadow:0 4px 6px rgba(0,0,0,.1);padding:calc(var(--grid-unit)*3) calc(var(--grid-unit)*4) calc(var(--grid-unit)*4) calc(var(--grid-unit)*4)}.search-results:empty{display:none}.search-results-header p{margin:0;color:var(--color-text-primary);font-size:1rem}.search-result{padding:calc(var(--grid-unit)*3) 0;border-bottom:1px solid var(--color-border)}.search-result:hover{background-color:var(--color-surface)}.search-result:last-child{border-bottom:none}.search-result-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;margin-bottom:calc(var(--grid-unit));text-transform:uppercase;letter-spacing:.05em}.search-result-title a{color:var(--color-accent);text-decoration:none}.search-result-title a:hover,.search-result-title a:focus{color:var(--color-text-primary)}.search-result-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:calc(var(--grid-unit)*2)}.search-result-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:calc(var(--grid-unit)*3)}.search-result-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit));margin-top:0}.search-category{display:inline-block;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);background-color:var(--color-text-primary);color:var(--color-background);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;transition:background-color .2s ease}[data-theme=dark] .search-category{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.search-no-results{padding:calc(var(--grid-unit)*10) calc(var(--grid-unit)*6);text-align:center}.search-no-results p{color:var(--color-text-muted);font-style:italic;margin:0;font-size:1.1rem}@media (max-width: 768px){.search-container{margin:calc(var(--grid-unit)*5) auto calc(var(--grid-unit)*3) auto;padding:0 calc(var(--grid-unit)*2)}.search-result{padding:calc(var(--grid-unit)*3) 0}.search-results{padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*2.5) calc(var(--grid-unit)*3) calc(var(--grid-unit)*2.5)}}.landing-page{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--content-padding)}.hero{text-align:center;padding:calc(var(--grid-unit)*12) 0 calc(var(--grid-unit)*8);background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-background) 100%)}.hero-content{max-width:800px;margin:0 auto;padding:0 var(--content-padding)}.hero-title{font-family:var(--font-heading-primary);font-size:4.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;line-height:.9;margin-bottom:calc(var(--grid-unit)*2)}.hero-subtitle{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:calc(var(--grid-unit)*3)}.hero-description{font-size:1.375rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*4);max-width:600px;margin-left:auto;margin-right:auto}.hero-rule{height:6px;background-color:var(--color-accent);border:none;width:150px;margin:0 auto calc(var(--grid-unit)*4)}.hero-actions{display:flex;gap:calc(var(--grid-unit)*2);justify-content:center;flex-wrap:wrap}.btn{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:calc(var(--grid-unit)*1.5) calc(var(--grid-unit)*3);border-radius:4px;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:.95rem}.btn-primary{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.btn-primary:hover,.btn-primary:focus{background-color:rgba(0,0,0,0);color:var(--color-accent);transform:translateY(-2px)}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-text-primary);color:var(--color-background);transform:translateY(-2px)}[data-theme=dark] .btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}[data-theme=dark] .btn-primary:hover,[data-theme=dark] .btn-primary:focus{background-color:rgba(0,0,0,0);color:var(--color-accent)}[data-theme=dark] .btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-secondary:focus{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.features{padding:calc(var(--grid-unit)*8) 0}.landing-page .section-title{font-family:var(--font-heading-secondary);font-size:2.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--grid-unit)*6);text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:calc(var(--grid-unit)*4)}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*4);text-align:center;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.feature-icon{font-size:3rem;margin-bottom:calc(var(--grid-unit)*2)}.feature-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit)*1.5)}.feature-description{color:var(--color-text-secondary);line-height:1.6;margin:0}.typography-showcase{padding:calc(var(--grid-unit)*8) 0;background-color:var(--color-surface)}.typography-description{text-align:center;font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*6);max-width:600px;margin-left:auto;margin-right:auto}.typography-samples{display:grid;gap:calc(var(--grid-unit)*6)}.type-sample{text-align:center;padding:calc(var(--grid-unit)*4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.sample-h1{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*2)}.sample-h2{font-family:var(--font-heading-secondary);font-size:2.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;margin-bottom:calc(var(--grid-unit)*2)}.sample-body{font-family:var(--font-body);font-size:1.125rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*2);max-width:600px;margin-left:auto;margin-right:auto}.sample-code{font-family:var(--font-mono);background-color:var(--color-surface);border:1px solid var(--color-border);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*1.5);border-radius:4px;display:inline-block;margin-bottom:calc(var(--grid-unit)*2);color:var(--color-text-primary)}.type-meta{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.demo-section{padding:calc(var(--grid-unit)*8) 0}.demo-description{text-align:center;font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*6);max-width:600px;margin-left:auto;margin-right:auto}.demo-posts{display:grid;gap:calc(var(--grid-unit)*4);margin-bottom:calc(var(--grid-unit)*6)}.demo-post-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*3);transition:transform .2s ease,border-color .2s ease}.demo-post-card:hover{transform:translateY(-2px);border-color:var(--color-accent)}.demo-post-title{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:700;margin-bottom:calc(var(--grid-unit))}.demo-post-title a{color:var(--color-text-primary);text-decoration:none}.demo-post-title a:hover,.demo-post-title a:focus{color:var(--color-accent)}.demo-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*1.5)}.demo-post-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.demo-post-reading-time{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.demo-post-reading-time::before{content:"•";margin:0 calc(var(--grid-unit)/2);color:var(--color-border)}.demo-post-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:calc(var(--grid-unit)*2)}.demo-post-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.demo-category{background-color:var(--color-text-primary);color:#fff;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:2px}[data-theme=dark] .demo-category{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.demo-actions{text-align:center}.installation{padding:calc(var(--grid-unit)*8) 0;background-color:var(--color-surface)}.install-steps{display:grid;gap:calc(var(--grid-unit)*4)}.step{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--grid-unit)*2);align-items:start}.step-number{font-family:var(--font-heading-primary);font-size:3rem;font-weight:900;color:var(--color-accent);margin:0}.step-content{display:flex;flex-direction:column}.step-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit))}.code-block{background-color:var(--color-text-primary);color:var(--color-background);padding:calc(var(--grid-unit)*2);border-radius:8px;overflow-x:auto;margin:0}.code-block code{font-family:var(--font-mono);background:none;border:none;color:inherit}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1.125rem}.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.step{grid-template-columns:1fr;text-align:center}.step-number{font-size:2rem}}.blog-page{max-width:800px;margin:0 auto}.blog-header{text-align:center;margin-bottom:calc(var(--grid-unit)*8)}.blog-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.blog-description{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*4);max-width:600px;margin-left:auto;margin-right:auto}.blog-rule{height:4px;background-color:var(--color-accent);border:none;width:120px;margin:0 auto}.posts-list{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*6)}.posts-list .post-item{border-bottom:1px solid var(--color-border);padding-bottom:calc(var(--grid-unit)*4)}.posts-list .post-item:last-child{border-bottom:none;padding-bottom:0}.posts-list .post-card-image{display:block;margin-bottom:calc(var(--grid-unit)*2)}.posts-list .post-card-image img{display:block;width:100%;height:160px;object-fit:cover;margin:0;border:1px solid var(--color-border)}.posts-list .post-title{font-family:var(--font-heading-secondary);font-size:2rem;font-weight:700;margin-bottom:calc(var(--grid-unit)*2)}.posts-list .post-title a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.posts-list .post-title a:hover,.posts-list .post-title a:focus{color:var(--color-accent)}.posts-list .post-meta{display:flex;flex-direction:column;gap:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*2)}.posts-list .post-date{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.posts-list .post-reading-time{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.posts-list .post-reading-time::before{content:"•";margin:0 calc(var(--grid-unit));color:var(--color-border)}.posts-list .post-author{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:none}.posts-list .post-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.category{background-color:var(--color-text-primary);color:#fff;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:2px}[data-theme=dark] .category{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.posts-list .post-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:calc(var(--grid-unit)*2);font-size:1.1rem}.read-more{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);text-decoration:none;font-size:.9rem;transition:color .2s ease}.read-more:hover,.read-more:focus{color:var(--color-text-primary)}.no-posts{text-align:center;padding:calc(var(--grid-unit)*6);color:var(--color-text-muted);font-style:italic}.no-posts code{background-color:var(--color-surface);padding:2px 4px;border-radius:3px;font-family:var(--font-mono)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit)*2);margin-top:calc(var(--grid-unit)*8);padding-top:calc(var(--grid-unit)*4);border-top:1px solid var(--color-border)}.pagination-link{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);text-decoration:none;font-size:.9rem;transition:color .2s ease}.pagination-link:hover,.pagination-link:focus{color:var(--color-text-primary)}.pagination-info{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.blog-title{font-size:2.5rem}.blog-description{font-size:1.125rem}.posts-list .post-title{font-size:1.75rem}.posts-list .post-meta{flex-direction:column;align-items:flex-start}}.blog-post{max-width:800px;margin:0 auto}.post-header{margin-bottom:calc(var(--grid-unit)*6)}.blog-post .post-title{font-family:var(--font-heading-primary);font-size:3rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.blog-post .post-meta{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*1.5);margin-bottom:calc(var(--grid-unit)*3)}.blog-post .post-date{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-post .post-reading-time{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-post .post-reading-time::before{content:"•";margin:0 calc(var(--grid-unit));color:var(--color-border)}.blog-post .post-author{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:none}.blog-post .post-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit))}.category-tag{background-color:var(--color-text-primary);color:#fff;padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;transition:background-color .2s ease}.category-tag:hover,.category-tag:focus{background-color:var(--color-accent);text-decoration:none}[data-theme=dark] .category-tag{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .category-tag:hover,[data-theme=dark] .category-tag:focus{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.blog-post .post-excerpt{font-size:1.25rem;line-height:1.5;color:var(--color-text-secondary);font-style:italic;margin:0}.monumental-rule{height:6px;background-color:var(--color-accent);border:none;margin:calc(var(--grid-unit)*4) 0;width:100%}.post-hero{margin:0 0 calc(var(--grid-unit)*4)}.post-hero img{display:block;width:100%;height:auto;max-height:400px;object-fit:cover;margin:0;border:1px solid var(--color-border)}.post-content{font-size:1.125rem;line-height:1.7;margin-bottom:calc(var(--grid-unit)*6)}.post-content h1{font-family:var(--font-heading-primary);font-size:2.5rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.15em;margin-top:calc(var(--grid-unit)*6);margin-bottom:calc(var(--grid-unit)*3)}.post-content h2{font-family:var(--font-heading-secondary);font-size:2rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;margin-top:calc(var(--grid-unit)*6);margin-bottom:calc(var(--grid-unit)*3)}.post-content h3{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em;margin-top:calc(var(--grid-unit)*4);margin-bottom:calc(var(--grid-unit)*2)}.post-content p{margin-bottom:calc(var(--grid-unit)*3)}.post-content blockquote{border-left:4px solid var(--color-accent);padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);margin:calc(var(--grid-unit)*4) 0;background-color:var(--color-surface);font-style:italic;font-size:1.1rem;color:var(--color-text-secondary)}.post-content pre{background-color:#000;color:#fff;padding:calc(var(--grid-unit)*3);margin:calc(var(--grid-unit)*4) 0;border-radius:8px;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.5}.post-content pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.post-content .token.selector,.post-content .token.tag{color:gold !important}.post-content .token.property,.post-content .token.class-name,.post-content .token.function{color:var(--color-accent) !important}.post-content .token.punctuation,.post-content .token.brace,.post-content .token.bracket{color:#ccc !important}.post-content .token.string,.post-content .token.attr-value,.post-content .token.url{color:#fc0 !important}.post-content .token.comment{color:#888 !important;font-style:italic}.post-content .token.number,.post-content .token.boolean{color:#66d9ef !important}.post-content pre[class*=language-]{background:#000 !important;color:#fff !important}.post-content code[class*=language-]{background:#000 !important;color:#fff !important}.post-content code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);color:var(--color-accent);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border);font-weight:600}.post-content img{border:2px solid var(--color-border);margin:calc(var(--grid-unit)*4) 0;border-radius:4px}.post-content img.img-align-center{display:block;margin-inline:auto}.post-content img.img-align-right{display:block;margin-inline-start:auto;margin-inline-end:0}.post-figure{margin:calc(var(--grid-unit)*4) 0}.post-figure img{max-width:100%;height:auto}.post-figure figcaption{text-align:inherit}.post-figure--left{text-align:left}.post-figure--center{text-align:center}.post-figure--right{text-align:right}.post-content ul,.post-content ol{margin-bottom:calc(var(--grid-unit)*3);padding-left:calc(var(--grid-unit)*3)}.post-content li{margin-bottom:calc(var(--grid-unit)/2)}.post-content strong{font-weight:600;color:var(--color-text-primary)}.post-content em{font-style:italic}.post-content hr{height:2px;background-color:var(--color-accent);border:none;margin:calc(var(--grid-unit)*4) 0}.post-footer{border-top:1px solid var(--color-border);padding-top:calc(var(--grid-unit)*3);display:flex;flex-direction:column;gap:calc(var(--grid-unit)*3)}.post-tags{display:flex;flex-direction:column;gap:calc(var(--grid-unit))}.tags-label{font-family:var(--font-heading-secondary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary)}.tag-list{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit))}.tag{background-color:var(--color-text-primary);color:var(--color-surface);padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:3px}.back-to-blog{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);border:2px solid var(--color-accent);border-radius:4px;transition:all .2s ease;display:inline-block}.back-to-blog:hover,.back-to-blog:focus{background-color:var(--color-accent);color:#fff;text-decoration:none}@media (max-width: 768px){.blog-post .post-title{font-size:2.25rem}.blog-post .post-meta{flex-direction:column;align-items:flex-start}.post-content{font-size:1rem}}.ba-slider{position:relative;width:min(100%,800px);margin:calc(var(--grid-unit)*4) auto;border-radius:4px;overflow:hidden;container-type:inline-size;user-select:none;touch-action:none;}.ba-slider::before{content:"";position:absolute;inset:0;border:1px solid var(--color-border);border-radius:4px;pointer-events:none;z-index:3}.ba-slider .ba-before,.ba-slider .ba-after{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ba-slider .ba-after{width:50%;}.ba-slider .ba-img{display:block;width:100cqw;height:100%;object-fit:cover;margin:0;border:0;border-radius:0;max-width:none}.ba-slider .ba-label{position:absolute;bottom:calc(var(--grid-unit)*1.5);padding:calc(var(--grid-unit)*.5) var(--grid-unit);background:rgba(0,0,0,.6);color:#fff;font-family:var(--font-body);font-size:.9rem;font-style:normal;border-radius:3px;white-space:nowrap;pointer-events:none}.ba-slider .ba-label-after{left:calc(var(--grid-unit)*1.5)}.ba-slider .ba-label-before{right:calc(var(--grid-unit)*1.5)}.ba-slider .ba-scroller{position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%, -50%);border-radius:50%;border:2px solid var(--color-accent);background:rgba(0,0,0,0);opacity:.8;cursor:ew-resize;z-index:2}.ba-slider .ba-scroller:hover,.ba-slider .ba-scroller.ba-scrolling{opacity:1}.ba-slider .ba-scroller::before,.ba-slider .ba-scroller::after{content:"";position:absolute;left:50%;width:2px;height:9999px;margin-left:-2px;background:var(--color-accent);}.ba-slider .ba-scroller::before{top:100%}.ba-slider .ba-scroller::after{bottom:100%}.ba-slider .ba-scroller__thumb{width:100%;height:100%;padding:4px}.table-of-contents{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*3);margin-bottom:calc(var(--grid-unit)*4)}.toc-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit)*2);padding-bottom:calc(var(--grid-unit));border-bottom:2px solid var(--color-accent)}.toc-list{margin:0;padding:0;list-style:none;counter-reset:toc-counter}.toc-item{margin-bottom:calc(var(--grid-unit));counter-increment:toc-counter;position:relative}.toc-item::before{content:counter(toc-counter) ".";position:absolute;left:0;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);font-weight:600}.toc-link{display:block;padding-left:calc(var(--grid-unit)*3);color:var(--color-text-primary);text-decoration:none;line-height:1.6;transition:all .2s ease}.toc-link:hover,.toc-link:focus{color:var(--color-accent);transform:translateX(4px)}.toc-level-3{margin-left:calc(var(--grid-unit)*2)}.toc-level-3 .toc-link{font-size:.95rem;color:var(--color-text-secondary)}.toc-level-3 .toc-link:hover,.toc-level-3 .toc-link:focus{color:var(--color-accent)}.toc-link.active{color:var(--color-accent);font-weight:600}.toc-link.active::after{content:"•";position:absolute;right:0;color:var(--color-accent);font-size:1.2rem}@media (max-width: 768px){.table-of-contents{padding:calc(var(--grid-unit)*2)}.toc-title{font-size:1.1rem}}.page-rule{height:4px;background-color:var(--color-accent);border:none;width:120px;margin:0 auto}.categories-page{max-width:100%}.categories-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*6)}.categories-page .page-title{font-family:var(--font-heading-primary);font-size:3rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:calc(var(--grid-unit)*2)}.categories-page .page-description{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto calc(var(--grid-unit)*3)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:calc(var(--grid-unit)*2)}.category-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.category-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 4px 12px rgba(0,0,0,.1)}.category-link{display:block;padding:calc(var(--grid-unit)*2);text-decoration:none;color:inherit}.category-title{font-family:var(--font-heading-secondary);font-size:1.1rem;font-weight:700;margin-bottom:calc(var(--grid-unit)/2);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);transition:color .2s ease}.category-link:hover .category-title{color:var(--color-accent)}.category-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.no-categories{text-align:center;padding:calc(var(--grid-unit)*6);color:var(--color-text-muted);font-style:italic}.category-page{max-width:800px;margin:0 auto}.category-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*8)}.category-page .page-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.category-page .page-description{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*4)}.page-navigation{text-align:center;padding-top:calc(var(--grid-unit)*4);border-top:1px solid var(--color-border)}.back-link{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);border:2px solid var(--color-accent);border-radius:4px;transition:all .2s ease;display:inline-block}.back-link:hover,.back-link:focus{background-color:var(--color-accent);color:#fff;text-decoration:none}@media (max-width: 768px){.categories-page .page-title{font-size:2.5rem}.category-page .page-title{font-size:2.5rem}.categories-grid{grid-template-columns:1fr}}.about-page,.contact-page{max-width:800px;margin:0 auto}.page-rule{height:4px;background-color:var(--color-accent);border:none;width:120px;margin:0 auto}.about-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*6)}.about-page .page-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*4)}.about-page .author-section{text-align:center;margin-bottom:calc(var(--grid-unit)*10);padding:calc(var(--grid-unit)*6) calc(var(--grid-unit)*4);background-color:var(--color-surface);border-radius:calc(var(--grid-unit))}.about-page .author-avatar{margin-bottom:calc(var(--grid-unit)*3)}.about-page .author-avatar img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--color-accent)}.about-page .avatar-placeholder{width:160px;height:160px;border-radius:50%;border:4px solid var(--color-accent);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-medium-gray);margin:0 auto}.about-page .author-name{font-family:var(--font-heading-secondary);font-size:2.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--grid-unit)*2)}.about-page .author-bio{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto calc(var(--grid-unit)*4)}.about-page .social-links{display:flex;gap:calc(var(--grid-unit)*3);justify-content:center;align-items:center}.about-page .social-links a{color:var(--color-text-secondary);transition:color .2s ease,transform .2s ease}.about-page .social-links a:hover{color:var(--color-accent);transform:translateY(-2px)}.about-page .social-icon{width:28px;height:28px}.about-page .content-section{line-height:1.7}.about-page .content-section h2{font-family:var(--font-heading-secondary);font-size:1.875rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-top:calc(var(--grid-unit)*6);margin-bottom:calc(var(--grid-unit)*3)}.about-page .content-section p{font-size:1.125rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*3)}.about-page .content-section ul{margin:calc(var(--grid-unit)*2) 0;padding-left:calc(var(--grid-unit)*3)}.about-page .content-section li{margin-bottom:calc(var(--grid-unit)*2);font-size:1.125rem;line-height:1.6}.about-page .content-section strong{color:var(--color-text-primary)}@media (max-width: 768px){.about-page .page-title{font-size:2.5rem}.about-page .author-section{padding:calc(var(--grid-unit)*4) calc(var(--grid-unit)*3)}.about-page .author-name{font-size:2rem}.about-page .author-bio{font-size:1.125rem}.about-page .author-avatar img{width:120px;height:120px}.about-page .avatar-placeholder{width:120px;height:120px}.about-page .social-links{gap:calc(var(--grid-unit)*2)}.about-page .content-section h2{font-size:1.5rem}.about-page .content-section p,.about-page .content-section li{font-size:1rem}}.contact-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*8)}.contact-page .page-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.contact-page .page-description{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*4);max-width:600px;margin-left:auto;margin-right:auto}.contact-page .contact-content{line-height:1.7}.contact-page .contact-info h2{font-family:var(--font-heading-secondary);font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*3)}.contact-page .contact-links{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*2);margin-top:calc(var(--grid-unit)*4)}.contact-page .contact-link{display:flex;flex-direction:column;text-decoration:none;padding:calc(var(--grid-unit)*2);border:2px solid var(--color-border);transition:all .2s ease}.contact-page .contact-link:hover,.contact-page .contact-link:focus{border-color:var(--color-accent);background-color:var(--color-surface)}.contact-page .contact-label{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;color:var(--color-text-muted);margin-bottom:calc(var(--grid-unit)/2)}.contact-page .contact-link:hover .contact-label,.contact-page .contact-link:focus .contact-label{color:var(--color-accent)}@media (max-width: 768px){.contact-page .page-title{font-size:2.5rem}.contact-page .page-description{font-size:1.125rem}}:root{--op-grid: 32px;--op-max: 1120px;--op-radius: 2px;--op-ease: cubic-bezier(0.2, 0.7, 0.2, 1);--op-magenta: #ff00cc;--op-cyan: #00e5ff;--op-amber: #ffb020;--op-lime: #9dff5c;--color-background: #f7f7f9;--color-surface: #eeeef3;--color-text-primary: #0b0b0f;--color-text-secondary: #3c3c46;--color-text-muted: #74747f;--color-border: #dcdce3;--color-accent: #c8009e;--color-accent-2: #0089a3;--op-elev: #ffffff;--op-code-bg: #f1f1f5;--op-grid-line: rgba(0, 0, 0, 0.035);--op-glow-soft: rgba(200, 0, 158, 0.07);--op-vignette: rgba(0, 0, 0, 0.05);--op-rail: rgba(0, 0, 0, 0.12);--op-sel: rgba(200, 0, 158, 0.18);--op-glow: 0 0 32px -10px var(--color-accent);--op-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 12px 40px -24px rgba(0, 0, 0, 0.35)}[data-theme=dark]{--color-background: #08080a;--color-surface: #14141a;--color-text-primary: #e8e8ef;--color-text-secondary: #b4b4c0;--color-text-muted: #6a6a7a;--color-border: #24242e;--color-accent: #ff00cc;--color-accent-2: #00e5ff;--op-elev: #0e0e12;--op-code-bg: #0b0b0f;--op-grid-line: rgba(255, 255, 255, 0.028);--op-glow-soft: rgba(255, 0, 204, 0.09);--op-vignette: rgba(0, 0, 0, 0.55);--op-rail: rgba(255, 255, 255, 0.12);--op-sel: rgba(255, 0, 204, 0.28);--op-glow: 0 0 32px -6px var(--color-accent);--op-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 50px -30px rgba(0, 0, 0, 0.9)}html{--op-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-color:var(--color-background);background-image:var(--op-grain),linear-gradient(to right, var(--op-grid-line) 1px, rgba(0,0,0,0) 1px),linear-gradient(to bottom, var(--op-grid-line) 1px, rgba(0,0,0,0) 1px),radial-gradient(70% 46% at 50% -8%, var(--op-glow-soft), rgba(0,0,0,0) 72%),radial-gradient(130% 100% at 50% 0%, rgba(0,0,0,0) 42%, var(--op-vignette) 100%);background-size:140px 140px,var(--op-grid) var(--op-grid),var(--op-grid) var(--op-grid),100% 100%,100% 100%;background-attachment:scroll,fixed,fixed,fixed,fixed;background-repeat:repeat,repeat,repeat,no-repeat,no-repeat}body{background-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{letter-spacing:.06em}p{font-size:1.0625rem}:not(pre)>code{font-family:var(--font-mono);font-size:.86em;padding:.12em .38em;border:none;border-radius:var(--op-radius);color:var(--color-accent);background-color:var(--op-sel);white-space:nowrap}a:hover,a:focus-visible{color:var(--color-accent)}.site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-background) 78%, rgba(0,0,0,0));-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}.site-header .header-content{max-width:var(--op-max);margin:0 auto;padding:.5rem calc(var(--grid-unit)*3)}.site-header .nav-link{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;text-transform:lowercase;color:var(--color-text-secondary);padding:.25rem .5rem;border-radius:var(--op-radius)}.site-header .nav-link::before{content:""}.site-header .nav-link:hover,.site-header .nav-link:focus-visible{color:var(--color-accent);background-color:var(--op-sel)}.op-uptime{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap;user-select:none}.op-uptime__dot{width:7px;height:7px;border-radius:50%;background-color:var(--op-lime);box-shadow:0 0 8px 0 var(--op-lime);animation:op-pulse 2.4s var(--op-ease) infinite}.op-uptime__value{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.op-uptime__label{color:var(--color-text-muted);text-transform:lowercase}.op-uptime.desktop-only{display:none}@media (min-width: 900px){.op-uptime.desktop-only{display:inline-flex}}@keyframes op-pulse{0%, 100%{opacity:1}50%{opacity:.35}}.landing-page{max-width:var(--op-max);margin:0 auto}.hero{padding:calc(var(--grid-unit)*6) 0 calc(var(--grid-unit)*4);text-align:left}.hero{background:none}[data-theme=dark] .hero{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-background) 100%)}.hero-content{max-width:100%;margin-left:0;margin-right:auto}.hero .hero-title{font-family:var(--font-mono);font-size:clamp(1.6rem,4.4vw,2.9rem);font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*2)}.hero .hero-title::before{content:"s0n1q@lab:~$ ";color:var(--color-accent-2);font-weight:500}.hero .hero-title::after{content:"▌";color:var(--color-accent);margin-left:.12em;animation:op-caret 1.1s steps(1) infinite}@keyframes op-caret{0%, 49%{opacity:1}50%, 100%{opacity:0}}.hero .hero-description{max-width:68ch;margin-left:0;margin-right:auto;color:var(--color-text-secondary);font-size:1.0625rem}.hero .hero-rule{height:1px;margin:calc(var(--grid-unit)*3) 0;background-color:var(--color-border);background-image:linear-gradient(90deg, var(--color-accent), var(--color-accent-2), rgba(0,0,0,0))}.btn{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;text-transform:lowercase;padding:.6rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--op-radius);background-color:rgba(0,0,0,0);color:var(--color-text-primary);transition:border-color .2s var(--op-ease),color .2s var(--op-ease),background-color .2s var(--op-ease),box-shadow .2s var(--op-ease)}.btn::before{content:"./";color:var(--color-text-muted);margin-right:.35em}.btn-primary{border-color:var(--color-accent);color:var(--color-accent)}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-background);box-shadow:var(--op-glow)}.btn-primary:hover::before,.btn-primary:focus-visible::before{color:var(--color-background);opacity:.6}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--color-accent-2);color:var(--color-accent-2);box-shadow:0 0 28px -8px var(--color-accent-2)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:calc(var(--grid-unit)*3)}.posts-list{position:relative;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--color-border)}.posts-list .post-item{position:relative;display:grid;grid-template-columns:1fr;gap:.35rem;padding:calc(var(--grid-unit)*2.5) 0 calc(var(--grid-unit)*2.5) calc(var(--grid-unit)*2.5);margin:0;border-bottom:1px solid var(--color-border);border-left:0;background:none;transition:background-color .2s var(--op-ease)}.posts-list .post-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--op-rail)}.posts-list .post-item::after{content:"";position:absolute;left:-3px;top:calc(var(--grid-unit)*2.5 + .5rem);width:7px;height:7px;border-radius:50%;background-color:var(--color-text-muted);transition:background-color .2s var(--op-ease),box-shadow .2s var(--op-ease)}.posts-list .post-item:hover{background-color:color-mix(in srgb, var(--color-surface) 55%, rgba(0,0,0,0))}.posts-list .post-item:hover::after{background-color:var(--color-accent);box-shadow:var(--op-glow)}.posts-list .post-item .post-date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.posts-list .post-item .post-date::before{content:"▸ ";color:var(--color-accent-2)}.posts-list .post-item .post-title{font-family:var(--font-heading-secondary);font-size:1.28rem;font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.25;margin:0}.posts-list .post-item .post-title a{color:var(--color-text-primary)}.posts-list .post-item:hover .post-title a{color:var(--color-accent)}.posts-list .post-item .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.15rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted)}.posts-list .post-item .post-excerpt{margin:.4rem 0 0;max-width:72ch;font-size:1rem;color:var(--color-text-secondary)}.posts-list .post-item .read-more{margin-top:.5rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--color-accent-2);align-self:start}.posts-list .post-item .read-more:hover{color:var(--color-accent)}.category,.category-tag,.tag,.tag-item,.demo-category{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;padding:.15em .55em;border:1px solid var(--color-border);border-radius:var(--op-radius);background-color:rgba(0,0,0,0);color:var(--color-text-muted);transition:border-color .2s var(--op-ease),color .2s var(--op-ease)}.category:hover,.category-tag:hover,.tag-item:hover{border-color:var(--color-accent);color:var(--color-accent)}.post-card-image,.post-item .post-card-image img{display:none}.giallo-l{display:inline-block;min-height:1lh;width:100%}.giallo-ln{display:inline-block;user-select:none;margin-right:.4em;padding:.4em;min-width:3ch;text-align:right;opacity:.8}[data-theme=light] .z-code,:root .z-code{color:#1a1a22;background-color:var(--op-code-bg)}:root .z-1{color:#0f6f8a}:root .z-2{color:#8a8a99}:root .z-3{color:#c8009e}:root .z-4{color:#0077a8}:root .z-5{color:#0f8f80}:root .z-6{color:#2f7d32}:root .z-7{color:#7b3fa8}:root .z-8{color:#c02a3e}:root .z-9{color:#b45a10}:root .z-10{color:#8a6a00}:root .z-11{color:#3c3c46}[data-theme=dark] .z-code{color:#d7d7e0;background-color:var(--op-code-bg)}[data-theme=dark] .z-1{color:#6ea8c8}[data-theme=dark] .z-2{color:#5f5f70}[data-theme=dark] .z-3{color:var(--op-magenta)}[data-theme=dark] .z-4{color:var(--op-cyan)}[data-theme=dark] .z-5{color:#7fe3d4}[data-theme=dark] .z-6{color:#9ce87a}[data-theme=dark] .z-7{color:#c792ea}[data-theme=dark] .z-8{color:#ff5c7a}[data-theme=dark] .z-9{color:#ff9f6b}[data-theme=dark] .z-10{color:var(--op-amber)}[data-theme=dark] .z-11{color:#c8c8d4}.z-hl{background-color:var(--op-sel)}.giallo-ln{color:var(--color-text-muted)}pre{border:1px solid var(--color-border);border-radius:var(--op-radius);background-color:var(--op-code-bg);background-image:none;box-shadow:none}pre[class*=language-],code[class*=language-]{background-color:rgba(0,0,0,0) !important;background-image:none !important;text-shadow:none !important;border:none !important}.op-term{margin:calc(var(--grid-unit)*3) 0;border:1px solid var(--color-border);border-radius:var(--op-radius);background-color:var(--op-code-bg);box-shadow:var(--op-shadow);overflow:hidden}.op-term__bar{display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-surface) 70%, rgba(0,0,0,0));font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);user-select:none}.op-term__glyph{color:var(--color-accent-2);opacity:.85}.op-term__title{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-term__ctl{margin-left:auto;display:flex;align-items:center;gap:.35rem}.op-term__btn{font-family:var(--font-mono);font-size:.7rem;line-height:1;padding:.28rem .45rem;border:1px solid rgba(0,0,0,0);border-radius:var(--op-radius);background-color:rgba(0,0,0,0);color:var(--color-text-muted);cursor:pointer;transition:color .15s var(--op-ease),border-color .15s var(--op-ease),background-color .15s var(--op-ease)}.op-term__btn:hover,.op-term__btn:focus-visible{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--op-sel)}.op-term__btn[data-state=done]{color:var(--op-lime);border-color:var(--op-lime)}.op-term>pre,.op-term pre{margin:0;border:none;border-radius:0;background-color:rgba(0,0,0,0);background-image:none;padding:calc(var(--grid-unit)*2);overflow-x:auto;font-size:.86rem;line-height:1.65}.op-term pre code{display:block;background:none;border:none;padding:0;color:inherit;font-size:inherit;white-space:pre}.op-term--num pre code{counter-reset:op-line}.op-term--num .giallo-l::before{counter-increment:op-line;content:counter(op-line);display:inline-block;min-width:2.5ch;margin-right:1.1em;text-align:right;color:var(--color-text-muted);opacity:.55;user-select:none}.op-term--plain pre{white-space:pre}.op-term--hero{margin-top:0;margin-bottom:calc(var(--grid-unit)*3)}.op-term--hero pre{padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*2.5);font-size:.85rem;line-height:1.7}.op-term--wrap pre code{white-space:pre-wrap;overflow-wrap:anywhere}.op-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:80;background-image:linear-gradient(90deg, var(--color-accent), var(--color-accent-2));transition:width .1s linear}::selection{background-color:var(--op-sel);color:var(--color-text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent);background-clip:content-box}:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:2px;border-radius:var(--op-radius)}.post-content ul>li::marker,.post-content ol>li::marker,.content ul>li::marker{color:var(--color-accent-2);content:"▸ "}.post-content ol>li::marker{color:var(--color-accent-2)}blockquote{border-left:2px solid var(--color-accent);border-radius:0 var(--op-radius) var(--op-radius) 0;background-color:color-mix(in srgb, var(--color-surface) 60%, rgba(0,0,0,0));font-style:normal;color:var(--color-text-secondary)}hr,.hero-rule,.blog-rule,.monumental-rule{height:1px;background-color:var(--color-border);background-image:linear-gradient(90deg, var(--color-accent), var(--color-accent-2), rgba(0,0,0,0))}.op-404{max-width:68ch;margin:0 auto;padding:calc(var(--grid-unit)*8) 0;font-family:var(--font-mono)}.op-404__cmd{font-size:1rem;color:var(--color-text-secondary)}.op-404__cmd::before{content:"s0n1q@lab:~$ ";color:var(--color-accent-2)}.op-404__err{margin:.6rem 0 1.6rem;font-size:.95rem;color:var(--color-accent)}.op-404__code{display:block;font-size:clamp(3.5rem,14vw,7rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:rgba(0,0,0,0);background-image:linear-gradient(120deg, var(--color-accent), var(--color-accent-2));-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.op-404__hint{color:var(--color-text-muted);font-size:.85rem}.op-404__hint a{color:var(--color-accent-2)}.op-reveal{opacity:0;transform:translateY(10px);transition:opacity .5s var(--op-ease),transform .5s var(--op-ease)}.op-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}.op-reveal{opacity:1;transform:none}.hero .hero-title::after{animation:none;opacity:1}.op-uptime__dot{animation:none}}@media (max-width: 768px){.hero-actions{align-items:flex-start}}@media (max-width: 640px){.hero{padding:calc(var(--grid-unit)*4) 0 calc(var(--grid-unit)*2)}.op-term__bar{font-size:.66rem}.op-term>pre,.op-term pre{font-size:.78rem;padding:calc(var(--grid-unit)*1.5)}.posts-list .post-item{padding-left:calc(var(--grid-unit)*2)}}.landing-posts{margin-top:calc(var(--grid-unit)*4)}.landing-posts .section-title,.tag-cloud-section .section-title{margin:0 0 calc(var(--grid-unit)*1.5);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);text-align:left}.landing-more{margin-top:calc(var(--grid-unit)*2)}.tag-cloud-section{margin-top:calc(var(--grid-unit)*5);padding-top:calc(var(--grid-unit)*3);border-top:1px solid var(--color-border)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-cloud .tag-item{display:inline-flex;align-items:center;gap:.45em}.tag-count{color:var(--color-text-muted);opacity:.75}.tag-count::before{content:"/";margin-right:.35em;opacity:.5}.op-term__keys{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;color:var(--color-text-muted);user-select:none}.site-footer{margin-top:calc(var(--grid-unit)*6);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.02em}.site-footer .footer-content{padding:calc(var(--grid-unit)*2) 0;align-items:center}.site-footer .copyright{margin:0;color:var(--color-text-secondary)}.site-footer .copyright::before{content:"$ ";color:var(--color-accent-2)}.site-footer .social-link{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--op-radius);background-color:rgba(0,0,0,0);color:var(--color-text-muted);transition:color .2s var(--op-ease),border-color .2s var(--op-ease),box-shadow .2s var(--op-ease)}.site-footer .social-link:hover,.site-footer .social-link:focus-visible{background-color:rgba(0,0,0,0);color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--op-glow);transform:none}.site-footer .social-icon{width:1.05rem;height:1.05rem}@media (max-width: 640px){.site-footer .footer-content{flex-direction:column;gap:calc(var(--grid-unit)*1.5);text-align:center}}