:root{--bg:#fff;--fg:#1a1a1a;--fg-sub:#6b7280;--fg-muted:#9ca3af;--accent:#0f766e;--tag-fg-default:#0f766e;--tag-bg-default:#e6f4f1;--line:#eee;--line-strong:#e5e7eb;--radius:10px;--radius-sm:6px;--maxw:720px;--maxw-read:680px;--font:Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(100% - 40px, var(--maxw));margin:0 auto}.shell-read{max-width:var(--maxw-read)}.site-head{justify-content:space-between;align-items:center;gap:18px;padding:28px 0;display:flex}.brand{font-size:16px;font-weight:700}.social{gap:10px;display:flex}.social a{width:32px;height:32px;color:var(--fg-muted);place-items:center;display:grid}.social a:hover{color:var(--fg)}.social svg{width:18px;height:18px}.intro{padding:36px 0 8px}.intro h1{letter-spacing:0;margin:0 0 10px;font-size:32px;font-weight:700}.intro p{max-width:32em;color:var(--fg-sub);margin:0;font-size:17px;line-height:1.7}.sec{color:var(--fg-muted);letter-spacing:.09em;text-transform:uppercase;margin:0;padding:40px 0 4px;font-size:12px;font-weight:600}.tag{border-radius:var(--radius-sm);background:var(--tag-bg,var(--tag-bg-default));color:var(--tag-fg,var(--tag-fg-default));padding:3px 9px;font-size:13px;font-weight:600;display:inline-block}.filters{flex-wrap:wrap;gap:8px;padding:14px 0 4px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--fg-sub);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500}.chip:hover{border-color:var(--fg-muted);color:var(--fg)}.chip.on{color:#fff;background:#111;border-color:#111}.cnt{font-variant-numeric:tabular-nums;opacity:.55;margin-left:5px}.posts{min-height:600px;padding:6px 0}@keyframes post-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.post{border-top:1px solid var(--line);align-items:center;gap:18px;min-height:118px;padding:20px 0;animation:.22s both post-in;display:flex}.post:first-child{border-top:none}.post:hover .post-title{color:var(--accent)}.post-meta{flex-direction:column;gap:7px;min-width:0;display:flex}.post-row{align-items:center;gap:10px;display:flex}.date{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:14px}.post-title{margin:0;font-size:18px;font-weight:600;line-height:1.35}.post-desc{color:var(--fg-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.thumb{border-radius:var(--radius);background:linear-gradient(135deg,#eef6f4,#d8ece6);flex:0 0 104px;width:104px;height:78px;display:block;position:relative;overflow:hidden}.thumb:after{color:#7fb3a8;content:"IMG";letter-spacing:.12em;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.thumb img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.empty{color:var(--fg-muted);text-align:center;margin:0;padding:48px 0;font-size:14px}.pagination{justify-content:center;gap:6px;padding:30px 0 8px;display:flex}.page-btn{border:1px solid var(--line-strong);min-width:36px;height:36px;color:var(--fg-sub);cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-size:14px;display:grid}.page-btn:hover:not(:disabled,.on){border-color:var(--fg-muted);color:var(--fg)}.page-btn.on{color:#fff;cursor:default;background:#111;border-color:#111}.page-btn:disabled{cursor:default;opacity:.35}.article-head{padding:36px 0 0}.back{color:var(--fg-muted);margin-bottom:22px;font-size:14px;display:inline-block}.back:hover{color:var(--fg)}.article-head h1{margin:14px 0 12px;font-size:34px;font-weight:700;line-height:1.25}.article-desc{color:var(--fg-sub);margin:0;font-size:17px;line-height:1.6}.article-hero{aspect-ratio:16/9;border-radius:14px;flex-basis:auto;width:100%;height:auto;margin:28px 0 8px}.prose{padding:28px 0 8px}.prose p,.prose li{color:#2a2a2a;font-size:17px;line-height:1.85}.prose p{margin:0 0 20px}.prose h2{margin:40px 0 14px;font-size:23px;font-weight:700}.prose img{border-radius:14px;width:100%;max-width:100%;height:auto;margin:8px 0 24px;display:block}.prose table{border-spacing:0;width:100%;max-width:100%;margin:6px 0 24px;font-size:15px;line-height:1.6;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line-strong);text-align:left;vertical-align:top;white-space:nowrap;min-width:136px;padding:11px 14px}.prose th{color:#252525;background:#f7f8f8;font-weight:700}.prose td{color:#333}.prose th:first-child,.prose td:first-child{border-left:1px solid var(--line-strong)}.prose th{border-top:1px solid var(--line-strong)}.prose th:last-child,.prose td:last-child{border-right:1px solid var(--line-strong)}.prose thead th:first-child{border-top-left-radius:8px}.prose thead th:last-child{border-top-right-radius:8px}.prose tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.prose tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.prose a{color:var(--accent);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.08em}.prose code{background:#f4f4f1;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.prose pre{color:#e6e6e6;background:#1f2329;border-radius:10px;margin:0 0 22px;padding:18px 20px;overflow:auto}.prose pre code{color:inherit;background:0 0;padding:0}.site-foot{border-top:1px solid var(--line);color:var(--fg-muted);margin-top:24px;padding:36px 0 56px;font-size:14px}@media (max-width:520px){.shell{width:min(100% - 40px, var(--maxw))}.site-head{gap:12px}.post{align-items:flex-start;gap:14px;min-height:112px}.post-row{flex-wrap:wrap;row-gap:6px}.thumb:not(.article-hero){flex-basis:96px;width:96px;height:72px}.article-head h1{font-size:32px}.article-hero,.prose img{border-radius:12px}}