:root{--bg: #101214;--pane: #15181b;--fg: #d6d3cb;--dim: #7a7b78;--faint: #3a3c3b;--rule: #272a2b;--accent: #a6e22e;--accent2: #8ac04a;--warm: #fd971f;--blue: #66d9ef;--status: #1a1d1f;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:13px;line-height:1.7}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}p{margin:0}.top-bar{display:flex;align-items:center;background:var(--status);padding:6px 14px;border-bottom:1px solid var(--rule);font-size:11.5px;gap:10px;flex-shrink:0}.top-bar .site-tag{color:var(--bg);background:var(--accent);padding:1px 8px;font-weight:600}.top-bar .win-active{color:var(--fg);background:var(--rule);padding:1px 8px}.top-bar .dim{color:var(--dim)}.top-bar .spacer{flex:1}.main{flex:1;min-height:0;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto 1fr;gap:6px;padding:6px}.left-col{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;gap:6px;min-height:0;min-width:0}.tags-pane{grid-column:2;grid-row:1;min-height:0;min-width:0}.activity-pane{grid-column:2;grid-row:2;min-height:0;min-width:0}.hero-pane{flex-shrink:0}.articles-pane{flex:1;min-height:0;min-width:0}.pane{background:var(--pane);border:1px solid var(--rule);display:flex;flex-direction:column;min-height:0;min-width:0}.pane-header{display:flex;align-items:center;padding:5px 12px;background:var(--status);border-bottom:1px solid var(--rule);font-size:11px;color:var(--dim);gap:10px;flex-shrink:0}.pane-header .marker{color:var(--accent)}.pane-header .title{color:var(--fg)}.pane-header .sep{color:var(--faint)}.pane-header .spacer{flex:1}.pane-header .controls{color:var(--faint)}.pane-body{flex:1;min-height:0;min-width:0;padding:14px 18px;overflow:hidden}.pane-body.scroll{overflow:auto}.hero-title{font-size:26px;color:var(--fg);font-weight:500;letter-spacing:-.01em}.hero-title .cursor{color:var(--accent)}.hero-fullpath{margin-top:4px;color:var(--dim);font-size:12px}.hero-fullpath .comment{color:var(--faint)}.hero-tagline{margin-top:8px;font-family:var(--sans);color:var(--fg);font-size:14px;max-width:52ch;line-height:1.7}.hero-about{margin-top:6px;color:var(--dim);font-size:12px;max-width:52ch}.hero-about .comment{color:var(--faint)}.month-group{margin-bottom:18px}.month-label{color:var(--accent2);font-size:11.5px;margin-bottom:6px;display:flex;align-items:baseline;gap:8px}.month-label .month-name{color:var(--faint)}.month-label .fill-dots{flex:1;color:var(--faint);overflow:hidden;white-space:nowrap}.article-row{display:grid;grid-template-columns:58px 48px 1fr auto;align-items:baseline;gap:12px;padding:4px 0}.article-date{color:var(--dim);font-size:11.5px}.article-kind{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.article-kind.post{color:var(--dim)}.article-kind.jot{color:var(--warm)}.article-link{color:var(--fg);font-family:var(--sans);font-size:13.5px;line-height:1.45;border-bottom:1px solid transparent;transition:color .1s,border-bottom-color .1s}.article-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.article-link .jot-dot{color:var(--warm);margin-right:6px}.article-tags{color:var(--dim);font-size:11.5px;text-align:right;white-space:nowrap}.article-tags .hash{color:var(--faint)}.articles-empty{color:var(--dim);font-family:var(--sans);font-size:13px;padding:4px 0}.articles-empty .comment{color:var(--faint)}.tags-list{display:flex;flex-direction:column;gap:5px}.tag-row{display:grid;grid-template-columns:24px 13ch 1fr auto;align-items:baseline;gap:8px;padding:3px 0;color:var(--fg);font-size:12.5px}.tag-num{color:var(--faint);font-size:10.5px}.tag-label{color:var(--accent)}.tag-blurb{color:var(--dim);font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tag-count{color:var(--dim);font-size:11px}.activity-chart{margin:0;font-family:var(--mono);font-size:12px;color:var(--fg);line-height:1.6;white-space:pre;overflow:hidden}.activity-footer{margin-top:10px;font-size:11px;color:var(--dim)}.activity-footer .faint{color:var(--faint)}.activity-footer .green{color:var(--accent)}.activity-footer .orange{color:var(--warm)}.bottom-bar{background:var(--status);border-top:1px solid var(--rule);padding:5px 14px;display:flex;align-items:center;font-size:11px;color:var(--dim);gap:10px;flex-shrink:0}.bottom-bar .mode-tag{color:var(--bg);background:var(--accent);padding:1px 8px;font-weight:600}.bottom-bar a{color:var(--fg)}.bottom-bar .sep{color:var(--faint)}.bottom-bar .spacer{flex:1}.size-desktop{display:inline}.size-mobile{display:none}.article-main{flex:1;display:flex;padding:6px;min-height:0}.article-pane{flex:1}.article-pane .pane-header .rule{flex:1;color:var(--faint);white-space:nowrap;overflow:hidden}.article-pane .pane-header .controls{letter-spacing:.2em}.article-pane .pane-body{padding:36px 56px 48px;overflow-y:auto}.article{max-width:72ch;margin:0 auto}.article-meta{font-family:var(--mono);font-size:11.5px;color:var(--dim);display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.article-meta .sep{color:var(--faint)}.article-meta .type-post{color:var(--accent)}.article-meta .type-jot{color:var(--warm)}.article-meta .rule{flex:1;color:var(--faint);overflow:hidden;white-space:nowrap}.article-title{font-family:var(--sans);font-weight:600;font-size:28px;line-height:1.4;color:var(--fg);margin:0 0 28px;letter-spacing:-.005em}.article-body{font-family:var(--sans);font-size:15.5px;line-height:1.85;color:var(--fg)}.article-body>*+*{margin-top:1.4em}.article-body h2{font-family:var(--sans);font-weight:600;font-size:19px;line-height:1.5;color:var(--fg);margin:2.4em 0 .8em;padding-bottom:6px;border-bottom:1px solid var(--rule)}.article-body h2:before{content:"## ";color:var(--faint);font-family:var(--mono);font-weight:400}.article-body h3{font-family:var(--sans);font-weight:600;font-size:16.5px;color:var(--fg);margin:2em 0 .6em}.article-body h3:before{content:"### ";color:var(--faint);font-family:var(--mono);font-weight:400}.article-body a{color:var(--accent);border-bottom:1px solid var(--faint);transition:border-color .15s}.article-body a:hover{border-bottom-color:var(--accent)}.article-body strong{color:var(--fg);font-weight:600}.article-body em{color:var(--accent2);font-style:normal;border-bottom:1px dotted var(--faint)}.article-body code{font-family:var(--mono);font-size:.88em;background:var(--bg);color:var(--blue);padding:1px 6px;border:1px solid var(--rule);border-radius:2px}.article-body pre{margin:1.6em 0;background:var(--bg);border:1px solid var(--rule);border-left:2px solid var(--accent);padding:14px 18px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.65;color:var(--fg);position:relative}.article-body pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.article-body pre:before{content:attr(data-lang);position:absolute;top:6px;right:12px;font-size:10.5px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}.article-body blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:2px solid var(--faint);color:var(--dim);font-style:normal}.article-body blockquote p{margin:0}.article-body blockquote p+p{margin-top:1em}.article-body ul,.article-body ol{padding-left:0;list-style:none}.article-body ul li,.article-body ol li{position:relative;padding-left:1.6em}.article-body ul li+li,.article-body ol li+li{margin-top:.4em}.article-body ul li:before{content:"·";position:absolute;left:.6em;color:var(--accent);font-family:var(--mono)}.article-body ol{counter-reset:ol}.article-body ol li{counter-increment:ol;padding-left:2.4em}.article-body ol li:before{content:counter(ol,decimal-leading-zero);position:absolute;left:0;font-family:var(--mono);font-size:.85em;color:var(--accent)}.article-body table{border-collapse:collapse;margin:1.6em 0;font-family:var(--mono);font-size:13px;width:100%}.article-body th,.article-body td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--rule)}.article-body th{color:var(--accent);font-weight:600;border-bottom:1px solid var(--faint)}.article-body td{color:var(--fg)}.article-body img{display:block;max-width:100%;margin:1.8em auto;border:1px solid var(--rule)}.article-body figure{margin:1.8em 0}.article-body figcaption{font-family:var(--mono);font-size:11.5px;color:var(--dim);text-align:center;margin-top:8px}.article-body hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}.article-footer{max-width:72ch;margin:56px auto 0;padding-top:20px;border-top:1px dashed var(--rule);font-family:var(--mono);font-size:12.5px;display:flex;gap:14px;align-items:baseline;color:var(--dim)}.article-footer a{color:var(--fg);border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.article-footer a:hover{color:var(--accent);border-bottom-color:var(--accent)}.article-footer .key{color:var(--accent);background:var(--bg);border:1px solid var(--rule);padding:1px 7px;font-size:11px}@media(max-width:899px){html,body{font-size:12px}.top-bar{padding:5px 10px;font-size:10.5px}.top-bar .win-tags,.top-bar .win-about,.size-desktop{display:none}.size-mobile{display:inline}.main{display:flex;flex-direction:column;padding:6px;gap:6px}.left-col{display:contents}.hero-pane{order:1}.tags-pane{order:2}.articles-pane{order:3;flex:none}.activity-pane{order:4}.pane-header{padding:4px 10px;font-size:10.5px}.pane-body{padding:10px 12px}.hero-title{font-size:18px}.hero-tagline{font-size:13px}.hero-about{font-size:11px}.article-row{grid-template-columns:44px 1fr;gap:8px;padding:5px 0}.article-date{font-size:11px}.article-kind{display:none}.article-link{font-size:13px}.article-link .jot-dot{display:none}.article-tags{grid-column:2 / 3;font-size:11px;margin-top:2px}.activity-chart{font-size:11px}.bottom-bar{padding:4px 10px;font-size:10.5px}.article-main{padding:4px}.article-pane .pane-body{padding:22px 18px 32px}.article-title{font-size:22px;margin-bottom:22px}.article-body{font-size:14.5px;line-height:1.8}.article-body h2{font-size:17px}.article-body h3{font-size:15.5px}.article-body pre{font-size:12px;padding:12px 14px}.article-meta{flex-wrap:wrap}.article-meta .rule{display:none}.article-footer{margin-top:36px;flex-wrap:wrap}}