@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--bg:#f8f9fa;--texte:#1f1f1f;--panneau:#fff;--bordure:#e2e2e5;--accent:#111;--accent-texte:#fff;--subtil:#f4f4f5;--police-serif:"Playfair Display", serif;--police-ui:"Inter", sans-serif;--hauteur-nav:80px;--couleur-erreur:#ef4444;--couleur-succes:#10b981;--ombre-sm:0 2px 8px #0000000a;--ombre-md:0 12px 24px -6px #00000014;--largeur-max:1100px;--rayon:16px;--rayon-sm:12px;--rayon-rond:99px;--input-bg:#fff;--input-border:#e2e2e5;--logo-ombrage:0 4px 12px #00000014}body[data-theme=dark]{--bg:#09090b;--texte:#ededed;--panneau:#18181b;--bordure:#27272a;--accent:#fff;--accent-texte:#000;--subtil:#27272a;--ombre-sm:0 2px 8px #0003;--ombre-md:0 12px 24px -6px #0006;--input-bg:#0c0c0e;--input-border:#1c1c1e;--logo-ombrage:none}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s,border-color .3s}body{font-family:var(--police-ui);background:var(--bg);color:var(--texte);-webkit-user-select:none;user-select:none;min-height:100vh;margin:0;font-size:16px;overflow-x:hidden}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3{letter-spacing:-.5px;margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}img{display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-petit{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icone-spin{animation:4s linear infinite spin;display:inline-block}.icone-spin-petit{animation:.7s linear infinite spin-petit;display:inline-block}.titre-app{font-family:var(--police-serif);letter-spacing:-.5px;margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600;line-height:1.1}.titre-vue{font-family:var(--police-serif);margin-bottom:24px;font-size:clamp(1.6rem,4vw,2rem);font-weight:600}.titre-carte{margin-bottom:16px;font-size:1.1rem;font-weight:600}.sous-titre{text-transform:uppercase;letter-spacing:3px;opacity:.5;margin-bottom:2rem;font-size:.75rem;font-weight:600}.texte-vide{text-align:center;opacity:.4;padding:40px 20px;font-size:.9rem}input[type=text],input[type=password],input[type=email]{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--texte);font-family:var(--police-ui);border-radius:var(--rayon);appearance:none;outline:none;margin-bottom:15px;padding:16px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7d7d7d1a}input::placeholder{opacity:.4}.input-erreur{border-color:var(--couleur-erreur)!important;box-shadow:0 0 0 2px #ef44441a!important}button{background:var(--accent);width:100%;color:var(--accent-texte);font-family:var(--police-ui);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:var(--rayon);border:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.85rem;font-weight:600;transition:transform .1s,opacity .2s;display:flex}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondaire{border:1px solid var(--bordure);color:var(--texte);border-radius:var(--rayon-sm);background:0 0;width:auto;margin-top:10px;padding:10px 20px;font-size:.8rem;display:inline-flex}.btn-icone{border:1px solid var(--bordure);width:auto;color:var(--texte);border-radius:var(--rayon-sm);background:0 0;align-items:center;gap:6px;padding:12px 16px;font-size:1rem;display:inline-flex}.btn-petit{border-radius:var(--rayon-sm);align-items:center;gap:6px;width:auto;padding:8px 14px;font-size:.8rem;display:inline-flex}.btn-neutre{border:1px solid var(--bordure);color:var(--texte);background:0 0}.btn-danger{color:var(--couleur-erreur);background:#ef44441a;border:1px solid #ef444433}.btn-whatsapp{color:#25d366;border-radius:var(--rayon-rond);background:#25d3661a;border:1px solid #25d366;width:auto;margin-top:16px;padding:10px 20px;font-size:.85rem;display:inline-flex}.btn-partage{background:var(--subtil);border:1px solid var(--bordure);width:40px;height:40px;color:var(--texte);border-radius:50%;padding:0;font-size:1.1rem;position:absolute;top:20px;right:20px}.carte{background:var(--panneau);border:1px solid var(--bordure);box-shadow:var(--ombre-sm);border-radius:24px;margin-bottom:24px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.carte-question{min-height:200px}.carte-sans-padding{padding:0;overflow:hidden}@media (hover:hover){.carte:hover{box-shadow:var(--ombre-md);transform:translateY(-2px)}}.notification{border-radius:var(--rayon-rond);background:var(--texte);color:var(--bg);z-index:1000;white-space:nowrap;pointer-events:none;align-items:center;gap:8px;padding:14px 28px;font-size:.9rem;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-120px);box-shadow:0 10px 25px -5px #0003}.notification.visible{transform:translate(-50%)translateY(0)}.notification.erreur{color:#fff;background:#ef4444}.notification.succes{color:#fff;background:#10b981}.ecran-chargement{z-index:9999;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.ecran-chargement .icone-spin{color:var(--accent);font-size:80px}.ecran-chargement .titre-app{letter-spacing:1px;text-transform:uppercase;font-size:1.8rem}.texte-chargement{opacity:.6;font-size:.9rem;font-weight:500}.ecran-connexion{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.carte-connexion{text-align:center;width:100%;max-width:400px;box-shadow:none;background:0 0;border:none;padding:30px;animation:.6s fadeUp}.logo-connexion{color:#000;width:60px;height:60px;box-shadow:var(--logo-ombrage);border:1px solid var(--bordure);background:#fff;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.titre-formulaire{margin-bottom:24px;font-size:1.4rem;font-weight:600}.formulaire-connexion{flex-direction:column;display:flex}.message-erreur{color:var(--couleur-erreur);border-radius:var(--rayon-sm);text-align:left;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;font-size:.9rem;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex}.message-erreur.succes{color:var(--couleur-succes);background:#10b98114;border-color:#10b98133}.btn-google{color:#3c4043!important;border-radius:var(--rayon)!important;cursor:pointer!important;background-color:#fff!important;border:1px solid #dadce0!important;justify-content:center!important;align-items:center!important;width:52px!important;height:52px!important;margin:20px auto 0!important;padding:0!important;transition:transform .1s,box-shadow .2s!important;display:flex!important;box-shadow:0 2px 4px #0000001a!important}.google-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.btn-google:hover{background-color:#f8f9fa!important;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326!important}.btn-google:active{background-color:#eee!important}.separate-divider{color:var(--texte);opacity:.25;text-transform:uppercase;align-items:center;margin:25px 0 15px;font-size:.65rem;font-weight:700;display:flex}.separate-divider:before,.separate-divider:after{content:"";background:var(--bordure);flex:1;height:1px}.separate-divider span{margin:0 15px}.lien-bascule{cursor:pointer;opacity:.5;text-align:center;margin-top:10px;padding:6px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-block}.lien-bascule:hover{opacity:1;color:var(--accent);transform:scale(1.02)}.controles-bas{opacity:.6;justify-content:center;gap:12px;margin-top:32px;display:flex}.indicateur-langue{font-size:.7rem;font-weight:700}.ecran-app{min-height:100vh;padding-bottom:calc(var(--hauteur-nav) + 20px);flex-direction:column;display:flex}.barre-nav{width:100%;height:var(--hauteur-nav);z-index:50;border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;flex-direction:row;justify-content:space-evenly;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #00000008}body[data-theme=dark] .barre-nav{background:#18181bd9}.btn-nav{color:var(--texte);border-radius:var(--rayon);opacity:.4;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;width:auto;max-width:100px;padding:12px;font-weight:600;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex}.btn-nav i{font-size:24px}.btn-nav span{font-size:.65rem;font-weight:600}.btn-nav.actif{opacity:1;color:var(--accent);transform:translateY(-2px)}.contenu-principal{width:100%;max-width:600px;margin:0 auto;padding:20px}.vue{animation:.5s cubic-bezier(.25,1,.5,1) fadeIn}.entete-accueil{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.entete-accueil .titre-vue{margin-bottom:0}.tag-categorie{border-radius:var(--rayon-rond);text-transform:uppercase;letter-spacing:1px;background:var(--subtil);color:var(--texte);border:1px solid var(--bordure);align-items:center;margin-bottom:20px;padding:6px 14px;font-size:.7rem;font-weight:700;display:inline-flex}.texte-question{font-family:var(--police-serif);text-align:center;margin:30px 0;font-size:clamp(1.5rem,4vw,2rem);font-style:italic;line-height:1.4}.zone-reponse{flex-direction:column;gap:10px;max-width:400px;margin:0 auto;display:flex}.zone-reponse input{text-align:center;margin-bottom:0;font-size:1.1rem;font-weight:500}.zone-reponse button{padding:20px;font-size:1rem}.badge-streak{color:#f59e0b;align-items:center;gap:5px;font-size:1rem;font-weight:700;display:flex}.etat-resultat{text-align:center;padding:30px 20px;animation:.4s pop}.etat-intro{padding:50px 20px}.btn-decouvrir{background:var(--accent);color:var(--accent-texte);padding:18px 30px;font-size:1rem;box-shadow:0 10px 20px -5px #0000001a}.icone-resultat{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;display:flex}.icone-succes{color:var(--couleur-succes);background:#10b9811a}.icone-echec{color:var(--couleur-erreur);background:#ef44441a}.etat-resultat h3{margin-bottom:8px;font-size:1.5rem}.message-resultat{opacity:.6;margin-top:8px}.label-bonne-reponse{margin-top:16px;margin-bottom:4px;font-weight:600}.bonne-reponse{font-family:var(--police-serif);color:var(--accent);margin-bottom:8px;font-size:1.2rem;font-style:italic}.item-classement{border-bottom:1px solid var(--bordure);align-items:center;padding:16px 20px;transition:background .2s;display:flex}.item-classement:last-child{border-bottom:none}.item-classement:active{background:var(--subtil)}.item-classement--moi .pseudo{color:var(--accent);font-weight:700}.rang{width:40px;font-weight:700;font-family:var(--police-serif);flex-shrink:0;font-size:1.1rem}.avatar-petit{background:var(--subtil);object-fit:cover;border:1px solid var(--bordure);border-radius:50%;flex-shrink:0;width:42px;height:42px;margin-right:16px}.pseudo{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.points{opacity:.8;flex-shrink:0;font-family:monospace;font-size:1rem;font-weight:700}.pagination-classement{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.btn-pagination{background:var(--subtil);width:auto;color:var(--texte);border:1px solid var(--bordure);border-radius:var(--rayon-sm);cursor:pointer;text-transform:none;letter-spacing:0;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:background .2s,transform .1s,opacity .2s;display:inline-flex}.btn-pagination:hover:not(:disabled){background:var(--bordure);transform:translateY(-1px)}.btn-pagination:active:not(:disabled){transform:scale(.97)}.btn-pagination:disabled{opacity:.35;cursor:not-allowed;transform:none}.pagination-info{font-family:var(--police-ui);opacity:.55;text-align:center;flex:1;font-size:.85rem;font-weight:600}.entete-profil{text-align:center;padding:30px 20px}.avatar-grand{border:4px solid var(--panneau);width:100px;height:100px;box-shadow:0 0 0 2px var(--bordure);object-fit:cover;background:var(--subtil);border-radius:50%;margin:0 auto 16px}.btn-edition-haut{width:36px;height:36px;color:var(--texte);opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:flex;position:absolute;top:15px;right:15px}.avatar-container{margin:0 auto;display:inline-block;position:relative}.badge-camera{color:#000;z-index:10;cursor:pointer;pointer-events:auto;background:#fff;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:transform .2s;display:flex;position:absolute;bottom:0;right:-5px;box-shadow:0 4px 12px #0006}.btn-retour-haut{width:40px;height:40px;color:var(--texte);opacity:.8;cursor:pointer;z-index:20;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:20px;left:20px}.btn-retour-haut:hover{opacity:1;background:#ffffff0d}.btn-edition-haut{width:40px;height:40px;color:var(--texte);opacity:.8;cursor:pointer;z-index:20;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:20px;right:20px}.btn-edition-haut:hover{opacity:1;background:#ffffff0d}.badge-camera:hover{transform:scale(1.1)}body[data-theme=dark] .badge-camera{color:#000;background:#fff}.zone-pseudo{margin-bottom:20px}.pseudo-profil{cursor:pointer;align-items:center;margin-bottom:4px;font-size:1.5rem;font-weight:700;display:inline-flex}.input-pseudo-container{justify-content:center;display:flex}.input-pseudo{background:var(--subtil);border:1px solid var(--bordure);color:var(--texte);border-radius:var(--rayon-sm);text-align:center;outline:none;width:200px;padding:8px 12px;font-size:1.2rem;font-weight:600}.separation-profil{background:var(--bordure);width:100%;height:1px;margin:20px 0}.stats-profil-container{border-radius:var(--rayon);border:1px solid var(--bordure);color:#000;background:#fff;margin:0 10px;padding:12px;display:flex}body[data-theme=dark] .stats-profil-container{background:#fff}.stat-item{flex-direction:column;flex:1;align-items:center;display:flex}.stat-label{opacity:.7;margin-bottom:4px;font-size:.75rem;font-weight:700}.stat-valeur{font-size:1.1rem;font-weight:700}.stat-separateur{background:#0002;width:1px;margin:10px 0}.btn-secondaire-petit{border:1px solid var(--bordure);color:var(--texte);border-radius:var(--rayon-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;display:inline-flex}.btn-danger-petit{color:var(--couleur-erreur);border-color:#ef444433}.bento-logout{justify-content:center;align-items:center;margin-top:10px;padding:16px;display:flex}.btn-rouge-large{color:#fff;border-radius:var(--rayon-sm);cursor:pointer;background:#ef4444;border:none;width:auto;padding:12px 24px;font-size:.9rem;font-weight:700;transition:transform .1s}.btn-rouge-large:active{transform:scale(.96)}.footer-profil{flex-direction:column;align-items:center;gap:16px;margin-top:20px;display:flex}.separateur-community{background:var(--bordure);opacity:.5;width:80%;height:1px}.btn-communaute{background:var(--accent);color:var(--accent-texte);box-shadow:var(--ombre-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:25px;width:auto;padding:12px 24px;font-size:1rem;font-weight:700;transition:transform .1s}@media (width<=480px){.btn-communaute{padding:10px 20px;font-size:.85rem}}.btn-communaute:active{transform:scale(.96)}.btn-parrainer{color:#22c55e;cursor:pointer;opacity:.9;background:0 0;border:none;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.btn-parrainer:hover{opacity:1}.btn-parrainer i{font-size:1.1rem}.liens-externes{justify-content:center;gap:10px;margin-top:20px;display:flex}.lien-externe{background:var(--subtil);border-radius:var(--rayon-sm);color:var(--texte);border:1px solid var(--bordure);align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.lien-externe:hover{background:var(--bordure);transform:translateY(-2px)}.zone-code{align-items:flex-start;gap:12px;display:flex}.zone-code input{flex:1;margin-bottom:0}.zone-code button{white-space:nowrap;flex-shrink:0;width:auto}.ligne-parametre{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.ligne-parametre:last-child{border-bottom:none}.btn-pill{text-transform:none;letter-spacing:0;border:1px solid var(--bordure);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:44px;height:38px;padding:0 16px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-danger-rouge{color:#ef4444;background:#ef444426;border:1px solid #ef444433}.btn-utiliser-cadeau{color:#000;text-transform:uppercase;background:#a1a1aa;border-radius:12px;height:48px;font-weight:700}input[type=text],input[type=password],input[type=email]{border-radius:12px}.ligne-parametre span{font-size:.95rem}.texte-danger{color:var(--couleur-erreur)!important}.ligne-pwa{background:var(--subtil);border-radius:var(--rayon-sm);justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;font-size:.9rem;font-weight:600;display:flex}.guide-ios{background:var(--subtil);border-radius:var(--rayon-sm);margin-bottom:12px;padding:14px 16px;font-size:.85rem;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--bordure);border-radius:4px}@media (width>=769px){.ecran-app{flex-direction:row;padding-bottom:0}.barre-nav{border-top:none;border-right:1px solid var(--bordure);background:var(--panneau);width:260px;height:100vh;box-shadow:none;-webkit-backdrop-filter:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:60px 20px 0;position:fixed;top:0;left:0}.btn-nav{border-radius:var(--rayon-sm);opacity:.5;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;width:100%;max-width:none;margin-bottom:8px;padding:14px 16px;font-size:1.1rem}.btn-nav span{font-size:.95rem;font-weight:500;display:inline-block}.btn-nav.actif{opacity:1;background:var(--subtil);transform:none}.contenu-principal{max-width:var(--largeur-max);margin-left:260px;padding:40px}}.image-zoom-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.image-zoom-conteneur{justify-content:center;align-items:center;max-width:90%;max-height:90%;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop;display:flex;position:relative}.image-zoom-grande{object-fit:contain;background:var(--panneau);border:2px solid #ffffff1a;border-radius:20px;max-width:100%;max-height:80vh;box-shadow:0 20px 50px #00000080}.btn-fermer-zoom{color:#fff;cursor:pointer;z-index:10000;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background .2s;display:flex;position:absolute;top:-50px;right:0}.btn-fermer-zoom:hover{background:#ffffff4d}@media (width<=600px){.image-zoom-grande{border-radius:12px;max-height:70vh}.btn-fermer-zoom{top:-60px;right:50%;transform:translate(50%)}}