:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#19363b;background:#fffaf2;font-size:18px;--coeur:#087f83;--coeur-dark:#07575b;--coeur-light:#e6f5f0;--piment:#c5213c;--piment-dark:#831b32;--piment-light:#fff0ef;--gold:#a16a2b;--line:#dce2db;--muted:#58686b;--active:var(--coeur);--active-soft:var(--coeur-light)}
:root[data-mood=piment]{--active:var(--piment);--active-soft:var(--piment-light)}:root[data-mood=surprise]{--active:#70508e;--active-soft:#f3edf8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 12%,#dcf3ed77,transparent 32%),radial-gradient(ellipse at 100% 18%,#ffe0d866,transparent 31%),#fffaf2}header,main{max-width:1240px;margin:auto;padding:0 2rem}main{padding-bottom:2rem}.site-header{display:flex;align-items:center;gap:1.4rem;min-height:100px;border-bottom:1px solid #23382f14}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;line-height:1.1;font:700 1.6rem/1.1 Georgia,serif;white-space:nowrap}.brand small{font-size:.65em;font-style:italic;color:#6d6b61}.brand-symbol{display:grid;place-items:center;color:white;background:var(--coeur);width:40px;height:40px;border-radius:50% 50% 42% 42%;font:1.25rem system-ui;transform:rotate(-9deg)}.brand-heart{color:var(--coeur-dark)}.brand-spice{color:var(--piment)}.brand-caption{display:block;color:#72746b;font:600 .52rem/1.5 system-ui;letter-spacing:.14em;margin-top:.5rem}.header-link{margin-left:auto;color:#52665f;font-size:.76rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.9rem}.header-link span{font-size:1.25rem;color:var(--coeur)}.edition{white-space:nowrap;border:1px solid #dacfba;background:#fffdf8;border-radius:30px;padding:.55rem .8rem;font-size:.66rem;color:#66604f}
h1,h2,h3{line-height:1.15}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em;font-weight:400}h1{font-size:clamp(2.8rem,5.2vw,4.5rem);line-height:1.06;margin:.5rem 0 1rem}h2{font-size:2.2rem;margin:.45rem 0 1rem}h3{font-size:1.08rem;margin:1.3rem 0 .5rem}p,li{line-height:1.65}p{margin:.65rem 0 1rem}a{color:var(--coeur-dark)}img{max-width:100%;display:block}section{margin-bottom:2rem}.eyebrow{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:var(--coeur-dark);margin:0 0 .65rem}.muted{color:var(--muted);font-size:.82rem}small{line-height:1.6}button,input,select,textarea{font:inherit;max-width:100%}button{cursor:pointer;min-height:48px;border:1px solid var(--active);border-radius:12px;padding:.8rem 1.2rem;background:var(--active);color:#fff;font-weight:650;font-size:.88rem;line-height:1.35;margin:.6rem .3rem .1rem 0;transition:transform .23s,box-shadow .23s,background .23s}button:hover{box-shadow:0 6px 15px #123a3420;transform:translateY(-2px)}button.secondary{color:#29433e;background:#fffdfa;border-color:#cad6d0}button:disabled{background:#667773;border-color:#667773;cursor:default;transform:none;box-shadow:none}:focus-visible{outline:3px solid #173e42;outline-offset:5px}input,select,textarea{padding:.8rem;border-radius:10px;border:1px solid #bacbc4;background:#fffefa;color:#19363b}input[type=search],input[type=password],input[type=text],select,textarea{display:block;width:100%;margin-top:.4rem}input::placeholder{color:#7f8c85;font-size:.88em}input[type=checkbox],input[type=radio]{accent-color:var(--active);min-width:1.1rem;min-height:1.1rem;flex-shrink:0}textarea{min-height:5rem;resize:vertical}label:not(.choice){display:block;margin-top:1rem;margin-bottom:.4rem;font-size:.86rem;font-weight:600}.check{display:flex!important;align-items:center;gap:.65rem;font-weight:400!important}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}.button-row button{margin:0}[hidden]{display:none!important}
.experience{padding-top:2.6rem;margin-bottom:2rem}.experience-heading{display:grid;grid-template-columns:1fr 370px;gap:2rem;align-items:center;margin-bottom:1.8rem}.experience-intro{max-width:680px}.heart-word{color:var(--coeur-dark)}.spice-word{color:var(--piment-dark);font-weight:400}.hero-description{max-width:555px;font-size:.96rem;color:#5e6f69;line-height:1.65;margin-bottom:0}.book-feature{display:flex;align-items:center;gap:1.4rem;padding:1.25rem 0 1.25rem 1.4rem;border-left:1px solid #e7d8bc}.book-cover{width:130px;height:195px;flex:none;object-fit:contain;transform:rotate(-6deg);border-radius:3px;box-shadow:8px 12px 22px #6a351229;transition:transform .3s,box-shadow .3s}.book-feature:hover .book-cover{transform:rotate(-2deg) translateY(-4px);box-shadow:8px 16px 26px #6a35123a}.book-kicker{font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:#876132}.book-copy h2{font-size:1.65rem;line-height:1.1;margin:.55rem 0}.book-copy p{font-size:.72rem;line-height:1.6;color:#69726b;margin-bottom:.65rem}.book-signature{font-size:.62rem;color:#806444;white-space:nowrap}
.ambience-duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative}.ambience-card{position:relative;width:100%;height:360px;isolation:isolate;overflow:hidden;display:block;text-align:left;border:0;padding:0;margin:0;border-radius:24px;color:white;background:#184948;box-shadow:0 12px 35px #294b3812;transition:transform .3s,box-shadow .3s}.ambience-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.ambience-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#034e56f5 0%,#055e6aaf 27%,#026c7110 65%,#062a3040 100%)}.ambience-card.piment .ambience-shade{background:linear-gradient(0deg,#660e26f5 0%,#8b1435aa 28%,#5e0d1b08 65%,#450b1555 100%)}.ambience-card.piment{background:#712139}.ambience-top{position:absolute;top:1.2rem;left:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ambience-tag{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:#132f3270;border:1px solid #ffffff80;backdrop-filter:blur(8px);border-radius:22px;padding:.4rem .65rem}.ambience-icon{font-size:1.7rem;line-height:1;color:white;transform:rotate(-8deg);filter:drop-shadow(0 2px 6px #0003)}.ambience-copy{position:absolute;bottom:1.6rem;left:1.6rem;right:1.6rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:.55rem 1rem}.ambience-name{grid-column:1;font:400 3.3rem/1 Georgia,serif;letter-spacing:-.055em}.ambience-description{grid-column:1;font-size:.8rem;font-weight:400;line-height:1.5;color:#fffef7}.ambience-cta{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #ffffff78;padding-bottom:.45rem;margin-bottom:.1rem;font-size:.68rem;white-space:nowrap}.ambience-cta>span{font-size:1.35rem;display:inline-block;transition:transform .3s}.ambience-selected{position:absolute;right:1.2rem;top:4rem;background:#fffdf5;color:var(--coeur-dark);padding:.3rem .6rem;border-radius:20px;font-size:.56rem;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s}.ambience-card.piment .ambience-selected{color:var(--piment-dark)}.ambience-card[aria-pressed=true]{outline:3px solid var(--coeur);outline-offset:4px}.ambience-card.piment[aria-pressed=true]{outline-color:var(--piment)}.ambience-card[aria-pressed=true] .ambience-selected{opacity:1;transform:translateY(0)}.ambience-card:hover,.ambience-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 36px #145e4f22}.ambience-card.piment:hover{box-shadow:0 18px 36px #9b193328}.ambience-card:hover img,.ambience-card:focus-visible img{transform:scale(1.055)}.ambience-card:hover .ambience-cta>span,.ambience-card:focus-visible .ambience-cta>span{transform:translate(4px,-4px)}.duo-or{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);z-index:1;border:6px solid #fffaf2;background:#fffaf2;color:#8c6e46;border-radius:50%;display:grid;place-items:center;width:48px;height:48px;font:italic 1rem Georgia;pointer-events:none}.hero-freedom{font-size:.73rem;color:#62716a;text-align:center;margin:1rem 0 0}
.welcome{background:#fffdf9;border:1px solid #e7dece;box-shadow:0 10px 40px #6c603308;border-radius:24px;display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;padding:2.2rem;margin:2.7rem 0 3rem}.welcome h2{font-size:2rem}.welcome p{font-size:.88rem;color:#566a62}.welcome-tip{color:var(--coeur-dark)!important}.welcome small{display:block;font-size:.69rem;color:#6b756b}.welcome form{border-left:1px solid #e5e6dc;padding-left:2rem}.welcome form>label:first-child{margin-top:0}.welcome form>button{width:100%;display:flex;justify-content:space-between;align-items:center}.welcome form>small{margin-top:.8rem}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.section-heading>div{max-width:790px}.section-heading p:not(.eyebrow){font-size:.88rem;color:#667169;line-height:1.6;margin-bottom:0}.section-number{font:italic 2.5rem/1 Georgia;letter-spacing:-.08em;color:#bdab8e;padding-top:.8rem}.play-zone{margin-top:3rem;padding:2rem 2.1rem 1.3rem;background:white;border:1px solid #d9e4da;border-radius:24px;box-shadow:0 6px 24px #214e3510;scroll-margin-top:1.2rem}.play-controls{display:grid;grid-template-columns:1fr 235px;gap:2rem}.play-controls fieldset{min-width:0;border:0;padding:0;margin:0}legend{font-size:.8rem;font-weight:700;margin-bottom:.65rem}.mood-choices{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:.55rem}.choice{display:flex;align-items:flex-start;gap:.4rem;border:1px solid #c4ceca;border-radius:14px;padding:.9rem .6rem;cursor:pointer;background:white;font-size:.86rem;transition:background .25s,box-shadow .25s,transform .25s}.choice small{display:block;font-size:.65rem;line-height:1.4;margin:.4rem 0 0;font-weight:400}.choice.coeur{color:var(--coeur-dark);border-color:#9bcfca;background:#f3faf5}.choice.piment{color:var(--piment-dark);border-color:#e6b7bf;background:#fff7f5}.choice.surprise{color:#63437f;background:#fbf8ff}.choice:has(input:checked){box-shadow:0 0 0 2px var(--active);background:var(--active-soft)}.choice:hover{transform:translateY(-2px)}.preferences label[for=duration]{margin:0 0 .6rem;font-size:.8rem}.preferences select{padding:.75rem .7rem;font-size:.85rem;margin-top:0}.preferences>.check{font-size:.74rem;margin-top:.75rem}.draw-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.15rem}.draw-row #draw{display:flex;align-items:center;gap:2rem;min-width:220px;justify-content:space-between;box-shadow:0 5px 12px #254e4715}.draw-row .muted{max-width:290px;line-height:1.5;margin:0;font-size:.72rem}#message:empty,#voiceNotice:empty{display:none}#message,#globalMessage{font-weight:600;font-size:.85rem}
article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.6rem;margin-top:1.5rem}.activity-card{border-top:6px solid var(--coeur);max-width:920px;margin:1.8rem auto 2.5rem;box-shadow:0 16px 45px #24423b12;scroll-margin-top:1rem}.activity-card.piment-card{border-top-color:var(--piment)}.activity-card>h2{font-size:2.3rem}.activity-card>h3{color:var(--coeur-dark)}.activity-card.piment-card>h3{color:var(--piment-dark)}.activity-card>p{font-size:.96rem}article .badge{font-weight:700;font-size:.73rem;color:var(--coeur-dark);margin-top:0}article.piment-card .badge{color:var(--piment-dark)}.activity-visual{margin:1.5rem -1.6rem 1.6rem;position:relative}.activity-visual img{width:100%;height:auto;max-height:410px;object-fit:cover;object-position:center 35%}.activity-visual figcaption{font-size:.68rem;color:#5b6d62;padding:.45rem 1.6rem;background:#f7f9f5}article ul{padding-left:1.4rem}article li{margin:.6rem 0}.instructions{white-space:pre-line}.contact-options{border-left:3px solid var(--coeur);padding-left:1rem}.piment-card .contact-options{border-left-color:var(--piment)}.audio-player{background:#f0f7f3;border-radius:16px;padding:1rem;margin:1.5rem 0}.piment-card .audio-player,.piment-sample .audio-player{background:#fff1ef}.audio-player h3{margin-top:0;font-size:1rem}.audio-player audio{display:block;width:100%;margin:.8rem 0}.audio-player small{display:block;font-size:.69rem;line-height:1.6;color:#53675c}.audio-player details{padding-bottom:0}.audio-player summary{font-size:.78rem}.audio-feedback:empty,.joker-feedback:empty{display:none}.audio-player .button-row button{font-size:.76rem}.timer{padding:1rem;border:1px solid var(--line);border-radius:14px;margin:1rem 0}.timer-display{font-weight:700;margin:0 0 .7rem;font-variant-numeric:tabular-nums}.timer .button-row{margin:0}.timer button{font-size:.78rem}
.library,.joker-library{margin-top:4.1rem;padding-top:0}.library-tools{display:flex;align-items:end;gap:1.5rem;flex-wrap:wrap}.search-field{flex:1;min-width:260px}.search-field label{margin-top:0}.library-tools>.button-row{flex:1.7;margin-bottom:0}.library-tools button{font-size:.71rem;padding:.7rem .85rem;min-height:44px}.library-tools input{font-size:.86rem}.library #libraryCount{margin:1rem 0}.library #results{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:stretch}#results li{min-width:0;display:flex;margin:0}#results[data-layout=mixed] .coeur-library{grid-column:1}#results[data-layout=mixed] .piment-library{grid-column:2}#results .library-card{--card-color:var(--coeur-dark);--card-tint:#e6f5ef;--card-shadow:#087f832b;position:relative;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;padding:0;border:1px solid #c9dcd4;border-radius:20px;text-align:left;background:#fffefa;color:#19363b;margin:0;box-shadow:0 5px 12px #173f3207;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s}#results .piment-library-card{--card-color:var(--piment-dark);--card-tint:#fff0eb;--card-shadow:#c5213c2d;border-color:#ebccc9}.library-image{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;background:#e5eee7}.library-image img{height:100%;width:100%;object-fit:cover;object-position:center 35%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.library-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0739332b,transparent 45%);pointer-events:none}.piment-library-card .library-image:after{background:linear-gradient(0deg,#6e132a30,transparent 45%)}.library-image-label{position:absolute;bottom:.7rem;left:.8rem;background:#fffdf3f5;padding:.3rem .55rem;border-radius:20px;color:#50675c;font-size:.56rem;font-weight:500;z-index:1}.library-content{display:flex;flex-direction:column;flex:1;width:100%;padding:1.2rem 1.3rem 1.1rem}.library-meta{display:flex;align-items:center;justify-content:space-between;color:var(--card-color);font-size:.65rem;margin-bottom:.75rem}.library-mood{background:var(--card-tint);border-radius:20px;padding:.35rem .65rem;font-weight:750}.library-time{font-size:.61rem;color:#61746c;font-weight:500}.library-title{font:400 1.55rem/1.17 Georgia,serif;letter-spacing:-.03em;color:var(--card-color);margin:0 0 1.2rem}.library-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #d9e4db;padding-top:.8rem;margin-top:auto;color:var(--card-color);font-size:.71rem;font-weight:600}.library-arrow{font-size:1.2rem;display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:var(--card-tint);transition:transform .28s,background .28s,color .28s}#results .library-card:hover,#results .library-card:focus-visible{transform:translateY(-7px);border-color:var(--card-color);box-shadow:0 16px 28px var(--card-shadow)}.library-card:hover .library-image img,.library-card:focus-visible .library-image img{transform:scale(1.06)}.library-card:hover .library-arrow,.library-card:focus-visible .library-arrow{transform:translate(3px,-3px) rotate(5deg);background:var(--card-color);color:white}
.joker-library{background:#f8f0df;padding:2.2rem;border-radius:28px}.joker-library .eyebrow{color:#90662f}.joker-library .section-number{color:#ba8135}.joker-library h2{color:#634729}#jokers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.joker-card{margin:0;padding:1.35rem;background:#fffefa;border-color:#e5dac0}.joker-card>.badge{display:inline-block;color:#8b5b1f;font-size:.64rem;letter-spacing:.08em;background:#f9eac8;padding:.35rem .7rem;border-radius:20px}.joker-card>h3{font:400 1.5rem/1.2 Georgia,serif;letter-spacing:-.025em;margin-top:.6rem;color:#634729}.joker-card>.instructions{font-size:.8rem;color:#53645b}.joker-card .audio-player{padding:.8rem;background:#f8f4ea}.joker-card .audio-player h3{font-size:.93rem}.joker-card>button{background:#855e2e;border-color:#855e2e}.joker-action{border-top:1px solid #e2d7c1;margin-top:1rem;padding-top:1rem;font-size:.85rem}.joker-accepted{color:#07666a;font-weight:650}.joker-feedback{background:#e8f5f3;border-radius:10px;padding:.8rem;overflow-wrap:anywhere}.checklist{padding:.3rem 0}.portrait-pad{display:block;width:100%;height:auto;border:1px solid #657276;border-radius:10px;background:#fff9f1;touch-action:none}.three-lines{border-left:4px solid var(--coeur);padding:.1rem 1rem;margin:1rem 0;overflow-wrap:anywhere}
.voice-section{margin-top:4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.voice-section>div{max-width:740px}.voice-section p:not(.eyebrow){font-size:.88rem;color:#667169}.voice-symbol{font:5rem Georgia;color:#b4a27e;transform:rotate(-10deg);padding-right:2rem}.audio-validation-link a{display:inline-flex;gap:1.2rem;align-items:center;color:white;background:var(--coeur-dark);padding:.85rem 1.2rem;border-radius:12px;min-height:48px;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .23s,box-shadow .23s}.audio-validation-link a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #087f8320}.audio-validation{border:1px solid #b4d7cb;border-radius:20px;background:#eaf5ef;padding:1.1rem 1.3rem;margin:1rem 0 2rem;scroll-margin-top:1rem}.audio-validation>summary{font-size:1rem;color:#075e62}.validation-label{display:inline-block;margin-left:.6rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#526b5d}.audio-validation h2{font-size:1.8rem}.online-note{font-size:.78rem;color:#496653}.audio-sample-card{padding:1.2rem;margin-top:1rem}.audio-sample-card>h3{font:400 1.5rem/1.2 Georgia,serif;letter-spacing:-.03em;margin-top:0}.audio-sample-card .audio-player{margin-bottom:0}.audio-validation #audioSampleStatus{font-weight:600;font-size:.82rem}.audio-validation #reloadAudioSamples{margin-top:0}
details{padding:1rem 0}summary{cursor:pointer;line-height:1.5;font-weight:600}.settings{border-top:1px solid #dcded2;margin-top:3rem;font-size:.85rem}.settings summary{padding:.4rem 0}.settings>button{font-size:.77rem}.skip{position:absolute;top:-100px;left:1rem;background:#fffdf7;padding:1rem;z-index:10}.skip:focus{top:1rem}footer{border-top:1px solid #dfdbcc;margin-top:3rem;padding:1.8rem 0 0;display:grid;grid-template-columns:1fr 2fr;gap:2rem;font-size:.76rem;color:#697168}.footer-brand{font:italic 1.7rem Georgia;color:var(--coeur-dark)}.footer-brand>span{font-size:.7em;color:#9d9074}.footer-brand small{display:block;font:400 .68rem/1.6 system-ui;color:#758077;margin-top:.7rem}footer details{padding-top:0}
.question-ending{white-space:nowrap}
@media(min-width:1500px){.ambience-card{height:390px}}
@media(max-width:1100px){header,main{padding-left:1.4rem;padding-right:1.4rem}.header-link{display:none}.edition{margin-left:auto}.experience-heading{grid-template-columns:1fr 300px;gap:1rem}.book-feature{gap:1rem;padding-left:1rem}.book-cover{width:106px;height:159px}.book-copy h2{font-size:1.5rem}.book-signature{white-space:normal}.ambience-card{height:330px}.ambience-copy{left:1.25rem;right:1.25rem}.ambience-name{font-size:2.8rem}.ambience-cta{grid-column:1;grid-row:auto;justify-self:start;margin-top:.3rem}.play-controls{grid-template-columns:1fr 200px;gap:1rem}.mood-choices{grid-template-columns:1fr 1fr}.choice.surprise{grid-column:1/3}.draw-row{align-items:start}.draw-row>.muted{padding-top:1rem}.library-tools{gap:1rem}.library-tools>.button-row{flex-basis:100%}}
@media(max-width:760px){.experience-heading{grid-template-columns:1fr}.experience h1{font-size:3.2rem}.book-feature{border-left:0;gap:1.15rem;padding:1rem 0 0;margin:.4rem 0 .2rem;border-top:1px solid #e7d8bc}.book-cover{width:78px;height:117px;margin-left:.4rem}.book-copy h2{font-size:1.35rem;display:inline}.book-copy h2 br,.book-copy p br{display:none}.book-copy p{font-size:.72rem;margin:.35rem 0}.book-kicker{display:block;margin-bottom:.2rem;font-size:.56rem}.book-signature{display:none}.experience{padding-top:1.7rem}.experience-heading{margin-bottom:1.3rem}.ambience-card{height:315px}.ambience-top{left:.9rem;right:.9rem;top:.9rem}.ambience-tag{font-size:.5rem;padding:.35rem .5rem}.ambience-icon{font-size:1.3rem}.ambience-copy{left:1rem;right:1rem;bottom:1.2rem}.ambience-name{font-size:2.6rem}.ambience-description{font-size:.68rem}.ambience-cta{font-size:.61rem}.ambience-selected{top:3.4rem;right:.9rem;font-size:.5rem}.welcome{gap:1.6rem;padding:1.5rem;grid-template-columns:1fr}.welcome form{border-left:0;border-top:1px solid #e5e6dc;padding:1.3rem 0 0}.play-zone{padding:1.4rem}.play-controls{grid-template-columns:1fr}.mood-choices{grid-template-columns:1fr 1fr 1.3fr}.choice.surprise{grid-column:auto}.choice{padding:.7rem .5rem;font-size:.78rem}.choice small{font-size:.59rem}.preferences{display:flex;align-items:end;gap:1rem}.preferences>div{flex:1}.preferences>.check{flex:.8;margin-bottom:.65rem}.draw-row{display:block}.draw-row .muted{max-width:none;padding:0}.draw-row #draw{min-width:0;flex:1}.section-heading h2{font-size:1.9rem}.section-number{font-size:2rem}.library-content{padding:1rem}.library-title{font-size:1.3rem}.library-image{aspect-ratio:4/3}.joker-library{padding:1.4rem}#jokers{grid-template-columns:1fr}.voice-symbol{font-size:4rem;padding:0}.activity-card>h2{font-size:2rem}footer{grid-template-columns:1fr;gap:1.1rem}}
@media(max-width:560px){header,main{padding-left:1rem;padding-right:1rem}.site-header{min-height:90px;gap:.5rem;flex-wrap:wrap;padding-top:.8rem;padding-bottom:.8rem}.brand{font-size:1.25rem}.brand-symbol{width:32px;height:32px;font-size:1rem}.brand-caption{font-size:.43rem}.edition{font-size:.49rem;white-space:normal;max-width:102px;padding:.4rem .5rem;text-align:center;line-height:1.5}.experience h1{font-size:2.75rem}.experience .eyebrow{font-size:.54rem;letter-spacing:.11em}.hero-description{font-size:.86rem}.ambience-duo{grid-template-columns:1fr;gap:.8rem}.ambience-card{height:290px;border-radius:20px}.ambience-top{left:1.1rem;right:1.1rem;top:1rem}.ambience-icon{font-size:1.6rem}.ambience-tag{font-size:.57rem}.ambience-copy{grid-template-columns:1fr auto;bottom:1.25rem;left:1.25rem;right:1.25rem;gap:.4rem}.ambience-name{font-size:2.8rem}.ambience-description{font-size:.74rem}.ambience-cta{grid-column:2;grid-row:1/3;font-size:.61rem;gap:.5rem}.ambience-cta>span{font-size:1.2rem}.ambience-selected{top:3.6rem;right:1.1rem}.duo-or{top:50%;width:40px;height:40px;font-size:.8rem}.hero-freedom{font-size:.65rem;line-height:1.6}.welcome{margin-top:1.8rem;padding:1.25rem}.welcome h2{font-size:1.7rem}.play-zone{margin-top:2rem;padding:1.1rem}.section-heading{gap:.6rem}.section-heading h2{font-size:1.8rem}.section-heading .eyebrow{font-size:.56rem;letter-spacing:.1em}.section-heading>div p{font-size:.78rem}.section-number{font-size:1.8rem;flex-shrink:0}.mood-choices{grid-template-columns:1fr 1fr}.choice.surprise{grid-column:1/3}.choice{font-size:.84rem;padding:.75rem}.choice small{font-size:.66rem}.preferences{display:block}.preferences>.check{font-size:.8rem;margin:.8rem 0 0}.preferences select{font-size:.82rem}.draw-row .button-row{display:flex}.draw-row .button-row>button{width:100%}.draw-row #draw{min-height:54px}.library,.joker-library{margin-top:2.7rem}.library #results{grid-template-columns:1fr;gap:1rem}.library #results>li{grid-column:auto!important;grid-row:auto!important}.library-image{aspect-ratio:16/10}.library-content{padding:1.1rem 1.2rem}.library-title{font-size:1.55rem}.library-meta{font-size:.68rem}.library-time{font-size:.66rem}.library-bottom{font-size:.76rem}.search-field{min-width:0;flex-basis:100%}.library-tools .button-row{gap:.4rem;display:flex}.library-tools button{font-size:.67rem;padding:.65rem .75rem;min-height:44px}.joker-library{padding:1rem}.joker-card{padding:1.1rem}.joker-card>.instructions{font-size:.85rem}.voice-symbol{display:none}.voice-section{margin-top:2.7rem}.audio-validation-link a{width:100%;justify-content:space-between}.audio-validation{padding:.9rem}.audio-validation>summary{font-size:.93rem}.validation-label{display:block;margin:.3rem 0 0 1rem}.audio-sample-card{padding:1rem}.audio-sample-card>h3{font-size:1.4rem}.audio-player{padding:.85rem}.audio-player .button-row{display:grid;grid-template-columns:1fr}.audio-player button{width:100%;font-size:.76rem}.activity-card{padding:1.2rem}.activity-visual{margin-left:-1.2rem;margin-right:-1.2rem}.activity-visual img{aspect-ratio:4/3;max-height:none}.activity-visual figcaption{padding-left:1.2rem;padding-right:1.2rem}.activity-card>.button-row,.timer .button-row{display:grid;grid-template-columns:1fr}.activity-card>h2{font-size:1.9rem}.timer button,.activity-card>.button-row button{width:100%}.settings>button{width:100%;margin-left:0}.settings{font-size:.8rem}footer{font-size:.75rem}}
@media(max-width:360px){.brand{font-size:1.1rem}.brand-caption{font-size:.4rem}.brand-symbol{width:28px;height:28px}.edition{max-width:84px;font-size:.45rem}.experience h1{font-size:2.45rem}.ambience-card{height:275px}.ambience-copy{grid-template-columns:1fr}.ambience-cta{grid-column:1;grid-row:auto;margin-top:.2rem}.ambience-name{font-size:2.65rem}.book-copy h2{font-size:1.25rem}}
@media(max-width:560px){.ambience-card{display:flex;flex-direction:column;justify-content:space-between;height:auto;min-height:320px;padding:1rem 1.25rem 1.25rem}.ambience-top{position:relative;inset:auto;order:0;align-items:flex-start;width:100%}.ambience-selected{position:relative;inset:auto;order:1;align-self:flex-end;margin-top:.55rem}.ambience-copy{position:relative;inset:auto;order:2;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;margin-top:2rem}.ambience-description{min-width:0}.choice,.choice>span{min-width:0}.choice>span{overflow-wrap:anywhere}}
@media(max-width:420px){.mood-choices{grid-template-columns:minmax(0,1fr)}.choice.surprise{grid-column:auto}.ambience-copy{grid-template-columns:minmax(0,1fr)}.ambience-cta{grid-column:1;grid-row:auto;margin-top:.3rem;justify-self:start}}
@media(hover:none){.ambience-card:hover,.choice:hover,#results .library-card:hover,button:hover{transform:none;box-shadow:none}.ambience-card:hover img,.library-card:hover .library-image img{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ambience-card:hover,.ambience-card:focus-visible,.choice:hover,#results .library-card:hover,#results .library-card:focus-visible,.book-feature:hover .book-cover,button:hover{transform:none}.ambience-card:hover img,.ambience-card:focus-visible img,.library-card:hover .library-image img,.library-card:focus-visible .library-image img{transform:none}}
/* Navigation permanente et lecture des fiches illustrées. */
@media(max-width:560px){.site-header .primary-nav button{font-size:.74rem;padding:.55rem .2rem}}
@media(max-width:360px){.activity-heading .activity-audio-toggle{font-size:0;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0}.activity-heading .activity-audio-toggle:before{font-size:18px}.site-header .primary-nav button{font-size:.72rem;padding:.55rem .15rem}}
@media(prefers-reduced-motion:reduce){.header-book[href]:hover .header-book-cover{transform:none}}
html{--header-height:90px;scroll-padding-top:calc(var(--header-height) + 12px)}
.site-header{position:sticky;top:0;z-index:50;display:block;width:100%;max-width:none;margin:0;min-height:0;padding:.6rem 2rem;background:#fffaf2f5;backdrop-filter:blur(16px);border-bottom:1px solid #ded8c8;box-shadow:0 3px 18px #203f3510}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;max-width:1168px;margin:auto}
.site-header .brand{min-width:0;justify-self:start;white-space:normal;font-size:1.35rem;gap:.5rem}.site-header .brand-symbol{width:34px;height:34px;flex-shrink:0;font-size:1.1rem}.site-header .brand-caption{font-size:.44rem;letter-spacing:.1em;margin-top:.35rem}
.primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.primary-nav button{margin:0;min-height:46px;padding:.65rem .85rem;white-space:nowrap;border-radius:14px;font-size:.8rem;line-height:1.2;box-shadow:none}.primary-nav button>span{display:inline-block;margin-right:.2rem}.primary-nav .nav-coeur{color:var(--coeur-dark);border-color:#8ccac4;background:var(--coeur-light)}.primary-nav .nav-piment{color:var(--piment-dark);border-color:#e3a7b3;background:var(--piment-light)}.primary-nav .nav-joker{color:#765021;border-color:#dcc18a;background:#fff3d6}.primary-nav .nav-coeur[aria-pressed=true]{color:white;border-color:var(--coeur);background:var(--coeur)}.primary-nav .nav-piment[aria-pressed=true]{color:white;border-color:var(--piment);background:var(--piment)}.primary-nav button:hover{box-shadow:0 5px 12px #203d3a14}
.header-book{justify-self:end;display:flex;align-items:center;gap:.65rem;max-width:210px;text-decoration:none;color:#51462e;font-size:.8rem;line-height:1.2;min-height:48px;border-radius:8px}.header-book-cover{display:block;width:34px;height:51px;flex:none;object-fit:contain;box-shadow:3px 4px 8px #583a2725;border-radius:2px}.header-book-copy{font-weight:650}.header-book-copy small{display:block;color:#81745c;font-size:.57rem;font-weight:400;line-height:1.3;margin-top:.25rem}.header-book[aria-disabled=true]{cursor:default}.header-book:not([href]) .book-external{display:none}.header-book[href]:hover{color:var(--piment-dark)}.header-book[href]:hover .header-book-cover{transform:translateY(-2px)}
.skip{position:fixed;z-index:70}.library h2,.joker-library h2{scroll-margin-top:1rem}
.activity-card{max-width:1168px;--stage-height:360px}.activity-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2rem;align-items:start}.activity-stage{position:sticky;top:calc(var(--header-height) + 12px);align-self:start;min-width:0;z-index:10;margin:0;background:#fff;border:1px solid #d9e6df;border-radius:16px;box-shadow:0 9px 24px #23423712}.piment-card .activity-stage{border-color:#eac8cd}.activity-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;background:#f2f8f4;border-radius:15px 15px 0 0}.piment-card .activity-heading{background:#fff0ee}.activity-heading h2{font-size:clamp(1.2rem,2.1vw,1.8rem);margin:0;line-height:1.12;overflow-wrap:anywhere;color:var(--coeur-dark)}.piment-card .activity-heading h2{color:var(--piment-dark)}.activity-audio-toggle{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;margin:0;min-height:44px;padding:.65rem .8rem;background:var(--coeur);border-color:var(--coeur);font-size:.72rem;white-space:nowrap}.activity-audio-toggle:before{content:"▶";font-size:.72em}.activity-audio-toggle[aria-pressed=true]:before{content:"Ⅱ"}.piment-card .activity-audio-toggle{background:var(--piment);border-color:var(--piment)}
.activity-stage .activity-visual{margin:0;background:var(--coeur-light);border-radius:0 0 15px 15px;overflow:hidden}.piment-card .activity-stage .activity-visual{background:var(--piment-light)}.activity-stage .activity-visual img{width:100%;height:auto;max-height:min(48dvh,360px);aspect-ratio:4/3;object-fit:contain;object-position:center}.activity-stage .activity-visual figcaption{padding:.45rem .8rem;font-size:.6rem;background:#fffdf6}.activity-body{min-width:0}.activity-body>.eyebrow:first-child{margin-top:0}.activity-body>h3{color:var(--coeur-dark)}.piment-card .activity-body>h3{color:var(--piment-dark)}.activity-body>.button-row,.activity-body .timer .button-row{display:flex;flex-wrap:wrap}.activity-body>.button-row button,.activity-body .timer button{width:auto}.activity-body .audio-player{margin-top:1.5rem}
@media(max-width:1100px){.site-header{padding:.55rem 1.4rem}.header-inner{gap:.7rem}.site-header .brand{font-size:1.15rem}.site-header .brand-symbol{width:30px;height:30px}.site-header .brand-caption{font-size:.39rem}.primary-nav button{font-size:.74rem;padding:.65rem .7rem}.header-book-copy{font-size:.73rem}.header-book-copy small{font-size:.52rem}.activity-layout{gap:1.5rem}}
@media(max-width:900px){.activity-layout{display:block}.activity-stage{top:calc(var(--header-height) + 6px);margin-bottom:1.5rem}.activity-heading{padding:.7rem .85rem;gap:.7rem}.activity-heading h2{font-size:1.2rem}.activity-stage .activity-visual img{height:clamp(90px,22dvh,150px);max-height:none;aspect-ratio:auto}.activity-stage .activity-visual figcaption{font-size:.57rem;padding:.3rem .8rem}.activity-body :is(button,input,select,textarea,summary,a){scroll-margin-top:calc(var(--stage-height) + 16px)}.activity-body>.button-row,.activity-body .timer .button-row{display:grid;grid-template-columns:1fr}.activity-body>.button-row button,.activity-body .timer button{width:100%}}
@media(max-width:1000px){.site-header{padding:.45rem 1rem}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:.4rem .7rem}.site-header .brand{grid-column:1;grid-row:1;white-space:normal;font-size:1.25rem}.site-header .brand>span{min-width:0}.site-header .brand-spice{white-space:nowrap}.site-header .brand-caption{display:none}.site-header .brand-symbol{width:28px;height:28px;font-size:.9rem}.primary-nav{grid-column:1/3;grid-row:2;gap:.4rem}.primary-nav button{font-size:.78rem;padding:.6rem .45rem;min-height:44px}.header-book{grid-column:2;grid-row:1;gap:.4rem;min-height:42px}.header-book-cover{width:27px;height:40px}.header-book-copy{font-size:.65rem}.header-book-copy small{font-size:.46rem;max-width:78px}.activity-heading h2{font-size:1.12rem}.activity-body p,.activity-body li{overflow-wrap:break-word}}
@media(max-width:560px){.site-header .brand{font-size:1.12rem}.site-header .brand-symbol{display:none}.header-book-copy{font-size:.62rem}.header-book-copy small{font-size:.42rem;max-width:65px}.activity-card{padding:1rem}.activity-stage{border-radius:12px}.activity-heading{padding:.65rem;gap:.5rem;border-radius:11px 11px 0 0}.activity-heading h2{font-size:1.05rem}.activity-audio-toggle{padding:.55rem .6rem;font-size:.66rem}.activity-stage .activity-visual{border-radius:0 0 11px 11px}.activity-stage .activity-visual img{height:clamp(90px,20dvh,145px)}}
@media(max-width:360px){.site-header .brand{font-size:1rem}.header-book-copy{display:none}.header-book-cover{width:26px;height:39px}.primary-nav button>span{display:none}.activity-heading h2{font-size:1rem}.activity-stage .activity-visual img{height:clamp(75px,18dvh,120px)}}
@media(max-height:640px) and (max-width:1100px){.site-header{padding:.35rem 1rem}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.site-header .brand{display:none}.primary-nav{grid-column:1;grid-row:1}.header-book{grid-column:2;grid-row:1}.header-book-copy{display:none}.header-book-cover{width:26px;height:39px}.primary-nav button{min-height:44px;padding:.55rem .45rem}.activity-heading{padding:.5rem .65rem}.activity-heading h2{font-size:1rem}.activity-stage .activity-visual img{height:clamp(56px,18dvh,100px);max-height:100px}.activity-stage .activity-visual figcaption{font-size:.5rem;padding:.2rem .6rem}}
/* Chaque Joker garde sa propre image pendant la lecture et le jeu. */
#jokers{grid-template-columns:minmax(0,1fr);gap:1.4rem}.joker-card{--stage-height:330px;padding:1.35rem}.joker-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1.8rem;align-items:start}.joker-stage{position:sticky;top:calc(var(--header-height) + 12px);align-self:start;min-width:0;z-index:10;margin:0;border:1px solid #e6d7b6;border-radius:16px;background:#fffefa;box-shadow:0 9px 24px #573d1f12}.joker-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;background:#fff1ce;border-radius:15px 15px 0 0}.joker-heading h3{font:400 clamp(1.2rem,2.1vw,1.65rem)/1.12 Georgia,serif;color:#6a461e;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}.joker-audio-toggle{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;margin:0;min-height:44px;padding:.65rem .8rem;background:#855e2e;border-color:#855e2e;font-size:.72rem;white-space:nowrap}.joker-audio-toggle:before{content:"▶";font-size:.72em}.joker-audio-toggle[aria-pressed=true]:before{content:"Ⅱ"}.joker-visual{margin:0;background:#fbf0d7;border-radius:0 0 15px 15px;overflow:hidden}.joker-visual img{display:block;width:100%;height:auto;max-height:min(48dvh,360px);aspect-ratio:4/3;object-fit:contain;object-position:center}.joker-visual figcaption{padding:.45rem .8rem;font-size:.6rem;color:#796348;background:#fffaf0}.joker-body{min-width:0}.joker-body>.instructions{font-size:.9rem;line-height:1.65;color:#53645b}.joker-body>.instructions:first-child{margin-top:0}.joker-body .audio-player{background:#f8f4ea}.joker-body>.joker-action{font-size:.9rem}.joker-body>button{background:#855e2e;border-color:#855e2e}
@media(max-width:900px){.joker-layout{display:block}.joker-stage{top:calc(var(--header-height) + 6px);margin-bottom:1.5rem}.joker-heading{padding:.7rem .85rem;gap:.7rem}.joker-heading h3{font-size:1.2rem}.joker-visual img{height:clamp(90px,22dvh,150px);max-height:none;aspect-ratio:auto}.joker-visual figcaption{font-size:.57rem;padding:.3rem .8rem}.joker-body :is(button,input,select,textarea,summary,a){scroll-margin-top:calc(var(--stage-height) + 16px)}.joker-body>.button-row,.joker-body .timer .button-row{display:grid;grid-template-columns:1fr}.joker-body>.button-row button,.joker-body .timer button{width:100%}}
@media(max-width:560px){.joker-library{padding:.65rem}.joker-card{padding:.65rem}.joker-stage{border-radius:12px}.joker-heading{padding:.6rem;gap:.5rem;border-radius:11px 11px 0 0}.joker-heading h3{font-size:1.05rem}.joker-audio-toggle{padding:.55rem .6rem;font-size:.66rem}.joker-visual{border-radius:0 0 11px 11px}.joker-visual img{height:clamp(90px,20dvh,145px)}.joker-body>.instructions{font-size:.9rem}}
@media(max-width:420px){.joker-heading .joker-audio-toggle{font-size:0;width:44px;height:44px;min-height:44px;padding:0}.joker-heading .joker-audio-toggle:before{font-size:18px}.joker-heading h3{font-size:1rem}}
@media(max-width:360px){.joker-visual img{height:clamp(75px,18dvh,120px)}}
@media(max-height:640px) and (max-width:1100px){.joker-heading{padding:.5rem .65rem}.joker-heading h3{font-size:1rem}.joker-visual img{height:clamp(56px,18dvh,100px);max-height:100px}.joker-visual figcaption{font-size:.5rem;padding:.2rem .6rem}}

/* La porte d’entrée reprend la couverture, puis laisse place aux deux univers. */
#activation:not([hidden]) ~ #ambiences{display:none}
.login-welcome{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0;padding:0;margin:1.7rem 0 2rem;border-color:#e7d4bd;border-radius:28px;background:#fffdfa;box-shadow:0 20px 65px #732d2010;animation:login-arrive .5s ease-out both}
.login-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:1.9rem 2rem 1.6rem;border-radius:27px 0 0 27px;background:radial-gradient(ellipse at 50% 45%,#f5d9a433,transparent 64%),linear-gradient(145deg,#6d1427,#a61c31 55%,#c3323f);color:#fff7e8}
.login-visual:before,.login-visual:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #f9d49b30;border-radius:50%;width:490px;height:490px;left:50%;top:48%;transform:translate(-50%,-50%)}
.login-visual:after{width:610px;height:610px;border-color:#f9d49b18}
.login-visual-copy{text-align:center;position:relative;z-index:1}
.welcome .login-kicker{margin:0 0 1.45rem;color:#f6dfbb;font-size:.6rem;line-height:1.65;letter-spacing:.14em;text-transform:uppercase;font-weight:650}
.login-kicker br{display:none}
.welcome .login-tagline{display:none}
.login-book{position:relative;flex:none;width:clamp(210px,19vw,265px);margin:0;transform:perspective(1000px) rotateY(-7deg) rotate(-4deg);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s;filter:drop-shadow(13px 22px 18px #390e2675)}
.login-book-cover{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:3px 5px 5px 3px;box-shadow:inset 2px 0 2px #0002}
.welcome .login-book-note{position:relative;z-index:1;margin:1.6rem 0 0;text-align:center;color:#fff3d9;font:italic .82rem/1.5 Georgia,serif}
.login-book-note>span{display:block;color:#f1c77e;font:1.1rem/1 system-ui;margin-bottom:.45rem}
.login-spark{position:absolute;color:#f6d399;pointer-events:none}.login-spark-one{left:12%;top:29%;font-size:1.6rem;transform:rotate(-15deg)}.login-spark-two{right:9%;bottom:21%;font-size:2rem;transform:rotate(12deg)}
.login-content{min-width:0;padding:2.3rem 2.6rem 1.9rem;align-self:center}
.welcome .login-eyebrow{display:flex;align-items:center;gap:.45rem;color:var(--coeur-dark);font-size:.57rem;letter-spacing:.09em;margin:0 0 .9rem}.login-eyebrow>span{color:var(--coeur)}
.login-content h1{color:#572b31;font-size:clamp(2rem,3.5vw,2.65rem);line-height:1.1;margin:0 0 .85rem}.login-content h1 em{font-weight:400;color:#a41e32}
.welcome .login-intro{color:#71635c;font-size:.85rem;line-height:1.65;margin:0 0 1.35rem;max-width:430px}
.login-welcome form{border:0;padding:0}
.login-welcome form>label:first-child{font-size:.8rem;color:#513c37}
.login-welcome #key{min-height:54px;border-color:#d9c9b8;background:#fffefb;box-shadow:0 2px 6px #6e4b2310;font-size:1rem}
.login-welcome #key::placeholder{color:#66766d;opacity:1}
.login-welcome #key:focus-visible{outline-color:#9a2437;border-color:#9a2437}
.login-welcome .check{font-size:.8rem;line-height:1.5;margin:1rem 0 .7rem;color:#564b42;align-items:flex-start}
.login-welcome .check input{accent-color:#ad2035;margin-top:.18rem}
.login-welcome form>button{min-height:55px;border-color:#ad2035;background:linear-gradient(110deg,#af1c32,#c82c3d);box-shadow:0 7px 18px #ac203424;margin:0;color:white;font-size:.86rem}
.login-welcome form>button>span{font-size:1.25rem;transition:transform .25s}
.login-welcome form>button:hover{box-shadow:0 10px 24px #ac203437}.login-welcome form>button:hover>span{transform:translate(2px,-2px)}
.welcome .login-privacy{font-size:.63rem;line-height:1.6;color:#786d63;margin-top:.8rem}
.welcome .login-freedom{display:flex;align-items:flex-start;gap:.5rem;border-top:1px solid #eadfce;padding-top:.85rem;margin:.95rem 0 0;color:#656c62;font-size:.64rem;line-height:1.6}
.login-freedom>span{color:#947343;flex:none;font-size:.8rem}
@keyframes login-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.login-visual:hover .login-book{transform:perspective(1000px) rotateY(-2deg) rotate(-1deg) translateY(-4px);filter:drop-shadow(12px 26px 22px #390e2675)}}
@media(max-width:1100px){.login-content{padding:1.9rem}.login-visual{padding:1.9rem 1.3rem 1.6rem}.login-welcome{margin-top:1.3rem}.login-book{width:clamp(200px,23vw,245px)}}
@media(max-width:760px){
  .login-welcome{grid-template-columns:minmax(0,1fr);gap:0;margin-top:1rem}
  .login-visual{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:1rem;padding:1.3rem 1.6rem;border-radius:27px 27px 0 0}
  .login-visual:before{width:340px;height:340px;left:80%}.login-visual:after{width:420px;height:420px;left:80%}
  .login-visual-copy{text-align:left}.welcome .login-kicker{margin:0 0 .65rem;font-size:.52rem;letter-spacing:.1em}.login-kicker br{display:block}
  .welcome .login-tagline{display:block;color:#fff4e2;font:400 1.3rem/1.2 Georgia,serif;letter-spacing:-.02em;margin:0}
  .login-tagline br{display:none}.login-book{grid-column:2;grid-row:1;width:120px;filter:drop-shadow(7px 10px 10px #390e2660)}
  .welcome .login-book-note{display:none}.login-spark-one{display:none}.login-spark-two{font-size:1.2rem;right:43%;bottom:10%}
  .login-content{padding:1.6rem}.login-content h1{font-size:2rem}.login-content h1 br{display:none}
  .welcome .login-eyebrow{font-size:.55rem;margin-bottom:.7rem}.welcome .login-intro{font-size:.82rem;margin-bottom:1.1rem;max-width:none}
  .login-welcome form{border:0;padding:0}.login-welcome .check{font-size:.78rem}
}
@media(max-width:560px){
  .login-welcome{border-radius:22px;margin:1rem 0 1.5rem}
  .login-visual{grid-template-columns:minmax(0,1fr) 105px;gap:1rem;padding:1.1rem 1.2rem;border-radius:21px 21px 0 0}.login-book{width:105px}
  .welcome .login-tagline{font-size:1.25rem}.welcome .login-kicker{font-size:.48rem}
  .login-content{padding:1.25rem}.login-content h1{font-size:1.8rem}.welcome .login-eyebrow{font-size:.5rem;letter-spacing:.06em}
  .welcome .login-intro{font-size:.78rem}.login-welcome form>label:first-child{font-size:.78rem}
  .login-welcome .check{font-size:.75rem}.welcome .login-privacy{font-size:.64rem}.welcome .login-freedom{font-size:.64rem}
}
@media(max-width:360px){
  .login-visual{grid-template-columns:minmax(0,1fr) 92px;gap:.8rem;padding:1rem}
  .login-book{width:92px}.welcome .login-tagline{font-size:1.1rem}.welcome .login-kicker{font-size:.46rem}
  .login-content{padding:1rem}.login-content h1{font-size:1.65rem}.login-welcome .login-eyebrow{font-size:.49rem}.login-spark-two{display:none}
}
@media(prefers-reduced-motion:reduce){.login-welcome{animation:none;transform:none}.login-book,.login-visual:hover .login-book{transform:none;transition:none}.login-welcome form>button:hover,.login-welcome form>button:hover>span{transform:none}}

/* Essayer le même jeu, avec un catalogue public volontairement limité. */
.login-welcome .login-intro{margin-bottom:.85rem}
.login-trial{margin:0 0 .75rem}
.trial-cta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:50px;padding:.75rem 1rem;border:1px solid #087f83;border-radius:12px;background:#087f83;color:#fff;text-decoration:none;font-size:.86rem;font-weight:700;box-shadow:0 5px 15px #087f831c;transition:transform .23s,box-shadow .23s}
.trial-cta>span{font-size:1.2rem;transition:transform .23s}
.trial-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #087f8330}.trial-cta:hover>span{transform:translate(2px,-2px)}
.welcome .login-trial p{font-size:.64rem;line-height:1.55;color:#566a62;margin:.45rem 0 0}
.welcome .login-edition-label{font-size:.69rem;font-weight:650;color:#765240;margin:.75rem 0 .7rem;border-top:1px solid #eadfce;padding-top:.8rem}
#trialWelcome:not([hidden]) ~ #ambiences{display:none}
.trial-welcome{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3rem;padding:2.4rem;margin:1.7rem 0 2rem;border:1px solid #e7d4bd;border-radius:28px;background:radial-gradient(ellipse at 0 0,#e3f2edaa,transparent 55%),radial-gradient(ellipse at 100% 100%,#f8d7c755,transparent 55%),#fffdf9;box-shadow:0 20px 60px #732d2010}
.trial-welcome h1{font-size:clamp(2rem,3.8vw,3rem);color:#572b31;margin:.5rem 0 1rem}.trial-welcome h1 em{color:#a41e32;font-weight:400}
.trial-welcome p:not(.eyebrow){font-size:.85rem;color:#58665e}
.trial-welcome form{padding:1.4rem 1.6rem;background:#fffdf9;border:1px solid #d8e3da;border-radius:20px;box-shadow:0 10px 35px #294b3810;min-width:0}
.trial-welcome form>.check{margin-top:0;font-size:.84rem;align-items:flex-start;line-height:1.55}
.trial-welcome form .check input{margin-top:.2rem}
.trial-welcome form>button{display:flex;align-items:center;justify-content:space-between;width:100%;margin:.6rem 0 0;background:#087f83;border-color:#087f83;min-height:54px}
.trial-welcome form>p{font-size:.73rem!important;margin:.8rem 0}
.trial-welcome form>small{display:block;font-size:.65rem;color:#657169}
.trial-return{display:inline-block;font-size:.74rem;font-weight:650;line-height:1.6;text-underline-offset:4px}
#trialError:empty{display:none}#trialError{color:#a41e32!important;font-weight:650}
.trial-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding:1rem 1.3rem;background:#f8efda;border:1px solid #ddcda6;border-radius:16px}
.trial-status strong{display:block;color:#6a461e;font-size:.85rem}.trial-status div>span{display:block;font-size:.72rem;color:#71624e;margin-top:.3rem}
.trial-status a{display:flex;align-items:center;gap:.8rem;flex-shrink:0;font-size:.76rem;font-weight:650;line-height:1.5;text-underline-offset:4px}
.book-reference{padding:.9rem 1rem;margin-bottom:1.25rem;border:1px solid #d8cfb5;border-radius:14px;background:#fff9e9}
.book-reference .eyebrow{color:#765221;margin:0 0 .35rem;font-size:.62rem}
.book-page-link{display:inline-block;min-height:32px;padding:.25rem 0;font-size:.8rem;font-weight:650;line-height:1.6;text-underline-offset:4px}
.book-reference small{display:block;color:#706557;font-size:.62rem;line-height:1.6;margin-top:.25rem}
@media(max-width:1000px){.trial-welcome{gap:1.5rem;padding:1.7rem}.trial-welcome form{padding:1.3rem}}
@media(max-width:760px){.trial-welcome{grid-template-columns:minmax(0,1fr);gap:1.2rem;padding:1.5rem;margin-top:1rem}.trial-welcome h1 br{display:none}.trial-welcome h1{font-size:2.1rem}.trial-status{align-items:flex-start;flex-direction:column;padding:1rem}.trial-status a{flex-shrink:1}}
@media(max-width:560px){.login-welcome .login-content{padding:1.25rem}.trial-welcome{padding:1.2rem;border-radius:22px}.trial-welcome form{padding:1rem}.trial-welcome h1{font-size:1.85rem}.trial-welcome p:not(.eyebrow){font-size:.8rem}.trial-welcome form>.check{font-size:.78rem}.trial-welcome form>button{font-size:.8rem;gap:.6rem}.trial-status{margin-top:1rem;padding:.9rem}.book-reference{padding:.75rem}.book-page-link{font-size:.76rem}.trial-return{font-size:.72rem}}
@media(max-width:360px){.login-welcome .login-content{padding:1rem}.trial-welcome{padding:1rem}.trial-welcome form{padding:.8rem}.trial-welcome h1{font-size:1.65rem}.trial-cta{font-size:.8rem}.book-page-link{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.trial-cta:hover,.trial-cta:hover>span{transform:none}}