html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}html{scrollbar-gutter:stable;min-height:100vh}:root{--cell:1ch;--line:1.4em;--fg:#c5c8c6;--bg:#1d1f21;--accent:#8abeb7;--border:#4a4a4a;--selection:#373b41;--muted:#969896;--error:#d97c7c;--warn:#f0c674}*{font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:var(--line)}.panel{border:1px solid var(--border);padding:var(--line) var(--cell);position:relative}.panel:before{content:attr(data-title);background:var(--bg);color:var(--accent);padding:0 .5ch;position:absolute;top:-.7em;left:1ch}.list__item{cursor:pointer;padding:0 1ch}.list__item:hover,.list__item--cursor{background:var(--selection,#373b41)}.list__item--cursor:before{content:"> ";color:var(--accent)}.list__meta{color:var(--muted,#969896)}.shell{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;display:flex}.shell__content{padding:var(--line) var(--cell);flex:1}.bar{background:var(--bg);justify-content:space-between;padding:0 1ch;display:flex}.bar--top{border-bottom:1px solid var(--border)}.bar--bottom{border-top:1px solid var(--border)}.bar__separator{color:var(--muted)}.bar__action{cursor:pointer;margin-left:1ch}.bar__action:hover{color:var(--accent)}.status{justify-content:flex-start;align-items:center;gap:1ch}.status__mode{background:var(--accent);color:var(--bg);padding:0 1ch;font-weight:700}.status__message{min-width:0;max-width:60ch;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status__message--active{color:var(--fg)}.status__meta{color:var(--muted);white-space:nowrap;margin-left:auto}.status__keys{border:1px solid var(--border);color:var(--accent);white-space:nowrap;padding:0 1ch;font-weight:700}.home__welcome{padding:var(--line) 1ch}.home__title{border-bottom:2px double var(--accent);margin:0;padding-bottom:.5em}.home__subtitle{color:var(--muted);margin:.25em 0}.home__panels{grid-template-columns:1fr 1fr;gap:0;display:grid}.home__tags{padding:0}.panel--focused{border-color:var(--accent)}.panel__title{background:var(--bg);color:var(--accent);padding:0 .5ch;font-weight:700;position:absolute;top:-.7em;left:1ch}.panel__shortcut{color:var(--accent);text-decoration:underline}.tag-bar{flex-wrap:wrap;gap:.5ch;display:flex}.tag-bar__tag{color:var(--accent);cursor:pointer}.tag-bar__tag:hover{background:var(--selection)}.home__nav{margin:.5em 0 0}.home__link{color:var(--accent);text-decoration:none}.home__link:hover{background:var(--selection)}.blog-list{gap:var(--line);flex-direction:column;display:flex}.blog-list__item{color:var(--fg);border-left:2px solid transparent;padding:0 1ch;text-decoration:none;display:block}.blog-list__item:hover{background:var(--selection);border-left-color:var(--accent)}.blog-list__date{color:var(--muted)}.blog-list__title{color:var(--accent)}.blog-list__desc{color:var(--muted)}.post{max-width:80ch;margin:0 auto}.post__meta{color:var(--muted);margin-bottom:var(--line)}.post__back{margin-top:var(--line);color:var(--accent);text-decoration:none;display:inline-block}.post__back:hover{background:var(--selection)}.post__body :first-child{margin-top:0}.post__body a,.post__body code{color:var(--accent)}.post__body pre{border:1px solid var(--border);padding:var(--line) 1ch;background:rgba(0,0,0,.2);overflow-x:auto}.post__body pre code{color:var(--fg)}.post__body blockquote{border-left:2px solid var(--border);margin:var(--line) 0;color:var(--muted);padding-left:1ch}.post__body img{border:1px solid var(--border);max-width:100%;height:auto}.post__body table{border-collapse:collapse}.post__body th,.post__body td{border:1px solid var(--border);padding:0 1ch}