*{box-sizing:border-box}body{margin:0;background:#fff;color:#171717;font-family:Georgia,'Times New Roman',serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #b99235;outline-offset:5px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0}.skip{position:absolute;top:-80px}.skip:focus{top:8px;z-index:10;background:white;padding:10px}.preview{background:#171717;color:#ead89a;text-align:center;font:10px/1.6 Arial,sans-serif;letter-spacing:1.6px;padding:8px 12px}.preview span{padding:0 8px}header{margin:0 auto;max-width:1260px;padding:27px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #987324}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:23px}.brand svg{width:48px;height:40px;color:#b99235}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:7px;color:#987324}.header-note{font-size:14px;font-style:italic;color:#987324}.free-note{font:9px Arial,sans-serif;letter-spacing:1.7px;border:1px solid #987324;border-radius:30px;padding:11px 14px}main{max-width:1160px;margin:auto;padding:0 36px}.intro{text-align:center;padding:46px 0 38px}.eyebrow,.step,.domain-label{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#987324}.intro h1{font-weight:400;font-size:53px;line-height:1.12;letter-spacing:-1.5px;margin:18px 0}em{font-weight:400;color:#b99235}.intro-copy{font:14px/1.8 Arial,sans-serif;color:#777777}.ritual{display:grid;grid-template-columns:340px 1fr;gap:38px;background:#fff;border:1px solid #ddd6c6;border-radius:6px;padding:34px 34px 22px;box-shadow:0 22px 60px #987324;scroll-margin-top:24px}.intention{padding:14px 20px 18px 6px;border-right:1px solid #ddd6c6}.intention h2{font-size:29px;font-weight:400;line-height:1.36;margin:22px 0}.fine-line{height:1px;width:45px;background:#d8c58e;margin:25px 0}.domain-label{font-size:9px;color:#987324}.intention>p:not(.invitation){font:13px/1.8 Arial,sans-serif;color:#777777;max-width:250px}.context-note{font:10px/1.5 Arial,sans-serif;color:#987324}.invitation{font-style:italic;font-size:15px;line-height:1.7;color:#987324;margin-top:30px}.stage-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.stage-header button{background:transparent;border:0;padding:10px 0;font:10px Arial,sans-serif;color:#987324;min-height:44px}.stage-header button span{margin-left:7px}.petal-stage{position:relative;height:340px;overflow:hidden;background:radial-gradient(ellipse at 50% 67%,#987324,transparent 66%);border-radius:10px;isolation:isolate}.water-ring{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);border:1px solid #987324;border-radius:50%;width:300px;height:94px;z-index:-1}.ring-two{width:390px;height:132px;border-color:#987324}.whisper{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-style:italic;font-size:13px;color:#987324;white-space:nowrap}.petal-wrap{position:absolute;width:90px;height:125px;animation:drift 7s ease-in-out infinite alternate;will-change:transform}.petal{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;transition:filter .25s,opacity .3s,transform .3s;border-radius:45%;-webkit-tap-highlight-color:transparent}.petal svg{width:100%;height:100%;filter:drop-shadow(3px 9px 7px #987324)}.petal:hover{filter:drop-shadow(0 0 5px #987324);transform:scale(1.08)}.petal:active{transform:scale(.94)}.petal:disabled{cursor:default;pointer-events:none;opacity:0;transform:scale(.7)}.petal-wrap:hover,.petal-wrap:focus-within{animation-play-state:paused}.progress{text-align:center;padding:7px 0 13px}.collected{display:flex;justify-content:center;gap:18px}.collected span{width:24px;height:34px;display:block;border-bottom:1px solid #987324;padding-bottom:5px;transition:all .3s}.collected svg{height:100%;width:100%;opacity:.18;transition:opacity .3s,transform .3s;transform:scale(.7)}.collected span.filled svg{opacity:1;transform:scale(1)}.progress p{font-size:18px;margin:14px 0 8px;font-style:italic;color:#987324}.progress strong{font-weight:400;color:#987324}.progress-note{font:11px/1.6 Arial,sans-serif;color:#777777}.flying-petal{position:fixed;pointer-events:none;z-index:30}.paused .petal-wrap{animation-play-state:paused}.result{padding:52px 0 0;outline:none;scroll-margin-top:30px}.result-heading{text-align:center}.result-heading h2{font-weight:400;font-size:36px;line-height:1.25;margin:16px 0}.result-heading>p{font-size:16px;font-style:italic;color:#987324}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:830px;margin:32px auto}.card{text-align:center;animation:appear .6s ease both}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.axis{font:11px/1.5 Arial,sans-serif;color:#987324;min-height:32px}.card-frame{max-width:190px;aspect-ratio:3/4.3;border:1px solid #d8c58e;margin:auto;background:linear-gradient(140deg,#987324,#987324);padding:13px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 9px 20px #987324}.card-frame:after{content:'';position:absolute;inset:6px;border:1px solid #d8c58e;pointer-events:none}.card-number{font-size:14px;color:#987324}.card-art{height:165px;color:#b99235}.card-art svg{height:100%;width:100%}.inverted{transform:rotate(180deg)}.card-caption{font:8px Arial,sans-serif;letter-spacing:1.4px;color:#987324}.card h3{font-weight:400;font-size:23px;margin:17px 0 8px}.orientation{font:11px Arial,sans-serif;color:#777777;margin-top:0}.reading{max-width:770px;margin:36px auto 0}.reading section{margin:27px 0}.reading h3{font-size:22px;font-weight:400;margin-bottom:10px}.reading p{font:14px/1.9 Arial,sans-serif;color:#777777}.synthesis{background:#987324;padding:26px 30px;border-radius:5px;margin-top:30px}.synthesis>svg{width:40px;height:30px;color:#987324}.synthesis h3{margin-top:6px}.freedom{text-align:center;font-size:11px!important;margin:24px 0}.restart{display:block;margin:20px auto 0;background:transparent;border:1px solid #987324;border-radius:30px;padding:15px 25px;min-height:48px;font:13px Arial,sans-serif;color:#987324}.restart span{margin-left:18px}.closing-note{display:flex;align-items:center;justify-content:center;gap:12px;margin:34px 0 38px;color:#987324;font-style:italic;font-size:14px}.closing-note svg{width:30px;height:25px}footer{border-top:1px solid #ddd6c6;max-width:1260px;margin:auto;padding:24px 42px;display:flex;justify-content:space-between;font:10px Arial,sans-serif;color:#987324}@keyframes drift{from{transform:translate3d(-3px,-7px,0) rotate(var(--angle))}to{transform:translate3d(5px,7px,0) rotate(calc(var(--angle) + 7deg))}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){header{padding:20px}.header-note{display:none}.brand{font-size:20px}.brand svg{width:38px}.brand small{font-size:7px}.free-note{font-size:8px;padding:9px 10px}main{padding:0 18px}.intro{padding:32px 0 23px}.intro h1{font-size:40px;letter-spacing:-1px}.intro-copy{font-size:12px;line-height:1.8}.ritual{grid-template-columns:1fr;padding:21px 17px 16px;gap:15px}.intention{padding:2px 0 20px;border-right:0;border-bottom:1px solid #ddd6c6;text-align:center}.intention h2{font-size:26px;margin:15px 0}.intention h2 br{display:none}.fine-line{margin:18px auto;width:35px}.intention>p:not(.invitation){max-width:100%;font-size:12px}.invitation{font-size:14px;margin:17px 0 0}.invitation br{display:none}.context-note{font-size:9px}.stage-header .step{font-size:8px;letter-spacing:1.5px}.stage-header button{font-size:9px}.petal-stage{height:300px;margin:0 -7px}.petal-wrap{width:69px;height:97px}.water-ring{width:210px;height:72px}.ring-two{width:280px;height:100px}.whisper{font-size:11px}.progress{padding-top:3px}.progress p{font-size:17px}.progress-note{font-size:10px}.result{padding-top:32px}.result-heading h2{font-size:29px}.result-heading>p{font-size:14px}.cards{gap:10px;margin-top:22px}.axis{font-size:9px;min-height:38px;margin-bottom:8px}.card-frame{padding:10px 7px}.card-art{height:92px}.card-number{font-size:11px}.card-caption{font-size:6px;letter-spacing:.5px}.card h3{font-size:16px}.orientation{font-size:10px}.reading{margin-top:23px}.reading h3{font-size:21px}.reading p{font-size:13px}.synthesis{padding:20px}.closing-note{font-size:12px}footer{padding:20px;gap:16px;font-size:9px}.preview{font-size:8px;letter-spacing:.8px}.restart{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.petal-wrap{transform:rotate(var(--angle));will-change:auto}}

/* Lotus : blanc, noir et doré ; pluie légère continue. */
body{background:#fff;color:#171717}.brand small,.header-note,.intro-copy,.intention>p:not(.invitation),.context-note,.reading p,.orientation{color:#666}.brand svg,em,.step,.domain-label,.closing-note svg{color:#b99235}.preview{background:#171717;color:#ead89a}.ritual{background:#fff;border-color:#e5dcc4;box-shadow:0 20px 60px #00000006}.intention{border-color:#e5dcc4}.petal-stage{background:radial-gradient(ellipse at 50% 60%,#f8f3e5,transparent 75%);height:340px}.water-ring{border-color:#b9923526}.ring-two{border-color:#b9923517}.whisper{color:#a48b51;top:55%}.petal-wrap{left:var(--x);top:var(--y);width:48px;height:64px;animation:petal-rain var(--duration) linear var(--delay) infinite;will-change:transform}.petal svg{width:30px;height:44px;filter:drop-shadow(2px 4px 3px #49371218)}.petal:hover{filter:drop-shadow(0 0 4px #b9923566)}.petal-wrap:hover,.petal-wrap:focus-within{animation-play-state:paused}.progress p,.progress strong{color:#171717}.progress-note,.stage-header button,.axis{color:#777}.collected span{border-color:#d8c58e}.card-frame{background:#fff;border-color:#b99235;box-shadow:0 10px 25px #00000006}.card-frame:after{border-color:#ead89a}.card-art,.card-number,.card-caption{color:#b99235}.card:nth-child(2),.card:nth-child(3){animation-delay:0s}.synthesis{background:#faf8f2;border:1px solid #ead89a}.synthesis>svg{color:#b99235}.restart{border-color:#b99235;color:#171717}.closing-note,footer{color:#777}footer{border-color:#e5dcc4}
@keyframes petal-rain{0%{transform:translate3d(0,-230px,0) rotate(var(--angle))}50%{transform:translate3d(var(--sway),0,0) rotate(calc(var(--angle) + 38deg))}100%{transform:translate3d(0,230px,0) rotate(calc(var(--angle) + 80deg))}}
.paused .petal-wrap{animation:none;transform:rotate(var(--angle));will-change:auto}
@media(max-width:760px){.petal-stage{height:300px}.petal-wrap{width:44px;height:54px;left:calc(var(--x) * .93)}.petal svg{width:24px;height:35px}.intention{border-color:#e5dcc4}}
@media(prefers-reduced-motion:reduce){.petal-wrap{animation:none!important;transform:rotate(var(--angle));will-change:auto}}

.no-motion .card,.no-motion .petal,.no-motion .collected svg,.no-motion .collected span{animation:none!important;transition:none!important}

.rain-1{--x:5%;--y:8%;--angle:-35deg;--duration:4.8s;--delay:-0.4s;--sway:12px}
.rain-2{--x:21%;--y:8%;--angle:-4deg;--duration:5.25s;--delay:-1.13s;--sway:19px}
.rain-3{--x:37%;--y:8%;--angle:27deg;--duration:5.7s;--delay:-1.8599999999999999s;--sway:26px}
.rain-4{--x:53%;--y:8%;--angle:-12deg;--duration:6.15s;--delay:-2.59s;--sway:33px}
.rain-5{--x:69%;--y:8%;--angle:19deg;--duration:6.6s;--delay:-3.32s;--sway:12px}
.rain-6{--x:85%;--y:8%;--angle:-20deg;--duration:4.8s;--delay:-4.05s;--sway:19px}
.rain-7{--x:5%;--y:35%;--angle:11deg;--duration:5.25s;--delay:-4.78s;--sway:26px}
.rain-8{--x:21%;--y:35%;--angle:-28deg;--duration:5.7s;--delay:-5.51s;--sway:33px}
.rain-9{--x:37%;--y:35%;--angle:3deg;--duration:6.15s;--delay:-6.24s;--sway:12px}
.rain-10{--x:53%;--y:35%;--angle:34deg;--duration:6.6s;--delay:-6.970000000000001s;--sway:19px}
.rain-11{--x:69%;--y:35%;--angle:-5deg;--duration:4.8s;--delay:-7.7s;--sway:26px}
.rain-12{--x:85%;--y:35%;--angle:26deg;--duration:5.25s;--delay:-8.43s;--sway:33px}
.rain-13{--x:5%;--y:62%;--angle:-13deg;--duration:5.7s;--delay:-9.16s;--sway:12px}
.rain-14{--x:21%;--y:62%;--angle:18deg;--duration:6.15s;--delay:-9.89s;--sway:19px}
.rain-15{--x:37%;--y:62%;--angle:-21deg;--duration:6.6s;--delay:-10.62s;--sway:26px}
.rain-16{--x:53%;--y:62%;--angle:10deg;--duration:4.8s;--delay:-11.35s;--sway:33px}
.rain-17{--x:69%;--y:62%;--angle:-29deg;--duration:5.25s;--delay:-12.08s;--sway:12px}
.rain-18{--x:85%;--y:62%;--angle:2deg;--duration:5.7s;--delay:-12.81s;--sway:19px}
.preparation{max-width:760px;margin:0 auto 40px;padding:34px;border:1px solid #e5dcc4;border-radius:6px;scroll-margin-top:24px}.preparation h2{font-size:29px;font-weight:400;line-height:1.4;margin:18px 0 28px;text-align:center}fieldset{border:0;padding:0;margin:0 0 24px}legend,.context-label{font:14px/1.7 Arial,sans-serif;color:#171717;display:block;margin-bottom:12px}.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.domains label{position:relative;cursor:pointer}.domains input{position:absolute;opacity:0}.domains span{display:grid;place-items:center;min-height:48px;border:1px solid #e5dcc4;border-radius:25px;font:12px Arial,sans-serif;text-align:center;padding:8px}.domains input:checked+span{border-color:#b99235;background:#faf6e9;color:#80641e}.domains input:focus-visible+span{outline:2px solid #b99235;outline-offset:3px}.context-label span{color:#777;font-size:12px}textarea{width:100%;border:1px solid #d8c58e;border-radius:5px;background:#fff;padding:13px;font:14px/1.7 Arial,sans-serif;resize:vertical;min-height:110px}textarea:focus-visible{outline:2px solid #b99235;outline-offset:3px}.help{display:flex;gap:20px;justify-content:space-between;align-items:start;font:11px/1.6 Arial,sans-serif;color:#777}.help p{margin:8px 0;max-width:530px}.help output{white-space:nowrap;margin-top:8px}.form-note{text-align:center;font:11px/1.7 Arial,sans-serif;color:#777;margin:18px 0 0}.text-button{background:none;border:0;text-decoration:underline;color:#777;font:11px Arial,sans-serif;min-height:44px;padding:5px 0}.upgrade{text-align:center;margin:40px auto 0;max-width:770px;border-top:1px solid #e5dcc4;padding:30px 20px}.upgrade>svg{width:45px;height:35px;color:#b99235}.upgrade h2{font-size:30px;font-weight:400;margin:14px 0}.upgrade p{font:14px/1.8 Arial,sans-serif;color:#666}.upgrade .eyebrow{font-size:10px;color:#987324}.upgrade a{width:fit-content;text-decoration:none}.card-art{display:grid;place-items:center}.card-caption{line-height:1.4}.card-art svg{max-width:120px}#reading-status{font-style:italic;color:#777}#error{font:14px/1.7 Arial,sans-serif;color:#80641e}#retry{margin:16px 0}.no-motion .card{animation:none!important}
@media(max-width:760px){.preparation{padding:23px 17px;margin-bottom:24px}.preparation h2{font-size:25px}.preparation h2 br{display:none}.domains{grid-template-columns:repeat(2,1fr)}.help{gap:10px}.help p{font-size:10px}.context-label{font-size:13px}.upgrade h2{font-size:26px}.upgrade p{font-size:12px}.card-caption{font-size:6px}.card-art svg{max-height:90px}}

.immediate-link{display:inline-block;font:12px/1.8 Arial,sans-serif;color:#777;margin-top:10px;min-height:44px;padding:12px 0;text-underline-offset:4px}

.free-guide{max-width:770px;margin:52px auto 32px;padding-top:28px;border-top:1px solid #e5dcc4}.free-guide h2{font-size:26px;font-weight:400;line-height:1.35;margin:24px 0 16px}.free-guide p{font:14px/1.9 Arial,sans-serif;color:#666}.free-guide details{border-bottom:1px solid #e5dcc4;padding:14px 0}.free-guide summary{cursor:pointer;font:14px/1.6 Arial,sans-serif;padding:6px 0;color:#171717}.free-guide a{color:#80641e;text-underline-offset:3px}.free-guide summary:focus-visible{outline:2px solid #b99235;outline-offset:4px}@media(max-width:760px){.free-guide{margin-top:36px}.free-guide h2{font-size:23px}.free-guide p,.free-guide summary{font-size:13px}}

/* Avantage Lotus : mise en évidence demandée. */
.upgrade .lotus-credit{background:#eee0ae;color:#211810;border:1px solid #b79b43;border-radius:18px;padding:18px 22px;margin:22px auto;font-weight:600;line-height:1.7}
@media(max-width:760px){.upgrade .lotus-credit{padding:16px 14px;font-size:13px}}

/* Voyant pendant la préparation de l’interprétation, comme dans le Lotus. */
.interpretation-progress{margin:18px auto;padding:20px;max-width:660px;border:1px solid #b79b43;border-radius:18px;background:#f5edcf;color:#211810;text-align:center;font:14px/1.6 Arial,sans-serif}
.interpretation-progress[hidden]{display:none}
.interpretation-spinner{display:inline-block;width:24px;height:24px;border:3px solid #dfd2a4;border-top-color:#98761e;border-radius:50%;animation:free-tarot-interpreting 1s linear infinite;vertical-align:middle;margin-right:10px}
.interpretation-progress strong{font-size:16px}.interpretation-progress p{margin:12px 0 0;color:#493c21}.interpretation-progress small{display:block;margin-top:8px}
@keyframes free-tarot-interpreting{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.interpretation-spinner{animation:none}}

.reading-feedback{text-align:center;padding:22px 16px;margin:25px auto;border-top:1px solid #e5dcc4;border-bottom:1px solid #e5dcc4}
.reading-feedback[hidden],.feedback-public-count[hidden]{display:none}
.reading-feedback>p:first-child{font:16px/1.6 Arial,sans-serif;color:#493c21;margin:0 0 12px}
.feedback-positive{display:inline-grid;place-items:center;width:56px;height:48px;background:#faf6e9;border:1px solid #b99235;border-radius:24px;font-size:25px;cursor:pointer}
.feedback-positive:hover:not(:disabled){background:#f5edcf}.feedback-positive:focus-visible{outline:2px solid #80641e;outline-offset:4px}
.feedback-positive[aria-pressed=true]{background:#f5edcf;border-color:#80641e;opacity:.8;cursor:default}
.reading-feedback .feedback-status{font:12px/1.6 Arial,sans-serif;margin:10px 0 0;min-height:1.6em;color:#71613e}
.feedback-public-count{font:12px/1.6 Arial,sans-serif;color:#777;margin:20px auto 0;text-align:center}
