:root{--bg: #13161b;--surface: #1b1f26;--surface-line: #21262e;--text: #e7e3da;--text-secondary: #9aa1ac;--text-muted: #6b727d;--line: #2a2f38;--line-strong: #3a4350;--accent: #1f5e54;--accent-hover: #27786a;--accent-bright: #43a08c;--on-accent: #f3f0e8;--data-up: #43a08c;--data-down: #b8553a;--data-warn: #c0903e;--data-neutral: #5b6470;--fig-risk: #d2785c;--font-display: "Archivo", "IBM Plex Sans KR", system-ui, sans-serif;--font-body: "IBM Plex Sans KR", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--r-sm: 5px;--r-card: 6px;--r-lg: 8px;--radius: 6px;--wrap-wide: 1080px;--wrap: 760px;--wrap-read: 680px;--brand-700: #16463d;--brand-600: var(--accent);--brand-500: var(--accent-bright);--teal: var(--accent-bright);--ink-900: var(--text);--ink-700: var(--text);--ink-600: var(--text-secondary);--ink-500: var(--text-secondary);--ink-400: var(--text-muted);--card: var(--surface);--line-soft: var(--surface-line);--dark: var(--bg)}html[lang=ja]{--font-display: "Archivo", "IBM Plex Sans JP", system-ui, sans-serif;--font-body: "IBM Plex Sans JP", "IBM Plex Sans", system-ui, sans-serif}html[data-theme=light]{--bg: #f3f0e8;--surface: #fbf9f3;--surface-line: #e8e3d8;--text: #1a1d23;--text-secondary: #565b63;--text-muted: #8b8f97;--line: #e2ddd1;--line-strong: #d8d2c4;--accent: #1f5e54;--accent-hover: #16463d;--accent-bright: #1f5e54;--on-accent: #f3f0e8;--brand-700: #16463d;--fig-risk: #b8553a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}::selection{background:var(--accent);color:var(--on-accent)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;text-rendering:optimizeLegibility}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}img,svg{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);line-height:1.2;letter-spacing:-.02em;font-weight:700;text-wrap:balance}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:3px}.top-rule{height:3px;background:var(--accent)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.wrap-wide{max-width:var(--wrap-wide);margin:0 auto;padding:0 24px}.wrap-read{max-width:var(--wrap-read);margin:0 auto;padding:0 24px}.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--accent);color:var(--on-accent);padding:10px 16px}.skip:focus{left:0}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}.site-header .bar{display:flex;align-items:center;height:62px;gap:16px}.brand{display:flex;align-items:center;gap:11px}.brand span{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.nav{margin-left:14px;display:flex;gap:20px}.nav a{font-size:.93rem;font-weight:500;color:var(--text-secondary);padding:4px 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--text);text-decoration:none}.nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent-bright)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.langs{display:flex;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden}.lang-btn{border:0;background:transparent;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.06em;color:var(--text-muted);padding:6px 10px;cursor:pointer;line-height:1.2}.lang-btn+.lang-btn{border-left:1px solid var(--line-strong)}.lang-btn:hover{color:var(--text);text-decoration:none}.lang-btn[aria-current=true]{background:var(--accent);color:var(--on-accent)}.theme-toggle{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.theme-toggle:hover{color:var(--text);border-color:var(--accent-bright)}.theme-toggle svg{width:16px;height:16px;display:block}.theme-toggle .i-sun{display:none}.theme-toggle .i-moon,html[data-theme=light] .theme-toggle .i-sun{display:block}html[data-theme=light] .theme-toggle .i-moon{display:none}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:.94rem;padding:11px 22px;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.btn:hover{text-decoration:none}.btn.primary,.btn.amber{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn.primary:hover,.btn.amber:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost,.btn.dark{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn.ghost:hover,.btn.dark:hover{border-color:var(--accent-bright)}.section{padding:56px 0}.kicker{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,4vw,2.4rem);margin-top:10px;letter-spacing:-.02em}.muted{color:var(--text-secondary)}.hero{padding:76px 0 56px;border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 12px;margin-bottom:22px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright)}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.3rem,6vw,3.9rem);line-height:1.04;letter-spacing:-.03em;max-width:16ch;white-space:pre-line}.hero h1 .hl{color:var(--accent-bright)}.hero .lede{margin-top:22px;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;max-width:60ch}.cta-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.card{display:flex;flex-direction:column;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px;transition:border-color .15s}a.card:hover{border-color:var(--accent-bright);text-decoration:none}.card h3{font-family:var(--font-display);font-weight:700;font-size:1.2rem}.card p{color:var(--text-secondary);font-size:.94rem}.tag-pill{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}.date{font-family:var(--font-mono);color:var(--text-muted);font-size:.76rem;letter-spacing:.04em}.post-list{list-style:none;display:flex;flex-direction:column}.post-row{display:block;padding:24px 0;border-bottom:1px solid var(--line)}.post-row:hover{text-decoration:none}.post-row .meta-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.post-row h3{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--text);letter-spacing:-.01em}a.post-row:hover h3{color:var(--accent-bright)}.post-row p{color:var(--text-secondary);font-size:.96rem;margin-top:6px;max-width:64ch}.article{padding:52px 0 24px}.article-head{margin-bottom:32px}.article-head .meta-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.article-head h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,2.9rem);line-height:1.08;letter-spacing:-.025em}.article-head .description{margin-top:16px;color:var(--text-secondary);font-size:1.2rem;line-height:1.55}.prose{font-size:1.12rem;color:var(--text)}.prose>*+*{margin-top:1.2em}.prose h2{margin-top:2em;font-size:1.6rem;font-weight:700}.prose h3{margin-top:1.6em;font-size:1.25rem;font-weight:700}.prose p{line-height:1.8}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent-bright);text-decoration:underline;text-underline-offset:2px}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose img{display:block;margin:2em auto;border-radius:var(--r-card);border:1px solid var(--line)}.prose svg{display:block;width:100%;height:auto;margin:2em auto;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.prose blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin-left:0;color:var(--text);font-size:1.18rem;line-height:1.5}.prose blockquote p{margin:0}.prose code{font-family:var(--font-mono);font-size:.86em;background:var(--surface);border:1px solid var(--line);padding:.12em .4em;border-radius:4px;color:var(--accent-bright)}.prose pre{background:var(--surface)!important;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;overflow-x:auto;font-size:.92rem;line-height:1.6}.prose pre code,.prose pre code span{background:transparent!important;border:0;padding:0;color:var(--text)!important;font-size:inherit}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{width:100%;border-collapse:collapse;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left}.prose th{background:var(--surface);font-family:var(--font-display)}.cta-band{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);border-top:3px solid var(--accent);padding:36px}.cta-band .inner{max-width:560px}.cta-band h2{font-family:var(--font-display);font-weight:700;color:var(--text);font-size:clamp(1.4rem,3vw,1.9rem)}.cta-band p{color:var(--text-secondary);margin-top:10px}.sub-form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.sub-form input{flex:1;min-width:220px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text);border-radius:var(--r-sm);padding:11px 14px;font-family:var(--font-body);font-size:.95rem}.sub-form input::placeholder{color:var(--text-muted)}.sub-form input:focus{outline:none;border-color:var(--accent-bright)}.sub-note{margin-top:12px;color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);letter-spacing:.03em}.curri{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}.curri li{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:15px 18px}.curri .num{flex:0 0 auto;width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:.82rem;color:var(--on-accent);background:var(--accent)}.curri .num.up{background:transparent;border:1px solid var(--line-strong);color:var(--text-muted)}.curri .ti{font-family:var(--font-display);font-weight:600;color:var(--text)}.curri a.ti:hover{color:var(--accent-bright)}.curri .st{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:4px;white-space:nowrap}.curri .st.pub{color:var(--on-accent);background:var(--accent)}.curri .st.up{color:var(--text-muted);border:1px solid var(--line-strong)}.tool-card{border-top:3px solid var(--accent)}.tool-card .tool-top{display:flex;align-items:center;justify-content:space-between}.tool-logo{width:44px;height:44px;display:block}.tool-logo svg{width:100%;height:100%;display:block;border-radius:var(--r-sm)}.status{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);border:1px solid var(--line);padding:4px 9px;border-radius:4px}.tool-card .langs-row{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tool-card .langs-row .tag{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.tool-card .go{font-family:var(--font-mono);font-size:.76rem;font-weight:500;color:var(--accent-bright);white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:32px 0;margin-top:48px}.footer-grid{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.footer-grid .left{color:var(--text-muted);font-size:.85rem}.footer-grid .left .tagline{color:var(--text-secondary);font-weight:500;margin-bottom:4px}.footer-grid .left>div:last-child{font-family:var(--font-mono);letter-spacing:.03em}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.footer-links a{color:var(--text-secondary);font-weight:500}.footer-links a:hover{color:var(--accent-bright)}.flow>*+*{margin-top:1.1em}@media(max-width:760px){.nav{display:none}.hero{padding:56px 0 44px}.cta-band{padding:26px}}