:root{--color-page-bg:#222;--color-surface:#1a1a1a;--color-card-bg:#202020;--color-card-bg-hover:#262626;--color-border:#333;--color-shadow:#00000080;--color-text-primary:#e0e0e0;--color-text-selected:#fff;--color-text-muted:#e0e0e0b8;--color-link:#8cb4ff;--color-accent:#86b095;--color-accent-alt:#6ea8ff;--font-family:"Courier New", Courier, monospace;--font-size:1rem;--line-height:1.6;--page-padding:1rem;--content-width:70rem;--reading-width:68ch;--border-radius:.5rem}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0}body{background:var(--color-page-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height)}#root{min-height:100vh}::selection{background:var(--color-link);color:var(--color-text-selected)}a{color:var(--color-link)}button,input,textarea,select{font:inherit}*{scrollbar-color:var(--color-border) var(--color-surface);scrollbar-width:thin}::-webkit-scrollbar{width:.45rem;height:.45rem}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-card-bg-hover)}.app-container{width:min(90vw,84rem);height:min(90vh,56rem);color:var(--color-text-primary);grid-template-columns:270px minmax(0,1fr);gap:1.25rem;margin:0 auto;padding:2rem 1rem;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-container .page-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;min-width:0;height:100%;box-shadow:0 .25rem 1.25rem var(--color-shadow);justify-content:center;align-items:start;padding:1rem;display:flex;overflow-y:auto}@media (width<=980px){.app-container{grid-template-columns:1fr;gap:.85rem;width:100%;height:auto;min-height:100dvh;padding:1rem .75rem;display:grid;position:static;top:auto;left:auto;transform:none}.app-container .page-container{height:auto;min-height:0;padding:.85rem;overflow:visible}}@media (width<=640px){.app-container{padding:.75rem .5rem}.app-container .page-container{padding:.75rem}}.sidebar-container{align-content:start;gap:.8rem;width:100%;height:100%;display:grid}.sidebar-container .sidebar-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 .25rem 1.25rem var(--color-shadow);gap:.7rem;padding:1rem;display:grid}.sidebar-container .sidebar-kicker{color:var(--color-accent);font-family:var(--font-family);margin:0}.sidebar-container .sidebar-search-input{width:100%;min-width:0;color:var(--color-text-primary);border:1px solid var(--color-border);background:#ffffff03;border-radius:.4rem;outline:none;padding:.48rem .55rem}.sidebar-container .sidebar-search-input:focus{border-color:var(--color-link)}.sidebar-container .sidebar-search-form{display:block}.sidebar-container .sidebar-nav-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-container .sidebar-nav-link,.sidebar-container .sidebar-portfolio-link,.sidebar-container .sidebar-post-nav-link{color:var(--color-text-primary);border:1px solid #0000;border-radius:.35rem;padding:.35rem .45rem;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s;display:block}:is(.sidebar-container .sidebar-nav-link,.sidebar-container .sidebar-portfolio-link,.sidebar-container .sidebar-post-nav-link):hover{color:var(--color-link);border-color:var(--color-border);background:#6ea8ff14}.sidebar-container .sidebar-nav-link.active{color:var(--color-link);border-color:var(--color-border);background:#6ea8ff14}.sidebar-container .sidebar-post-nav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.sidebar-container .sidebar-post-nav-link{text-align:center;border-color:var(--color-border);background:#ffffff05;font-size:.92rem}.sidebar-container .sidebar-post-nav-list:has(.sidebar-post-nav-link:only-child){grid-template-columns:1fr}@media (width<=980px){.sidebar-container{height:auto}.sidebar-container .sidebar-content{padding:.85rem}.sidebar-container .sidebar-navigation .sidebar-nav-list{flex-flow:wrap;gap:.45rem}}.home-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;display:flex}.home-page .home-page-message,.home-page .home-page-section{width:min(100%,46rem)}.home-page .home-page-message{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 .25rem 1.25rem var(--color-shadow);flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem;padding:1rem;display:flex}.home-page .home-page-message .home-page-kicker{color:var(--color-accent);font-family:var(--font-family);margin:0}.home-page .home-page-message .home-page-title{color:var(--color-text-selected);margin:0;line-height:1.15}.home-page .home-page-message .home-page-summary{color:var(--color-text-muted);margin:0}.home-page .home-page-section{flex-direction:column;gap:.8rem;display:flex}.home-page .home-page-section .home-page-section-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.home-page .home-page-section .home-page-kicker{color:var(--color-accent);font-family:var(--font-family);margin:0}.home-page .home-page-section .home-page-all-posts{color:var(--color-link);text-decoration:none}.home-page .home-page-section .home-page-all-posts:hover{text-decoration:underline}.home-page .home-page-section .home-page-posts{gap:.8rem;display:grid}@media (width<=640px){.home-page{gap:1rem}.home-page .home-page-message,.home-page .home-page-section{width:100%}.home-page .home-page-section .home-page-section-header{flex-direction:column;align-items:flex-start;gap:.3rem}}.post-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;box-shadow:0 .25rem 1.25rem var(--color-shadow);transition:background-color .2s,border-color .2s}.post-card:hover{background:var(--color-card-bg-hover);border-color:var(--color-accent-alt)}.post-card:focus-within{border-color:var(--color-link)}.post-card .post-card-link{width:100%;color:inherit;outline:none;gap:.16rem;padding:.5rem .65rem;text-decoration:none;display:grid}.post-card .post-card-date{color:var(--color-accent);margin:0;font-size:.8rem}.post-card .post-card-title{color:var(--color-text-selected);margin:0;font-size:.96rem;line-height:1.18;transition:color .2s}.post-card:hover .post-card-title,.post-card:focus-within .post-card-title{color:var(--color-link)}.post-card .post-card-excerpt{color:var(--color-text-muted);margin:0;font-size:.9rem}.post-page{width:min(100%, var(--reading-width));gap:2rem;padding:.75rem 0 2rem;display:grid}.post-page .post-page-header{border-bottom:1px solid var(--color-border);gap:.45rem;padding-bottom:1.15rem;display:grid}.post-page .post-page-kicker{color:var(--color-accent);margin:0}.post-page .post-page-date{color:var(--color-accent-alt);margin:0;font-size:.95rem}.post-page .post-page-title{color:var(--color-text-selected);margin:0;line-height:1.14}.post-page .post-page-summary{color:var(--color-text-muted);max-width:58ch;margin:0}.post-page .post-page-content{gap:1.2rem;display:grid}.post-page .post-page-content h1,.post-page .post-page-content h2,.post-page .post-page-content h3,.post-page .post-page-content h4,.post-page .post-page-content h5,.post-page .post-page-content h6{color:var(--color-text-selected);margin:1.5rem 0 0;line-height:1.2}.post-page .post-page-content h1:first-child,.post-page .post-page-content h2:first-child,.post-page .post-page-content h3:first-child,.post-page .post-page-content h4:first-child,.post-page .post-page-content h5:first-child,.post-page .post-page-content h6:first-child{margin-top:0}.post-page .post-page-content p,.post-page .post-page-content ul,.post-page .post-page-content ol,.post-page .post-page-content blockquote,.post-page .post-page-content pre{margin:0}.post-page .post-page-content p+p{margin-top:.1rem}.post-page .post-page-content ul,.post-page .post-page-content ol{padding-left:1.25rem}.post-page .post-page-content ul+p,.post-page .post-page-content ol+p,.post-page .post-page-content p+ul,.post-page .post-page-content p+ol,.post-page .post-page-content p+blockquote,.post-page .post-page-content blockquote+p,.post-page .post-page-content pre+p,.post-page .post-page-content p+pre{margin-top:.2rem}.post-page .post-page-content li+li{margin-top:.3rem}.post-page .post-page-content a{color:var(--color-link)}.post-page .post-page-content code{color:var(--color-accent-alt)}.post-page .post-page-content pre{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 .25rem 1.25rem var(--color-shadow);padding:1rem 1.05rem;overflow-x:auto}.post-page .post-page-content pre code{color:var(--color-text-primary)}.post-page .post-page-content blockquote{color:var(--color-text-muted);border-left:2px solid var(--color-accent);padding-left:1rem}.post-page .post-page-state{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 .25rem 1.25rem var(--color-shadow);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.post-page .post-page-state .post-page-kicker,.post-page .post-page-state .post-page-state-title,.post-page .post-page-state .post-page-state-copy{margin:0}.post-page .post-page-state .post-page-state-title{color:var(--color-text-selected)}.post-page .post-page-state .post-page-state-copy{color:var(--color-text-muted)}.post-page .post-page-state .post-page-state-link{color:var(--color-link);margin-top:.25rem;text-decoration:none}.post-page .post-page-state .post-page-state-link:hover{text-decoration:underline}@media (width<=640px){.post-page{gap:1.25rem;width:100%;padding:.25rem 0 1.25rem}.post-page .post-page-header{gap:.45rem;padding-bottom:.85rem}.post-page .post-page-content{gap:.85rem}.post-page .post-page-content h1,.post-page .post-page-content h2,.post-page .post-page-content h3,.post-page .post-page-content h4,.post-page .post-page-content h5,.post-page .post-page-content h6{margin-top:1.15rem}.post-page .post-page-content pre{padding:.85rem}}.posts-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;display:flex}.posts-page .posts-page-message{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);width:min(100%,46rem);box-shadow:0 .25rem 1.25rem var(--color-shadow);flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem;padding:1rem;display:flex}.posts-page .posts-page-message .posts-page-kicker{color:var(--color-accent);font-family:var(--font-family);margin:0}.posts-page .posts-page-message .posts-page-title{color:var(--color-text-selected);margin:0;line-height:1.15}.posts-page .posts-page-message .posts-page-summary{color:var(--color-text-muted);margin:0}.posts-page .posts-page-search-container{flex-direction:column;gap:.35rem;width:min(100%,46rem);display:flex}.posts-page .posts-page-search-container .posts-page-kicker{color:var(--color-accent);font-family:var(--font-family);margin:0}.posts-page .posts-page-search-container .posts-page-search-copy{color:var(--color-text-muted);margin:0}.posts-page .posts-page-search-container .posts-page-search-input{width:100%;min-width:0;color:var(--color-text-primary);border:1px solid var(--color-border);background:#ffffff03;border-radius:.4rem;outline:none;padding:.48rem .55rem}.posts-page .posts-page-search-container .posts-page-search-input:focus{border-color:var(--color-link)}.posts-page .posts-page-count{width:min(100%,46rem);color:var(--color-text-muted);margin:0}.posts-page .posts-page-posts{gap:.8rem;width:min(100%,46rem);display:grid}.posts-page .posts-page-empty{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);width:min(100%,46rem);box-shadow:0 .25rem 1.25rem var(--color-shadow);flex-direction:column;gap:.2rem;padding:1rem;display:flex}.posts-page .posts-page-empty .posts-page-empty-title,.posts-page .posts-page-empty .posts-page-empty-copy{margin:0}.posts-page .posts-page-empty .posts-page-empty-title{color:var(--color-text-selected)}.posts-page .posts-page-empty .posts-page-empty-copy{color:var(--color-text-muted)}@media (width<=640px){.posts-page{gap:1rem}.posts-page .posts-page-message,.posts-page .posts-page-search-container,.posts-page .posts-page-count,.posts-page .posts-page-posts,.posts-page .posts-page-empty{width:100%}}