*,:before,:after{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{background:var(--c4a-sombre-surface-app);color:var(--c4a-sombre-ink);font-family:var(--c4a-police);-webkit-font-smoothing:antialiased;font-size:14px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--c4a-accent-sur-sombre);outline-offset:2px}.v-invisible{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.v-espace{flex-grow:1}.v-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.v-monogramme{border-radius:var(--c4a-rayon-lg);background:var(--c4a-accent);color:var(--c4a-couleur-accent-ink);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.v-logo{object-fit:contain;flex-shrink:0}.v-avatar{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.v-bouton-principal,.v-bouton-secondaire{border-radius:var(--c4a-rayon-sm);height:40px;padding:0 20px;font-size:14px;font-weight:600}.v-bouton-principal{background:var(--c4a-accent);color:var(--c4a-couleur-accent-ink);border:none}.v-bouton-secondaire{border:1px solid var(--c4a-sombre-border-subtle);color:var(--c4a-sombre-ink-secondary);background:0 0;font-weight:500}.v-petit{height:32px;padding:0 12px;font-size:13px}.v-lien{color:var(--c4a-accent-sur-sombre);background:0 0;border:none;padding:0;font-size:13px;text-decoration:none}.v-lien:hover{text-decoration:underline}.v-carre{border:1px solid var(--c4a-sombre-border-subtle);border-radius:var(--c4a-rayon-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.v-carre.v-accent{background:var(--c4a-accent);color:var(--c4a-couleur-accent-ink);border:none}.v-interrupteur{background:var(--c4a-sombre-interrupteur-inactif);border:none;border-radius:999px;width:36px;height:20px;padding:0;position:relative}.v-interrupteur>span{background:#fff;border-radius:999px;width:14px;height:14px;transition:left .12s;position:absolute;top:3px;left:3px}.v-interrupteur.v-actif{background:var(--c4a-accent)}.v-interrupteur.v-actif>span{left:19px}.v-message{justify-content:center;align-items:center;padding:40px}.v-message-bloc{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:520px;display:flex}.v-message-icone{color:var(--c4a-accent-sur-sombre)}.v-message h1{margin:0;font-size:20px;font-weight:600}.v-message p{color:var(--c4a-sombre-ink-muted);margin:0;font-size:14px;line-height:20px}.v-message-actions{gap:8px;margin-top:12px;display:flex}.v-avant-entete{flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.v-avant-titre{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.v-avant-corps{flex-grow:1;justify-content:center;align-items:center;gap:32px;min-height:0;padding:0 40px 40px;display:flex;overflow:auto}.v-avant-apercu{flex-direction:column;gap:12px;width:640px;max-width:100%;display:flex}.v-avant-apercu h1{margin:0;font-size:20px;font-weight:600}.v-cadre-apercu{border-radius:var(--c4a-rayon-lg);background:var(--c4a-sombre-surface-card);justify-content:center;align-items:center;height:360px;display:flex;position:relative;overflow:hidden}.v-cadre-apercu .v-avatar{font-size:40px!important}.v-etat-camera{color:var(--c4a-sombre-ink-secondary);font-size:13px;position:absolute;bottom:12px;left:12px}.v-commandes-apercu{border-radius:var(--c4a-rayon-md);background:var(--c4a-sombre-surface-panel);align-items:center;gap:20px;padding:10px 12px;display:flex}.v-commande{color:var(--c4a-sombre-ink-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.v-choix-sortie select{border-radius:var(--c4a-rayon-sm);max-width:220px;height:28px;color:var(--c4a-sombre-ink-secondary);background:0 0;border:none;padding:0 6px;font-size:13px}.v-choix-sortie option{background:var(--c4a-sombre-surface-panel)}.v-avant-options{flex-direction:column;gap:10px;width:380px;max-width:100%;display:flex}.v-options-titre{color:var(--c4a-sombre-ink-secondary);margin-top:12px;font-size:14px;font-weight:600}.v-champ{color:var(--c4a-sombre-ink-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.v-champ input{border:none;border-bottom:1px solid var(--c4a-sombre-border-control);border-radius:var(--c4a-rayon-sm) var(--c4a-rayon-sm) 0 0;background:var(--c4a-sombre-surface-card);height:40px;color:var(--c4a-sombre-ink);padding:0 12px}.v-champ input::placeholder{color:var(--c4a-sombre-ink-placeholder)}.v-option{border-radius:var(--c4a-rayon-md);background:var(--c4a-sombre-surface-card);border:1px solid var(--c4a-sombre-contour-inactif);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:relative}.v-option input{opacity:0;pointer-events:none;position:absolute}.v-option.v-choisie{border-color:var(--c4a-accent)}.v-option:has(input:focus-visible){outline:2px solid var(--c4a-accent-sur-sombre);outline-offset:2px}.v-radio{border:2px solid var(--c4a-sombre-interrupteur-inactif);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.v-choisie .v-radio{border-color:var(--c4a-accent)}.v-choisie .v-radio>span{background:var(--c4a-accent);border-radius:999px;width:10px;height:10px}.v-option-texte{flex-direction:column;gap:2px;display:flex}.v-option-texte>span:first-child{font-size:14px;font-weight:500}.v-option-texte>span:last-child{color:var(--c4a-sombre-ink-muted);font-size:12px}.v-bouton-rejoindre{border-radius:var(--c4a-rayon-sm);background:var(--c4a-accent);height:44px;color:var(--c4a-couleur-accent-ink);border:none;margin-top:10px;font-size:15px;font-weight:600}.v-note{color:var(--c4a-sombre-ink-muted);text-align:center;font-size:12px;line-height:18px}.v-alerte{color:var(--c4a-sombre-status-flag)}.v-avant-options .v-lien{align-self:center}.v-barre{background:var(--c4a-sombre-surface-panel);border-bottom:1px solid var(--c4a-sombre-separateur);flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 8px 0 16px;display:flex}.v-barre>.v-monogramme,.v-barre>.v-logo{margin-right:0}.v-barre-titre{flex-direction:column;min-width:0;display:flex}.v-barre-titre>span:first-child{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.v-barre-titre>span:last-child{color:var(--c4a-sombre-ink-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.v-bouton-barre{border-radius:var(--c4a-rayon-sm);min-width:56px;height:52px;color:var(--c4a-sombre-ink-secondary);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-size:11px;display:flex}.v-bouton-barre:hover:not(:disabled){background:var(--c4a-sombre-surface-card)}.v-bouton-barre.v-actif{box-shadow:inset 0 -2px 0 var(--c4a-accent);color:var(--c4a-sombre-ink)}.v-bouton-barre-icone{display:inline-flex;position:relative}.v-pastille{background:var(--c4a-accent);min-width:16px;height:16px;color:var(--c4a-couleur-accent-ink);text-align:center;box-shadow:0 0 0 2px var(--c4a-sombre-surface-panel);border-radius:999px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-5px;left:12px}.v-separateur-barre{background:var(--c4a-sombre-contour-inactif);width:1px;height:32px;margin:0 4px}.v-bouton-quitter{border-radius:var(--c4a-rayon-sm);background:var(--c4a-couleur-status-flag);color:#fff;border:none;align-items:center;gap:8px;height:36px;margin-left:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.v-ancre-menu{position:relative}.v-menu{z-index:5;border-radius:var(--c4a-rayon-md);background:var(--c4a-sombre-surface-card);flex-direction:column;min-width:240px;padding:6px;display:flex;position:absolute;top:56px;right:0;box-shadow:0 0 2px #0000003d,0 8px 16px #00000047}.v-menu button{border-radius:var(--c4a-rayon-sm);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;height:36px;padding:0 10px;font-size:14px;display:flex}.v-menu button:hover{background:var(--c4a-sombre-surface-selected)}.v-menu-reactions{flex-direction:row;min-width:0;left:50%;right:auto;transform:translate(-50%)}.v-menu-reactions button{justify-content:center;width:40px;height:40px;padding:0;font-size:22px}.v-bandeau{border-radius:var(--c4a-rayon-md);background:var(--c4a-sombre-surface-card);flex-shrink:0;align-items:center;gap:12px;height:44px;margin:10px 12px 0;padding:0 8px 0 14px;font-size:14px;display:flex}.v-bandeau>svg{color:var(--c4a-accent-sur-sombre)}.v-bandeau-texte{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;min-width:0;overflow:hidden}.v-bandeau b{font-weight:600}.v-scene{flex-grow:1;gap:10px;min-height:0;padding:10px 12px 12px;display:flex;position:relative}.v-grille{flex-grow:1;gap:8px;min-width:0;display:grid}.v-orateur-seul{flex-direction:column;flex-grow:1;gap:8px;min-width:0;display:flex}.v-orateur-seul>.v-tuile{flex-grow:1}.v-bande{flex-shrink:0;gap:8px;height:120px;display:flex;overflow-x:auto}.v-bande>.v-tuile{flex-shrink:0;width:200px}.v-tuile{border-radius:var(--c4a-rayon-lg);background:var(--c4a-sombre-surface-card);justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.v-tuile.v-orateur{box-shadow:inset 0 0 0 3px var(--c4a-accent)}.v-video{object-fit:cover;background:#000;width:100%;height:100%}.v-miroir{transform:scaleX(-1)}.v-tuile .v-video{position:absolute;inset:0}.v-etiquette{border-radius:var(--c4a-rayon-sm);white-space:nowrap;background:#00000080;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:3px 8px;font-size:13px;display:flex;position:absolute;bottom:10px;left:10px}.v-petite .v-etiquette{font-size:12px;bottom:6px;left:6px}.v-badge{background:#ffffff24;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.v-main-levee{background:var(--c4a-accent);color:var(--c4a-couleur-accent-ink);border-radius:999px;padding:4px 8px;display:inline-flex;position:absolute;top:10px;left:10px}.v-main-levee-liste{vertical-align:-2px;color:var(--c4a-accent-sur-sombre);margin-left:6px;display:inline-flex}.v-tuile.v-orateur .v-main-levee{top:13px;left:13px}.v-panneau{border-radius:var(--c4a-rayon-lg);background:var(--c4a-sombre-surface-panel);flex-direction:column;flex-shrink:0;gap:14px;width:340px;padding:16px;display:flex;overflow-y:auto}.v-panneau h2{margin:0;font-size:16px;font-weight:600}.v-panneau-section{color:var(--c4a-sombre-ink-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.v-panneau-section .v-lien{white-space:nowrap;flex-shrink:0;font-weight:400}.v-ligne-participant{align-items:center;gap:10px;display:flex}.v-ligne-participant>svg{color:var(--c4a-sombre-ink-secondary);flex-shrink:0}.v-ligne-nom{flex-direction:column;flex-grow:1;min-width:0;display:flex}.v-ligne-nom>span:first-child{font-size:14px}.v-ligne-nom>span:last-child{color:var(--c4a-sombre-ink-muted);font-size:12px}.v-ligne-nom.v-une-ligne{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.v-ligne-nom.v-une-ligne>span{color:var(--c4a-sombre-ink-muted);font-size:12px}.v-filet{background:var(--c4a-sombre-separateur);flex-shrink:0;height:1px}.v-discussion{gap:12px}.v-messages{flex-direction:column;flex-grow:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.v-vide{color:var(--c4a-sombre-ink-muted);margin:0;font-size:13px}.v-bulle{border-radius:var(--c4a-rayon-md);background:var(--c4a-sombre-surface-card);flex-direction:column;align-self:flex-start;gap:2px;max-width:90%;padding:8px 10px;display:flex}.v-bulle.v-a-moi{background:var(--c4a-sombre-surface-selected);align-self:flex-end}.v-bulle-auteur{color:var(--c4a-sombre-ink-muted);font-size:12px}.v-bulle-texte{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:20px}.v-saisie{gap:8px;display:flex}.v-saisie input{border:none;border-bottom:1px solid var(--c4a-sombre-border-control);border-radius:var(--c4a-rayon-sm) var(--c4a-rayon-sm) 0 0;background:var(--c4a-sombre-surface-card);flex-grow:1;min-width:0;height:36px;padding:0 10px}.v-saisie .v-carre{width:36px;height:36px}.v-reactions{pointer-events:none;flex-direction:column-reverse;gap:6px;display:flex;position:absolute;bottom:24px;left:24px}.v-reaction{background:#0000008c;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:13px;animation:4s ease-out forwards v-monte;display:inline-flex}.v-reaction-emoji{font-size:22px}@keyframes v-monte{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.v-toast{border-radius:var(--c4a-rayon-md);background:var(--c4a-sombre-surface-selected);padding:8px 14px;font-size:13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=1100px){.v-bouton-barre>span:last-child{display:none}.v-bouton-barre{min-width:44px;height:44px}.v-panneau{z-index:4;position:absolute;top:10px;bottom:12px;right:12px}}@media (width<=760px){.v-avant-corps{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0 16px 24px}.v-cadre-apercu{height:240px}.v-barre-titre{display:none}}