@font-face{font-family:Onest;src:url('fonts/onest/onest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:Onest;src:url('fonts/onest/onest-cyrillic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-mono/JetBrainsMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-mono/JetBrainsMono-Medium.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}

:root,html[data-theme=dark]{color-scheme:dark;--cd-bg:#15171a;--cd-surface:#1b1e22;--cd-border:#2b3038;--cd-border-strong:#3a404a;--cd-fg:#e8eaed;--cd-muted:#b4bac2;--cd-faint:#949aa3;--cd-hatch:rgba(255,255,255,.07);--cd-accent:var(--code-accent-dark,#7aa2ff);--cd-accent-fg:#0f1113;--cd-code-border:#2b3038;--cd-scroll:#626a77;--cd-mono:'JetBrains Mono',ui-monospace,monospace}

html[data-theme=light]{color-scheme:light;--cd-bg:#fff;--cd-surface:#f6f7f8;--cd-border:#e3e5e8;--cd-border-strong:#c9cdd3;--cd-fg:#1b1d21;--cd-muted:#4b5260;--cd-faint:#5b616b;--cd-hatch:rgba(17,24,39,.07);--cd-accent:var(--code-accent-light,#2f6feb);--cd-accent-fg:#fff;--cd-code-border:#1b1e22;--cd-scroll:#747d8b}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--cd-bg);color:var(--cd-fg);font-family:Onest,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
button,input,select,textarea{font:inherit}
button,a,input{touch-action:manipulation}
button{cursor:pointer}
button,input,select,textarea{color:inherit}
button{background:transparent}
a{color:inherit}
a:hover{color:var(--cd-accent)}
a,button,input,summary{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cd-accent)}
img,video{max-width:100%;height:auto}
svg{flex-shrink:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.3}
button svg,a svg{vertical-align:middle}
[hidden]{display:none!important}
::selection{background:var(--cd-accent);color:var(--cd-accent-fg)}

*{scrollbar-width:thin;scrollbar-color:var(--cd-scroll) var(--cd-bg)}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:var(--cd-bg)}
*::-webkit-scrollbar-thumb{background:var(--cd-scroll);border:2px solid var(--cd-bg);border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:var(--cd-muted)}
*::-webkit-scrollbar-corner{background:var(--cd-bg)}

.code-skip{position:fixed;top:8px;left:8px;z-index:200;background:var(--cd-bg);padding:12px 20px;transform:translateY(-150%);border:1px solid var(--cd-accent);border-radius:8px}
.code-skip:focus{transform:none}