:root{--bg:#f8f6f1;--surface:#f3f0e8;--text-color:#1f1f1b;--text-secondary:#575349;--border-color:#d9d2c3;--accent-color:#6b4f2a;--card-background:#f1ede3;--hover-background:#ebe4d4;--background-color:var(--bg);--content-width:1120px;--container-width:780px}*,*::before,*::after{box-sizing:border-box}html{background:var(--bg);color:var(--text-color);font-family:newsreader,Georgia,serif;font-size:18px;line-height:1.65;scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent-color) 55%,transparent);text-underline-offset:.14em}a:hover{color:var(--accent-color)}.container{width:min(92vw,var(--container-width));margin-inline:auto}#content{width:min(96vw,var(--content-width));margin:5.5rem auto 0}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,white);border-bottom:1px solid var(--border-color);backdrop-filter:blur(6px)}.header-nav{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{font-size:1.08rem;font-weight:700;text-decoration:none}.menu{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin:0;padding:0;font-family:jetbrains mono,ui-monospace,monospace;font-size:.82rem}.menu a{text-decoration:none;color:var(--text-secondary)}.menu a:hover{color:var(--text-color)}.home-hero{padding:1rem 0 1.8rem}.home-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.home-hero-text{min-width:0}.home-hero h1{margin:0 0 .3rem;font-size:clamp(1.9rem,3.2vw,2.6rem)}.home-hero p{margin:.65rem 0 0;color:var(--text-secondary)}.home-hero-avatar{flex-shrink:0}.home-about{margin-top:.6rem;margin-bottom:1.9rem}.home-profile{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar-image{width:84px;height:84px;border-radius:50%;border:2px solid #f8f6f1;box-shadow:0 0 0 3px #f8f6f1,0 0 0 7px #19b453;object-fit:cover}.gk-social-icons-list{list-style:none;display:flex;gap:.55rem;margin:0;padding:0}.gk-social-icon img{width:17px;height:17px;opacity:.78}.gk-social-icon img:hover{opacity:1}.home-summary{margin:0;color:var(--text-secondary)}.home-block{margin-bottom:2rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.section-head h2{margin:0;font-size:clamp(1.2rem,2vw,1.45rem)}.section-head a{font-family:jetbrains mono,ui-monospace,monospace;font-size:.72rem;text-decoration:none;color:var(--text-secondary)}.section-head a:hover{color:var(--text-color)}.home-list-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.36rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.home-list-title{text-decoration:none}.home-list-date{font-family:jetbrains mono,ui-monospace,monospace;font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}.home-grid-item{display:block;border:1px solid var(--border-color);border-radius:.45rem;overflow:hidden;background:var(--surface)}.home-grid-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.home-paintings .home-grid{gap:1px;background:var(--border-color)}.home-paintings .home-grid-item{border:none;border-radius:0}.tools-list{display:grid;gap:.65rem}.tool-link{display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--border-color);border-radius:.45rem;background:var(--surface);padding:.72rem .82rem;text-decoration:none}.tool-link strong{font-size:1rem}.tool-link span{color:var(--text-secondary);font-size:.93rem}.section-page h1{margin-bottom:.8rem}.section-description{color:var(--text-secondary);margin-top:0;margin-bottom:1rem}.section-block{margin-bottom:2rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--border-color) 72%,transparent)}.section-block:first-of-type{border-top:none;padding-top:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}.media-grid-item{display:block;border:1px solid var(--border-color);border-radius:.45rem;overflow:hidden;background:var(--surface)}.media-grid-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.paintings-page .media-grid{gap:1px;background:var(--border-color)}.paintings-page .media-grid-item{border:none;border-radius:0}.art-page .media-grid{gap:1px;background:var(--border-color)}.art-page .media-grid-item{border:none;border-radius:0}.media-single{text-align:center}.media-single-date{margin-top:0;margin-bottom:.95rem;color:var(--text-secondary);font-family:jetbrains mono,ui-monospace,monospace;font-size:.75rem}.media-single-image{margin:.6rem 0 1rem}.media-single-image img{max-width:min(100%,760px);height:auto;border:1px solid var(--border-color);border-radius:.45rem}.comic-container .media-single-image img{max-height:68vh;width:auto}.media-single-description{margin:1rem auto 0;text-align:left}.media-navigation{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap}.nav-button{border:1px solid var(--border-color);border-radius:.38rem;background:var(--surface);color:var(--text-color);text-decoration:none;padding:.4rem .7rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.72rem;cursor:pointer}.nav-button:hover:not(.disabled){border-color:var(--text-secondary)}.nav-button.disabled{opacity:.48;pointer-events:none}.content-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.content-card{border:1px solid var(--border-color);border-radius:.45rem;overflow:hidden;background:var(--surface)}.content-card-image{width:100%;height:180px;object-fit:cover;display:block}.content-card-body{padding:.8rem}.content-card-body h2{margin:0 0 .35rem;font-size:1.08rem}.content-card-body h2 a{text-decoration:none}.content-card-description{margin:0 0 .45rem;color:var(--text-secondary);font-size:.92rem}.content-card-meta{font-family:jetbrains mono,ui-monospace,monospace;font-size:.72rem;color:var(--text-secondary)}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.concept-card{border:1px solid var(--border-color);border-radius:.45rem;padding:.9rem;text-decoration:none;background:var(--surface)}.concept-card-header{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.concept-card-header h3{margin:0;font-size:1.08rem}.difficulty-badge{border:1px solid var(--border-color);border-radius:999px;padding:.1rem .45rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.65rem;color:var(--text-secondary)}.concept-card-description{margin:.55rem 0;color:var(--text-secondary);font-size:.92rem}.concept-card-category,.concept-card-deps{font-size:.78rem;color:var(--text-secondary)}.concept-page-wrap{position:relative}.concept-page{max-width:820px;margin:0 auto}.concept-header{margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 72%,transparent)}.concept-description{color:var(--text-secondary)}.concept-meta{display:flex;flex-wrap:wrap;gap:.45rem}.concept-meta span{border:1px solid var(--border-color);border-radius:999px;padding:.1rem .48rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.68rem;color:var(--text-secondary)}.concept-dependencies{margin-top:.85rem;font-size:.9rem;color:var(--text-secondary)}.concept-footer{margin-top:2rem;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--border-color) 72%,transparent)}.floating-back-btn{position:fixed;right:1.5rem;bottom:1.5rem;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-color);display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.05rem}.post-header-section h1,.list-title{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.25;margin:0 0 .8rem}.post-description{margin:0 0 .35rem;color:var(--text-secondary)}.post-date{margin:.2rem 0 1rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.78rem;color:var(--text-secondary)}.post-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin:.5rem 0 1.2rem;padding:0}.post-tag a{display:inline-block;border:1px solid var(--border-color);border-radius:999px;padding:.15rem .58rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.72rem;text-decoration:none;color:var(--text-secondary)}.post-tag a:hover{color:var(--text-color);border-color:var(--text-secondary)}.post-content{margin-top:1rem}.post-content img{max-width:100%;height:auto}.post-content pre{overflow-x:auto;padding:.9rem 1rem;border-radius:.45rem;background:var(--surface);border:1px solid var(--border-color)}.post-content code{font-family:jetbrains mono,ui-monospace,monospace;font-size:.85em}.post-content blockquote{margin:1rem 0;padding:.1rem 0 .1rem .95rem;border-left:3px solid var(--border-color);color:var(--text-secondary)}.post-title{margin:0 0 .8rem}.post-link{text-decoration:none;font-size:1.06rem}.posts-year{margin:1.3rem 0 .7rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.84rem;color:var(--text-secondary)}.site-footer{margin:3.5rem auto 1.25rem;width:min(92vw,var(--container-width));border-top:1px solid var(--border-color);padding-top:.9rem;color:var(--text-secondary);font-family:jetbrains mono,ui-monospace,monospace;font-size:.74rem}@media(max-width:820px){html{font-size:17px}#content{margin-top:4.8rem}.header-nav{align-items:flex-start;flex-direction:column;padding-top:.65rem;padding-bottom:.7rem}.menu{gap:.4rem .8rem}.home-profile{align-items:flex-start;flex-direction:column;gap:.65rem}.home-hero-row{flex-direction:row;align-items:flex-start}.home-list-item{flex-direction:column;align-items:flex-start;gap:.12rem}.content-card-grid,.concepts-grid,.media-grid{grid-template-columns:1fr}}