:root{--papier: #fbf9f6;--encre: #1a1a2e;--encre-douce: rgba(26, 26, 46, .55);--indigo: #5b5fe0;--indigo-pale: #eeeefc;--ambre: #e8a33d;--carte: #ffffff;--bord: rgba(26, 26, 46, .08);--serif: "Fraunces", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--rayon: 16px}:root[data-theme=sombre]{--papier: #17161f;--encre: #f3f1f8;--encre-douce: rgba(243, 241, 248, .55);--indigo: #8b8ef0;--indigo-pale: #23223a;--carte: #201f2b;--bord: rgba(243, 241, 248, .1)}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:-.01em}button{font:inherit;color:inherit;cursor:pointer}.ecran{max-width:560px;margin-inline:auto;padding:24px 20px 48px;min-height:100vh;display:flex;flex-direction:column;gap:20px}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon)}.principal{background:var(--indigo);color:#fff;border:none;border-radius:999px;padding:12px 20px;font-weight:600}.principal:disabled{opacity:.5;cursor:default}.champ{width:100%;padding:12px 14px;border:1px solid var(--bord);border-radius:12px;background:var(--carte);color:var(--encre)}.erreur{color:#b3261e;font-size:14px}.discret{color:var(--encre-douce);font-size:14px}.application{min-height:100vh;display:flex;flex-direction:column}.zone{flex:1;display:flex;flex-direction:column}.contenu{width:100%;max-width:560px;margin-inline:auto;padding:24px 20px 40px;flex:1;display:flex;flex-direction:column;gap:20px}.entete-mobile{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:9;background:var(--papier)}.bouton-menu{width:44px;height:44px;border-radius:12px;border:1px solid var(--bord);background:transparent;color:var(--encre);display:flex;align-items:center;justify-content:center}.marque-mobile{font-size:19px;font-weight:700;color:var(--indigo)}.voile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background:#1a1a2e59}.menu-mobile{position:fixed;top:64px;left:12px;right:12px;z-index:8;background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:8px;display:flex;flex-direction:column;box-shadow:0 18px 40px #1a1a2e2e;animation:descend .18s ease-out}.menu-mobile[hidden]{display:none}.menu-mobile .lien-menu{padding:14px 16px;border-radius:12px;text-decoration:none;color:var(--encre);font-size:16px;display:block}.menu-mobile .lien-menu.actif{background:var(--indigo-pale);color:var(--indigo);font-weight:600}@keyframes descend{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.menu-mobile{animation:none}}.laterale{display:none}@media(min-width:900px){.application{flex-direction:row}.entete-mobile,.menu-mobile,.voile-menu{display:none}.laterale{display:flex;flex-direction:column;gap:4px;width:220px;flex-shrink:0;padding:28px 16px;border-right:1px solid var(--bord);position:sticky;top:0;height:100vh}.laterale .marque{font-size:22px;font-weight:700;color:var(--indigo);padding:0 12px 20px}.laterale .lien{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--encre);font-size:15px}.laterale .lien.actif{background:var(--indigo-pale);color:var(--indigo);font-weight:600}.laterale .lien:hover{background:var(--bord)}.contenu{max-width:720px;padding:40px 32px 56px}.contenu.large{max-width:1040px}}.etude{justify-content:space-between;min-height:calc(100vh - 60px)}.scene{perspective:1400px;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.carte3d{position:relative;width:100%;min-height:260px}.carte3d.dense{align-self:stretch;max-height:560px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.carte3d.retournee{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:12px;text-align:center}.face.arriere{transform:rotateY(180deg);background:var(--indigo-pale);border-color:transparent}.texte-carte{font-size:22px;line-height:1.4;margin:0;font-weight:600;overflow-wrap:anywhere}.face.arriere .texte-carte{color:var(--indigo)}.libelle-reponse{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}.etiquette{position:absolute;top:14px;right:16px;font-size:11px;padding:3px 10px;border-radius:999px;background:var(--indigo-pale);color:var(--indigo)}.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:560px){.notes{grid-template-columns:repeat(4,1fr)}}.note{padding:14px 8px;border-radius:14px;border:1px solid var(--bord);background:var(--carte);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:15px}.note .touche{font-size:11px;color:var(--encre-douce)}.emoji-note{font-size:20px;line-height:1}.note:hover{border-color:var(--indigo);color:var(--indigo)}.raccourcis{display:none}@media(min-width:900px){.raccourcis{display:block}}.serie{text-align:center;font-size:13px;color:var(--ambre);margin:0}@media(min-width:900px){.grille-paquets{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ligne-carte{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.ligne-carte .separateur{display:none}}.parametres{display:flex;flex-direction:column;gap:12px}.titre-section{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-douce);margin:0 0 8px;font-family:var(--sans)}.onglets-parametres{display:flex;gap:6px;overflow-x:auto}.onglet-parametre{padding:8px 14px;border-radius:999px;border:1px solid var(--bord);background:transparent;color:var(--encre-douce);font-size:14px;white-space:nowrap}.onglet-parametre.actif{border-color:var(--indigo);background:var(--indigo-pale);color:var(--indigo);font-weight:600}@media(min-width:900px){.parametres{flex-direction:row;gap:28px;align-items:flex-start}.onglets-parametres{flex-direction:column;width:200px;flex-shrink:0;overflow:visible}.onglet-parametre{border:none;border-radius:10px;text-align:left}.onglet-parametre:hover{background:var(--bord)}.onglet-parametre.actif{background:var(--indigo-pale)}}.bloc-image{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;flex:0 1 auto;max-width:100%}.image-carte{max-width:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:10px}.loupe{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--bord);background:var(--carte);color:var(--indigo);font-size:13px;font-weight:600}.loupe:hover,.loupe:focus-visible{border-color:var(--indigo);background:var(--indigo-pale)}.voile-photo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0a14eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.cadre-photo{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.cadre-photo img{max-width:100%;max-height:100%;object-fit:contain}.cadre-photo.reelle{overflow:auto;align-items:flex-start;justify-content:flex-start;width:100%}.cadre-photo.reelle img{max-width:none;max-height:none}.actions-photo{display:flex;gap:10px;flex:none}.actions-photo button{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff}.voile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#1a1a2e8c;display:flex;align-items:center;justify-content:center;padding:20px}.fenetre-apercu{background:var(--papier);border-radius:20px;padding:20px;width:min(460px,100%);display:flex;flex-direction:column;gap:16px}.bandeau-apercu{text-align:center;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--indigo);background:var(--indigo-pale);padding:8px;border-radius:999px}.fenetre-apercu .scene{min-height:240px}.mini-apercu{width:64px;padding:6px 8px;border-radius:10px;border:1px solid var(--bord);background:var(--carte);display:flex;flex-direction:column;gap:3px;overflow:hidden}.mini-apercu .mini-recto{font-family:var(--serif);font-size:9px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-apercu .mini-verso{font-family:var(--serif);font-size:9px;color:var(--indigo);line-height:1.2;border-top:1px solid var(--bord);padding-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-apercu:hover{border-color:var(--indigo)}.supprimer{background:none;border:none;color:var(--encre-douce);border-radius:8px;line-height:1}.supprimer.arme{color:#b3261e;font-weight:700;animation:clignote .8s steps(1,end) infinite}@keyframes clignote{0%,49%{opacity:1}50%,to{opacity:.25}}@media(prefers-reduced-motion:reduce){.supprimer.arme{animation:none;outline:1px solid #b3261e}}.supprimer-paquet{width:48px;height:48px;border-radius:14px;border:1px solid var(--bord);background:transparent;display:flex;align-items:center;justify-content:center}.supprimer-paquet.arme{width:auto;padding:0 16px;font-size:13px;border-color:#b3261e}.champ-carte{width:100%;border:none;background:transparent;resize:none;outline:none;font-size:17px;line-height:1.45;padding:10px 0;font-family:var(--serif);color:var(--encre);overflow:hidden}.champ-carte:focus{outline:none}.micro{width:32px;height:32px;border-radius:8px;border:1px solid var(--bord);background:transparent;color:var(--encre-douce);display:flex;align-items:center;justify-content:center;gap:4px}.micro.actif{width:auto;padding:0 10px;border-color:#b3261e;color:#b3261e;font-size:12px}.point-rouge{width:8px;height:8px;border-radius:50%;background:#b3261e;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.point-rouge{animation:none}}.titre-matiere{width:100%;text-align:center;font-size:20px;font-weight:600;border:none;background:transparent;color:var(--encre);font-family:var(--serif);padding:2px 6px;border-radius:8px}.titre-matiere:focus{outline:none;background:var(--indigo-pale)}.ligne-titre{display:flex;align-items:center;justify-content:center;gap:2px}.crayon-titre{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border:none;background:transparent;border-radius:8px;color:var(--encre-douce);padding:0}.crayon-titre:hover,.crayon-titre:focus-visible{color:var(--indigo);background:var(--indigo-pale)}.titre-matiere:focus+.crayon-titre{color:var(--indigo)}.supprimer-compte{padding:12px 16px;border-radius:999px;border:1px solid #b3261e;color:#b3261e;background:transparent;font-weight:600}.supprimer-compte.arme{background:#b3261e;color:#fff}.bandeau-suppression{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 4px;padding:12px 16px;border:1px solid #e0a63c;border-radius:14px;background:#fdf3e0;color:#6b4708}.bandeau-suppression button{border:1px solid #6b4708;border-radius:10px;padding:8px 14px;background:transparent;color:#6b4708;font-weight:600}:root[data-theme=sombre] .bandeau-suppression{background:#3a2c10;border-color:#8a6a22;color:#f2ddb4}:root[data-theme=sombre] .bandeau-suppression button{border-color:#f2ddb4;color:#f2ddb4}.separateur-ou{display:flex;align-items:center;gap:12px;color:var(--encre-douce);font-size:13px}.separateur-ou:before,.separateur-ou:after{content:"";flex:1;height:1px;background:var(--bord)}