:root{--nuit:#0b0e24;--nuit-2:#141a3d;--nuit-3:#1c2350;--brume:#39417e;--sable:#ede4ce;--brouillard:#9096cc;--rose:#ff6b8b;--menthe:#63e6c4;--or:#f5b971;--lavande:#a98bff;--bleu:#6fb3ff;--display:"Syne", system-ui, sans-serif;--ui:"Inter Tight", system-ui, sans-serif;--data:"DM Mono", ui-monospace, monospace;--r:3px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #1b2358 0%, transparent 60%), radial-gradient(900px 500px at 0% 110%, #24184a 0%, transparent 55%), var(--nuit);color:var(--sable);font-family:var(--ui);-webkit-font-smoothing:antialiased;font-size:14px}button,select,input{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--menthe);outline-offset:2px}.app{flex-direction:column;gap:14px;max-width:1180px;margin:0 auto;padding:22px 18px 80px;display:flex}.enseigne{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.enseigne h1{background:linear-gradient(92deg, var(--sable), var(--rose) 60%, var(--lavande));color:#0000;font-family:var(--display);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800}.enseigne p{color:var(--brouillard);letter-spacing:.02em;margin:0;font-size:12.5px}.transport{background:linear-gradient(180deg, var(--nuit-2), #10153050);border:1px solid var(--nuit-3);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.lecture{background:var(--rose);color:#160b18;letter-spacing:.01em;border-radius:2px;align-items:center;gap:9px;padding:9px 16px 9px 13px;font-weight:600;display:flex}.lecture .glyphe{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0}.lecture[data-on="1"]{background:var(--menthe)}.lecture[data-on="1"] .glyphe{background:currentColor;border:none;width:9px;height:11px}.champ{border-left:1px solid var(--nuit-3);align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.champ:first-of-type{border-left:none}.champ>label{color:var(--brouillard);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.champ select,.champ input[type=number]{background:var(--nuit-3);border:1px solid var(--brume);border-radius:2px;padding:5px 7px;font-size:12.5px}.champ input[type=number]{width:56px;font-family:var(--data);padding:5px 6px}.champ input[type=range]{width:78px;accent-color:var(--rose)}.lecteur{color:var(--brouillard);font-family:var(--data);align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}.mini{border:1px solid var(--brume);color:var(--brouillard);border-radius:2px;padding:6px 10px;font-size:12px}.mini:hover{border-color:var(--rose);color:var(--sable)}.pompe{border:1px solid var(--nuit-3);border-radius:var(--r);background:linear-gradient(#0d1130,#161c42);align-items:flex-end;gap:2px;height:52px;padding:0 12px 8px;display:flex;position:relative;overflow:hidden}.pompe:after{color:#4a528f;letter-spacing:.22em;text-transform:uppercase;content:"respiration";font-size:9.5px;position:absolute;top:7px;left:12px}.fil{background:linear-gradient(180deg, var(--rose), var(--lavande));opacity:.75;border-radius:1px 1px 0 0;flex:1;min-width:2px;height:4px}.rack{flex-direction:column;gap:6px;display:flex}.piste{border:1px solid var(--nuit-3);border-radius:var(--r);background:#111637;overflow:hidden}.piste[data-ouvert="1"]{border-color:var(--brume)}.tete{align-items:center;gap:10px;padding:8px 10px 8px 0;display:flex}.cable{background:var(--teinte);flex:none;align-self:stretch;width:4px}.replier{width:20px;color:var(--brouillard);font-family:var(--data);font-size:11px}.nom{background:0 0;border:none;width:112px;padding:2px 0;font-size:13px;font-weight:600}.nom:hover{color:var(--teinte)}.voix{background:var(--nuit-3);border:1px solid var(--brume);border-radius:2px;max-width:118px;padding:4px 6px;font-size:11.5px}.bascule{border:1px solid var(--brume);width:24px;height:24px;color:var(--brouillard);font-family:var(--data);border-radius:2px;font-size:10.5px}.bascule[aria-pressed=true]{background:var(--teinte);border-color:var(--teinte);color:#0b0e24}.apercu{align-items:center;gap:2px;margin-left:auto;display:flex}.lampe{background:#1b2150;border-radius:1px;width:9px;height:16px}.lampe[data-on="1"]{background:var(--teinte);box-shadow:0 0 7px -1px var(--teinte)}.lampe[data-tete="1"]{outline:1px solid var(--sable)}.panneau{border-top:1px solid var(--nuit-3);gap:14px;padding:4px 12px 14px 14px;display:none}.piste[data-ouvert="1"] .panneau{flex-wrap:wrap;display:flex}.grille{flex-direction:column;flex:460px;gap:2px;min-width:0;display:flex}.rangee{gap:2px;display:flex}.etiq{color:#5a61a0;width:34px;font-family:var(--data);flex:none;align-items:center;font-size:9.5px;display:flex}.pas{background:#171d46;border:1px solid #0000;border-radius:1px;flex:1;min-width:0;height:19px}.pas:hover{background:#242c63}.pas[data-temps="1"]{background:#1c2352}.pas[data-on="1"]{background:var(--teinte);border-color:var(--teinte)}.pas[data-on="2"]{background:var(--teinte);border-color:var(--sable);box-shadow:0 0 10px -1px var(--teinte)}.pas[data-tete="1"]{border-color:var(--sable)}.reglages{flex-direction:column;flex:0 0 250px;gap:7px;display:flex}.reglage{grid-template-columns:64px 1fr 34px;align-items:center;gap:8px;display:grid}.reglage label{color:var(--brouillard);letter-spacing:.09em;text-transform:uppercase;font-size:10.5px}.reglage output{color:#6d74b4;font-family:var(--data);text-align:right;font-size:10.5px}.reglage input[type=range]{width:100%;height:16px;accent-color:var(--teinte)}.reglage select{background:var(--nuit-3);border:1px solid var(--brume);border-radius:2px;grid-column:2/4;padding:3px 5px;font-size:11px}.actions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.actions button{border:1px solid var(--brume);color:var(--brouillard);border-radius:2px;padding:5px 9px;font-size:11px}.actions button:hover{border-color:var(--teinte);color:var(--sable)}.ajouts{flex-wrap:wrap;gap:8px;display:flex}.ajouts button,.ajouts label{border:1px dashed var(--brume);border-radius:var(--r);color:var(--brouillard);cursor:pointer;padding:9px 14px;font-size:12.5px}.ajouts button:hover,.ajouts label:hover{border-color:var(--rose);color:var(--sable);border-style:solid}.ajouts input[type=file]{display:none}.note{color:#5a61a0;font-size:11.5px;line-height:1.6}kbd{border:1px solid var(--brume);font-family:var(--data);border-radius:2px;padding:1px 4px;font-size:10.5px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}