:root{--paper: #eceef0;--ink: #121317;--dim: #6b6f79;--rule: #c9ccd2;--h: 3;--accent: hsl(var(--h), 80%, 46%);--on-accent-light: #eceef0;--on-accent: var(--on-accent-light);--wmax: 1120px;--text-xl: clamp(28px, 17.2px + 2.41vw, 60.5px);--text-lg: clamp(18px, 15.8px + .49vw, 24.6px);--text-md: clamp(16px, 14.6px + .31vw, 20.2px);--text-sm: clamp(14px, 13.3px + .16vw, 15.5px);--f-txt: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #0c0d14;--ink: #e8e9ef;--dim: #8d91a0;--rule: #262836;--accent: hsl(var(--h), 80%, 62%);--on-accent: #0c0d14;color-scheme:dark}}:root[data-theme=dark]{--paper: #0c0d14;--ink: #e8e9ef;--dim: #8d91a0;--rule: #262836;--accent: hsl(var(--h), 80%, 62%);--on-accent: #0c0d14;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-txt);font-size:17px;line-height:1.4;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#intro{max-width:var(--wmax);margin-inline:auto;padding-block:25vmin 0;font-size:var(--text-xl);line-height:1.02;letter-spacing:-.025em;font-weight:500;overflow-wrap:break-word}#intro .q{color:var(--dim)}#intro .e{font-style:italic;font-weight:400}#intro .h{-webkit-user-select:none;user-select:none;background:var(--accent);color:var(--on-accent);cursor:pointer;transition:background .15s,color .15s}#intro .h.hov,#intro .h.on{background:var(--ink);color:var(--paper)}.panel{display:block;overflow:hidden;border-block:1px solid var(--rule);margin-block:.2em .24em;padding:1.5em 3em;columns:2 16em;column-gap:1em;font-size:var(--text-md);line-height:1.4;letter-spacing:-.006em;font-weight:400;color:var(--ink);text-align:justify;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:9}.panel p{margin:0 0 .8em;text-wrap:pretty}.panel p:last-child{margin-bottom:0}.panel a{color:var(--accent);text-underline-offset:.15em}.panel>*{transition:opacity .3s ease-out}.panel.new>*,.panel.closing>*{opacity:0}@media (max-width: 600px){.panel{padding-inline:0}}#quoi{display:block;margin:clamp(70px,20vmin,250px) auto 0;background:none;border:0;padding:8px 12px;font:inherit;font-size:var(--text-md);color:var(--dim);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}#quoi:hover{color:var(--accent)}#tw-box{overflow:hidden;height:0;max-width:50em;margin:0 auto;font-size:var(--text-md)}#tw{margin:0;padding-block:.8em .2em;font-size:var(--text-md);line-height:1.4;letter-spacing:-.01em;text-wrap:pretty}#tw a{color:var(--accent)}#caret{border-left:.08em solid var(--accent);margin-left:.02em;margin-right:-.08em}#tw.typing #caret,#tw.paused #caret{animation:blink 1s steps(1) infinite}@keyframes blink{50%{border-left-color:transparent}}#tw.done #caret{display:none}#ghost{visibility:hidden}#cont{display:none;margin-left:.35em;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;-webkit-user-select:none;user-select:none}#tw.paused #cont.near,.touch #tw.paused #cont{display:inline}#tout{max-width:var(--wmax);margin:1.2em auto 10vh;font-size:var(--text-sm);letter-spacing:-.015em}#tout a{color:var(--dim);text-decoration:none}#tout a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}.chip{font:inherit;font-size:var(--text-sm);color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:2em;padding:.1em .65em;cursor:pointer}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip .n{color:var(--dim);font-family:var(--f-mono);font-size:.85em}.chip.on .n{color:inherit;opacity:.8}.chip.petit{font-size:.8em}.chip.tech:not(.on){font-family:var(--f-mono)}
