figure.shiki{position:relative;margin:20px 0;border-radius:12px;border:1px solid var(--border);overflow:hidden;background:oklch(.08 .012 240);color:var(--hl-color);line-height:1.6;-webkit-transform:translateZ(0);transform:translateZ(0)}.code-block-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:rgba(255 255 255 / .02)}.code-dot{width:10px;height:10px;border-radius:50%;flex:none}.code-dot.r{background:oklch(.65 .18 25)}.code-dot.y{background:oklch(.8 .16 80)}.code-dot.g{background:var(--lime);box-shadow:0 0 6px var(--lime)}.code-controls{margin-left:auto;display:flex;align-items:center;gap:6px}.code-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:rgba(255 255 255 / .03);border:1px solid var(--border);color:var(--text-mute);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.code-btn svg{width:13px;height:13px;flex:none}.code-btn:hover{color:var(--lime);border-color:var(--lime-dim)}.code-toggle{padding:4px 6px}.code-copy.is-copying{color:oklch(.8 .16 80);border-color:rgba(255 255 255 / .12);cursor:default}.code-copy.is-copied{color:var(--lime);border-color:var(--lime-dim);background:rgba(var(--lime-rgb) / .1)}.code-copy.is-copying svg{animation:code-spin .7s linear infinite}@keyframes code-spin{to{transform:rotate(360deg)}}.code-toggle svg{transition:transform .2s}figure.shiki.is-hidden .code-toggle svg{transform:rotate(-90deg)}.code-block-body{position:relative}figure.shiki.is-hidden .code-block-body,figure.shiki.is-hidden .code-expand{display:none}figure.shiki.is-collapsed .code-block-body{max-height:360px;overflow:hidden}figure.shiki.is-collapsed .code-block-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(transparent,oklch(.08 .012 240));pointer-events:none}.code-expand{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;background:rgba(255 255 255 / .02);border:none;border-top:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color .15s,background .15s}.code-expand:hover{color:var(--lime);background:rgba(var(--lime-rgb) / .04)}.code-expand svg{width:12px;height:12px;transition:transform .2s}figure.shiki:not(.is-collapsed) .code-expand svg{transform:rotate(180deg)}figure.shiki div.codeblock{display:flex;margin:0;overflow:auto;border:none}figure.shiki div.codeblock::-webkit-scrollbar{width:5px;height:5px}figure.shiki div.codeblock::-webkit-scrollbar-thumb{background:var(--hlscrollbar-bg);border-radius:2.5px}figure.shiki div.codeblock div{padding:0;border:none}figure.shiki .gutter pre{padding-right:10px!important;padding-left:10px!important;background-color:var(--hlnumber-bg)!important;color:var(--hlnumber-color)!important;text-align:right!important;user-select:none!important}figure.shiki pre{margin:0!important;padding:8px 0!important;border:none!important}figure.shiki pre code{background:0 0!important}figure.shiki .code pre{padding-right:10px!important;padding-left:10px!important;width:100%!important;background:0 0!important}figure.shiki pre ::selection{background:rgba(var(--lime-rgb) / .25)}