:root{--fond:#f4f5f7;--panneau:#fff;--panneau-2:#fafbfc;--texte:#1f2430;--attenue:#6b7280;--bordure:#e3e6ea;--accent:#4f46e5;--accent-doux:#eef2ff;--danger:#dc2626;--ombre:0 1px 3px #00000014, 0 1px 2px #0000000a;--rayon:12px}@media (prefers-color-scheme:dark){:root{--fond:#14161c;--panneau:#1c1f27;--panneau-2:#232733;--texte:#e7e9ee;--attenue:#9aa2b1;--bordure:#2c313d;--accent:#818cf8;--accent-doux:#262a3d;--danger:#f87171;--ombre:0 1px 3px #0006}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fond);color:var(--texte);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font-family:inherit}label>span{margin-bottom:6px;font-size:13px;font-weight:600;display:block}label>input{border:1px solid var(--bordure);background:var(--panneau-2);width:100%;color:var(--texte);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px}label>input:focus{outline:2px solid var(--accent);outline-offset:-1px}.aide{color:var(--attenue);margin-top:5px;font-size:12px;display:block}.btn-principal,.btn-secondaire{border:1px solid var(--bordure);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-principal{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-principal:hover:not(:disabled){filter:brightness(1.08)}.btn-secondaire{background:var(--panneau-2);color:var(--texte)}.btn-secondaire:hover:not(:disabled){border-color:var(--accent)}.btn-principal:disabled,.btn-secondaire:disabled{opacity:.55;cursor:not-allowed}.btn-icone{color:var(--attenue);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icone:hover{background:var(--panneau-2);color:var(--texte)}.alerte{background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger);border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:13px}.connexion{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.connexion-carte{background:var(--panneau);border:1px solid var(--bordure);border-radius:16px;width:100%;max-width:400px;padding:32px 28px;box-shadow:0 10px 40px #0000001f}.connexion-marque{text-align:center;color:var(--accent);margin-bottom:24px}.connexion-marque h1{letter-spacing:-.3px;color:var(--texte);margin:8px 0 4px;font-size:22px}.connexion-soustitre{color:var(--attenue);margin:0;font-size:13px}.onglets{background:var(--panneau-2);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.onglets button{color:var(--attenue);background:0 0;border:none;border-radius:7px;flex:1;padding:8px;font-size:13.5px;font-weight:600}.onglets button.actif{background:var(--panneau);color:var(--texte);box-shadow:var(--ombre)}.app{min-height:100vh;display:flex}.barre-laterale{background:var(--panneau);border-right:1px solid var(--bordure);flex-direction:column;flex-shrink:0;gap:16px;width:280px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.marque{color:var(--accent);align-items:center;gap:10px;padding:0 4px;display:flex}.marque h1{letter-spacing:-.2px;color:var(--texte);margin:0;font-size:18px;font-weight:700}.champ-recherche{border:1px solid var(--bordure);background:var(--panneau-2);color:var(--attenue);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.champ-recherche input{min-width:0;color:var(--texte);background:0 0;border:none;flex:1;padding:10px 0;font-family:inherit;font-size:14px}.champ-recherche input:focus{outline:none}.titre-section{text-transform:uppercase;letter-spacing:.08em;color:var(--attenue);margin-top:4px;padding:4px 6px;font-size:11px;font-weight:700}.liste-themes{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.liste-themes button{color:var(--texte);text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.liste-themes button:hover{background:var(--panneau-2)}.liste-themes button.actif{background:var(--accent-doux);color:var(--accent);font-weight:700}.liste-themes button>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liste-themes .compte{color:var(--attenue);background:var(--fond);text-align:center;border-radius:20px;flex-shrink:0;min-width:22px;padding:1px 8px;font-size:12px}.liste-themes button.actif .compte{color:var(--accent)}.pied-barre{border-top:1px solid var(--bordure);align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.avatar{background:var(--accent-doux);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.identite{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.identite small{color:var(--attenue);font-size:11.5px;font-weight:500;display:block}.contenu{flex:1;min-width:0;padding:24px 28px}.entete{align-items:center;gap:12px;margin-bottom:20px;display:flex}.entete h1{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.soustitre{color:var(--attenue);margin-top:2px;font-size:13px}.menu-mobile{display:none}.page{padding:40px}.grille{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.carte{background:var(--panneau);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.carte:hover{border-color:var(--accent);transform:translateY(-2px)}.carte-couverture{background:linear-gradient(135deg, var(--accent-doux), var(--panneau-2));height:130px;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.carte-badge{color:#fff;background:#0000008c;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.carte-corps{flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex}.carte-titre{cursor:pointer;font-size:15px;font-weight:700;line-height:1.25}.carte-compositeur{color:var(--attenue);font-size:13px}.carte-theme{color:var(--accent);margin-top:2px;font-size:11px;font-weight:600}.carte-etiquettes{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.etiquette{background:var(--panneau-2);border:1px solid var(--bordure);color:var(--attenue);border-radius:20px;padding:1px 7px;font-size:10px}.carte-actions{border-top:1px solid var(--bordure);display:flex}.carte-actions button{color:var(--attenue);background:0 0;border:none;flex:1;padding:9px;font-size:12.5px;font-weight:600}.carte-actions button:hover{background:var(--panneau-2);color:var(--texte)}.carte-actions button+button{border-left:1px solid var(--bordure)}.carte-actions button.suppr:hover{color:var(--danger)}.etat-vide{text-align:center;color:var(--attenue);padding:80px 20px}.etat-vide h3{color:var(--texte);margin:12px 0 6px}.voile{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modale{background:var(--panneau);border:1px solid var(--bordure);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modale-entete{padding:20px 22px 0}.modale-entete h3{margin:0;font-size:18px}.modale-corps{padding:18px 22px}.modale-pied{justify-content:flex-end;gap:10px;padding:0 22px 20px;display:flex}.depot{border:2px dashed var(--bordure);text-align:center;color:var(--attenue);background:var(--panneau-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:13px;display:flex}.depot.rempli{border-color:var(--accent);color:var(--accent);border-style:solid}.visionneuse{z-index:60;background:#333842;flex-direction:column;display:flex;position:fixed;inset:0}.visionneuse-barre{background:var(--panneau);border-bottom:1px solid var(--bordure);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.v-titre{font-size:15px;font-weight:700}.v-soustitre{color:var(--attenue);font-size:13px}.visionneuse iframe{background:#52565e;border:none;flex:1;width:100%}.visionneuse-attente{color:#cfd3da;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}@media (width<=760px){.menu-mobile{display:inline-flex}.barre-laterale{z-index:40;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0000004d}.barre-laterale.ouverte{transform:translate(0)}.rideau{z-index:39;background:#0006;position:fixed;inset:0}.contenu{padding:16px}.grille{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.carte-actions button{padding:9px 2px;font-size:11px}}