.codeboard{--cb-bg:#1e2d2f;--cb-fg:#f0f7f4;--cb-border:#162426;--cb-bar-bg:#162426;--cb-accent:#a1b5b0;--cb-radius:14px;--cb-shadow:0 8px 24px rgba(2,6,23,.4);background:var(--cb-bg);border:1px solid var(--cb-border);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);color:var(--cb-fg);overflow:hidden;position:relative}.codeboard__bar{align-items:center;background:var(--cb-bar-bg);border-bottom:1px solid var(--cb-border);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:10px 12px}.codeboard__dots span{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.codeboard__dots span:first-child{background:#ff5f56}.codeboard__dots span:nth-child(2){background:#ffbd2e}.codeboard__dots span:nth-child(3){background:#27c93f}.codeboard__title{color:var(--cb-accent);font:600 13px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codeboard__copy{appearance:none;background:transparent;border:1px solid var(--cb-border);border-radius:8px;color:var(--cb-fg);cursor:pointer;font:500 12px/1 ui-sans-serif,system-ui;padding:6px 10px}.codeboard__copy:hover{filter:brightness(1.1)}.codeboard__pre{margin:0;overflow:auto;padding:0 18px 16px 3.4em;position:relative}.cb-code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.6;text-align:justify;white-space:pre}.cb-wrap .cb-code{white-space:pre-wrap;word-break:break-word}.cb-lines{background:linear-gradient(90deg,rgba(0,0,0,.08),transparent);border-right:1px solid var(--cb-border);bottom:0;counter-reset:cbline;left:0;padding:16px 0;position:absolute;top:0;user-select:none;width:3em}.cb-lines span{counter-increment:cbline;display:block;opacity:.55;padding:0 .6em 0 0;text-align:right}.cb-lines span:before{content:counter(cbline)}.codeboard.chalk-light{--cb-bg:#f7fafc;--cb-fg:#0f172a;--cb-border:#e2e8f0;--cb-bar-bg:#edf2f7;--cb-accent:#475569}.codeboard.terminal{--cb-bg:#000;--cb-fg:#e5e7eb;--cb-border:#111827;--cb-bar-bg:#0a0a0a;--cb-accent:#9ca3af}.codeboard.minimal{--cb-bg:#0f172a;--cb-fg:#e6edf3;--cb-border:transparent;--cb-bar-bg:transparent;--cb-accent:#94a3b8;box-shadow:none}