:root{--teal-1: #e6fcf5;--teal-5: #20c997;--teal-6: #12b886;--teal-7: #0ca678;--teal-8: #099268;--gray-0: #f8f9fa;--gray-1: #f1f3f5;--gray-2: #e9ecef;--gray-3: #dee2e6;--gray-5: #adb5bd;--gray-6: #868e96;--gray-7: #495057;--gray-9: #212529;--radius-md: 10px;--radius-xl: 999px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--maxw: 720px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--gray-9);background:var(--gray-0);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--teal-7);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--gray-2);box-shadow:var(--shadow-xs)}.site-header .inner{max-width:var(--maxw);margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:1.15rem;color:var(--teal-7)}.brand:hover{text-decoration:none}.header-links{display:flex;align-items:center;gap:14px}.header-links a{color:var(--gray-6);font-weight:600;font-size:.9rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--gray-6)}.page{min-height:100vh;padding-bottom:96px}.page-head{padding:40px 0 8px}.page-head h1{font-size:2.2rem;font-weight:800;margin:0 0 6px}.page-head .lead{color:var(--gray-6);font-size:1.1rem;margin:0}.post-list{display:flex;flex-direction:column;gap:18px;padding:24px 0 40px}.card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:22px 24px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.date{color:var(--gray-6);font-size:.85rem}.tags{display:flex;gap:6px;flex-wrap:wrap}.chip{background:var(--teal-1);color:var(--teal-7);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:var(--radius-xl)}.card h3.post-title{margin:4px 0 8px;font-size:1.4rem;font-weight:700}.card h3.post-title a{color:var(--teal-7)}.card .excerpt{color:var(--gray-6);margin:0 0 16px}.read-more{display:inline-block;background:var(--teal-1);color:var(--teal-7);font-weight:700;font-size:.82rem;padding:8px 14px;border-radius:6px}.read-more:hover{text-decoration:none;background:#d3f9ec}.back-link{display:inline-block;color:var(--gray-6);margin:24px 0 10px;font-size:.9rem}.article-card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:32px 34px;margin-bottom:40px}.article-card h1{font-size:2rem;font-weight:800;margin:6px 0 4px}.byline{color:var(--gray-6);font-size:.88rem;margin:0 0 18px}.divider{border:0;border-top:1px solid var(--gray-2);margin:18px 0}.prose{color:var(--gray-9)}.prose h2{font-size:1.5rem;font-weight:700;margin:32px 0 10px}.prose h3{font-size:1.2rem;font-weight:700;margin:24px 0 8px}.prose p{margin:0 0 16px;line-height:1.75}.prose ul{margin:0 0 16px;padding-left:22px}.prose li{margin:6px 0}.prose a{text-decoration:underline}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:20px 0;display:block}.prose blockquote{margin:20px 0;padding:14px 18px;background:var(--teal-1);border-left:4px solid var(--teal-6);border-radius:6px;color:var(--gray-9)}.prose blockquote p{margin:0}.prose :not(pre)>code{background:var(--gray-1);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.88em}.prose pre{background:#f6f8fa;border:1px solid var(--gray-2);border-radius:8px;padding:16px;overflow-x:auto;font-size:.85rem;margin:18px 0}.prose pre code{font-family:var(--font-mono)}.prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.92rem}.prose th,.prose td{border:1px solid var(--gray-3);padding:8px 12px;text-align:left}.prose thead th{background:var(--gray-1)}.floating-menu{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:4px;padding:6px;background:#ffffffd9;backdrop-filter:blur(8px);border:1px solid var(--gray-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.floating-menu a,.floating-menu button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--gray-7);cursor:pointer}.floating-menu a:hover,.floating-menu button:hover{background:var(--gray-1);text-decoration:none}.floating-menu .rss{color:#f76707}.floating-menu .sep{width:1px;height:24px;background:var(--gray-2);margin:0 4px}.floating-menu .top{background:var(--teal-6);color:#fff}.floating-menu .top:hover{background:var(--teal-7)}@media(max-width:640px){.page-head h1{font-size:1.7rem}.article-card{padding:22px 18px}}.yt-embed{position:relative;width:100%;aspect-ratio:16 / 9;margin:1.5rem 0;border-radius:8px;overflow:hidden;background:#000}.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}