/* The same tarot stays on the table while its meaning unfolds. */
body[data-phase=result]{height:100svh;overflow:hidden}
body[data-phase=result] main{overflow:clip}
body[data-phase=result] .site-head{height:68px;padding:16px 32px;max-width:1240px}
body[data-phase=result] .site-head .brand{font-size:25px}
body[data-phase=result] .site-foot{display:none}
body[data-phase=result] main{max-width:none;padding:0}
body[data-phase=result] .qa-controls{height:40px;padding:4px 16px;margin:0 auto;flex-wrap:nowrap;border:0;font-size:10px}
body[data-phase=result] .qa-controls>span{display:none}
.result-experience{--result-space:68px;height:calc(100svh - var(--result-space));color:#2d3e50;background:radial-gradient(ellipse at 27% 48%,#e0ebe4 0,transparent 56%),radial-gradient(ellipse at 80% 25%,#f0e9d84a,transparent 45%),#fafaf8}
.is-review .result-experience{--result-space:108px}
.result-deck{height:100%;max-width:1120px;margin:auto;display:grid;grid-template-rows:42px minmax(0,1fr) 60px 28px;outline:none;padding:0 36px 12px}
.result-deck-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4c7069;font-size:10px;letter-spacing:.14em;border-bottom:1px solid #bdcbb954}
.result-deck-heading p span{margin-left:22px;color:#74857f;font-size:9px}
.result-jump{background:none;border:0;color:#61717b;font-size:11px;padding:10px 0 10px 12px;letter-spacing:.02em}
.result-card-window{position:relative;perspective:1500px;isolation:isolate;touch-action:pinch-zoom}
.result-reading-orbit{position:absolute;width:min(48vw,510px);aspect-ratio:1;left:22%;top:50%;transform:translate(-50%,-50%);border:1px solid #a8b8a744;border-radius:50%;pointer-events:none;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity .5s}
.result-reading-orbit i{position:absolute;inset:17px;border:1px solid #bdc4a62e;border-radius:50%}
.result-reading-orbit i+i{inset:-21px;border:1px dashed #bac5b326;transform:rotate(21deg)}
.result-reading-orbit span{position:absolute;left:50%;top:-13px;color:#a6ab86;background:#f5f7f2;font-size:17px;line-height:24px;padding:0 12px;transform:translateX(-50%)}
.result-anchor{--front-turn:-5deg;--front-x:0px;--front-y:0px;--near-turn:5deg;--near-x:18px;--far-turn:-13deg;--far-x:-15px;position:absolute;top:48%;left:8%;width:min(28%,calc((100svh - 300px)*.58),282px);aspect-ratio:2/3;transform:translateY(-50%);transition:opacity .45s,transform .85s cubic-bezier(.19,1,.22,1),left .85s cubic-bezier(.19,1,.22,1),top .85s cubic-bezier(.19,1,.22,1),width .85s cubic-bezier(.19,1,.22,1);perspective:1200px;z-index:2;pointer-events:none}
.result-anchor-front{position:absolute;inset:0;transform:translate3d(var(--front-x),var(--front-y),24px) rotate(var(--front-turn));transition:transform .85s cubic-bezier(.19,1,.22,1);z-index:3;filter:drop-shadow(0 15px 14px #25433321)}
.result-anchor-front>.tarot{box-shadow:0 2px 3px #243d4024,8px 14px 30px -12px #183d3961}
.result-anchor-front:after{content:"";position:absolute;inset:0;border-radius:3.4%;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#fff4cc15 44%,transparent 57%);mix-blend-mode:screen}
.result-back{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:3.4%;box-shadow:0 8px 20px -10px #1c4a3b66;transition:transform .95s cubic-bezier(.19,1,.22,1)}
.result-back-near{transform:translate(var(--near-x),8px) rotate(var(--near-turn));z-index:2}
.result-back-far{transform:translate(var(--far-x),9px) rotate(var(--far-turn));z-index:1;transition-duration:1.05s}
.result-anchor-shadow{position:absolute;bottom:-10%;left:5%;width:94%;height:22%;border-radius:50%;background:#3d574a26;filter:blur(23px);transform:scaleX(1.2)}
.result-anchor-caption{position:absolute;left:0;right:0;bottom:-52px;text-align:center;font-size:9px;color:#758a7c;letter-spacing:.19em}
.result-deck[data-page="1"] .result-anchor{--front-turn:3deg;--front-x:7px;--front-y:-8px;--near-turn:16deg;--near-x:31px;--far-turn:-18deg;--far-x:-29px}
.result-deck[data-page="2"] .result-anchor{--front-turn:-7deg;--front-x:-4px;--front-y:5px;--near-turn:7deg;--near-x:20px;--far-turn:-17deg;--far-x:-24px}
.result-deck[data-page="3"] .result-anchor{opacity:0;transform:translateY(-45%) scale(.95)}
.result-deck[data-page="1"] .result-reading-orbit{transform:translate(-50%,-50%) rotate(24deg)}
.result-deck[data-page="2"] .result-reading-orbit{transform:translate(-50%,-50%) rotate(-13deg)}
.result-deck[data-page="3"] .result-reading-orbit{opacity:.35;transform:translate(-50%,-50%) scale(.94)}
.result-panel{position:absolute;inset:0 0 0 47%;display:flex;flex-direction:column;justify-content:center;min-width:0;transform:translate3d(calc(var(--distance)*58px),calc(var(--distance)*12px),calc(var(--distance)*-55px)) rotate(calc(var(--distance)*-2deg));opacity:clamp(0,calc(1 - max(var(--distance),-1*var(--distance))),1);transition:transform 750ms cubic-bezier(.19,1,.22,1),opacity 320ms ease;pointer-events:none;will-change:transform}
.result-panel[aria-hidden=false],.result-panel[data-result-panel="0"]:not([aria-hidden=true]){pointer-events:auto}
.result-panel-copy{min-width:0}
.result-overline{font-size:11px;letter-spacing:.08em;color:#57756b;line-height:1.7;margin-bottom:18px}
.result-intro h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:clamp(29px,3.6vw,48px);letter-spacing:.045em;line-height:1.5;margin:0 0 24px}
.result-intro h1 span{display:block}
.result-catch{font-size:clamp(16px,1.6vw,20px);line-height:1.8;color:#0f766e;font-weight:600;margin-bottom:20px}
.result-description{font-size:14px;line-height:2;max-width:31em}
.result-close{font-size:10px;color:#75817b;line-height:1.7;margin-top:15px}
.result-habit .result-panel-copy{position:relative;background:linear-gradient(135deg,#fffefb,#f7f6ef);padding:34px 32px;border:1px solid #d9dccc;border-radius:4px;box-shadow:3px 4px 0 #eeefe6,4px 5px 0 #d3dacb,0 20px 40px -30px #34504255;transform:rotate(1deg)}
.result-habit .result-panel-copy:before{content:"✦";position:absolute;right:24px;top:22px;color:#a9aa83;font-size:14px}
.result-quote{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(22px,2.15vw,30px);font-weight:600;line-height:1.9;letter-spacing:.02em;text-wrap:balance;word-break:auto-phrase}
.result-strength{border-top:1px solid #d7dfd1;margin-top:25px;padding-top:22px;font-size:13px;line-height:2}
.result-strength .result-overline{margin-bottom:9px}
.result-evidence-title>h2{font-size:clamp(21px,2.1vw,28px);font-weight:600;line-height:1.65;margin-bottom:10px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif}
.result-evidence-title>h2 span{display:block}
.result-evidence-title>p:last-of-type{font-size:11px;color:#61717b;line-height:1.8;margin-bottom:20px}
.result-answer-cards{list-style:none;margin:0;padding:0 5px;display:grid;gap:10px;min-width:0}
.result-answer-cards li{position:relative;display:flex;gap:14px;padding:15px 17px;background:linear-gradient(110deg,#fffefa,#fff);border:1px solid #d9dfd2;border-radius:3px;box-shadow:0 7px 14px -10px #294c3a52;transform:rotate(calc((var(--answer-index) - 1)*1deg));transition:transform 740ms cubic-bezier(.19,1,.22,1);transition-delay:calc(var(--answer-index)*55ms)}
.result-panel[aria-hidden=true] .result-answer-cards li{transform:translate(55px,calc(var(--answer-index)*-20px)) rotate(5deg)}
.result-answer-cards li>span{color:#95a584;font-family:Georgia,serif;font-size:22px;line-height:1.5}
.result-answer-cards li p{font-size:10px;color:#61717b;line-height:1.8;margin-bottom:5px}
.result-answer-cards strong{display:block;font-size:14px;font-weight:600;line-height:1.7}
.result-share{inset:0;display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:5%;padding:15px 0}
.result-share-preview{width:min(100%,480px);aspect-ratio:1200/630;margin:auto;position:relative;border:1px solid #dbe3dd;border-radius:5px;overflow:hidden;box-shadow:0 20px 40px -22px #2345364d;background:#f7f8f4}
.result-share-image{width:100%;height:100%;object-fit:contain}
.result-share-placeholder{position:absolute;width:24%;left:38%;top:12%}
.result-share .result-panel-copy>h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1.6;letter-spacing:.015em}
.result-share .result-panel-copy>h2>span{font-size:.85em}
.result-share-caption{font-size:12px;line-height:1.8;margin:9px 0 16px;color:#57756b}
.result-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.result-share-actions .primary,.result-share-actions .secondary{font-size:12px;padding:11px 12px;min-height:44px}
.result-share-actions .primary{grid-column:1/-1}
.result-share-actions .text-button{font-size:11px;text-decoration:none}
.result-newsletter{padding:18px 20px 16px;margin-top:20px;border:1px solid #c7dacf;background:#eef4ef;border-radius:5px}
.result-newsletter-brand{font-size:9px;letter-spacing:.13em;font-weight:600;color:#0f766e;margin-bottom:8px}
.result-newsletter-brand span{font-size:9px;letter-spacing:.01em;margin-left:8px;color:#687e6e}
.result-newsletter h3{font-size:15px;line-height:1.7;margin-bottom:7px;font-weight:600}
.result-newsletter>p:not(.result-newsletter-brand):not(.result-newsletter-note){font-size:12px;line-height:1.8;margin-bottom:12px;color:#526a5e}
.result-newsletter>.primary{display:flex;flex-wrap:wrap;gap:0 4px;width:100%;padding:12px 8px;min-height:48px;font-size:12px;line-height:1.65;border-radius:4px}
.result-newsletter>.primary span{display:inline-block}.result-newsletter>.primary b{font-weight:400}
.result-newsletter-note{font-size:9px;line-height:1.8;color:#68796e;margin-top:9px}
.result-preview-share,.result-nav-word,.result-mobile-portrait{display:none}
.result-deck-nav{display:flex;justify-content:center;align-items:center;gap:28px;padding-top:7px;z-index:3}
.result-prev,.result-next{border:1px solid #c9d8d0;border-radius:50%;background:#fff9;width:38px;height:38px;color:#0f766e;font-size:18px;transition:opacity .2s}
.result-prev:disabled,.result-next:disabled{opacity:.2}
.result-deck-position{width:180px;text-align:center}
.result-deck-dots{display:flex;gap:6px;justify-content:center}
.result-deck-dots button{border:0;background:none;padding:5px 0;width:27px;height:16px;position:relative}
.result-deck-dots button:after{content:"";height:2px;position:absolute;inset:7px 0;background:#cbd9d1;transition:background .2s}
.result-deck-dots button[aria-current=step]:after{background:#0f766e}
.result-deck-label{font-size:10px;letter-spacing:.04em;color:#597168;line-height:1.5;margin-top:2px}
.result-deck-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:3}
.result-gesture-hint{color:#75897c;font-size:10px;line-height:24px}
.result-tools-open{border:0;background:none;color:#84918a;font-size:9px;padding:5px 0}
.result-deck[data-page="3"] .result-jump{visibility:hidden}
.result-report-dialog{color:#2d3e50;background:#fafbf8;border:1px solid #d3dfd6;border-radius:12px;padding:35px;width:min(540px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 30px 100px #15372c40}
.result-report-dialog::backdrop{background:#1d352e66;backdrop-filter:blur(7px)}
.result-dialog-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:none;font-size:25px;color:#61717b}
.result-report-dialog>h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:600;line-height:1.6;margin:10px 0}
.result-tools{font-size:11px}.result-tools .feedback{padding:20px 0}.result-tools h3{font-size:13px}
@media(max-width:760px){
 body[data-phase=result]{height:auto;min-height:100svh;overflow:visible}
 body[data-phase=result] .site-head{height:54px;padding:12px 20px}
 body[data-phase=result] .site-head .brand{font-size:21px}
 body[data-phase=result] .site-head .brand span{font-size:6px;margin-top:5px}
 body[data-phase=result] .qa-controls{height:36px;padding:2px 18px;gap:8px}
 body[data-phase=result] .qa-controls>strong{display:none}
 .result-experience{--result-space:54px;height:auto;min-height:calc(100svh - var(--result-space))}.is-review .result-experience{--result-space:90px}
 .result-deck{--mobile-card-width:min(62vw,250px);--anchor-space:calc(var(--mobile-card-width)*1.5 + 62px);height:auto;min-height:calc(100svh - 54px);padding:0 20px calc(98px + env(safe-area-inset-bottom));grid-template-rows:54px auto auto;gap:12px}
 .result-deck-heading{font-size:8px;letter-spacing:.06em}.result-deck-heading p span{font-size:8px;margin-left:9px}.result-jump{font-size:10px}
 .result-reading-orbit{left:50%;top:calc(var(--anchor-space)*.5);width:calc(var(--anchor-space)*1.12)}
 .result-anchor,.result-anchor-front,.result-back,.result-reading-orbit{transition:none}
 .result-anchor{width:var(--mobile-card-width);left:50%;top:calc(var(--anchor-space)*.5);transform:translate(-50%,-50%)}
 .result-anchor-caption{bottom:-27px;font-size:7px;letter-spacing:.16em}
 .result-anchor-shadow{filter:blur(15px)}
 .result-card-window{touch-action:pan-y pinch-zoom;perspective:none;display:flex;flex-direction:column;gap:48px}
 .result-panel{display:flex;position:relative;inset:auto;transform:none;transition:none;opacity:1;will-change:auto;pointer-events:auto;justify-content:flex-start;min-height:calc(100svh - 100px);padding:16px 0 32px;scroll-margin-top:16px}
 .result-panel[aria-hidden=false],.result-panel[data-result-panel="0"]:not([aria-hidden=true]){display:flex}
 .result-anchor,.result-reading-orbit{display:none}
 .result-mobile-portrait{display:block;flex-shrink:0;width:var(--mobile-card-width);aspect-ratio:2/3;margin:24px auto 36px;transform:rotate(-2deg)}
 .result-mobile-portrait>.tarot{width:100%;height:100%;box-shadow:0 14px 28px #25433326}
 .result-habit .result-mobile-portrait{transform:rotate(2deg)}
 .result-intro,.result-habit{padding-top:16px}
 .result-overline{font-size:10px;margin-bottom:10px}
 .result-intro .result-panel-copy{text-align:center}
 .result-intro h1{font-size:26px;line-height:1.5;margin:0 0 9px;letter-spacing:.02em}.result-intro h1 span{display:inline}
 .result-catch{font-size:14px;line-height:1.8;margin-bottom:13px}
 .result-description{font-size:14px;line-height:1.9;text-align:left}
 .result-close{font-size:9px;margin-top:8px}
 .result-habit .result-panel-copy{padding:20px 22px}.result-habit .result-panel-copy:before{right:14px;top:10px;font-size:11px}
 .result-quote{font-size:22px;line-height:1.75}.result-strength{margin-top:15px;padding-top:13px;font-size:12px;line-height:1.9}.result-strength .result-overline{margin-bottom:5px}
 .result-deck[data-page="2"] .result-anchor{width:79px;left:53px;top:83px;transform:translate(-50%,-50%);--near-x:9px;--far-x:-8px;--far-turn:-16deg}
 .result-deck[data-page="2"] .result-anchor-caption{display:none}
 .result-deck[data-page="2"] .result-reading-orbit{width:160px;top:85px;left:50px}
 .result-evidence{justify-content:flex-start}
 .result-evidence-title{min-height:144px;padding:20px 0 15px;display:flex;flex-direction:column;justify-content:center}
 .result-evidence-title .result-overline{font-size:9px;margin-bottom:8px}
 .result-evidence-title>h2{font-size:19px;line-height:1.7;margin-bottom:5px}.result-evidence-title>h2 span:first-child{font-size:.82em}
 .result-evidence-title>p:last-of-type{display:none}
 .result-answer-cards{gap:11px;padding:12px 3px 4px}.result-answer-cards li{gap:12px;padding:14px}.result-answer-cards li>span{font-size:20px}
 .result-answer-cards li p{font-size:10px;margin-bottom:5px}.result-answer-cards strong{font-size:13px;line-height:1.7}
 .result-deck[data-page="3"] .result-anchor{transform:translate(-50%,-45%) scale(.9)}
 .result-deck[data-page="3"] .result-reading-orbit{opacity:0}
 .result-share{flex-direction:column;gap:18px;padding:12px 0 20px;justify-content:flex-start}
 .result-share-preview{flex-shrink:0;width:100%;margin:0 auto;box-shadow:0 12px 26px -18px #2345364d}
 .result-share .result-panel-copy{width:100%;text-align:center}.result-share .result-overline{display:none}
 .result-share .result-panel-copy>h2{font-size:19px;line-height:1.5}.result-share .result-panel-copy>h2 br{display:none}.result-share .result-panel-copy>h2>span{font-size:1em;display:block}
 .result-share-caption{display:none}.result-share-actions{margin-top:11px;gap:6px}.result-share-actions .primary,.result-share-actions .secondary{font-size:11px;min-height:38px;padding:8px 10px}.result-share-actions .secondary{background:transparent;border-color:#b9ccc0}
 .result-share-actions .text-button{font-size:10px;padding:7px 0}
 .result-newsletter{padding:13px 14px 11px;margin-top:13px;text-align:left}
 .result-newsletter-brand{font-size:8px;margin-bottom:5px}.result-newsletter-brand span{font-size:8px}
 .result-newsletter h3{font-size:13px;margin-bottom:5px}.result-newsletter>p:not(.result-newsletter-brand):not(.result-newsletter-note){font-size:11px;line-height:1.7;margin-bottom:9px}.result-newsletter>p br{display:none}
 .result-newsletter>.primary{font-size:11px;min-height:46px;padding:8px 5px;line-height:1.65}.result-newsletter-note{font-size:8px;line-height:1.6;margin-top:7px}
 .result-deck-nav{position:fixed;bottom:0;left:0;right:0;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fafaf8f5;border-top:1px solid #d4dfd7;z-index:10}.result-prev,.result-next{height:44px;width:76px;border-radius:6px;font-size:14px;flex-shrink:0}.result-nav-word{display:inline}.result-deck-position{width:160px}.result-next:not(:disabled){background:#0f766e;border-color:#0f766e;color:#fff}
 .result-gesture-hint{font-size:8px;line-height:20px}.result-tools-open{font-size:8px}
 .result-report-dialog{padding:30px 23px}
}
@media(prefers-reduced-motion:reduce){.result-panel,.result-anchor,.result-anchor-front,.result-back,.result-reading-orbit,.result-answer-cards li{transition:none;will-change:auto}}
@media(max-width:760px){
 .result-newsletter>.primary{flex-direction:column;gap:1px;min-height:54px;font-size:12px;line-height:1.5;padding:8px 5px}
}
@media(min-width:761px) and (max-height:800px){
 .result-share{padding:5px 0}.result-share .result-overline{margin-bottom:8px;font-size:10px}
 .result-share .result-panel-copy>h2{font-size:25px;line-height:1.5}
 .result-newsletter{margin-top:14px;padding:14px 18px 12px}
}