:root{--bg: #0a0c0f;--surface: #13161a;--border: #2a2f36;--text: #e6edf3;--text-muted: #8b949e;--accent: #3b82f6;--accent-hover: #60a5fa;--status: #34d399;--status-dim: #059669;--code-bg: #080a0c;--syn-string: #fbbf24;--syn-fn: #c084fc;--syn-kw: #93c5fd;--syn-comment: #6e7681;--gutter: #484f58;--danger: #f87171;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-sans: Inter, "Segoe UI", system-ui, sans-serif;--radius: 4px;--header-h: 56px;--gutter-w: 48px;--sidebar-w: 280px;--content-max: 720px;--page-max: 1200px;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.6}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}pre,code{font-family:var(--font-mono)}code{font-size:.9em}.font-mono{font-family:var(--font-mono)}.page-title{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;letter-spacing:-0.02em;margin-bottom:var(--space-2)}.page-lead{color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;margin-bottom:var(--space-5)}.string-lit{color:var(--syn-string);font-family:var(--font-mono)}.fn-lit{color:var(--syn-fn);font-family:var(--font-mono)}.link-cursor{color:var(--accent);font-family:var(--font-mono);position:relative}.link-cursor::after{content:"_";opacity:0;margin-left:1px;color:var(--accent)}.link-cursor:hover,.link-cursor:focus-visible{color:var(--accent-hover);outline:none}.link-cursor:hover::after,.link-cursor:focus-visible::after{opacity:1;animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}.breadcrumbs{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-5);word-break:break-all}.breadcrumbs a{color:var(--status)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{margin:0 .2em;color:var(--gutter)}.breadcrumbs .current{color:var(--text)}.article{font-family:var(--font-sans);font-size:1.05rem;line-height:1.75;color:var(--text)}.article h1{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:var(--space-4)}.article h2{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;margin:var(--space-6) 0 var(--space-3);scroll-margin-top:calc(var(--header-h) + var(--space-3))}.article p{margin-bottom:var(--space-4)}.article .meta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-3)}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}.article-body a:hover{color:var(--accent-hover)}.site{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--space-5) var(--space-4);flex:1}.layout{display:grid;grid-template-columns:var(--gutter-w) minmax(0, 1fr) var(--sidebar-w);gap:var(--space-5);align-items:start}.layout--article{grid-template-columns:var(--gutter-w) minmax(0, 1fr) var(--sidebar-w)}.gutter{font-family:var(--font-mono);font-size:.75rem;color:var(--gutter);text-align:right;user-select:none;padding-top:.35rem;line-height:1.7;position:sticky;top:calc(var(--header-h) + var(--space-4))}.gutter span{display:block}.content{min-width:0;max-width:var(--content-max)}.feed{display:flex;flex-direction:column;gap:var(--space-4)}.site-footer{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);max-width:var(--page-max);margin:0 auto;width:100%}.site-footer .prompt{color:var(--status)}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-mono)}.header-inner{max-width:var(--page-max);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-h)}.brand{flex-shrink:0;font-size:1rem;font-weight:700;letter-spacing:-0.03em;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.2em .55em;background:var(--surface);transition:color .15s,border-color .15s}.brand:hover,.brand:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.shell-prompt{flex:1;min-width:0;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-prompt .user{color:var(--status)}.shell-prompt .path{color:var(--accent)}.shell-prompt .cmd{color:var(--text)}.header-status{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;font-size:.75rem}.status-online{display:inline-flex;align-items:center;gap:.4em;color:var(--status);text-transform:uppercase;letter-spacing:.04em}.status-online::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--status);box-shadow:0 0 0 2px rgba(52,211,153,.2);animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,100%{opacity:1}50%{opacity:.55}}.commit-status{color:var(--text-muted);display:none}@media(min-width: 1100px){.commit-status{display:inline}}.commit-status .hash{color:var(--syn-fn)}.burger{display:none;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;justify-content:center;flex-direction:column;gap:5px;flex-shrink:0}.burger span{display:block;width:16px;height:1.5px;background:var(--text);transition:transform .2s,opacity .2s}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-nav{display:none;border-top:1px solid var(--border);background:var(--surface);padding:var(--space-3) var(--space-4);flex-direction:column;gap:var(--space-2);font-family:var(--font-mono)}.mobile-nav a{color:var(--text-muted);font-size:.9rem;padding:var(--space-2) 0}.mobile-nav a.is-active{color:var(--status)}.mobile-nav.is-open{display:flex}.post-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);display:grid;grid-template-columns:2.5rem 1fr;overflow:hidden;transition:border-color .15s}.post-card:hover{border-color:#3a4149;border-left-color:var(--accent-hover)}.post-card__lines{background:rgba(0,0,0,.25);border-right:1px solid var(--border);padding:var(--space-3) var(--space-2);font-family:var(--font-mono);font-size:.7rem;color:var(--gutter);text-align:right;line-height:1.7;user-select:none}.post-card__lines span{display:block}.post-card__body{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:.85rem;line-height:1.7;display:flex;flex-direction:column;gap:0;min-width:0}.post-card__title{color:var(--text);font-weight:600;font-size:.95rem;letter-spacing:-0.01em}.post-card__title a{color:inherit}.post-card__title a:hover{color:var(--accent)}.post-card__title .comment{color:var(--syn-comment);font-weight:400}.post-card__blank{height:1.7em}.post-card__excerpt{color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{margin-top:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);justify-content:space-between}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;color:var(--status);border:1px solid var(--status-dim);border-radius:var(--radius);padding:.1em .5em;text-transform:uppercase;letter-spacing:.03em;transition:color .15s,border-color .15s}.tag::before{content:"#";color:var(--status-dim);margin-right:.15em}.tag:hover,.tag:focus-visible{color:var(--accent-hover);border-color:var(--accent);outline:none}.btn-read{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(0,0,0,0);border-radius:var(--radius);padding:.25em .6em;transition:color .15s,border-color .15s,background .15s}.btn-read:hover,.btn-read:focus-visible{color:var(--accent-hover);border-color:var(--accent);background:rgba(59,130,246,.08);outline:none}.btn-read:hover::after,.btn-read:focus-visible::after{content:"_";animation:blink-cursor 1s step-end infinite}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.06em}.section-label::before{content:"// ";color:var(--syn-comment)}.post-card[data-type=dev],.post-card[data-type=note]{border-left-color:var(--accent)}.post-card[data-type=game]{border-left-color:var(--syn-fn)}.post-card[data-type=soft]{border-left-color:var(--syn-num, #f472b6)}.post-card[data-type=recipe]{border-left-color:var(--syn-string)}.post-card[data-type=place]{border-left-color:var(--status)}.post-card--media{grid-template-columns:2.5rem 1fr;grid-template-rows:auto auto}.post-card--media .post-card__lines{grid-row:1/-1}.post-card--media .post-card__media{grid-column:2}.post-card--media .post-card__body{grid-column:2}.post-card__media{display:block;border-bottom:1px solid var(--border);background:var(--code-bg);aspect-ratio:16/9;overflow:hidden}.post-card__media img{width:100%;height:100%;object-fit:cover;display:block}.post-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:.15em}.post-type{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.1em .45em;border-radius:var(--radius);border:1px solid var(--border);color:var(--text-muted)}.post-type[data-type=dev]{color:var(--accent);border-color:rgba(59,130,246,.45)}.post-type[data-type=note]{color:var(--syn-kw);border-color:rgba(147,197,253,.4)}.post-type[data-type=game]{color:var(--syn-fn);border-color:rgba(192,132,252,.45)}.post-type[data-type=soft]{color:var(--syn-num, #f472b6);border-color:rgba(244,114,182,.45)}.post-type[data-type=recipe]{color:var(--syn-string);border-color:rgba(251,191,36,.45)}.post-type[data-type=place]{color:var(--status);border-color:rgba(52,211,153,.45)}.post-badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.1em .4em;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.post-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-5)}.post-actions__btn{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:.55em 1em;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);background:var(--surface);transition:border-color .15s ease,color .15s ease}.post-actions__btn:hover{border-color:var(--accent);color:var(--accent)}.post-actions__btn--download{border-color:rgba(52,211,153,.45);color:var(--status)}.post-actions__btn--link{border-color:rgba(59,130,246,.45);color:var(--accent)}.post-actions__size{font-weight:400;opacity:.75}.article-cover{margin:0 0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--code-bg);aspect-ratio:21/9}.article-cover img{width:100%;height:100%;object-fit:cover}.article-figure{margin:var(--space-5) 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--code-bg)}.article-figure img{width:100%;height:auto;display:block}.article-figure figcaption{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.recipe-panel,.place-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin:0 0 var(--space-5);font-family:var(--font-mono);font-size:.85rem}.recipe-panel__grid,.place-panel__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:var(--space-3)}.stat .stat__key{display:block;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25em}.stat .stat__val{color:var(--text)}.recipe-list{margin:0 0 var(--space-4);padding:0;list-style:none;font-family:var(--font-mono);font-size:.9rem}.recipe-list li{display:grid;grid-template-columns:1.5rem 1fr;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);color:var(--text)}.recipe-list li::before{color:var(--syn-string);content:attr(data-n)}.recipe-steps{margin:0 0 var(--space-4);padding:0;list-style:none;counter-reset:step}.recipe-steps li{position:relative;padding:var(--space-3) 0 var(--space-3) 2.5rem;border-bottom:1px solid var(--border);counter-increment:step}.recipe-steps li::before{content:counter(step, decimal-leading-zero);position:absolute;left:0;top:var(--space-3);font-family:var(--font-mono);font-size:.8rem;color:var(--gutter)}.recipe-step__text{margin-bottom:var(--space-3)}.recipe-step__image{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--code-bg);aspect-ratio:16/9;max-width:100%}.recipe-step__image img{width:100%;height:100%;object-fit:cover;display:block}.place-map{margin:var(--space-5) 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);min-height:180px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-align:center;padding:var(--space-4)}.place-map .coords{color:var(--status);margin-top:var(--space-2)}.place-gallery{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-3);margin:var(--space-5) 0}.place-gallery a,.place-gallery figure{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--code-bg);aspect-ratio:4/3}.place-gallery a img,.place-gallery figure img{width:100%;height:100%;object-fit:cover}.sidebar{position:sticky;top:calc(var(--header-h) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-mono);font-size:.75rem}.monitor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.monitor__title{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;display:flex;align-items:center;gap:var(--space-2)}.monitor__title::before{content:"";width:6px;height:6px;background:var(--status);border-radius:1px}.monitor__body{padding:var(--space-3)}.side-empty{margin:0;color:var(--text-muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-items:baseline}.tag-cloud__item{color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);padding:.15em .45em;line-height:1.3;transition:border-color .15s,color .15s}.tag-cloud__item:hover,.tag-cloud__item:focus-visible{color:var(--accent-hover);border-color:var(--accent);outline:none}.tag-cloud__item--sm{font-size:.7rem}.tag-cloud__item--md{font-size:.8rem}.tag-cloud__item--lg{font-size:.95rem;font-weight:600}.tag-cloud__cnt{margin-left:.3em;color:var(--text-muted);font-size:.85em}.comment-feed{display:flex;flex-direction:column;gap:var(--space-3)}.comment-feed__item{border-bottom:1px dashed var(--border);padding-bottom:var(--space-2)}.comment-feed__item:last-child{border-bottom:0;padding-bottom:0}.comment-feed__link{display:block;color:inherit}.comment-feed__link:hover .comment-feed__text,.comment-feed__link:focus-visible .comment-feed__text{color:var(--accent);outline:none}.comment-feed__author{display:block;color:var(--status);margin-bottom:.2em}.comment-feed__text{display:block;color:var(--text-muted);line-height:1.4;word-break:break-word}.top-list{display:flex;flex-direction:column;gap:var(--space-3)}.top-item a{color:var(--text);display:block;margin-bottom:.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-item a:hover{color:var(--accent)}.ascii-bar{color:var(--text-muted);letter-spacing:.02em}.ascii-bar .filled{color:var(--accent)}.ascii-bar .pct{color:var(--status);margin-left:.4em}.commit-block .row{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:.4em}.commit-block .key{color:var(--text-muted)}.commit-block .val{color:var(--text)}.commit-block .hash{color:var(--syn-fn)}.commit-block .msg{color:var(--syn-string);margin-top:var(--space-2);word-break:break-word}.side-nav{display:flex;flex-direction:column;gap:.15rem;padding:var(--space-2) var(--space-3) var(--space-3)}.side-nav a{color:var(--text-muted);font-size:.8rem;padding:.35em .5em;border-radius:var(--radius);border:1px solid rgba(0,0,0,0);transition:color .15s,border-color .15s,background .15s}.side-nav a:hover,.side-nav a:focus-visible{color:var(--accent);outline:none}.side-nav a.is-active{color:var(--text);border-color:var(--border);background:var(--code-bg)}.toc .monitor__body{padding:var(--space-2) 0}.toc-list{display:flex;flex-direction:column;gap:0}.toc-list a{display:block;color:var(--text-muted);font-size:.75rem;line-height:1.4;padding:.4em var(--space-3);border-left:2px solid rgba(0,0,0,0);transition:color .15s,border-color .15s,background .15s}.toc-list a:hover,.toc-list a:focus-visible{color:var(--accent);outline:none}.toc-list a.is-active{color:var(--status);border-left-color:var(--status);background:rgba(52,211,153,.06)}.comments{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);font-family:var(--font-mono)}.comments__title{margin:0 0 var(--space-4);font-size:1.1rem;font-weight:600}.comments__count{color:var(--text-muted);font-weight:400;font-size:.9em}.comments__empty{color:var(--text-muted);margin:0 0 var(--space-4);font-size:.9rem}.comments__list{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-5);padding:0}.comments__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.comments__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-2);font-size:.8rem}.comments__meta time{color:var(--text-muted)}.comments__author{color:var(--status);font-weight:600}.comments__body{color:var(--text);font-size:.9rem;line-height:1.55;word-break:break-word}.comments__form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.comments__form-title{margin:0;font-size:.95rem}.comments__error{margin:0;color:var(--danger);font-size:.85rem}.comments__label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.comments__label input,.comments__label textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);color:var(--text);font:inherit}.comments__label textarea{resize:vertical;min-height:6rem}.comments__honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.comments__submit{align-self:flex-start;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:var(--radius);background:rgba(0,0,0,0);color:var(--accent);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.comments__submit:hover,.comments__submit:focus-visible{background:var(--accent);color:var(--bg);outline:none}.code-block{position:relative;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);margin:var(--space-5) 0;overflow:hidden;font-family:var(--font-mono)}.code-block__bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:rgba(19,22,26,.6)}.code-block__lang{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:auto}.code-block__copy{font-size:.7rem;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);padding:.2em .55em;transition:border-color .15s,background .15s}.code-block__copy:hover,.code-block__copy:focus-visible{border-color:var(--accent);background:rgba(59,130,246,.08);outline:none}.code-block__copy.is-copied{color:var(--status);border-color:var(--status-dim)}.code-block__pre{margin:0;padding:var(--space-4);overflow-x:auto;font-size:.85rem;line-height:1.65;color:var(--text);tab-size:2}.inline-code{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);border:1px solid var(--border);border-radius:3px;padding:.1em .35em;color:var(--syn-kw)}code[class*=language-],pre[class*=language-]{color:var(--text);background:none;font-family:var(--font-mono);font-size:.85rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.65;tab-size:2;hyphens:none}.code-block__pre[class*=language-],.code-block__pre{margin:0;padding:var(--space-4);overflow:auto;background:var(--code-bg)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--syn-comment)}.token.punctuation{color:var(--text-muted)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--status)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--syn-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--text)}.token.atrule,.token.attr-value,.token.keyword{color:var(--syn-kw)}.token.function,.token.class-name{color:var(--syn-fn)}.token.regex,.token.important,.token.variable{color:var(--syn-string)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}@media(max-width: 1023px){.layout,.layout--article{grid-template-columns:var(--gutter-w) minmax(0, 1fr)}.sidebar{display:none}.burger{display:flex}.shell-prompt .cmd{display:none}.shell-prompt{font-size:.7rem}}@media(max-width: 767px){.layout,.layout--article{grid-template-columns:1fr;gap:var(--space-4)}.gutter{display:none}.header-inner{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.commit-status{display:none !important}.page{padding:var(--space-4) var(--space-3)}.post-card,.post-card--media{grid-template-columns:2rem 1fr}.post-card__body{padding:var(--space-3);font-size:.8rem}.place-gallery{grid-template-columns:1fr}.article-cover{aspect-ratio:16/9}.post-card__title{font-size:.85rem}.article h1{font-size:1.35rem}.code-block__pre{font-size:.78rem;padding:var(--space-3)}.site-footer{padding:var(--space-3);font-size:.7rem}}/*# sourceMappingURL=main.css.map */
.related{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.related__head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.related__title{font-family:var(--font-mono);font-size:.95rem;font-weight:600;margin:0}.related__title .comment{color:var(--syn-comment);margin-right:.35rem}.related__count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.1rem .4rem}.related-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.related-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(19,22,26,.9),rgba(10,12,15,.55));font-family:var(--font-mono);transition:border-color .15s ease,background .15s ease,transform .15s ease}.related-item:hover{border-color:var(--accent);background:linear-gradient(180deg,rgba(30,41,59,.65),rgba(10,12,15,.7));transform:translateX(2px)}.related-item:hover .related-item__arrow{color:var(--accent);transform:translateX(2px)}.related-item:hover .related-item__title{color:var(--accent-hover)}.related-item__type{font-size:.68rem;text-transform:lowercase;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.15rem .4rem;white-space:nowrap}.related-item__type[data-type=soft]{color:#93c5fd;border-color:rgba(147,197,253,.35)}.related-item__type[data-type=dev]{color:#c084fc;border-color:rgba(192,132,252,.35)}.related-item__type[data-type=note]{color:#86efac;border-color:rgba(134,239,172,.35)}.related-item__type[data-type=game]{color:#fbbf24;border-color:rgba(251,191,36,.35)}.related-item__type[data-type=recipe]{color:#fb7185;border-color:rgba(251,113,133,.35)}.related-item__type[data-type=place]{color:#67e8f9;border-color:rgba(103,232,249,.35)}.related-item__body{display:grid;gap:.15rem;min-width:0}.related-item__title{color:var(--text);font-size:.9rem;font-weight:500;line-height:1.35}.related-item__path{color:var(--text-muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-item__arrow{color:var(--text-muted);font-size:1rem;transition:color .15s ease,transform .15s ease}@media (max-width:640px){.related-item{grid-template-columns:auto 1fr}.related-item__arrow{display:none}}