@font-face{font-family:Outfit;src:url(/fonts/outfit-latin-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;src:url(/fonts/outfit-latin-ext-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;--fond: #f2f2ef;--papier: #ffffff;--surface: #ffffff;--surface-2: #e8e8e4;--encre: #141414;--doux: #5c5c63;--ligne: rgb(20 20 20 / .1);--accent: #ff5a1f;--accent-doux: rgb(255 90 31 / .12);--sur-accent: #141414;--ombre: 0 1px 2px rgb(20 20 20 / .05), 0 14px 34px -18px rgb(20 20 20 / .28);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--r-carte: 22px;--r-champ: 16px}*,*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--fond);color:var(--encre);font:400 1rem/1.55 Outfit,system-ui,sans-serif;min-height:100dvh}body.avec-lecteur{padding-bottom:calc(96px + env(safe-area-inset-bottom))}img{max-width:100%;display:block}h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.02;font-weight:750;text-wrap:balance}p{margin:0}a{color:inherit}.icone{width:1.2em;height:1.2em;flex:none}.cache{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.conteneur{width:min(1180px,100% - 32px);margin-inline:auto}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}.entete{display:flex;align-items:center;justify-content:space-between;height:68px;padding-top:env(safe-area-inset-top)}.marque{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:1.25rem;letter-spacing:-.03em;text-decoration:none}.marque-pastille{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--encre);color:var(--accent)}.marque-pastille .icone{width:18px;height:18px}.lien-biblio{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--papier);box-shadow:0 0 0 1px var(--ligne)}.lien-biblio b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--sur-accent);font-size:.8rem}button,a,[role=button]{touch-action:manipulation}.bouton{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;white-space:nowrap;background:var(--encre);color:#fff;user-select:none;-webkit-user-select:none;transition:transform .14s var(--ease-out),background-color .16s ease,opacity .16s ease}.bouton:active{transform:scale(.97)}.bouton[disabled]{opacity:.55;cursor:progress;transform:none}.bouton.accent{background:var(--accent);color:var(--sur-accent)}.bouton.second{background:var(--surface-2);color:var(--encre)}.bouton.discret{background:transparent;color:var(--doux);min-height:44px;padding:0 12px}.bouton.plein{width:100%}.bouton.petit{min-height:42px;padding:0 16px;font-size:.93rem;gap:8px}@media (hover: hover) and (pointer: fine){.bouton:hover{background:#2a2a2a}.bouton.accent:hover{background:#ff6b35}.bouton.second:hover{background:#dcdcd7}.bouton.discret:hover{background:var(--surface-2);color:var(--encre)}.puce:hover{box-shadow:inset 0 0 0 1.5px #14141459}}.lecture{appearance:none;border:0;cursor:pointer;flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--accent);color:var(--sur-accent);transition:transform .14s var(--ease-out)}.lecture:active{transform:scale(.93)}.lecture .icone{width:24px;height:24px}.lecture.petite{width:44px;height:44px}.lecture.petite .icone{width:20px;height:20px}.barres{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.barres i{width:3px;height:100%;border-radius:2px;background:currentColor;transform-origin:bottom;transform:scaleY(.3)}.barres.actif i{animation:barre .86s var(--ease-in-out) infinite alternate}.barres.actif i:nth-child(2){animation-delay:-.28s}.barres.actif i:nth-child(3){animation-delay:-.56s}.barres.actif i:nth-child(4){animation-delay:-.14s}@keyframes barre{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.barres.actif i{animation:none;transform:scaleY(.7)}}.heros{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:18px 0 56px}@media (min-width: 1000px){.heros{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;padding:40px 0 96px;align-items:start}.heros-gauche{position:sticky;top:32px}}.heros h1{font-size:clamp(3rem,9.5vw,5.6rem);line-height:.96}.heros h1 span{display:block}.heros h1 .marqueur{display:inline;background:linear-gradient(transparent 62%,var(--accent) 62%,var(--accent) 92%,transparent 92%);padding:0 .06em;margin:0 -.06em}.heros .sous{margin-top:18px;font-size:1.15rem;line-height:1.5;color:var(--doux);max-width:36ch}@media (prefers-reduced-motion: no-preference){.heros h1>span{animation:monte .7s var(--ease-out) both}.heros h1>span:nth-child(2){animation-delay:90ms}.heros .sous{animation:monte .7s .16s var(--ease-out) both}}@keyframes monte{0%{opacity:0;transform:translateY(18px)}}.bac{margin-top:30px}.bac-titre{font-weight:650;font-size:.95rem;color:var(--doux);margin-bottom:12px}.bac-rangee{display:flex;padding:8px 0 12px 4px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.bac-rangee::-webkit-scrollbar{display:none}.disque{appearance:none;border:0;padding:0;cursor:pointer;flex:none;position:relative;width:104px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--surface-2);margin-right:-14px;box-shadow:0 10px 24px -12px #1414148c,0 0 0 3px var(--fond);transform:rotate(var(--r, 0deg));transition:transform .26s var(--ease-out)}.disque:nth-child(odd){--r: -4deg}.disque:nth-child(2n){--r: 3deg}.disque img{width:100%;height:100%;object-fit:cover}.disque .voile{position:absolute;inset:0;display:grid;place-items:center;background:#14141459;color:#fff;opacity:0;transition:opacity .18s ease}.disque.actif .voile,.disque:focus-visible .voile{opacity:1}.disque.actif{transform:rotate(0) translateY(-6px) scale(1.04);z-index:1}.disque:active{transform:rotate(0) scale(.97)}@media (hover: hover) and (pointer: fine){.disque:hover{transform:rotate(0) translateY(-6px);z-index:1}.disque:hover .voile{opacity:1}}@media (min-width: 560px){.disque{width:120px}}.bac-legende{margin-top:10px;min-height:3em;color:var(--doux);font-size:.95rem;line-height:1.45;max-width:40ch}.bac-legende strong{color:var(--encre)}.createur{border-radius:26px;background:var(--papier);padding:18px;display:grid;grid-template-columns:minmax(0,1fr);box-shadow:var(--ombre),0 0 0 1px var(--ligne)}@media (min-width: 640px){.createur{padding:26px}}.createur>*{min-width:0}.champ{display:grid;gap:9px;margin-top:20px}.champ>label,.etiquette{font-weight:650;font-size:.95rem}.note{color:var(--doux);font-size:.9rem}.note.centre{text-align:center;margin-top:12px}.erreur-champ{margin-top:14px;color:#c2340a;font-weight:550}.bascule{display:inline-grid;grid-auto-flow:column;justify-self:start;align-self:start;background:var(--surface-2);border-radius:999px;padding:4px;gap:2px}.bascule button{appearance:none;border:0;font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 16px;min-height:40px;background:transparent;color:var(--doux);font-weight:550;transition:background-color .16s ease,color .16s ease}.bascule button[aria-pressed=true]{background:var(--papier);color:var(--encre);font-weight:650;box-shadow:0 1px 3px #14141424}.zone-idee{margin-top:14px;border-radius:20px;background:var(--fond);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .16s ease,background-color .16s ease;min-width:0}.zone-idee:focus-within{box-shadow:inset 0 0 0 2px var(--encre);background:var(--papier)}.zone-idee textarea{display:block;width:100%;border:0;background:transparent;resize:none;min-height:112px;font:inherit;font-size:1.2rem;line-height:1.42;color:var(--encre);padding:18px 18px 6px}.zone-idee textarea:focus{outline:none}.zone-idee textarea::placeholder{color:#8b8b92}.idees{display:flex;gap:8px;overflow-x:auto;padding:6px 14px 14px;scrollbar-width:none;overscroll-behavior-x:contain}.idees::-webkit-scrollbar{display:none}input[type=text],input[type=tel],.section-paroles textarea{width:100%;font:inherit;font-size:16px;color:var(--encre);background:var(--fond);border:1.5px solid transparent;border-radius:var(--r-champ);padding:13px 15px;transition:border-color .16s ease,background-color .16s ease}input:focus,.section-paroles textarea:focus{outline:none;border-color:var(--encre);background:var(--papier)}input::placeholder{color:#8b8b92}.puces{display:flex;flex-wrap:wrap;gap:8px}.puce{appearance:none;font:inherit;font-size:.95rem;font-weight:550;cursor:pointer;color:var(--encre);white-space:nowrap;border:0;background:var(--papier);box-shadow:inset 0 0 0 1.5px var(--ligne);border-radius:999px;padding:8px 15px;min-height:40px;user-select:none;-webkit-user-select:none;transition:box-shadow .16s ease,background-color .16s ease,color .16s ease,transform .14s var(--ease-out)}.puce:active{transform:scale(.96)}.puce[aria-pressed=true]{background:var(--encre);color:#fff;box-shadow:none}.puce.mini{flex:none;font-size:.86rem;min-height:34px;padding:6px 12px}.genres-puces{max-height:140px;overflow-y:auto;padding:2px;scrollbar-width:thin}.grille-cadeau{display:grid;gap:0 14px}@media (min-width: 560px){.grille-cadeau{grid-template-columns:1fr 1fr}}.options{display:grid;gap:0 20px;align-items:start}@media (min-width: 640px){.options{grid-template-columns:auto 1fr}}.bouton.creer{margin-top:24px;width:100%;min-height:62px;font-size:1.12rem;justify-content:space-between;padding:0 8px 0 26px}.bouton.creer .bulle{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--sur-accent);transition:transform .24s var(--ease-out)}.bouton.creer .barres{height:16px}@media (hover: hover) and (pointer: fine){.bouton.creer:hover .bulle{transform:translate(3px)}}.offre-ligne{margin-top:12px;color:var(--doux);font-size:.92rem;text-align:center}.offre-ligne b{color:var(--encre)}.biblio{padding:4px 0 64px;scroll-margin-top:12px}.biblio h2,.exemples h2,.faq h2{font-size:clamp(1.8rem,4.6vw,2.6rem);margin-bottom:20px}.liste{display:grid;gap:14px}@media (min-width: 900px){.liste{grid-template-columns:1fr 1fr}}.carte-chanson{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px;border-radius:var(--r-carte);background:var(--papier);box-shadow:var(--ombre),0 0 0 1px var(--ligne);animation:monte .42s var(--ease-out)}@media (min-width: 560px){.carte-chanson{grid-template-columns:116px minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.carte-chanson{animation:none}}.carte-chanson .pochette img,.pochette-vide{width:100%;aspect-ratio:1;border-radius:15px;object-fit:cover;background:var(--surface-2)}.infos-chanson{min-width:0;display:grid;align-content:start;gap:8px}.infos-chanson h3{font-size:1.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infos-chanson .meta{color:var(--doux);font-size:.9rem}.statut{display:flex;align-items:center;gap:10px;color:var(--doux);font-size:.95rem}.statut .barres{color:var(--accent)}.versions-ligne{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.version-btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:650;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 5px;min-height:40px;border-radius:999px;background:var(--fond);color:var(--encre);transition:transform .14s var(--ease-out),box-shadow .16s ease}.version-btn .icone{width:30px;height:30px;padding:8px;border-radius:50%;background:var(--accent);color:var(--sur-accent)}.version-btn.actif{box-shadow:inset 0 0 0 2px var(--encre)}.version-btn:active{transform:scale(.96)}.actions-carte{display:flex;flex-wrap:wrap;gap:8px}.edition{grid-column:1 / -1;display:grid;gap:12px;padding-top:10px;border-top:1px solid var(--ligne)}.section-paroles{display:grid;gap:6px}.section-paroles .nom{font-size:.82rem;font-weight:650;color:var(--doux)}.section-paroles textarea{resize:vertical;line-height:1.5}.paiement-carte{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--fond)}.paiement-carte label{font-weight:650;font-size:.95rem}.ligne-paiement{display:flex;gap:8px}.ligne-paiement input{flex:1;min-width:0;padding:10px 14px;background:var(--papier)}.squelette{background:linear-gradient(90deg,var(--surface-2),#f4f4f1,var(--surface-2));background-size:200% 100%;animation:reflet 1.4s linear infinite}@keyframes reflet{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.squelette{animation:none}}.exemples{padding:8px 0 72px}.exemples-liste{display:grid;gap:14px}@media (min-width: 900px){.exemples-liste{grid-template-columns:repeat(6,1fr)}.exemple:nth-child(-n+2){grid-column:span 3}.exemple:nth-child(n+3){grid-column:span 2}}.exemple{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:var(--r-carte);background:var(--papier);box-shadow:0 0 0 1px var(--ligne)}@media (min-width: 900px){.exemple:nth-child(-n+2){grid-template-columns:128px minmax(0,1fr)}}.exemple img{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover}.exemple .phrase{font-size:1.02rem;line-height:1.4}.exemple .resultat{display:flex;align-items:center;gap:10px;margin-top:10px}.exemple .resultat>div{min-width:0;flex:1}.exemple .resultat strong{display:block;font-size:1.05rem}.exemple .resultat span{color:var(--doux);font-size:.86rem}.exemple .lecture{width:44px;height:44px}.exemple .lecture .icone{width:20px;height:20px}.deroule{display:grid;gap:26px;padding:30px 0 72px;border-top:1px solid var(--ligne)}@media (min-width: 800px){.deroule{grid-template-columns:repeat(3,1fr);gap:40px}}.deroule .ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--encre);color:var(--accent);margin-bottom:14px}.deroule h3{font-size:1.3rem;margin-bottom:6px}.deroule p{color:var(--doux);max-width:34ch}.faq{padding:0 0 80px;max-width:780px}.faq details{border-bottom:1px solid var(--ligne)}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:650;font-size:1.08rem;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary .icone{transition:transform .2s var(--ease-out);color:var(--doux);transform:rotate(45deg)}.faq details[open] summary .icone{transform:rotate(0)}.faq details p{color:var(--doux);padding:0 0 18px;max-width:62ch}.pied{border-top:1px solid var(--ligne);padding:28px 0 calc(28px + env(safe-area-inset-bottom));color:var(--doux);font-size:.92rem;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}.lecteur-bas{position:fixed;z-index:20;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:560px;margin-inline:auto;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 10px 15px;border-radius:20px;background:#141414ed;color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -16px #14141499;animation:monte .36s var(--ease-out)}.lecteur-bas img{width:46px;height:46px;border-radius:10px;object-fit:cover}.l-infos{min-width:0;display:grid}.l-infos strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-infos span{color:#ffffffa6;font-size:.85rem}.l-barre{position:absolute;left:16px;right:16px;bottom:6px;height:3px;border-radius:3px;background:#ffffff2e;overflow:hidden}.l-barre i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s linear}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;transform:translate(-50%);background:var(--encre);color:#fff;padding:12px 18px;border-radius:14px;box-shadow:var(--ombre);font-weight:550;max-width:calc(100% - 32px);transition:opacity .2s ease,transform .3s var(--ease-out)}.toast[hidden]{display:block;opacity:0;transform:translate(-50%,12px);pointer-events:none}.carte-chanson{align-items:start}.corps-chanson{grid-column:1 / -1;display:grid;gap:10px;min-width:0}.carte-chanson .infos-chanson{align-self:center}@media (min-width: 560px){.carte-chanson .pochette{grid-row:span 2}.carte-chanson .infos-chanson{align-self:end}.corps-chanson{grid-column:2}}.heros h1 .marqueur{background:linear-gradient(transparent 70%,var(--accent) 70%,var(--accent) 90%,transparent 90%)}.ligne-titre{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.lien-mode{appearance:none;border:0;background:none;cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;color:var(--doux);display:inline-flex;align-items:center;gap:6px;padding:6px 2px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#14141440}.lien-mode .icone{width:16px;height:16px}@media (hover: hover) and (pointer: fine){.lien-mode:hover{color:var(--encre)}}.zone-idee{margin-top:0}.idees{flex-wrap:wrap;overflow:visible;padding:2px 0 0}.puce.mini.autre{color:var(--doux);background:transparent;box-shadow:none;display:inline-flex;align-items:center;gap:6px}.puce.mini{white-space:normal;text-align:left}.offre-clip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:var(--fond)}.offre-clip strong{display:block}.offre-clip span{display:block;color:var(--doux);font-size:.88rem;max-width:34ch}.clip-carte{display:grid;gap:8px;justify-items:start}.clip-carte video{width:min(240px,100%);aspect-ratio:9 / 16;border-radius:14px;background:var(--encre);object-fit:cover}.tete-biblio{display:grid;gap:14px;margin-bottom:20px}.tete-biblio h2{margin-bottom:0}@media (min-width: 900px){.tete-biblio{grid-template-columns:1fr auto;align-items:end}}.sauvegarde{display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--papier);box-shadow:0 0 0 1px var(--ligne);max-width:520px}.sauvegarde p{color:var(--doux);font-size:.92rem}.section-paroles textarea{field-sizing:content;min-height:3.2em;overflow:hidden;resize:none}.app{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:8px 0 calc(110px + env(safe-area-inset-bottom))}.app[data-onglet=creer] .volet-chansons,.app[data-onglet=chansons] .volet-creer{display:none}.volet{min-width:0}.volet-creer h1{font-size:clamp(2.3rem,9vw,3.3rem);line-height:1}.volet-creer h1 .marqueur{background:linear-gradient(transparent 68%,var(--accent) 68%,var(--accent) 92%,transparent 92%)}.volet-creer .sous{margin:12px 0 18px;color:var(--doux);font-size:1.02rem;max-width:40ch}.volet-chansons h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:14px}.volet-chansons>*+*{margin-top:36px}@media (min-width: 1000px){.app{grid-template-columns:440px minmax(0,1fr);gap:40px;padding:12px 0 48px;align-items:start}.app[data-onglet] .volet-chansons,.app[data-onglet] .volet-creer{display:block}.volet-creer{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 4px 12px 2px}.barre-onglets,.lien-biblio{display:none!important}}@media (min-width: 1300px){.app{grid-template-columns:480px minmax(0,1fr);gap:56px}}.createur{gap:0}.onglets-ecriture{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:var(--surface-2)}.onglets-ecriture button{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:650;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:transparent;color:var(--doux);transition:background-color .16s ease,color .16s ease}.onglets-ecriture button[aria-selected=true]{background:var(--papier);color:var(--encre);box-shadow:0 1px 3px #14141424}.onglets-ecriture .icone{width:17px;height:17px}.createur .zone-idee{margin-top:12px}.createur>.note{margin-top:8px;font-size:.86rem}.champ-titre{margin-top:10px}.rangee{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 24px 4px 2px;margin-right:-2px;mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.rangee::-webkit-scrollbar{display:none}.rangee .puce{flex:none}.rangee.idees{margin-top:10px}.idees .puce.mini{white-space:nowrap}.reglages{display:grid;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ligne)}.reglage{display:grid;gap:7px;min-width:0}.reglage .etiquette{font-size:.86rem;color:var(--doux);font-weight:650}.reglage .etiquette small{font-weight:500;opacity:.8;margin-left:4px}.separateur{flex:none;width:1px;align-self:stretch;margin:6px 4px;background:var(--ligne)}.grille-cadeau{gap:8px}.createur .bouton.creer{margin-top:20px}.barre-onglets{position:fixed;z-index:25;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--ligne)}.barre-onglets button{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:650;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;background:transparent;color:var(--doux)}.barre-onglets button[aria-current]{background:var(--encre);color:#fff}.barre-onglets b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--sur-accent);font-size:.75rem}@media (max-width: 999px){.lecteur-bas{bottom:calc(76px + env(safe-area-inset-bottom))}.toast{bottom:calc(160px + env(safe-area-inset-bottom))}body.avec-lecteur .app{padding-bottom:calc(190px + env(safe-area-inset-bottom))}}.volet-chansons .liste{grid-template-columns:minmax(0,1fr)}@media (min-width: 1400px){.volet-chansons .liste{grid-template-columns:1fr 1fr}}.volet-chansons .exemples,.volet-chansons .faq{padding:0}.exemples-liste{grid-template-columns:minmax(0,1fr)!important}@media (min-width: 700px){.exemples-liste{grid-template-columns:1fr 1fr!important}}.exemple,.exemple:nth-child(-n+2){grid-column:auto!important;grid-template-columns:76px minmax(0,1fr)!important}.exemple .phrase{font-size:.95rem}.tete-biblio{display:grid;gap:10px;margin-bottom:14px}.tete-biblio h2{margin:0}details.sauvegarde{border-radius:14px;background:var(--papier);box-shadow:0 0 0 1px var(--ligne);padding:0 14px;max-width:none}details.sauvegarde summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;font-weight:600;font-size:.92rem;color:var(--doux)}details.sauvegarde summary::-webkit-details-marker{display:none}details.sauvegarde[open]{padding-bottom:14px}details.sauvegarde p{color:var(--doux);font-size:.9rem;margin-bottom:10px}.offre-clip{background:var(--encre);color:#fff}.offre-clip span{color:#ffffffb3}.lien-biblio{display:none!important}@media (min-width: 1800px){.volet-chansons .liste{grid-template-columns:1fr 1fr!important}}.tete-biblio{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}.volet-chansons .carte-chanson{max-width:760px}:root{--degrade: linear-gradient(115deg, #ff5a1f 0%, #ff2d6f 100%);--ombre-douce: 0 1px 2px rgb(20 20 20 / .04), 0 18px 40px -22px rgb(60 20 30 / .35)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 30% at 8% 6%,rgb(255 90 31 / .2),transparent 70%),radial-gradient(34% 28% at 92% 12%,rgb(255 45 111 / .16),transparent 70%),radial-gradient(40% 30% at 70% 96%,rgb(255 196 0 / .14),transparent 70%),var(--fond)}body{background:transparent}.entete{position:sticky;top:0;z-index:15;background:#f2f2efb8;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.marque-pastille{background:var(--degrade);color:#fff}.volet-creer h1 .marqueur{background:none;color:transparent;background-image:var(--degrade);-webkit-background-clip:text;background-clip:text}.createur{border-radius:28px;box-shadow:var(--ombre-douce),0 0 0 1px #1414140f}.onglets-ecriture{background:#f1f1ee}.zone-idee{background:#f6f6f3;border-radius:22px;position:relative}.zone-idee:focus-within{background:#fff;box-shadow:0 0 0 2px transparent,0 0 0 2px #ff5a1f,0 10px 30px -14px #ff5a1f99}.puce{background:#f1f1ee;box-shadow:none}.puce[aria-pressed=true]{background:var(--encre);color:#fff}@media (hover: hover) and (pointer: fine){.puce:hover{background:#e8e8e4;box-shadow:none}.puce[aria-pressed=true]:hover{background:#2a2a2a}}.puce.mini{background:#fff;box-shadow:inset 0 0 0 1px var(--ligne)}.rangee.tuiles{gap:10px;padding-bottom:8px}.tuile-genre{appearance:none;border:0;cursor:pointer;flex:none;position:relative;overflow:hidden;width:112px;height:64px;border-radius:16px;padding:10px 12px;text-align:left;display:flex;align-items:flex-end;background:linear-gradient(140deg,hsl(var(--h) 88% 62%),hsl(calc(var(--h) + 38) 78% 42%));color:#fff;font:inherit;font-weight:750;font-size:.95rem;line-height:1.1;letter-spacing:-.01em;box-shadow:0 8px 18px -12px hsl(var(--h) 70% 30% / .9);user-select:none;-webkit-user-select:none;transition:transform .2s var(--ease-out),box-shadow .2s ease,filter .2s ease}.tuile-genre:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 85% 10%,rgb(255 255 255 / .35),transparent 60%);pointer-events:none}.tuile-genre span{position:relative;z-index:1;text-shadow:0 1px 6px rgb(0 0 0 / .25)}.tuile-genre i{position:absolute;top:7px;right:7px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--encre);transform:scale(.6);opacity:0;transition:transform .22s var(--ease-out),opacity .16s ease}.tuile-genre i .icone{width:14px;height:14px}.tuile-genre[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--encre),0 10px 22px -12px hsl(var(--h) 70% 30%)}.tuile-genre[aria-pressed=true] i{transform:scale(1);opacity:1}.tuile-genre[aria-pressed=false]{filter:saturate(.85)}.tuile-genre:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){.tuile-genre:hover{transform:translateY(-2px)}}.bouton.creer{background:var(--degrade);color:#fff;box-shadow:0 14px 28px -14px #ff3c3cbf;position:relative;overflow:hidden}.bouton.creer .bulle{background:#ffffff38;color:#fff}@media (hover: hover) and (pointer: fine){.bouton.creer:hover{background:var(--degrade);filter:brightness(1.05)}}.bouton.creer[disabled]{opacity:1}.bouton.creer[disabled]:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / .35) 50%,transparent 80%);transform:translate(-100%);animation:reflet-bouton 1.3s var(--ease-in-out) infinite}@keyframes reflet-bouton{to{transform:translate(100%)}}.bouton.accent{background:var(--degrade);color:#fff}.exemples-liste{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px;margin:0 -4px;scrollbar-width:none}.exemples-liste::-webkit-scrollbar{display:none}.pochette-ex{appearance:none;border:0;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:var(--encre);flex:none;width:168px;scroll-snap-align:start;display:grid;gap:4px}@media (min-width: 1000px){.pochette-ex{width:186px}}.pochette-img{position:relative;display:block;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 16px 30px -18px #141414b3;margin-bottom:6px;transition:transform .26s var(--ease-out)}.pochette-img img{width:100%;height:100%;object-fit:cover}.lire-ex{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--degrade);color:#fff;box-shadow:0 8px 18px -8px #0009;transition:transform .2s var(--ease-out)}.lire-ex .icone{width:20px;height:20px}.pochette-ex strong{font-size:1rem;line-height:1.2}.genre-ex{color:var(--doux);font-size:.82rem}.phrase-ex{color:var(--doux);font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pochette-ex:active .pochette-img{transform:scale(.97)}.pochette-ex.actif .pochette-img{transform:translateY(-4px);box-shadow:0 0 0 3px #fff,0 0 0 5px #ff5a1f,0 18px 30px -16px #ff3c3ccc}@media (hover: hover) and (pointer: fine){.pochette-ex:hover .pochette-img{transform:translateY(-4px)}.pochette-ex:hover .lire-ex{transform:scale(1.08)}}@media (prefers-reduced-motion: no-preference){.pochette-ex{animation:monte .6s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}}.carte-chanson{border-radius:24px;box-shadow:var(--ombre-douce),0 0 0 1px #1414140f}.carte-chanson .pochette{position:relative}.carte-chanson .pochette img{box-shadow:0 12px 24px -14px #14141499;transition:transform .3s var(--ease-out)}.lire-pochette{position:absolute;right:6px;bottom:6px;appearance:none;border:0;cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--degrade);color:#fff;box-shadow:0 6px 14px -6px #0009}.lire-pochette .icone{width:18px;height:18px}.carte-chanson.joue .pochette img{transform:scale(1.04)}.pochette-vide{display:grid;place-items:center;color:#ff5a1f}.pochette-vide .barres{height:26px;gap:4px}.pochette-vide .barres i{width:5px}.version-btn .icone{background:var(--degrade);color:#fff}.offre-clip{background:linear-gradient(120deg,#141414,#2b1a2a)}.lecteur-bas img{border-radius:50%;box-shadow:0 0 0 2px #ffffff26}@media (prefers-reduced-motion: no-preference){body.en-lecture .lecteur-bas img{animation:disque 6s linear infinite}}@keyframes disque{to{transform:rotate(360deg)}}.lecteur-bas .lecture{background:var(--degrade);color:#fff}.l-barre i{background:var(--degrade)}.barre-onglets button{transition:background-color .2s ease,color .2s ease,transform .14s var(--ease-out)}.barre-onglets button:active{transform:scale(.96)}.barre-onglets button[aria-current]{background:var(--encre)}@media (prefers-reduced-motion: no-preference){.createur>*{animation:monte .5s var(--ease-out) both}.createur>*:nth-child(2){animation-delay:40ms}.createur>*:nth-child(3){animation-delay:80ms}.createur>*:nth-child(4){animation-delay:.12s}.createur>*:nth-child(5){animation-delay:.16s}.createur>*:nth-child(n+6){animation-delay:.2s}}.createur.sans-entree>*{animation:none!important}.entete{box-shadow:0 0 0 100vmax #f2f2efb8;clip-path:inset(0 -100vmax)}.exemples-mobile{margin-top:30px}.exemples-mobile h2{font-size:1.4rem;margin-bottom:12px}@media (min-width: 1000px){.exemples-mobile{display:none}}@media (max-width: 999px){.volet-chansons .exemples{display:none}}.app{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:8px 0 calc(110px + env(safe-area-inset-bottom));align-items:start}.app>*{min-width:0}.accroche h1{font-size:clamp(2.4rem,9vw,4.6rem);line-height:.98}.accroche h1 .marqueur{display:inline-block;background-image:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}.accroche .sous{margin-top:12px;color:var(--doux);font-size:1.05rem;max-width:38ch}.volet-creer{position:static!important;max-height:none!important;overflow:visible!important;padding:0!important;display:block}.biblio{padding:0}.biblio h2,.exemples h2{font-size:clamp(1.4rem,3.6vw,1.8rem);margin-bottom:12px}.exemples{padding:0}.app[data-onglet=creer] .volet-chansons{display:none!important}.app[data-onglet=chansons] .volet-creer,.app[data-onglet=chansons] .accroche,.app[data-onglet=chansons] .exemples{display:none}.app[data-onglet=chansons] .volet-chansons:not(.cache){display:block}@media (min-width: 1000px){.app{grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-areas:"accroche createur" "chansons createur" "exemples createur";grid-template-rows:auto auto 1fr;column-gap:56px;row-gap:30px;padding:28px 0 56px}.accroche{grid-area:accroche}.volet-creer{grid-area:createur}.volet-chansons{grid-area:chansons}.exemples{grid-area:exemples}.app[data-onglet] .volet-creer,.app[data-onglet] .accroche,.app[data-onglet] .exemples{display:block}.app[data-onglet] .volet-chansons:not(.cache){display:block!important}.app[data-onglet] .volet-chansons.cache,.barre-onglets{display:none!important}.faq{padding-top:8px}}@media (min-width: 1300px){.app{grid-template-columns:minmax(0,1fr) minmax(0,540px);column-gap:72px}}.faq{padding-bottom:calc(40px + env(safe-area-inset-bottom))}@media (max-width: 999px){.faq{display:none}.app[data-onglet=creer]~.faq{display:block;padding-bottom:calc(120px + env(safe-area-inset-bottom))}}.volet-chansons .liste{grid-template-columns:minmax(0,1fr)!important}.volet-chansons .carte-chanson{max-width:none}@media (min-width: 1000px){.rangee,.rangee.tuiles,.rangee.idees{flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none;padding-right:0}.idees .puce.mini{white-space:normal}}.tuile-genre{width:auto;min-width:96px;height:46px;padding:0 16px;align-items:center;border-radius:14px;font-size:.93rem;background:hsl(var(--h) 75% 94%);color:hsl(var(--h) 55% 26%);box-shadow:inset 0 0 0 1px hsl(var(--h) 60% 82%);filter:none!important}.tuile-genre:after{display:none}.tuile-genre span{text-shadow:none}.tuile-genre i{position:static;width:18px;height:18px;background:transparent;color:currentColor;transform:none;opacity:0;width:0;margin-left:0;transition:opacity .16s ease,width .2s var(--ease-out),margin .2s var(--ease-out)}.tuile-genre[aria-pressed=true]{background:linear-gradient(135deg,hsl(var(--h) 72% 52%),hsl(calc(var(--h) + 30) 70% 42%));color:#fff;box-shadow:0 8px 18px -10px hsl(var(--h) 70% 35%)}.tuile-genre[aria-pressed=true] i{opacity:1;width:18px;margin-left:8px}@media (hover: hover) and (pointer: fine){.tuile-genre:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px hsl(var(--h) 60% 70%)}.tuile-genre[aria-pressed=true]:hover{box-shadow:0 8px 18px -10px hsl(var(--h) 70% 35%)}}.createur>.reglage{margin-top:18px}.outils-idee{display:flex;padding:0 12px 12px}.bouton-capture{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:.88rem;color:#128c4a;background:#e7f8ee;border-radius:999px;padding:8px 14px;user-select:none;-webkit-user-select:none;transition:background-color .16s ease,transform .14s var(--ease-out)}.bouton-capture:active{transform:scale(.97)}.bouton-capture .icone{width:18px;height:18px}.bouton-capture .barres{color:#128c4a;height:14px}@media (hover: hover) and (pointer: fine){.bouton-capture:hover{background:#d6f3e2}}.puce.mini.tendance{background:#fff4ec;box-shadow:inset 0 0 0 1px #ffd2b8}.puce.mini.tendance b{color:#e0480f;font-weight:700;margin-right:2px}.plus-reglages{margin-top:18px;border-radius:16px;background:#f6f6f3}.plus-reglages summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:12px 14px;font-weight:650}.plus-reglages summary::-webkit-details-marker{display:none}.plus-reglages summary small{grid-column:1;color:var(--doux);font-weight:500;font-size:.84rem}.plus-reglages summary .icone{grid-row:1 / span 2;grid-column:2;color:var(--doux);transition:transform .2s var(--ease-out)}.plus-reglages[open] summary .icone{transform:rotate(90deg)}.plus-reglages .reglages{margin:0;padding:4px 14px 16px;border-top:0;gap:14px}.plus-reglages .champ-titre{background:#fff;margin:0}.plus-reglages .puce{background:#fff}.plus-reglages .puce[aria-pressed=true]{background:var(--encre)}.signature{text-align:center;color:var(--doux);font-size:.9rem}.zone-idee textarea{field-sizing:content;min-height:104px;max-height:260px;overflow-y:auto}.tous-genres{margin-top:4px;justify-self:start}.puce.mini.autre{background:transparent;box-shadow:none;color:var(--doux);display:inline-flex;align-items:center;gap:6px}.puce.mini.autre .icone{width:15px;height:15px}.bouton-capture{gap:10px;padding:6px 12px 6px 6px;border-radius:14px;background:#fff;color:var(--encre);box-shadow:inset 0 0 0 1px var(--ligne)}.bouton-capture img{width:34px;height:46px;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 2px 6px #14141433}.bouton-capture span{display:grid;line-height:1.2;font-size:.9rem}.bouton-capture small{color:#128c4a;font-weight:600;font-size:.78rem}.bouton-capture>.icone{width:16px;height:16px;color:var(--doux)}@media (hover: hover) and (pointer: fine){.bouton-capture:hover{background:#f6f6f3}}.createur .reglages{margin-top:18px;padding-top:16px;border-top:1px solid var(--ligne)}.createur .reglages .champ-titre{margin-top:2px}.exemples-liste{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px;overflow:visible;padding:0;margin:0}@media (min-width: 640px){.exemples-liste{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.pochette-ex{width:auto!important}.onglets-ecriture{grid-template-columns:repeat(3,1fr)}.onglets-ecriture button{padding:0 6px}