.accueil_cogiband{background:var(--fond);color:var(--texte);font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;min-height:100dvh}.accueil_cogiband header{align-items:center;border-bottom:1px solid var(--bordure-fine);column-gap:14px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:14px 20px;row-gap:8px}.accueil_cogiband header h1{font-size:20px;font-weight:300;letter-spacing:.06em;margin:0}.accueil_cogiband header .utilisateur{align-items:center;color:var(--texte-2);display:flex;font-size:13px;gap:12px;margin-left:auto;min-width:0}.accueil_cogiband header .utilisateur .badge_hors_ligne{border:1px solid var(--attention);border-radius:10px;color:var(--attention);flex:none;font-size:11px;padding:2px 8px}.accueil_cogiband header .utilisateur span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accueil_cogiband header .utilisateur button{background:transparent;border:1px solid var(--bordure);border-radius:6px;color:var(--texte-2);cursor:pointer;padding:6px 12px}.accueil_cogiband header .utilisateur button:hover{border-color:var(--accent);color:var(--texte)}.accueil_cogiband main{margin:0 auto;max-width:720px;padding:24px 20px}.accueil_cogiband main h2{font-size:24px;font-weight:300}.accueil_cogiband main .espace{margin-bottom:24px}.accueil_cogiband main .espace h3{color:var(--texte-2);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.accueil_cogiband main .espace .playlist{background:var(--surface);border-radius:8px;color:inherit;column-gap:12px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:6px;padding:12px 14px;row-gap:4px;text-decoration:none}.accueil_cogiband main .espace .playlist .titre{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accueil_cogiband main .espace .playlist .nombre{flex:none;margin-left:auto}.accueil_cogiband main .espace .playlist:hover{background:var(--surface-survol)}.accueil_cogiband main .espace .playlist .nombre{color:var(--texte-3);font-size:13px}.accueil_cogiband main .vide{color:var(--texte-3);font-size:14px}.accueil_cogiband main .taille_locale{color:var(--ok)}.accueil_cogiband main .hors_sync{color:var(--attention)}.accueil_cogiband main .bouton_liberer,.accueil_cogiband main .bouton_resynchroniser{background:transparent;border:1px solid var(--bordure);border-radius:5px;color:var(--texte-2);cursor:pointer;font-size:11px;margin-left:8px;padding:2px 8px}.accueil_cogiband main .bouton_liberer:hover,.accueil_cogiband main .bouton_resynchroniser:hover{border-color:var(--accent);color:var(--texte)}.accueil_cogiband main .jauge_stockage{color:var(--texte-3);font-size:12px;margin-top:36px;text-align:center}.accueil_cogiband main .jauge_stockage .barre{background:var(--surface);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.accueil_cogiband main .jauge_stockage .barre .rempli{background:var(--accent);height:100%}.editeur_cogiband{align-items:center;background:var(--voile);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.editeur_cogiband .editeur_panneau{background:var(--fond);border:1px solid var(--bordure);border-radius:12px;box-sizing:border-box;color:var(--texte);max-height:92vh;overflow-y:auto;padding:16px 20px;width:min(860px,100%)}.editeur_cogiband .editeur_panneau header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.editeur_cogiband .editeur_panneau header h2{align-items:center;display:flex;font-size:16px;font-weight:400;gap:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editeur_cogiband .editeur_panneau header h2 .icone_titre{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--texte-2);flex:none;height:16px;width:16px}.editeur_cogiband .editeur_panneau header .bouton_fermer_editeur{align-items:center;background:none;border:none;border-radius:50%;color:var(--texte-2);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.editeur_cogiband .editeur_panneau header .bouton_fermer_editeur svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;height:16px;width:16px}.editeur_cogiband .editeur_panneau header .bouton_fermer_editeur:hover{background:var(--surface);color:var(--texte)}.editeur_cogiband .editeur_panneau .chargement,.editeur_cogiband .editeur_panneau .erreur{color:var(--texte-2);padding:30px 0;text-align:center}.editeur_cogiband .editeur_panneau .erreur{color:var(--erreur)}.editeur_cogiband .editeur_panneau .onde_edition{background:var(--fond-creux);border-radius:8px;cursor:text;display:block;height:160px;touch-action:none;width:100%}.editeur_cogiband .editeur_panneau .infos_selection{color:var(--texte-3);display:flex;font-size:12px;justify-content:space-between;margin:6px 0 10px}.editeur_cogiband .editeur_panneau .outils{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.editeur_cogiband .editeur_panneau .outils .separateur{background:var(--bordure);height:20px;width:1px}.editeur_cogiband .editeur_panneau .outils button{align-items:center;background:var(--surface);border:1px solid var(--bordure);border-radius:6px;color:var(--texte);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px}.editeur_cogiband .editeur_panneau .outils button svg{fill:currentColor;stroke:none;height:15px;width:15px}.editeur_cogiband .editeur_panneau .outils button svg.trait{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.editeur_cogiband .editeur_panneau .outils button:hover:not(:disabled){border-color:var(--accent)}.editeur_cogiband .editeur_panneau .outils button:disabled{cursor:default;opacity:.4}.editeur_cogiband .editeur_panneau .outils button.bouton_ecouter{border:none;border-radius:50%;height:40px;justify-content:center;padding:0;width:40px}.editeur_cogiband .editeur_panneau .outils button.bouton_ecouter svg{height:18px;width:18px}.editeur_cogiband .editeur_panneau .pied_editeur{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.editeur_cogiband .editeur_panneau .pied_editeur .note_versions{color:var(--texte-3);flex:1 1 200px;font-size:12px}.editeur_cogiband .editeur_panneau .pied_editeur .selecteur_format{background:var(--surface);border:1px solid var(--bordure);border-radius:6px;color:var(--texte-doux);cursor:pointer;font-size:13px;margin-left:auto;padding:8px 10px}.editeur_cogiband .editeur_panneau .pied_editeur .bouton_sauver_version{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px}.editeur_cogiband .editeur_panneau .pied_editeur .bouton_sauver_version:disabled{cursor:default;opacity:.4}.editeur_cogiband .editeur_panneau .versions{border-top:1px solid var(--bordure-fine);margin-top:18px;padding-top:10px}.editeur_cogiband .editeur_panneau .versions h3{color:var(--texte-2);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.editeur_cogiband .editeur_panneau .versions .version{align-items:center;color:var(--texte-doux);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.editeur_cogiband .editeur_panneau .versions .version button{background:transparent;border:1px solid var(--bordure);border-radius:6px;color:var(--texte);cursor:pointer;padding:4px 10px}.editeur_cogiband .editeur_panneau .versions .version button:hover{border-color:var(--accent)}.enregistreur_cogiband{box-sizing:border-box;margin:12px auto 0;max-width:720px;padding:12px 20px;width:100%}.enregistreur_cogiband .onde_directe{background:var(--fond-creux);border-radius:8px;display:block;height:64px;width:100%}.enregistreur_cogiband .ligne_commandes{align-items:center;display:flex;gap:10px;margin-top:8px}.enregistreur_cogiband .ligne_commandes .temoin{animation:temoin_pulse 1.2s infinite;color:var(--enregistrement)}.enregistreur_cogiband .ligne_commandes .temoin.pause{animation:none;color:var(--texte-3)}.enregistreur_cogiband .ligne_commandes .chrono{color:var(--texte);font-variant-numeric:tabular-nums}.enregistreur_cogiband .ligne_commandes .champ_titre{background:var(--surface);border:1px solid var(--bordure);border-radius:6px;color:var(--texte);flex:1;font-size:13px;min-width:80px;padding:8px 10px}.enregistreur_cogiband .ligne_commandes .champ_titre:focus{border-color:var(--accent);outline:none}.enregistreur_cogiband .ligne_commandes button{align-items:center;background:var(--surface);border:none;border-radius:50%;color:var(--texte);cursor:pointer;display:flex;flex:none;height:40px;justify-content:center;padding:0;width:40px}.enregistreur_cogiband .ligne_commandes button svg{fill:currentColor;stroke:none;height:17px;width:17px}.enregistreur_cogiband .ligne_commandes button svg.trait{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.enregistreur_cogiband .ligne_commandes button:hover{background:var(--surface-survol)}.enregistreur_cogiband .ligne_commandes button.bouton_terminer{background:var(--accent);color:#fff}.enregistreur_cogiband .ligne_commandes button.bouton_terminer:hover{background:var(--accent-survol)}.enregistreur_cogiband .erreur{color:var(--erreur);font-size:13px;text-align:center}@keyframes temoin_pulse{0%,to{opacity:1}50%{opacity:.3}}.connexion_cogiband{align-items:center;background:var(--fond);color:var(--texte);display:flex;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh}.connexion_cogiband .carte{text-align:center;width:min(340px,90vw)}.connexion_cogiband .carte h1{font-weight:300;letter-spacing:.06em;margin-bottom:4px}.connexion_cogiband .carte .sous_titre{color:var(--texte-2);font-size:14px;margin-bottom:28px}.connexion_cogiband .carte input{background:var(--surface);border:1px solid var(--bordure);border-radius:8px;box-sizing:border-box;color:var(--texte);display:block;font-size:15px;margin-bottom:12px;padding:12px 14px;width:100%}.connexion_cogiband .carte input:focus{border-color:var(--accent);outline:none}.connexion_cogiband .carte button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:12px;width:100%}.connexion_cogiband .carte button:hover{background:var(--accent-survol)}.connexion_cogiband .carte .erreur{color:var(--erreur);font-size:13px}.connexion_cogiband .carte .note{color:var(--texte-3);font-size:12px;margin-top:20px}.playlist_cogiband{background:var(--fond);color:var(--texte);display:flex;flex-direction:column;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;min-height:100dvh}.playlist_cogiband.avec_fond{background-attachment:fixed;background-position:50%;background-size:cover}.playlist_cogiband header{align-items:center;border-bottom:1px solid var(--bordure-fine);column-gap:14px;display:flex;flex-wrap:wrap;padding:14px 20px;row-gap:10px}.playlist_cogiband header .bouton_retour{color:var(--texte-2);flex:none;font-size:14px;text-decoration:none;white-space:nowrap}.playlist_cogiband header .bouton_retour:hover{color:var(--texte)}.playlist_cogiband header h1{flex:1 1 100px;font-size:18px;font-weight:400;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist_cogiband header .etat_sync{color:var(--texte-2);flex:none;font-size:12px;white-space:nowrap}.playlist_cogiband header .etat_sync.complete{color:var(--ok)}.playlist_cogiband header .actions{display:flex;flex:none;gap:8px;margin-left:auto}@media (max-width:640px){.playlist_cogiband header .actions{flex-basis:100%;justify-content:center;margin-left:0}}.playlist_cogiband header .actions button{align-items:center;background:var(--surface);border:none;border-radius:50%;color:var(--texte-doux);cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;width:42px}.playlist_cogiband header .actions button svg{fill:currentColor;stroke:none;height:20px;width:20px}.playlist_cogiband header .actions button svg.trait{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.playlist_cogiband header .actions button:hover{background:var(--surface-survol);color:var(--texte)}.playlist_cogiband header .actions button.actif{background:var(--accent);color:#fff}.playlist_cogiband header .actions button.bouton_enregistrer{color:var(--enregistrement)}.playlist_cogiband header .actions button.bouton_enregistrer.actif{background:var(--enregistrement);color:#fff}.playlist_cogiband .panneau_phrase{background:var(--surface);border:1px solid var(--bordure);border-radius:8px;box-sizing:border-box;margin:12px auto 0;max-width:720px;padding:16px 20px;width:100%}.playlist_cogiband .panneau_phrase p{color:var(--texte-doux);font-size:13px;margin:0 0 12px}.playlist_cogiband .panneau_phrase .ligne_phrase{display:flex;flex-wrap:wrap;gap:10px}.playlist_cogiband .panneau_phrase .ligne_phrase input{background:var(--fond-creux);border:1px solid var(--bordure);border-radius:6px;color:var(--texte);flex:1;min-width:180px;padding:10px 12px}.playlist_cogiband .panneau_phrase .ligne_phrase input:focus{border-color:var(--accent);outline:none}.playlist_cogiband .panneau_phrase .retenir{color:var(--texte-2);display:block;font-size:12px;margin:10px 0}.playlist_cogiband .panneau_phrase .erreur{color:var(--erreur)}.playlist_cogiband .panneau_phrase .ligne_boutons{display:flex;gap:10px}.playlist_cogiband .panneau_phrase .ligne_boutons button{background:transparent;border:1px solid var(--bordure);border-radius:6px;color:var(--texte);cursor:pointer;padding:8px 14px}.playlist_cogiband .panneau_phrase .ligne_boutons button.bouton_valider_phrase{background:var(--accent);border-color:var(--accent)}.playlist_cogiband .panneau_phrase .ligne_boutons button.danger{background:var(--danger);border-color:var(--danger)}.playlist_cogiband .panneau_phrase .ligne_boutons button.danger:disabled{cursor:default;opacity:.5}.playlist_cogiband .bandeau_conversion{box-sizing:border-box;color:var(--texte-2);font-size:13px;margin:8px auto 0;max-width:720px;padding:8px 20px;text-align:center;width:100%}.playlist_cogiband .bandeau_conversion.alerte{color:var(--attention)}.playlist_cogiband .bandeau_conversion button{background:transparent;border:1px solid var(--bordure);border-radius:6px;color:var(--texte);cursor:pointer;margin-left:10px;padding:4px 10px}.playlist_cogiband .bandeau_conversion button:hover{border-color:var(--accent)}.playlist_cogiband main{box-sizing:border-box;flex:1;margin:0 auto;max-width:720px;padding:16px 20px 120px;width:100%}.playlist_cogiband main .morceau{align-items:center;background:var(--surface);border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:12px 14px}.playlist_cogiband main .morceau:hover{background:var(--surface-survol)}.playlist_cogiband main .morceau.en_cours{background:var(--surface-active)}.playlist_cogiband main .morceau.en_drag{background:var(--surface-active);position:relative;transition:none;z-index:2}.playlist_cogiband main .morceau.attente{opacity:.55}.playlist_cogiband main .morceau.attente.en_cours{opacity:.85}.playlist_cogiband main .morceau{transition:transform .15s ease}.playlist_cogiband main .morceau .indicateur{color:var(--accent);font-size:12px;width:16px}.playlist_cogiband main .morceau .poignee{color:var(--texte-3);cursor:grab;touch-action:none;user-select:none;width:16px}.playlist_cogiband main .morceau .champ_renommage{background:var(--fond-creux);border:1px solid var(--accent);border-radius:4px;color:var(--texte);flex:1;font-size:14px;padding:4px 8px}.playlist_cogiband main .morceau .champ_renommage:focus{outline:none}.playlist_cogiband main .morceau .bouton_editer_audio,.playlist_cogiband main .morceau .bouton_renommer,.playlist_cogiband main .morceau .bouton_supprimer{background:none;border:none;color:var(--texte-3);cursor:pointer;font-size:13px}.playlist_cogiband main .morceau .bouton_editer_audio:hover,.playlist_cogiband main .morceau .bouton_renommer:hover,.playlist_cogiband main .morceau .bouton_supprimer:hover{color:var(--texte)}.playlist_cogiband main .morceau .bouton_supprimer:hover{color:var(--erreur)}.playlist_cogiband main .morceau .titre{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist_cogiband main .morceau .infos{align-items:center;color:var(--texte-3);display:flex;font-size:12px;gap:8px;white-space:nowrap}.playlist_cogiband main .morceau .infos .pastille_locale{color:var(--ok);flex:none;width:8px}.playlist_cogiband main .morceau .infos .pastille_locale.absente{visibility:hidden}.playlist_cogiband main .morceau .infos .duree,.playlist_cogiband main .morceau .infos .taille{flex:none;font-variant-numeric:tabular-nums;text-align:right}.playlist_cogiband main .morceau .infos .duree{color:var(--texte-2);width:46px}.playlist_cogiband main .morceau .infos .taille{width:56px}.playlist_cogiband main .vide{color:var(--texte-3);margin-top:40px;text-align:center}.playlist_cogiband .barre_lecture{background:var(--fond-barre);border-top:1px solid var(--bordure-fine);bottom:0;left:0;padding:10px calc(20px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));position:fixed;right:0}.playlist_cogiband .barre_lecture .onde_conteneur{margin:0 auto;max-width:720px}.playlist_cogiband .barre_lecture .onde_conteneur .onde{cursor:pointer;display:block;height:48px;width:100%}.playlist_cogiband .barre_lecture .onde_conteneur .temps{color:var(--texte-3);display:flex;font-size:11px;justify-content:space-between}.playlist_cogiband .barre_lecture .commandes{align-items:center;display:flex;gap:18px;justify-content:center;margin-top:4px}.playlist_cogiband .barre_lecture .commandes button{align-items:center;background:none;border:none;border-radius:50%;color:var(--texte);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;width:44px}.playlist_cogiband .barre_lecture .commandes button svg{fill:currentColor;stroke:none;height:22px;width:22px}.playlist_cogiband .barre_lecture .commandes button svg.trait{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.playlist_cogiband .barre_lecture .commandes button:hover{color:var(--accent)}.playlist_cogiband .barre_lecture .commandes button.bouton_play_pause{background:var(--surface)}.playlist_cogiband .barre_lecture .commandes button.bouton_play_pause svg{height:26px;width:26px}.playlist_cogiband .barre_lecture .commandes button.bouton_boucle{color:var(--texte-3)}.playlist_cogiband .barre_lecture .commandes button.bouton_boucle svg{height:20px;width:20px}.playlist_cogiband .barre_lecture .commandes button.bouton_boucle.active{background:var(--surface);color:var(--accent)}.playlist_cogiband .barre_lecture .titre_en_cours{color:var(--texte-2);font-size:12px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}:root{--fond:#1c1c22;--fond-creux:#16161b;--fond-barre:#232329;--surface:#26262e;--surface-survol:#2e2e38;--surface-active:#33304d;--bordure:#3a3a44;--bordure-fine:#2c2c34;--onde-inactive:#4a4a56;--curseur:#fff;--texte:#eee;--texte-doux:#c8c8d0;--texte-2:#9a9aa5;--texte-3:#6c6c76;--accent:#7a6cff;--accent-survol:#8b7eff;--accent-clair:#8d81ff;--selection:rgba(122,108,255,.22);--ok:#6fcf97;--attention:#e8b45a;--erreur:#ff7a7a;--enregistrement:#ff5a5a;--danger:#b0413e;--voile:rgba(10,10,14,.72);--voile-fond:rgba(28,28,34,.82)}@media (prefers-color-scheme:light){:root{--fond:#f4f4f7;--fond-creux:#e8e8ee;--fond-barre:#fff;--surface:#fff;--surface-survol:#ececf2;--surface-active:#e4e0fb;--bordure:#cfcfd9;--bordure-fine:#e3e3e9;--onde-inactive:#c6c6d2;--curseur:#1d1d24;--texte:#1d1d24;--texte-doux:#3f3f4a;--texte-2:#62626e;--texte-3:#8f8f9a;--accent:#6a5ae8;--accent-survol:#5949d8;--accent-clair:#7a6cff;--selection:rgba(106,90,232,.18);--ok:#218a55;--attention:#a3701a;--erreur:#d43f3f;--enregistrement:#e03131;--danger:#b0413e;--voile:rgba(238,238,243,.75);--voile-fond:rgba(244,244,247,.85)}}body,html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--fond);margin:0;padding:0}body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden;-webkit-user-select:none;user-select:none}[contenteditable],code,input,textarea{-webkit-user-select:text;user-select:text}.accueil_cogiband,.connexion_cogiband,.playlist_cogiband{box-sizing:border-box;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}