: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}@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}}