.til-page{padding:var(--space-12) 0 var(--space-16);max-width:780px}.page-header{margin-bottom:var(--space-8)}.page-header-prefix{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-2)}.page-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);color:var(--color-cyan);text-shadow:var(--glow-cyan)}.page-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7}.entry-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim)}.tag-filter{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.tag-filter-label{color:var(--color-text-dim);flex-shrink:0}.tag-filter-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.tag-filter-list .tag{background:transparent;border:1px solid var(--color-border);border-radius:2px;padding:1px 8px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-fast)}.tag-filter-list .tag:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.tag-filter-list .tag.active{border-color:var(--color-cyan);color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 8%,transparent)}.til-log{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.til-entry{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.til-entry:last-child{border-bottom:none}.til-entry-header{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);margin-bottom:var(--space-2)}.til-grep-prefix{color:var(--color-text-dim)}.til-tag-path{color:var(--color-magenta)}.til-grep-sep{color:var(--color-text-dim);margin:0 var(--space-2)}.til-date{color:var(--color-amber)}.til-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);line-height:1.3}.til-title a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.til-title a:hover{color:var(--color-cyan)}.til-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.til-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-cyan-dim)}.til-preview{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.til-preview>:global(p:first-child)~*{display:none}.til-empty{padding:var(--space-8);text-align:center;font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.til-post{padding:var(--space-12) 0 var(--space-16);max-width:780px}.til-post-breadcrumb{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.til-post-breadcrumb a{color:var(--color-cyan);text-decoration:none}.til-post-breadcrumb a:hover{text-decoration:underline}.til-post-header{margin-bottom:var(--space-8)}.til-post-meta{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);margin-bottom:var(--space-4);flex-wrap:wrap}.til-post-meta .til-tag{color:var(--color-cyan);text-decoration:none;border-bottom:1px solid var(--color-cyan-dim);transition:color var(--transition-fast),border-color var(--transition-fast)}.til-post-meta .til-tag:hover{color:var(--color-magenta);border-color:var(--color-magenta-dim)}.til-post-title{font-size:var(--text-3xl);color:var(--color-text);line-height:1.2}.til-post-body{margin-bottom:var(--space-12)}.til-post-body .window-body{font-size:var(--text-base);line-height:1.8;color:var(--color-text)}.til-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.til-nav-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--transition-fast)}.til-nav-link:hover{border-color:var(--color-cyan);text-decoration:none}.til-nav-link.next{text-align:right}.nav-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.nav-title{font-size:var(--text-sm);color:var(--color-text);font-weight:500;line-height:1.4}@media(max-width:640px){.til-post-title{font-size:var(--text-2xl)}.til-post-nav{grid-template-columns:1fr}}