.cobol{--page-encre:var(--color-ink,#1d2a35);--page-doux:var(--color-ink-muted,#5b6b74);--page-lien:var(--color-accent,#0b6e4f);--page-surface:var(--color-surface,#fff);--page-trait:var(--color-line,#d5ddd8);--f-titre:var(--font-serif,system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);--fond:#0d1114;--boitier:#1b2126;--tube:#050807;--trait:#2c353b;--texte:#c9d3d6;--doux:#7f8d93;--vert:#3ee07a;--bleu:#5fa8ff;--blanc:#eef4f2;--rouge:#ff5b4f;--turquoise:#42d9d0;--jaune:#f2d75c;--rose:#ff7ad1;--f-code:var(--font-mono,ui-monospace, Menlo, Consolas, monospace);--f-texte:var(--font-sans,system-ui, -apple-system, "Segoe UI", Roboto, sans-serif)}.cobol *{box-sizing:border-box}.cobol{color:var(--page-encre);font:14px/1.5 var(--f-texte)}.cobol .page{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:14px;max-width:1100px;margin:0 auto;padding-block:16px 32px;display:grid}.cobol header{flex-wrap:wrap;align-items:baseline;gap:6px 20px;display:flex}.cobol header h1{font:700 1.5rem/1.15 var(--f-titre);flex:auto;margin:0}.cobol header a{color:var(--page-lien);font-weight:600}.cobol .boitier{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--boitier);color:var(--texte);border:1px solid var(--trait);border-radius:10px;gap:8px;min-width:0;padding:14px;display:grid}.cobol .defile{overflow-x:auto}.cobol .tube{--t:max(9px, min(17px, calc((100vw - 64px) / 48.5)));font:var(--t)/1.32 var(--f-code);background:var(--tube);color:var(--vert);cursor:text;border-radius:6px;outline:none;width:max-content;padding:10px 12px;position:relative;box-shadow:inset 0 0 40px #3ee07a0d}.cobol .tube.actif{box-shadow:inset 0 0 40px #3ee07a14,0 0 0 1px #2d4a3a}.cobol .t-ligne{white-space:pre;height:1.32em}.cobol .t-ligne span{white-space:pre}.cobol .c-vert{color:var(--vert)}.cobol .c-bleu{color:var(--bleu)}.cobol .c-blanc{color:var(--blanc);font-weight:600}.cobol .c-rouge{color:var(--rouge);font-weight:600}.cobol .c-turquoise{color:var(--turquoise)}.cobol .c-jaune{color:var(--jaune)}.cobol .c-rose{color:var(--rose)}.cobol .s{text-underline-offset:.2em;-webkit-text-decoration:underline #3ee07a59;text-decoration:underline #3ee07a59}.cobol .err{background:#ff5b4f2e}.cobol .curseur{background:var(--vert);color:var(--tube)!important}.cobol .tube:not(.actif) .curseur{outline:1px solid var(--vert);background:0 0;color:inherit!important}@media (prefers-reduced-motion:no-preference){.cobol .tube.actif .curseur{animation:1.1s step-end infinite clignote}}@keyframes clignote{50%{color:inherit;background:0 0}}.cobol .oia{font:600 12px var(--f-code);color:var(--turquoise);border-top:1px solid #12302b;gap:18px;width:100%;padding:4px 12px;display:flex}.cobol .oia [data-bloc]{color:var(--jaune);min-width:22ch}.cobol .oia [data-pos]{margin-left:auto}.cobol textarea.capture{opacity:0;resize:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:0;left:0}.cobol .touches{flex-wrap:wrap;gap:6px;display:flex}.cobol .touches button{font:600 12px var(--f-code);color:var(--texte);border:1px solid var(--trait);cursor:pointer;background:#262e34;border-bottom-width:3px;border-radius:5px;padding:6px 9px}.cobol .touches button:active{border-bottom-width:2px;transform:translateY(1px)}.cobol .touches button:focus-visible{outline:2px solid var(--bleu)}.cobol .aide{color:var(--page-doux);max-width:75ch;margin:0;font-size:13px}.cobol .aide kbd{font:12px var(--f-code);background:var(--page-surface);border:1px solid var(--page-trait);color:var(--page-encre);border-radius:3px;padding:0 4px}.cobol .partage{border:1px solid var(--page-trait);background:var(--page-surface);color:var(--page-encre);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.cobol .partage[hidden]{display:none}.cobol .partage p{flex:32ch;margin:0}.cobol .partage input{min-width:0;font:.8rem var(--f-code);border:1px solid var(--page-trait);background:var(--page-surface);color:var(--page-encre);border-radius:4px;flex:40ch;padding:7px 8px}.cobol .partage button{font:600 .85rem var(--f-texte);cursor:pointer;border:1px solid var(--page-trait);background:var(--page-surface);color:var(--page-encre);border-radius:4px;padding:7px 12px}.cobol .partage button.principal{border-color:var(--page-lien);background:var(--page-lien);color:var(--color-on-accent,#fff)}