*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--bg-2: #16213e;--bg-3: #0f3460;--accent: #4ecca3;--accent-dim: #2a9d7a;--accent-2: #6ea8fe;--accent-2-dim: #3f6fbe;--text: #e0e0e0;--text-dim: #9e9e9e;--danger: #e05260;--radius: 8px;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);padding:2.5rem 2rem;width:100%;max-width:400px;text-align:center}.login-card h1{font-size:2rem;color:var(--accent);letter-spacing:2px;margin-bottom:.25rem}.subtitle{color:var(--text-dim);font-size:.85rem;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.hint{margin-top:1.5rem;font-size:.78rem;color:var(--text-dim)}.mode-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.mode-tabs button{flex:1 1 0;padding:.55rem .5rem;background:transparent;color:var(--text-dim);border:1px solid #2a4a6a;border-bottom-width:3px;border-bottom-color:transparent;font-weight:500;transition:background .15s,color .15s,border-color .15s}.mode-tabs button:hover:not(:disabled){background:#ffffff0a;color:var(--text)}.mode-tabs button:first-child.active{background:var(--accent);border-color:var(--accent);border-bottom-color:var(--accent-dim);color:#0f3460;font-weight:600}.mode-tabs button:last-child.active{background:var(--accent-2);border-color:var(--accent-2);border-bottom-color:var(--accent-2-dim);color:#0f3460;font-weight:600}.mode-tabs button:first-child:not(.active){border-bottom-color:var(--accent-dim)}.mode-tabs button:last-child:not(.active){border-bottom-color:var(--accent-2-dim)}.login-form button[type=submit].inscription{background:var(--accent-2)}.login-form button[type=submit].inscription:hover:not(:disabled){background:#8ab9ff}input,textarea{width:100%;padding:.65rem .85rem;background:var(--bg-3);border:1px solid #2a4a6a;border-radius:var(--radius);color:var(--text);font:inherit;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}input:disabled,textarea:disabled{opacity:.5}button{padding:.65rem 1.25rem;background:var(--accent);color:#0f3460;border:none;border-radius:var(--radius);font:inherit;font-weight:600;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#5dddb5}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-dim);border:1px solid #2a4a6a}.btn-secondary:hover:not(:disabled){background:var(--bg-3)}.btn-icon{background:transparent;color:var(--accent);border:none;padding:0 .4rem;font-size:1.2rem;line-height:1;cursor:pointer}.error-msg{color:var(--danger);font-size:.85rem;margin-top:.5rem}.app-layout{display:flex;height:100vh;overflow:hidden}.group-list{width:240px;min-width:200px;background:var(--bg-2);border-right:1px solid var(--bg-3);display:flex;flex-direction:column;overflow:visible}.group-list-header{padding:1rem;border-bottom:1px solid var(--bg-3);display:flex;flex-direction:column;gap:.2rem}.app-name{font-weight:700;color:var(--accent);letter-spacing:1px}.self-name{font-size:.8rem;color:var(--text-dim)}.group-list-section{padding:.75rem 0;flex:1;min-height:0;overflow-y:auto}.group-list-label{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.group-empty{padding:0 1rem;font-size:.82rem;color:var(--text-dim)}.group-items{list-style:none}.group-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;border-radius:4px;margin:0 .5rem;transition:background .1s}.group-item:hover{background:var(--bg-3)}.group-item.active{background:var(--bg-3);color:var(--accent)}.group-icon{font-size:.9rem;color:var(--text-dim)}.group-name{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-size:.75rem;color:var(--text-dim)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center}.welcome-content{text-align:center}.welcome-content h2{font-size:1.5rem;color:var(--accent);margin-bottom:.5rem}.welcome-content p{color:var(--text-dim)}.message-feed{flex:1;display:flex;flex-direction:column;overflow:hidden}.feed-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--bg-3);display:flex;align-items:center;gap:1rem;background:var(--bg-2)}.feed-title{font-weight:600}.feed-epoch{font-size:.75rem;color:var(--text-dim);font-family:monospace}.feed-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.feed-empty{color:var(--text-dim);font-size:.9rem;text-align:center;margin-top:2rem}.message{display:flex;flex-direction:column;max-width:72%;align-self:flex-start;background:var(--bg-2);border-radius:var(--radius);padding:.5rem .75rem;border:1px solid transparent}.message.own{align-self:flex-end;background:var(--bg-3);border-color:var(--accent-dim)}.message.failed{opacity:.6;border-color:var(--danger)}.message-sender{font-size:.72rem;font-weight:600;color:var(--accent);margin-bottom:.15rem}.message.own .message-sender{color:var(--text-dim)}.message-text{font-size:.9rem;white-space:pre-wrap;word-break:break-word}.message-time{font-size:.68rem;color:var(--text-dim);margin-top:.2rem;align-self:flex-end}.message-input{padding:.75rem 1.25rem .5rem;border-top:1px solid var(--bg-3);background:var(--bg-2)}.input-error{font-size:.8rem;color:var(--danger);margin-bottom:.4rem}.input-row{display:flex;gap:.5rem;align-items:flex-end}.input-field{flex:1;resize:none;min-height:42px;max-height:120px}.btn-send{padding:.65rem 1rem;font-size:1.1rem;flex-shrink:0}.input-hint{font-size:.68rem;color:var(--text-dim);margin-top:.3rem;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);padding:1.75rem 1.5rem;width:100%;max-width:380px}.modal-card h2{margin-bottom:1rem;color:var(--accent)}.modal-card input{margin-bottom:.75rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.receipt-indicator{font-size:.7rem;margin-left:4px;color:var(--color-text-muted, #888);vertical-align:middle}.receipt-indicator.read{color:#4caf50}.receipt-indicator.delivered{color:#aaa}.receipt-indicator.sent{color:#ccc}.btn-new-conversation{display:block;width:100%;margin:0 0 .75rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0f;color:inherit;font:inherit;text-align:left;cursor:pointer}.btn-new-conversation:hover{background:#ffffff1f}.search-results{list-style:none;margin:.75rem 0 0;padding:0;max-height:260px;overflow-y:auto}.search-results li+li{border-top:1px solid rgba(128,128,128,.2)}.result-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .5rem;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.result-row:hover:not(:disabled){background:#8080801f}.result-row:disabled{opacity:.5;cursor:default}.result-name{font-weight:500}.result-action{font-size:.85em;opacity:.65}.hint-msg{margin:.6rem 0 0;font-size:.9em;opacity:.7}.btn-emoticones{flex:0 0 auto;width:2.2rem;height:2.2rem;margin-right:.4rem;border:1px solid rgba(128,128,128,.3);border-radius:8px;background:transparent;color:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.btn-emoticones:hover{background:#80808026}.emoticone-panneau{position:absolute;bottom:4.2rem;left:.75rem;right:.75rem;max-width:26rem;padding:.6rem;border:1px solid rgba(128,128,128,.3);border-radius:12px;background:var(--panel-bg, #1e1e24);box-shadow:0 8px 28px #00000059;z-index:20}.emoticone-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.25rem;max-height:15rem;overflow-y:auto}.emoticone-bouton{display:flex;align-items:center;justify-content:center;padding:.25rem;border:0;border-radius:6px;background:transparent;cursor:pointer}.emoticone-bouton:hover{background:#80808033}.emoticone-pied{margin-top:.5rem;font-size:.75rem;text-align:center;opacity:.6}.emoticone-en-ligne{vertical-align:-.25em;margin:0 .05em;-webkit-user-select:none;user-select:none}.message-input,.menu-compte{position:relative}.btn-compte{padding:.3rem .5rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.9em;cursor:pointer}.btn-compte:hover{background:#ffffff1a}.menu-compte-panneau{position:absolute;top:calc(100% + .4rem);left:0;right:auto;min-width:min(17rem,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);padding:.6rem;border:1px solid rgba(128,128,128,.35);border-radius:10px;background:var(--panel-bg, #1e1e24);box-shadow:0 10px 30px #0006;z-index:30}.menu-compte-entete{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(128,128,128,.25);font-size:.85em;opacity:.75}.menu-compte-action{display:block;width:100%;padding:.5rem;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.menu-compte-action:hover:not(:disabled){background:#80808026}.menu-compte-action.danger{color:#ff6b6b}.menu-compte-boutons{display:flex;gap:.5rem}.menu-compte-boutons button{flex:1;text-align:center}.menu-compte-avertissement{margin:.6rem 0 0;padding:.5rem;border-radius:6px;background:#ffb4001f;font-size:.8em;line-height:1.4}.phrase-card{max-width:34rem}.phrase-intro{margin:0 0 1rem;line-height:1.5}.phrase-mots{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.4rem;margin:0 0 1.2rem;padding:.9rem;list-style:none;border:1px solid rgba(128,128,128,.35);border-radius:10px;background:#80808014}.phrase-mots li{display:flex;align-items:baseline;gap:.45rem}.phrase-rang{min-width:1.3rem;font-size:.75em;text-align:right;opacity:.5}.phrase-mot{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.02em;letter-spacing:.02em;-webkit-user-select:all;user-select:all}.phrase-avertissement{margin-bottom:1.2rem;padding:.85rem;border-left:3px solid #e0a800;border-radius:0 8px 8px 0;background:#e0a8001a;font-size:.88em;line-height:1.5}.phrase-avertissement p{margin:0}.phrase-avertissement p+p{margin-top:.6rem}.phrase-verification{display:grid;gap:.75rem;margin-bottom:1rem}.phrase-verification label{display:flex;flex-direction:column;gap:.3rem}.phrase-demande{font-size:.85em;opacity:.75}.phrase-actions{display:flex;gap:.6rem}.phrase-actions button{flex:1}.btn-principal{width:100%;padding:.7rem;border:0;border-radius:8px;background:#4a7cff;color:#fff;font:inherit;font-weight:500;cursor:pointer}.btn-principal:disabled{opacity:.5;cursor:default}.bandeau-erreur{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.6rem .75rem 0;padding:.6rem .85rem;border-left:3px solid #ff6b6b;border-radius:0 8px 8px 0;background:#ff6b6b1f;font-size:.88em;line-height:1.4}.bandeau-erreur button{flex:0 0 auto;border:0;background:transparent;color:inherit;font-size:1.2em;line-height:1;cursor:pointer;opacity:.7}.feed-avertissement{margin:0 0 1rem;padding:.85rem 1rem;border-left:3px solid #e0a34a;border-radius:4px;background:#e0a34a1f;color:#f0d9b5;font-size:.9rem;line-height:1.5}.feed-avertissement strong{display:block;margin-bottom:.25rem;color:#f5c77e}.btn-membres{margin-left:auto;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:inherit;font-size:.85em;cursor:pointer}.btn-membres:hover{background:#ffffff0f}.panneau-membres{min-width:min(30rem,90vw)}.liste-membres{list-style:none;margin:0 0 1rem;padding:0;max-height:16rem;overflow-y:auto}.membre{display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem;border-bottom:1px solid rgba(255,255,255,.06)}.membre-nom{flex:1 1 auto}.membre-moi{opacity:.6}.membre-role{padding:.1rem .45rem;border-radius:999px;background:#58d68d29;color:#7ee2a8;font-size:.75em}.membre-alerte{padding:.1rem .45rem;border-radius:999px;background:#e0a34a29;color:#f5c77e;font-size:.75em}.btn-retirer{flex:0 0 auto;padding:.25rem .6rem;border:1px solid rgba(255,107,107,.35);border-radius:6px;background:transparent;color:#ff9b9b;font-size:.8em;cursor:pointer}.btn-retirer:hover:not(:disabled){background:#ff6b6b1f}.jetons{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0 0 .5rem;padding:0}.jeton{padding:.2rem .55rem;border:1px solid rgba(88,214,141,.4);border-radius:999px;background:#58d68d24;color:#7ee2a8;font-size:.85em;cursor:pointer}.result-row.choisi{background:#58d68d1f}.zone-suppression{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.btn-danger{padding:.45rem .9rem;border:1px solid rgba(255,107,107,.4);border-radius:6px;background:transparent;color:#ff9b9b;font-size:.9em;cursor:pointer}.btn-danger:hover:not(:disabled){background:#ff6b6b24}.confirmation-suppression p{margin:0 0 .75rem;font-size:.9em;line-height:1.5;opacity:.9}.input-lecture-seule{margin:0;padding:.85rem 1rem;text-align:center;font-size:.9em;opacity:.7}.champ-riche{min-height:1.5em;max-height:8em;overflow-y:auto;white-space:pre-wrap;word-break:break-word;outline:none;cursor:text}.champ-riche:empty:before{content:attr(data-placeholder);opacity:.45;pointer-events:none}.champ-riche .emoticone-en-ligne{vertical-align:-.3em;margin:0 .05em}.btn-archives{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.75rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:inherit;font-size:.9em;text-align:left;cursor:pointer;opacity:.8}.btn-archives:hover{background:#ffffff0d;opacity:1}.panneau-archives{min-width:min(34rem,92vw)}.panneau-archives h3{margin:1.25rem 0 .35rem;font-size:.95em;opacity:.85}.liste-archives{list-style:none;margin:.5rem 0 0;padding:0}.archive{display:flex;align-items:center;gap:.75rem;padding:.55rem .25rem;border-bottom:1px solid rgba(255,255,255,.06)}.archive-nom,.archive-nom-fige{flex:1 1 auto;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.archive-nom{cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff40}.archive-echeance{flex:0 0 auto;font-size:.8em;color:#f5c77e}.archive-date{opacity:.7}.btn-restaurer{flex:0 0 auto;font-size:.8em;padding:.25rem .6rem}.titre-editable{display:flex;align-items:center;gap:.5rem}.btn-renommer{border:0;background:transparent;color:inherit;font-size:.7em;cursor:pointer;opacity:.6}.btn-renommer:hover:not(:disabled){opacity:1}.renommage{display:flex;gap:.5rem;margin-bottom:.75rem}.renommage input{flex:1 1 auto}.btn-role{flex:0 0 auto;padding:.25rem .6rem;border:1px solid rgba(88,214,141,.35);border-radius:6px;background:transparent;color:#7ee2a8;font-size:.8em;cursor:pointer}.btn-role:hover:not(:disabled){background:#58d68d1f}.hint-msg.droits{margin-top:.75rem;line-height:1.5}.zone-depart{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.choix-successeur{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0;font-size:.9em}.choix-successeur select{padding:.45rem .6rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;color:inherit;font:inherit}.btn-retour-liste{display:none}.app-layout{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 720px){.group-list,.main-area{width:100%;min-width:0;flex:1 1 100%}.app-layout .main-area{display:none}.app-layout .group-list{display:flex;border-right:none}.app-layout.conversation-ouverte .group-list{display:none}.app-layout.conversation-ouverte .main-area{display:flex}.btn-retour-liste{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-right:.25rem;background:none;border:none;color:var(--accent);font-size:1.75rem;line-height:1;cursor:pointer;border-radius:8px}.btn-retour-liste:active{background:var(--bg-3)}.group-item,.btn-membres,.feed-header button,.message-input button,.group-list-label button{min-height:44px}.group-item{padding:.75rem 1rem}.group-list-header,.feed-header{padding-top:calc(.75rem + env(safe-area-inset-top))}.message-input{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.emoticone-panneau{left:.5rem;right:.5rem;max-width:none}.emoticone-grille{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));max-height:40dvh}.emoticone-bouton{min-width:44px;min-height:44px}.modal-card{width:100%;max-width:none;max-height:88dvh;overflow-y:auto}.modal-actions{flex-wrap:wrap}.modal-actions button{min-height:44px}.message{max-width:85%}.app-layout,.main-area,.message-feed{overflow-x:hidden}}@media (max-width: 720px){.feed-header,.group-list-header,.message-input{height:auto;min-height:44px;flex-wrap:wrap}.group-name{white-space:normal;overflow-wrap:anywhere}}.appairage-demande{max-width:26rem;margin:3rem auto;padding:1.5rem;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:12px;text-align:center}.appairage-demande h2{margin-bottom:.5rem;color:var(--accent)}.appairage-consigne{font-size:.9rem;color:var(--text-dim);line-height:1.6;margin-bottom:1.25rem}.appairage-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.9rem;letter-spacing:.35em;text-indent:.35em;padding:1rem .5rem;margin-bottom:.75rem;border-radius:10px;background:var(--bg-3);color:var(--accent);-webkit-user-select:all;user-select:all}.appairage-echeance{font-size:.85rem;color:var(--text-dim);margin-bottom:.75rem}.appairage-attente{font-size:.9rem;color:var(--text-dim);margin-bottom:1rem}.appairage-note{color:var(--text-dim)}.appairage-saisie{width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;letter-spacing:.25em;text-align:center;text-transform:uppercase;margin-bottom:.9rem}.appairage-option{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.5;margin-bottom:.9rem;cursor:pointer}.appairage-option input{width:16px;height:16px;margin-top:.15rem;flex:none}.appairage-avert{font-size:.85rem;line-height:1.5;padding:.7rem .85rem;margin-bottom:.9rem;border-radius:8px;background:#f0ad4e1f;border:1px solid rgba(240,173,78,.35)}.appairage-boutons{display:flex;gap:.5rem;flex-wrap:wrap}.appairage-boutons button{flex:1;min-width:9rem}.appairage-approbation{padding:.5rem .25rem}.appairage-approbation h3{margin-bottom:.5rem;color:var(--accent);font-size:1rem}.appairage-approbation p{font-size:.85rem;line-height:1.55;margin-bottom:.8rem}@media (max-width: 720px){.appairage-demande{margin:1rem .75rem;padding:1.25rem}.appairage-code{font-size:1.5rem;letter-spacing:.25em;text-indent:.25em}.appairage-boutons button{min-height:44px}.appairage-option input{width:22px;height:22px}}.bandeau-erreur{display:flex;align-items:center;gap:.75rem}.bandeau-erreur span{flex:1}.bandeau-action{flex:none;padding:.35rem .7rem;font-size:.85rem;border-radius:6px;white-space:nowrap}@media (max-width: 720px){.bandeau-erreur{flex-wrap:wrap}.bandeau-action{min-height:44px}}.feed-reprise{background:#6ea8fe1a;border-color:#6ea8fe52}