:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#fff;--border:#e6e6ef;--fg:#1a1a2e;--muted:#5f5f78;--accent:#5b5bd6;--accent-soft:#f0f0fb;--code-bg:#f6f6fb;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 80%, transparent);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.site-header .inner{align-items:baseline;gap:14px;padding:16px 20px;display:flex}.brand{letter-spacing:-.02em;color:var(--fg);font-size:18px;font-weight:700}.brand span{color:var(--accent)}.tagline{color:var(--muted);font-size:13px}.hero{padding:40px 0 8px}.hero h1{letter-spacing:-.03em;margin:0 0 8px;font-size:30px}.hero p{color:var(--muted);max-width:640px;margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 14px;display:flex}.toolbar input[type=search]{border:1px solid var(--border);background:var(--panel);min-width:180px;color:var(--fg);border-radius:999px;flex:220px;padding:8px 12px;font-size:14px}.chip{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:5px 12px;font-size:13px}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding-bottom:60px;display:grid}.card{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:16px;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.card h3{letter-spacing:-.01em;color:var(--fg);margin:0 0 6px;font-size:16px}.card p{color:var(--muted);margin:0 0 12px;font-size:13px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.badge.kind{border:1px solid var(--border);color:var(--muted);background:0 0}.badge.multi{background:var(--accent);color:#fff}.detail{padding:32px 0 80px}.detail .back{color:var(--muted);font-size:13px}.detail h1{letter-spacing:-.03em;margin:12px 0 6px;font-size:28px}.meta-row{flex-wrap:wrap;gap:6px;margin:10px 0 24px;display:flex}.tabbar{border-bottom:1px solid var(--border);z-index:5;background:var(--bg);scrollbar-width:none;gap:4px;margin:8px 0 24px;display:flex;position:sticky;top:57px;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:14px;font-weight:500}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.variant-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.variant-meta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.callout{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:13.5px}.callout strong{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:12px;display:block}.doc-layout{align-items:flex-start;gap:40px;display:flex}.doc-main{flex:1;min-width:0;max-width:760px}.doc-toc{flex-shrink:0;width:200px;font-size:12.5px;position:sticky;top:108px}.doc-toc .toc-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:11px}.doc-toc ul{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.doc-toc li{margin:0}.doc-toc li a{color:var(--muted);border-left:2px solid #0000;margin-left:-1px;padding:4px 0 4px 12px;line-height:1.4;display:block}.doc-toc li a:hover{color:var(--accent);border-left-color:var(--accent);text-decoration:none}.doc-toc .toc-sub a{padding-left:24px;font-size:12px}@media (max-width:900px){.doc-toc{display:none}}.prose :is(h1,h2,h3,h4){scroll-margin-top:120px}.prose{font-size:15px;line-height:1.7}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.01em;line-height:1.3}.prose h2{border-top:1px solid var(--border);margin:1.8em 0 .7em;padding-top:1.1em;font-size:19px}.prose>:first-child{margin-top:0}.prose h2:first-child{border-top:none;margin-top:0;padding-top:0}.prose h3{margin:1.4em 0 .5em;font-size:16px}.prose h4{color:var(--muted);margin:1.2em 0 .4em;font-size:14.5px}.prose p{margin:.7em 0}.prose ul,.prose ol{margin:.6em 0;padding-left:1.3em}.prose li,.prose li>ul,.prose li>ol{margin:.3em 0}.prose code{background:var(--code-bg);border-radius:5px;padding:1px 5px;font-size:.88em}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:14px;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:12.5px;line-height:1.5}.prose table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:6px 10px}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.8em 0;padding:.2em 0 .2em 14px}.prose a code{color:var(--accent)}:is(.prose pre:has(>.mermaid),.prose pre:has(>.mermaid-error)){background:0 0;border:none;padding:0}.prose .mermaid{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;margin:1em 0;padding:18px;display:flex;overflow-x:auto}.prose .mermaid svg{max-width:100%;height:auto}.prose .mermaid-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.hljs{color:var(--fg)}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name{color:#a855f7}.hljs-string,.hljs-attr,.hljs-template-variable{color:#16a34a}.hljs-comment,.hljs-quote{color:var(--muted);font-style:italic}.hljs-number,.hljs-literal{color:#ea580c}.hljs-title,.hljs-title.function_,.hljs-section{color:#2563eb}.hljs-type,.hljs-class .hljs-title{color:#0891b2}.footer{border-top:1px solid var(--border);color:var(--muted);padding:24px 0;font-size:12px}