@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg: #121212;--bg-code: #1a2332;--text: #ece8e4;--text-muted: #8a9aaa;--accent: #5b9bd4;--accent-light: #1a2e42;--accent-glow: rgba(91, 155, 212, .1);--border: #252d3d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6);--code-comment: #5a6a7e;--code-keyword: #7cb8e0;--code-base: #ece8e4;--code-string: #5fb882;--code-number: #d4a373;--code-attribute: #9a7fd1;--code-error-bg: #2d1517;--max-width: 740px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 100px;--transition: .2s ease;--font-body: "Inter", sans-serif;--font-heading: "Inter", sans-serif;--font-code: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{inline-size:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.7;color:var(--text);background:var(--bg);min-block-size:100vh;overflow-wrap:break-word;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-inline-size:var(--max-width);margin-inline:auto;padding-inline:1.5rem}.header-container,.posts-container,.about-container,.microblog-container,.post,.error-container{max-inline-size:var(--max-width);margin-inline:auto;padding-inline:1.5rem;inline-size:100%;box-sizing:border-box}img{max-inline-size:100%;block-size:auto;display:block;border-radius:var(--radius-md)}p img{margin-block:.75rem}video,iframe[src*="youtube.com"],iframe[src*="youtu.be"],iframe[src*="vimeo.com"]{inline-size:100%;aspect-ratio:16 / 9;block-size:auto;display:block;border-radius:var(--radius-md);margin-block:1.5rem;border:none}iframe[src*="bandcamp.com"]{inline-size:100%;display:block;border-radius:var(--radius-md);margin-block:1.5rem;border:none;aspect-ratio:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);font-weight:700;margin-block-start:2.5rem;margin-block-end:.75rem;line-height:1.3}*{font-variant-ligatures:common-ligatures}h1{font-size:clamp(2rem,5vw,2.5rem)}h2{font-size:clamp(1.4rem,4vw,1.75rem)}h3{font-size:clamp(1.15rem,3vw,1.35rem)}h4,h5,h6{font-size:clamp(1rem,2.5vw,1.1rem)}p{margin-block-end:1.25rem;font-size:1.05em;line-height:1.75}ul,ol{margin-block-end:1.25rem;font-size:1em;list-style-position:outside;padding-inline-start:1.5rem}ul ul,ol ol,ul ol,ol ul{margin-block-end:0}a{color:var(--accent);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition);box-decoration-break:clone}a:hover{color:var(--accent);background-color:var(--accent-light);text-decoration:none}::selection{background:var(--accent);color:#fff}::-moz-selection{background:var(--accent);color:#fff}header{position:sticky;top:0;z-index:100;padding-block:2rem;margin-block-start:2.5rem;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:inline-flex;align-items:center;text-decoration:none;transition:transform var(--transition)}.logo:hover{background-color:transparent;transform:scale(1.08)}.logo img{block-size:3.5rem;inline-size:auto;max-inline-size:140px}.header-right{display:flex;align-items:center;gap:1.5rem}.nav{display:flex;gap:.75rem}.nav a{text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:.95rem;padding-block:.5rem;padding-inline:1.25rem;color:var(--text-muted);border-radius:var(--radius-pill);transition:all var(--transition)}.nav a:hover{color:var(--text);background-color:var(--bg-code)}.nav a.active,.nav a.active:hover{background-color:var(--accent);color:#fff}main{padding-block:1rem 3rem;min-block-size:calc(100vh - 80px)}.post-content,.about-content,.microblog-content{color:var(--text)}.post-content h2:first-child,.about-content h2:first-child,.microblog-content h2:first-child{margin-block-start:0}.posts-list,.microblog-posts{display:flex;flex-direction:column;gap:0;margin-block:0}.post-item,.microblog-item{padding-block:1.5rem}.post-item:last-child,.microblog-item:last-child{border-block-end:none}.post-header,.microblog-header{margin-block:0;padding-block:0;border:none}.post-title{font-size:clamp(1.3rem,5vw,1.6rem);margin-block-start:0;margin-block-end:.35rem;padding-block-end:0;line-height:1.3}.post-title a{text-decoration:none;color:var(--text);transition:color var(--transition)}.post-title a:hover{color:var(--accent);background-color:transparent}.post-date{display:block;color:var(--text-muted);font-size:.8rem;font-family:var(--font-code);margin-block-end:.75rem}.post-preview{margin-block-end:1rem}.post-preview img{max-inline-size:100%;block-size:auto;border-radius:var(--radius-md)}.read-more{color:var(--accent);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem}.read-more:after{content:"→";transition:transform var(--transition)}.read-more:hover:after{transform:translate(3px)}.post-footer{margin-block-start:.75rem;text-align:start;border:none;padding-block:0}.tag-cloud,.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:0;margin-block-end:1rem}.tag,.tag-cloud-item{background-color:var(--accent-light);color:var(--accent);padding-block:.2rem;padding-inline:.7rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block;border:1px solid transparent;transition:all var(--transition)}.tag:hover,.tag-cloud-item:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.tag-page-header{margin-block-end:2rem;padding-block-end:1rem;border-block-end:2px solid var(--accent-light)}.tag-page-header h1{margin-block-end:.5rem;font-size:clamp(1.5rem,6vw,1.8rem)}.tag-highlight{color:var(--accent);font-weight:600}.tag-count{color:var(--text-muted);margin-block-end:1rem;font-style:italic}.pagination{margin-block-start:2rem;margin-block-end:2rem;padding-block:1rem;text-align:center}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-numbers{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-block-start:3rem;margin-block-end:4rem;align-items:center}.pagination-info{text-align:center;color:var(--text-muted);font-size:.85rem;margin-block:1rem .5rem}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-inline-size:38px;block-size:38px;padding-inline:.75rem;background-color:var(--bg-code);color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-code);font-size:.85rem;transition:all var(--transition)}.pagination-link:hover{border-color:var(--accent);color:var(--accent)}.pagination-link.pagination-current{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.pagination-ellipsis{color:var(--text-muted);padding-inline:.3rem}code:not(pre code){background-color:var(--bg-code);padding-block:.15rem;padding-inline:.4rem;border-radius:var(--radius-sm);font-family:var(--font-code);color:var(--code-attribute);font-size:.88em}pre{background-color:var(--bg-code);padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;margin-block:1.5rem;font-family:var(--font-code);font-size:.85rem;border:1px solid var(--border);line-height:1.6}pre code{background-color:transparent;padding-block:0;font-size:inherit}blockquote{border-inline-start:3px solid var(--accent);padding-inline-start:1.25rem;margin-block:1.5rem;color:var(--text-muted);background:var(--bg-code);padding-block:.75rem;padding-inline-end:1.25rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}table{inline-size:100%;border-collapse:collapse;margin-block:1.5rem;color:var(--text);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}table th,table td{padding:.75rem 1rem;border:1px solid var(--border);text-align:start;vertical-align:top}table th{background-color:var(--bg-code);font-weight:700}table tr:nth-child(2n){background-color:var(--bg-code)}.hover-footnote{cursor:help;position:relative;color:var(--accent);font-weight:700;font-size:.85em}.hover-footnote:after{content:attr(data-title);background:var(--bg-code);color:var(--text);border:1px solid var(--border);padding-block:.6rem;padding-inline:1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:400;box-shadow:var(--shadow-lg);line-height:1.5;text-align:start;inline-size:max-content;max-inline-size:300px;white-space:normal;overflow-wrap:break-word;hyphens:auto;opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);z-index:1000;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%) translateY(8px);margin-block-end:8px}.hover-footnote:hover:after{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}@media(max-width:768px){.hover-footnote:hover:after{position:fixed;inset-block-end:16px;inset-inline:16px;transform:none;margin-block:0;inline-size:auto;max-inline-size:none;background:var(--bg-code);border:1px solid var(--border);box-shadow:var(--shadow-lg)}}.intro{font-size:1.2rem;text-align:center;margin-block-end:3rem}.coming-soon{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center}.coming-soon h2{font-size:2rem;margin-block-end:1rem}.clickableimg{cursor:pointer}a:has(>img:only-child){text-decoration:none;background:none;border-radius:0}.error-container{text-align:center;margin-block-start:3rem}.error-title{font-size:clamp(4rem,12vw,6rem);font-weight:700;margin-block-end:.5rem;color:var(--accent)}.error-subtitle{font-size:1.2rem;margin-block-end:0;color:var(--text-muted)}footer,.postend{color:var(--text-muted);border-block-start:1px solid var(--border);text-align:start;margin-block-start:25px}footer{padding-block:1.5rem;margin-block-end:25px;font-size:.85rem}.postend{margin-inline:auto;margin-block-start:20px;margin-block-end:10px;padding-block-start:10px;text-align:end}@media only screen and (max-device-width:300px){*:not(h1){font-size:.9em!important}}@media(max-width:768px){header{position:static;backdrop-filter:none}.header-content{flex-direction:column;align-items:center;gap:1.5rem}.header-search{display:none}.nav{gap:1rem}.posts-list,.error-links{gap:0}}@media(max-width:500px){.header-content{flex-direction:column;align-items:center;gap:1.25rem}}@media(prefers-contrast:high){.pagination-link{border-width:2px}.pagination-current{background-color:var(--text);border-color:var(--text);color:var(--bg)}}@media(prefers-reduced-motion:reduce){*,.pagination-link,.logo,.logo img,.nav a,a,.post-item,.microblog-item{transition:none!important}.pagination-link:hover,.logo:hover,.tag:hover,.post-item:hover,.microblog-item:hover{transform:none!important}}.lineno{color:var(--code-comment);margin-inline-end:15px}figure.highlight{margin-block:5px 0}.highlight .hll{background-color:var(--border)}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:var(--code-comment);font-style:italic}.highlight .err{color:var(--text);background-color:var(--code-error-bg)}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr{color:var(--code-base);font-weight:700}.highlight .cp{color:var(--code-comment)}.highlight .gd,.highlight .gr,.highlight .gt,.highlight .no,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--code-number)}.highlight .ge{font-style:italic}.highlight .gh{color:var(--text);font-weight:700}.highlight .gi{color:var(--code-string)}.highlight .go,.highlight .nd{color:var(--code-comment)}.highlight .gp{color:var(--text-muted)}.highlight .gs{font-weight:700}.highlight .gu{color:var(--code-keyword);font-weight:700}.highlight .kt,.highlight .nb,.highlight .nn,.highlight .bp{color:var(--code-keyword)}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il,.highlight .sr{color:var(--code-number)}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .s1{color:var(--code-string)}.highlight .na,.highlight .nt{color:var(--code-attribute)}.highlight .nc{color:var(--code-string);text-decoration:underline}.highlight .ni{color:var(--text);font-weight:700}.highlight .nf{color:var(--code-keyword)}.highlight .ow,.highlight .ss{color:var(--code-base)}.highlight .w{color:var(--bg)}