.kh{--surface: #ffffff;--panel: hsl(20, 33%, 97%);--text-primary: hsl(12, 5%, 8%);--text-secondary: hsl(15, 6%, 32%);--text-muted: hsl(15, 5%, 48%);--border: hsl(17, 24%, 88%);--grid: hsl(17, 22%, 91%);--baseline: hsl(17, 18%, 80%);--card-shadow: 0 1px 2px hsl(17, 20%, 85%);--s-app: #2a78d6;--s-ios: #1baf7a;--s-website: #eda100;--s-functions: #008300;--s-imageserver: #4a3aa7;--s-infra: #e34948;line-height:1.7;color:var(--text-primary)}.kh .hero h1{font-size:2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;text-align:center}.kh .hero .lede{color:var(--text-secondary);font-size:1rem;margin:0 auto;max-width:42rem}.kh .hero .asof{color:var(--text-muted);font-size:.8rem;text-align:center;margin:10px 0 0}.kh .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0}.kh .stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--card-shadow)}.kh .stat-tile .label{font-size:.78rem;color:var(--text-secondary);margin-bottom:4px}.kh .stat-tile .value{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.kh .stat-tile .sub{font-size:.72rem;color:var(--text-muted);margin-top:2px;line-height:1.45}.kh .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 20px 16px;box-shadow:var(--card-shadow);margin-bottom:28px}.kh .card h2{font-size:1.1rem;font-weight:700;margin:0 0 2px}.kh .card .card-sub{font-size:.82rem;color:var(--text-secondary);margin:0 0 14px;line-height:1.6}.kh .legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 4px;font-size:.78rem;color:var(--text-secondary)}.kh .legend-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kh .legend-swatch{width:10px;height:10px;border-radius:2px;flex:none}.kh .chart-scroll{position:relative;overflow-x:auto}.kh #kh-month-chart{display:block;width:100%;height:auto}@media(max-width:640px){.kh #kh-month-chart{width:auto}}.kh .tooltip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.78rem;box-shadow:0 4px 16px #d2c2bc;opacity:0;transition:opacity .1s ease;z-index:10;min-width:150px}.kh .tooltip.visible{opacity:1}.kh .tooltip .tt-month{font-weight:700;font-size:.82rem;margin-bottom:4px}.kh .tooltip .tt-row{display:flex;align-items:center;gap:6px;margin:2px 0}.kh .tooltip .tt-key{width:10px;height:2px;border-radius:1px;flex:none}.kh .tooltip .tt-name{color:var(--text-secondary);flex:1}.kh .tooltip .tt-val{font-weight:700;font-variant-numeric:tabular-nums}.kh .tooltip .tt-samples{margin-top:6px;padding-top:6px;border-top:1px solid var(--grid);color:var(--text-muted);font-size:.72rem}.kh .tooltip .tt-samples div{margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.kh .word-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.kh .word-stat{display:flex;align-items:baseline;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:.82rem;color:var(--text-secondary)}.kh .word-stat b{font-size:1.05rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.kh .quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kh .quote-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.kh .quote-card .quote-msg{font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem;color:var(--text-primary);line-height:1.5}.kh .quote-card .quote-note{font-size:.76rem;color:var(--text-muted);margin-top:6px;line-height:1.55}.kh .eras{position:relative;margin-left:4px;padding-left:24px;border-left:2px solid var(--grid)}.kh .era{position:relative;padding-bottom:28px}.kh .era:last-child{padding-bottom:0}.kh .era:before{content:"";position:absolute;left:-30px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--era-color, var(--s-app));border:2px solid var(--surface);box-shadow:0 0 0 2px var(--era-color, var(--s-app))}.kh .era .era-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:2px}.kh .era .era-period{font-size:.76rem;font-weight:700;letter-spacing:.02em;color:var(--era-color, var(--s-app))}.kh .era h3{font-size:1.02rem;font-weight:700;margin:2px 0 6px}.kh .era p{font-size:.88rem;color:var(--text-secondary);margin:0 0 6px;line-height:1.7}.kh .era .era-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kh .era .tag{font-size:.72rem;color:var(--text-secondary);background:var(--panel);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.kh .era .era-source{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:var(--era-color, var(--s-app));background:var(--panel);border:1px solid var(--border);padding:2px 8px 2px 6px;border-radius:999px}.kh .era .era-source:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--era-color, var(--s-app))}.kh .source{font-size:.76rem;color:var(--text-muted);line-height:1.7;margin:0}@media(max-width:640px){.kh .stat-row{grid-template-columns:repeat(2,1fr)}.kh .quote-grid{grid-template-columns:1fr}}