html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--ease-in-instant: cubic-bezier(.09, .7, .33, 1);--ease-in-snappy: cubic-bezier(.1, 0, 0, 1);--ease-in-default: cubic-bezier(.4, 0, 0, 1);--ease-in-smooth: cubic-bezier(.6, 0, 0, 1);--ease-quad-80: cubic-bezier(.8, 0, .2, 1);--ease-quad-75: cubic-bezier(.75, 0, .25, 1);--ease-quad-60: cubic-bezier(.6, 0, .3, 1);--ease-quad-50: cubic-bezier(.5, 0, .5, 1);--dur-0: 0ms;--dur-1: .1s;--dur-2: .2s;--dur-3: .35s;--dur-4: .5s;--dur-5: .75s;--dur-6: 1s;--dur-7: 1.5s;--dur-8: 2s;--toggle-duration: var(--dur-3);--toggle-ease: var(--ease-quad-60);--toggle-hover-duration: var(--dur-2);--toggle-hover-ease: var(--ease-in-snappy);--toggle-active-duration: var(--dur-1);--toggle-active-ease: var(--ease-in-snappy)}@media (prefers-reduced-motion: reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms;--dur-4: 0ms;--dur-5: 0ms;--dur-6: 0ms;--dur-7: 0ms;--dur-8: 0ms}}:root{--dp-slide-offset: 8px}[data-direction=forward]{animation:dp-slide-forward .15s cubic-bezier(.09,.7,.33,1) both}[data-direction=backward]{animation:dp-slide-backward .15s cubic-bezier(.09,.7,.33,1) both}[data-direction=none]{animation:dp-fade-in .15s cubic-bezier(.09,.7,.33,1) both}@keyframes dp-slide-forward{0%{transform:translate(calc(-1 * var(--dp-slide-offset)))}to{transform:translate(0)}}@keyframes dp-slide-backward{0%{transform:translate(var(--dp-slide-offset))}to{transform:translate(0)}}@keyframes dp-fade-in{0%{opacity:0}to{opacity:1}}[data-direction=forward][data-axis=vertical]{animation-name:dp-slide-forward-vertical}[data-direction=backward][data-axis=vertical]{animation-name:dp-slide-backward-vertical}[data-direction=forward][data-axis=diagonal]{animation-name:dp-slide-forward-diagonal}[data-direction=backward][data-axis=diagonal]{animation-name:dp-slide-backward-diagonal}@keyframes dp-slide-forward-vertical{0%{transform:translateY(calc(-1 * var(--dp-slide-offset)))}to{transform:translateY(0)}}@keyframes dp-slide-backward-vertical{0%{transform:translateY(var(--dp-slide-offset))}to{transform:translateY(0)}}@keyframes dp-slide-forward-diagonal{0%{transform:translate(calc(-.75 * var(--dp-slide-offset)),calc(-.75 * var(--dp-slide-offset)))}to{transform:translate(0)}}@keyframes dp-slide-backward-diagonal{0%{transform:translate(calc(.75 * var(--dp-slide-offset)),calc(.75 * var(--dp-slide-offset)))}to{transform:translate(0)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-raised: #141414;--bg-hover: #1a1a1a;--border: #222;--text: #e5e5e5;--text-muted: #888;--text-secondary: #b0b0b0;--accent: #fff;--code-bg: #111;--radius: 8px;--sidebar-width: 160px;--content-max: 720px;--card-hover-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);--success: #4ade80;--success-bg: rgba(74, 222, 128, .08);--success-border: rgba(74, 222, 128, .4);color-scheme:dark}[data-theme=light]{--bg: #fafafa;--bg-raised: #fff;--bg-hover: #f0f0f0;--border: #e0e0e0;--text: #1a1a1a;--text-muted: #666;--text-secondary: #444;--accent: #000;--code-bg: #f5f5f5;--card-hover-shadow: 0 2px 6px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .15);--success: #16a34a;--success-bg: rgba(22, 163, 74, .06);--success-border: rgba(22, 163, 74, .35);color-scheme:light}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.content{flex:1;max-width:var(--content-max);margin:0 auto;padding:0 24px;padding-left:calc(var(--sidebar-width) + 64px)}section{padding:64px 0;border-bottom:1px solid var(--border)}section:last-of-type{border-bottom:none}.section-label{font-size:20px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--text);margin-bottom:32px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;padding:24px;display:flex;flex-direction:column;gap:4px;z-index:50}.sidebar-title{font-size:18px;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-.02em;margin-bottom:20px}.sidebar-link{display:block;padding:6px 0;font-size:13px;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:color var(--dur-1) var(--ease-in-snappy);line-height:1.4}.sidebar-link:hover{color:var(--text)}.sidebar-link.active{color:var(--accent)}.sidebar-pages{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.sidebar-page-link{display:block;padding:6px 0;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color var(--dur-1) var(--ease-in-snappy);line-height:1.4}.sidebar-page-link:hover{color:var(--text)}.sidebar-page-link.active{color:var(--accent)}.sidebar-divider{height:1px;background:var(--border);margin:8px 0}.prose{font-size:16px;line-height:1.7;color:var(--text-muted);max-width:560px}.prose p{margin-bottom:16px}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--text);font-weight:600}.prose code{font-size:14px;color:var(--text);background:var(--bg-hover);padding:2px 6px;margin:0 2px;border-radius:4px;border:1px solid var(--border)}.footer{padding:48px 0;text-align:center;color:var(--text-muted);font-size:13px}code,.mono{font-family:SF Mono,Fira Code,Cascadia Code,Menlo,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc}.theme-toggle{position:fixed;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:100;transition:border-color var(--dur-2) var(--ease-in-snappy),background var(--dur-2) var(--ease-in-snappy)}.theme-toggle:hover{border-color:var(--text-muted)}.install-btn{display:flex;align-items:center;gap:12px;width:100%;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;cursor:pointer;color:var(--text);font-size:14px;margin-bottom:32px;box-shadow:inset 0 0 0 0 transparent;transition:border-color var(--dur-2) var(--ease-in-default),background-color var(--dur-2) var(--ease-in-default),box-shadow var(--dur-2) var(--ease-in-default)}.install-btn:hover{border-color:var(--text-muted)}.install-btn[data-copied]{background:var(--success-bg);border-color:transparent;box-shadow:inset 0 0 0 1px var(--success-border)}.install-btn code{flex:1;text-align:left}.install-copy-wrap{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto;color:var(--text-muted);transition:color var(--dur-2) var(--ease-in-default)}.install-copy-icon-box{position:relative;width:16px;height:16px;flex-shrink:0}.install-copy-wrap .copy-icon{position:absolute;top:0;right:0;bottom:0;left:0}.install-copied-label{font-size:13px;font-weight:500;color:var(--success);display:grid;overflow:hidden;max-width:0;opacity:0;filter:blur(4px);transition:max-width var(--dur-2) var(--ease-in-default),opacity var(--dur-2) var(--ease-in-default),filter var(--dur-2) var(--ease-in-default);white-space:nowrap;pointer-events:none}.install-btn[data-copied] .install-copied-label{max-width:60px;opacity:1;filter:blur(0)}.install-btn:hover .install-copy-wrap{color:var(--text)}.install-btn[data-copied] .install-copy-wrap{color:var(--success)}.code-grid{display:flex;flex-direction:column;gap:16px}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border)}.code-lang{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.code-copy{height:30px;display:flex;align-items:center;justify-content:flex-end;gap:3px;background:none;border:none;cursor:pointer;border-radius:4px;color:var(--text-muted);transition:color var(--dur-2) var(--ease-in-default)}.code-copy-icon-box{position:relative;width:14px;height:14px;flex-shrink:0}.code-copy:hover{color:var(--text)}.code-copy[data-copied]{color:var(--success)}.code-copied-label{font-size:12px;font-weight:500;color:var(--success);display:grid;overflow:hidden;max-width:0;opacity:0;filter:blur(4px);transition:max-width var(--dur-2) var(--ease-in-default),opacity var(--dur-2) var(--ease-in-default),filter var(--dur-2) var(--ease-in-default);white-space:nowrap;pointer-events:none}.code-copy[data-copied] .code-copied-label{max-width:50px;opacity:1;filter:blur(0)}.copy-icon{display:flex;align-items:center;justify-content:center;transition:opacity var(--dur-2) var(--ease-in-default),transform var(--dur-2) var(--ease-in-default),filter var(--dur-2) var(--ease-in-default)}.code-copy .copy-icon{position:absolute}.copy-icon-default{opacity:1;transform:scale(1);filter:blur(0)}.copy-icon-check,[data-copied] .copy-icon-default{opacity:0;transform:scale(.6);filter:blur(4px)}[data-copied] .copy-icon-check{opacity:1;transform:scale(1);filter:blur(0)}.code-pre{padding:16px;margin:0;overflow-x:auto;font-size:13px;line-height:1.5;background:var(--code-bg)!important}@media (max-width: 768px){.sidebar{display:none}.content{padding-left:24px;max-width:100%}}