:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#1a1a1a;--bg:#fff;--muted:#6b6b6b;--accent:#3b6ea5;--border:#e2e2e2}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#e8e8e8;--bg:#14171a;--muted:#9a9a9a;--accent:#7fb0e0;--border:#2a2e33}}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:-apple-system,Hiragino Sans,Segoe UI,sans-serif}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.app-header h1{margin:0 0 1rem;font-size:1.4rem}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.5rem;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem .9rem;font-size:.95rem}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.status{color:var(--muted)}.tagline{color:var(--muted);margin-top:-.5rem}.career-list,.link-list,.slide-list,.article-list{margin:0 0 1.5rem;padding:0;list-style:none}.career-list li,.slide-list li,.article-list li{border-bottom:1px solid var(--border);padding:.6rem 0}.link-list li{margin:0 1rem .5rem 0;display:inline-block}.career-period,.article-date{color:var(--muted);margin-left:.5rem;font-size:.85rem}.slide-date{color:var(--muted);margin-right:.6rem;font-size:.85rem}.article-emoji{margin-right:.4rem}.article-meta{margin-top:.3rem}.article-topic{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-right:.4rem;padding:.1rem .6rem;font-size:.75rem;display:inline-block}.slide-item.clickable,.article-list li.clickable{cursor:pointer}.slide-item.clickable:hover .slide-title,.article-list li.clickable:hover .article-title{color:var(--accent)}.article-detail-meta{color:var(--muted);align-items:center;gap:1rem;font-size:.9rem;display:flex}.markdown-body{margin-top:1rem;line-height:1.7}.markdown-body pre{background:var(--border);border-radius:6px;padding:.8rem;overflow-x:auto}.markdown-body img{max-width:100%}.markdown-body table{border-collapse:collapse}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:.3rem .6rem}.back-link{margin-bottom:1rem;font-size:.9rem;display:inline-block}.slide-detail-meta{color:var(--muted);gap:1rem;font-size:.9rem;display:flex}.slide-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:6px;width:100%;margin-top:1rem}