:root{--canvas:#0b0b0b;--card:#141414;--card-2:#0f0f0f;--border:#262626;--outline:#77746c;--text:#f3f1ea;--text-dim:#d6d3ca;--muted:#a19e95;--acid:#ff6b35;--electric:#6b7fff;--flame:#3deb8e;--violet:#c5b0ff;--yellow:#fbc246;--on-accent:#0b0b0b;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--r-pill:999px;--r-card:20px;--r-field:14px;--target:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{min-height:100dvh}a{color:var(--text);text-decoration:none}a:hover{color:var(--acid)}button,input,select,textarea{font:inherit;color:inherit}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,[role=tab]:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--acid);color:var(--on-accent);border-radius:var(--r-pill);padding:10px 16px;position:absolute;top:8px;left:-9999px}.skip:focus{left:12px}.eyebrow{font-family:var(--mono);color:var(--acid);font-size:14px}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.mono{font-family:var(--mono)}.small{color:var(--muted);font-size:13px;line-height:1.5}.note{font-family:var(--mono);color:var(--muted);margin:0;font-size:12px;line-height:1.6}.h1{letter-spacing:-.03em;margin:0;font-size:44px;font-weight:600;line-height:1}.h2{font-family:var(--mono);color:var(--acid);margin:0;font-size:14px;font-weight:500}.lead{color:var(--text-dim);max-width:680px;margin:0;font-size:16px;line-height:1.55}.big{letter-spacing:-.03em;font-size:34px;font-weight:600}@media (max-width:720px){.h1{font-size:34px}.big{font-size:28px}}.app{min-height:100dvh;display:flex}.side{border-right:1px solid var(--border);flex-direction:column;flex:0 0 240px;justify-content:space-between;gap:28px;height:100dvh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.side nav{font-family:var(--mono);flex-direction:column;gap:4px;font-size:14px;display:flex}.side nav a{min-height:var(--target);border-radius:12px;align-items:center;padding:0 12px;display:flex}.side nav a[aria-current=page]{background:var(--card);color:var(--acid)}.brand{align-items:center;gap:12px;padding:0 12px;display:flex}.brand b{letter-spacing:-.03em;font-size:22px;font-weight:600;display:block}.who{border:1px solid var(--border);border-radius:var(--r-field);background:var(--card);flex-direction:column;gap:10px;padding:14px 12px;display:flex}.main{flex-direction:column;flex:auto;gap:28px;min-width:0;max-width:1240px;padding:28px 48px 40px;display:flex}.topbar{display:none}.dclogo{justify-content:flex-end;margin-bottom:-8px;display:flex}.dclogo img{width:auto;height:30px;display:block}.tabbar{display:none}@media (max-width:860px){.app{flex-direction:column}.side,.dclogo{display:none}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.topbar .brand{gap:10px;padding:0}.topbar .brand b{font-size:20px}.topbar img.dc{width:auto;height:24px}.main{gap:22px;padding:24px 20px 28px}.tabbar{padding:8px 6px calc(14px + env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--border);z-index:20;justify-content:space-around;align-items:flex-end;gap:2px;display:flex;position:sticky;bottom:0}.tabbar a{min-height:48px;color:var(--muted);font-family:var(--mono);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.tabbar a[aria-current=page]{color:var(--acid)}.tabbar .rec{color:var(--on-accent)}.tabbar .rec span.dot{background:var(--acid);border:4px solid var(--canvas);border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-26px;display:flex}.tabbar .rec span.t{color:var(--muted)}}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.stack-s{flex-direction:column;gap:8px;display:flex}.grid-tiles{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--r-card);background:var(--card);padding:24px}.tile{border:1px solid var(--border);border-radius:var(--r-card);background:var(--card);flex-direction:column;gap:6px;padding:24px;display:flex}.item{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:16px 20px;display:flex}a.item:hover{border-color:var(--outline);color:var(--text)}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.warnbox{border:1px solid var(--yellow);border-radius:var(--r-card);background:#fbc2461a;flex-direction:column;gap:14px;padding:24px;display:flex}.empty{border:1px dashed var(--outline);color:var(--text-dim);border-radius:16px;padding:28px;font-size:16px;line-height:1.55}.btn{border-radius:var(--r-pill);background:var(--acid);min-height:52px;color:var(--on-accent);cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:600;display:inline-flex}a.btn:hover{color:var(--on-accent);filter:brightness(1.05)}.btn-ghost{border:1px solid var(--outline);border-radius:var(--r-pill);min-height:48px;color:var(--text);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--text);color:var(--text)}.btn-sm{min-height:var(--target);padding:0 16px}.btn-link{min-height:var(--target);color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:15px;text-decoration:underline}.btn[disabled],.btn-ghost[disabled]{opacity:.4;cursor:not-allowed}.pill{height:var(--target);border-radius:var(--r-pill);border:1px solid var(--outline);color:var(--text);font-family:var(--mono);cursor:pointer;background:0 0;padding:0 16px;font-size:13px}.pill[aria-pressed=true],.pill[aria-selected=true]{background:var(--text);color:var(--canvas);border-color:var(--text)}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-bottom:14px;display:flex}.tabs .pill{padding:0 20px;font-size:14px}.chip{border-radius:var(--r-pill);min-height:30px;font-family:var(--mono);white-space:nowrap;align-items:center;gap:8px;padding:4px 14px;font-size:12px;display:inline-flex}.c-ready{color:var(--flame);background:#3deb8e24}.c-run{color:var(--electric);background:#6b7fff24}.c-err{color:var(--acid);background:#ff6b3524}.c-warn{color:var(--yellow);background:#fbc24624}.c-admin{color:var(--violet);background:#c5b0ff24}.c-mute{color:var(--muted);background:var(--border)}.dot{background:currentColor;border-radius:999px;width:8px;height:8px;display:inline-block}.field{flex-direction:column;flex:180px;gap:8px;min-width:0;display:flex}.input,.select,.textarea{background:var(--canvas);width:100%;min-height:52px;color:var(--text);border:1px solid var(--outline);border-radius:var(--r-field);padding:0 16px;font-size:16px}.textarea{resize:vertical;min-height:96px;padding:14px 16px;line-height:1.55}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.input[disabled]{color:var(--muted)}.check{min-height:var(--target);cursor:pointer;align-items:center;gap:12px;font-size:15px;line-height:1.4;display:flex}.check input{width:22px;height:22px;accent-color:var(--acid);flex:none}.status{border-radius:var(--r-field);border:1px solid var(--flame);background:#3deb8e1a;padding:14px 18px;font-size:15px}.status.err{border-color:var(--acid);background:#ff6b351a}@keyframes rec{0%{opacity:1}to{opacity:.25}}@keyframes blink{0%,49%{background:var(--yellow);color:var(--canvas)}50%,to{background:var(--canvas);color:var(--yellow)}}.recdot{animation:1.2s ease-in-out infinite alternate rec}.blinker{animation:1s step-end infinite blink}.meter{align-items:center;gap:4px;height:72px;display:flex}.meter i{border-radius:4px;flex:1 1 0;min-height:4px;transition:height 80ms linear}.gauge{background:var(--border);border-radius:999px;height:14px;overflow:hidden}.gauge>div{border-radius:999px;height:100%;transition:width 1s linear}.gen-host{position:relative;overflow:clip}.gen-blur{filter:blur(6px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s,opacity .3s}.gen-overlay{background:linear-gradient(180deg, color-mix(in srgb, var(--card) 70%, transparent), transparent 320px);padding:20px 24px;position:absolute;inset:0}.gen-sticky{flex-direction:column;align-items:center;gap:10px;display:flex;position:sticky;top:16px}.gen-waves{width:min(560px,100%);height:90px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.gen-waves path{fill:none;stroke-width:2.5px;stroke-linecap:round;animation:2.4s linear infinite gen-wave1}.gen-waves .w1{stroke:var(--electric);animation-name:gen-wave1}.gen-waves .w2{stroke:var(--flame);opacity:.85;animation-name:gen-wave2;animation-duration:1.8s}.gen-waves .w3{stroke:var(--violet);opacity:.7;animation-name:gen-wave3;animation-duration:1.3s}.gen-label{letter-spacing:.04em;color:var(--text-dim);font-size:13px;animation:1.6s ease-in-out infinite gen-pulse}@keyframes gen-wave1{to{transform:translate(-400px)}}@keyframes gen-wave2{to{transform:translate(-320px)}}@keyframes gen-wave3{to{transform:translate(-360px)}}@keyframes gen-pulse{50%{opacity:.45}}.gen-bubbles{width:min(560px,100%);height:120px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.gen-bubbles span{position:absolute;bottom:4px}.gen-bubbles i,.gen-bubbles b{opacity:0;animation-duration:var(--t);animation-delay:var(--d);border-radius:50%;animation-iteration-count:infinite;position:absolute;inset:0}.gen-bubbles i{border:2px solid var(--c);background:color-mix(in srgb, var(--c) 22%, transparent);animation-name:gen-bubble;animation-timing-function:ease-in}.gen-bubbles b{border:2px dotted var(--c);animation-name:gen-pop;animation-timing-function:ease-out;inset:-5px}@keyframes gen-bubble{0%{opacity:0;transform:translateY(0)scale(.3)}12%{opacity:1}74%{opacity:1;transform:translateY(-52px)scale(1)}82%{opacity:.4;transform:translateY(-56px)scale(1.3)}86%,to{opacity:0;transform:translateY(-57px)scale(1.5)}}@keyframes gen-pop{0%,76%{opacity:0;transform:translateY(-56px)scale(.6)}82%{opacity:1}to{opacity:0;transform:translateY(-57px)scale(2.4)}}@media (prefers-reduced-motion:reduce){.gen-waves path,.gen-label,.gen-bubbles i,.gen-bubbles b{animation:none!important}.gen-bubbles i{opacity:.8;transform:translateY(-30px)}.recdot,.blinker,.shape{animation:none!important}.meter i,.gauge>div{transition:none}}.a4{aspect-ratio:210/297;color:#111;background:#fff;border-radius:6px;flex-direction:column;gap:4px;padding:18px;display:flex;overflow:hidden}.mobile-only{display:none}@media (max-width:860px){.mobile-only{display:block}}input[type=search].input{appearance:none}input[type=search].input::-webkit-search-decoration{-webkit-appearance:none;display:none}input[type=search].input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.tablebox{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow-x:auto}.dtable{border-collapse:collapse;width:100%;font-size:15px}.dtable th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:500}.dtable td{border-bottom:1px solid var(--border);vertical-align:middle;height:52px;padding:6px 14px}.dtable tr:last-child td{border-bottom:0}.dtable td.actions{text-align:right;white-space:nowrap}.dtable .input{min-height:40px;padding:0 10px;font-size:15px}.dtable .muted{color:var(--muted)}.ht{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);vertical-align:.9em;margin-left:.35em;font-size:.32em;font-weight:500}.est{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:-4px;font-size:10px}html[data-embed] .side,html[data-embed] .tabbar,html[data-embed] .topbar,html[data-embed] .dclogo{display:none!important}html[data-embed] .main{gap:20px;max-width:none;padding:20px 20px 32px}html[data-embed] .embed-hide{display:none!important}.sysaudio-band{background:var(--acid);color:var(--on-accent);border-radius:var(--r-field);padding:10px 16px;font-weight:600}.sysaudio-band input{accent-color:var(--on-accent)}.tuto-backdrop{z-index:60;background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out tuto-in;display:flex;position:fixed;inset:0}.tuto{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:14px;width:min(520px,100%);max-height:calc(100dvh - 32px);padding:24px;animation:.3s ease-out tuto-pop;display:flex;overflow-y:auto}.tuto-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.tuto-title em{color:var(--on-accent);background:var(--acid);border-radius:8px;padding:0 8px;font-style:normal}.tuto-lead{color:var(--text-dim);margin:0;font-size:15px;line-height:1.5}.tuto-stage{background:var(--card-2);border:1px solid var(--border);border-radius:16px;justify-content:center;padding:18px 8px;display:flex;position:relative;overflow:hidden}.tuto-anchor{position:relative}.tuto-win{color:#1b1b1b;background:#f4f4f2;border-radius:12px;flex-direction:column;gap:9px;width:300px;padding:12px;font-size:11px;display:flex;box-shadow:0 10px 30px #00000073}.tuto-win-title{font-size:12px;font-weight:600}.tuto-tabs{border-bottom:1px solid #d6d6d2;gap:4px;display:flex}.tuto-tab{color:#555;padding:5px 8px;position:relative}.tuto-tab:after{content:"";opacity:0;background:#2b64d8;height:2px;position:absolute;bottom:-1px;left:4px;right:4px}.tuto-tab-a{color:#2b64d8;animation:7s infinite tuto-tab-off}.tuto-tab-a:after{animation:7s infinite tuto-under-off}.tuto-tab-screen{animation:7s infinite tuto-tab-on}.tuto-tab-screen:after{animation:7s infinite tuto-under-on}.tuto-screen{justify-content:center;align-items:center;height:70px;display:flex}.tuto-thumb{box-sizing:border-box;background:#dfe3ea;border-radius:6px;outline:2px solid #0000;flex-direction:column;gap:5px;width:110px;height:62px;padding:8px;animation:7s infinite tuto-thumb;display:flex}.tuto-thumb i{background:#b9c0cc;border-radius:3px;height:6px;display:block}.tuto-thumb i:nth-child(2){width:70%}.tuto-thumb i:nth-child(3){width:45%}.tuto-audio{border-radius:8px;align-items:center;gap:8px;padding:6px;animation:7s infinite tuto-audio-hl;display:flex}.tuto-switch{background:#b8b8b4;border-radius:999px;flex:none;width:26px;height:15px;animation:7s infinite tuto-switch;position:relative}.tuto-switch b{background:#fff;border-radius:50%;width:11px;height:11px;animation:7s infinite tuto-knob;position:absolute;top:2px;left:2px}.tuto-actions{justify-content:flex-end;gap:6px;display:flex}.tuto-btn,.tuto-btn-ghost{border-radius:999px;padding:5px 12px;font-weight:600}.tuto-btn-ghost{color:#2b64d8}.tuto-btn{color:#fff;background:#2b64d8;animation:7s infinite tuto-btn}.tuto-cursor{filter:drop-shadow(0 2px 3px #00000080);animation:7s infinite tuto-cursor;position:absolute;top:0;left:0}.tuto-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tuto-step{color:var(--text-dim);border-radius:12px;align-items:center;gap:12px;padding:8px 10px;font-size:15px;display:flex}.tuto-num{width:26px;height:26px;font-family:var(--mono);border:1px solid var(--outline);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.tuto-step strong{color:var(--text)}.tuto-step-1{animation:7s infinite tuto-step1}.tuto-step-2{animation:7s infinite tuto-step2}.tuto-step-3{animation:7s infinite tuto-step3}@keyframes tuto-in{0%{opacity:0}}@keyframes tuto-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes tuto-tab-off{0%,21%{color:#2b64d8}22%,to{color:#555}}@keyframes tuto-under-off{0%,21%{opacity:1}22%,to{opacity:0}}@keyframes tuto-tab-on{0%,21%{color:#555}22%,to{color:#2b64d8;font-weight:600}}@keyframes tuto-under-on{0%,21%{opacity:0}22%,to{opacity:1}}@keyframes tuto-thumb{0%,21%{outline-color:#0000}22%,to{outline-color:#2b64d8}}@keyframes tuto-audio-hl{0%,36%{background:0 0}40%,58%{background:#ff6b3538}64%,to{background:0 0}}@keyframes tuto-switch{0%,49%{background:#b8b8b4}50%,to{background:#2b64d8}}@keyframes tuto-knob{0%,49%{transform:translate(0)}50%,to{transform:translate(11px)}}@keyframes tuto-btn{0%,76%{box-shadow:none;transform:scale(1)}78%{transform:scale(.92)}82%,92%{transform:scale(1);box-shadow:0 0 0 5px #2b64d859}to{box-shadow:none}}@keyframes tuto-cursor{0%{transform:translate(285px,215px)}16%{transform:translate(159px,45px)}20%{transform:translate(159px,45px)scale(.85)}24%{transform:translate(159px,45px)scale(1)}42%{transform:translate(27px,158px)}48%{transform:translate(27px,158px)scale(.85)}52%{transform:translate(27px,158px)scale(1)}70%{transform:translate(245px,183px)}78%{transform:translate(245px,183px)scale(.85)}82%,to{transform:translate(245px,183px)scale(1)}}@keyframes tuto-step1{0%,32%{background:#ff6b3524}34%,to{background:0 0}}@keyframes tuto-step2{0%,32%{background:0 0}34%,62%{background:#ff6b3524}64%,to{background:0 0}}@keyframes tuto-step3{0%,62%{background:0 0}64%,to{background:#ff6b3524}}@media (prefers-reduced-motion:reduce){.tuto-backdrop,.tuto,.tuto-tab-a,.tuto-tab-a:after,.tuto-tab-screen,.tuto-tab-screen:after,.tuto-thumb,.tuto-audio,.tuto-switch,.tuto-switch b,.tuto-btn,.tuto-cursor,.tuto-step{animation:none!important}.tuto-tab-a{color:#555}.tuto-tab-screen{color:#2b64d8;font-weight:600}.tuto-tab-screen:after{opacity:1}.tuto-thumb{outline-color:#2b64d8}.tuto-switch{background:#2b64d8}.tuto-switch b{transform:translate(11px)}.tuto-cursor{display:none}}.film{flex-wrap:wrap;align-items:center;gap:20px;padding:16px;display:flex}.film-player{flex:0 360px;min-width:0;max-width:100%}.film-texte{flex:240px;gap:8px;min-width:0}html[data-embed] .film{display:none}
