article code{background-color:var(--color-surface);border:1px solid var(--color-border);padding:.15em .4em;font-size:.85em;font-family:var(--font-mono);color:var(--color-main)}article pre{position:relative;background-color:var(--color-secondary-background);border:2px solid var(--color-border);border-left:3px solid var(--color-main);padding:1rem;overflow-x:auto;font-size:13px;line-height:1.7;box-shadow:4px 4px 0 0 #2a2630}article pre code{background-color:transparent;border:none;padding:0;font-size:inherit;color:var(--color-text)}code{counter-reset:line}code>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:1rem;margin-right:1.25rem;text-align:right;color:var(--color-text-dim);font-size:.65rem;opacity:.5}code[data-line-numbers-max-digits="2"]>[data-line]:before{width:1.5rem}code[data-line-numbers-max-digits="3"]>[data-line]:before{width:2rem}[data-highlighted-line]{background-color:rgba(var(--color-accent-rgb),.08);border-left:2px solid var(--color-accent);padding-left:.5rem;margin-left:-.5rem}.token.class,.token.const,.token.control,.token.else,.token.export,.token.for,.token.from,.token.function,.token.if,.token.import,.token.keyword,.token.let,.token.return,.token.then,.token.var,.token.while{color:var(--color-main);font-weight:600}.token.attribute-name,.token.char,.token.string,.token.string-quoted{color:var(--color-success)}.token.float,.token.hex,.token.integer,.token.number{color:var(--color-tertiary)}.token.block-comment,.token.comment,.token.doc-comment,.token.line-comment{color:var(--color-text-dim);font-style:italic}.token.call,.token.function,.token.function-name,.token.method{color:var(--color-secondary)}.token.bracket,.token.delimiter,.token.operator,.token.punctuation{color:var(--color-text-muted)}.token.field,.token.property,.token.variable{color:var(--color-text)}.token.class-name,.token.enum,.token.interface,.token.struct,.token.type{color:var(--color-warning)}.token.builtin,.token.keyword-control,.token.module{color:var(--color-main);font-weight:500}.terminal-line{display:flex;align-items:flex-start;gap:.5rem}.terminal-line:before{content:"$";color:var(--color-main);font-weight:700;flex-shrink:0}.terminal-output{color:var(--color-text-muted);padding-left:1rem}.terminal-error{color:var(--color-error)}.terminal-success{color:var(--color-success)}.code-filename{position:absolute;top:0;right:0;padding:.25rem .75rem;font-size:10px;font-family:var(--font-mono);color:var(--color-text-dim);background:var(--color-surface);border-bottom-left-radius:0;border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border)}.code-language{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:9px;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-main);background:rgba(232,184,130,.1);border:1px solid var(--color-main)}.diff-added{background-color:rgba(152,200,144,.15);border-left:2px solid var(--color-success)}.diff-removed{background-color:rgba(240,160,144,.15);border-left:2px solid var(--color-error)}.diff-added:before{content:"+";color:var(--color-success);margin-right:.5rem}.diff-removed:before{content:"-";color:var(--color-error);margin-right:.5rem}article pre code::-moz-selection,article pre::-moz-selection{background-color:var(--color-main);color:var(--color-main-foreground)}article pre code::selection,article pre::selection{background-color:var(--color-main);color:var(--color-main-foreground)}article pre:hover{border-color:var(--color-main);box-shadow:6px 6px 0 0 #2a2630}article pre::-webkit-scrollbar{height:6px}article pre::-webkit-scrollbar-track{background:var(--color-background)}article pre::-webkit-scrollbar-thumb{background:var(--color-border)}article pre::-webkit-scrollbar-thumb:hover{background:var(--color-main)}