:root{color:#f5efe4;font-synthesis:none;text-rendering:optimizelegibility;background:#070910;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#070910;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -10%,#2c274ccc,#0000 42%),#070910;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{isolation:isolate;width:min(100%,620px);min-height:100svh;margin:0 auto;position:relative;overflow-x:clip}.forest-backdrop{z-index:-3;background:linear-gradient(#04060c14,#070910 84%),radial-gradient(circle at 18% 26%,#5d4d7e2e,#0000 24%),radial-gradient(circle at 82% 44%,#6d452e1f,#0000 28%),repeating-linear-gradient(99deg,#0000 0 9%,#1a1f2d29 10%,#0000 11% 18%),#080a12;position:fixed;inset:0}.fireflies{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fireflies span{width:var(--firefly-size,3px);height:var(--firefly-size,3px);mix-blend-mode:screen;animation:firefly-drift var(--firefly-speed,8s) ease-in-out infinite;background:#f0b85c;border-radius:50%;position:absolute;box-shadow:0 0 5px #f0b85c,0 0 15px #f0b85c94}.fireflies span:first-child{--drift-x:11px;--drift-y:-24px;top:10%;left:14%}.fireflies span:nth-child(2){--drift-x:-16px;--drift-y:-20px;--firefly-speed:9.4s;animation-delay:-2.1s;top:22%;right:9%}.fireflies span:nth-child(3){--drift-x:18px;--drift-y:-28px;--firefly-speed:7.3s;animation-delay:-4.8s;top:42%;left:7%}.fireflies span:nth-child(4){--drift-x:-13px;--drift-y:-25px;animation-delay:-1.2s;top:58%;right:15%}.fireflies span:nth-child(5){--drift-x:15px;--drift-y:-19px;--firefly-size:2px;--firefly-speed:10.2s;animation-delay:-6.4s;top:76%;left:20%}.fireflies span:nth-child(6){--drift-x:-12px;--drift-y:-29px;animation-delay:-3.7s;top:88%;right:28%}.fireflies span:nth-child(7){--drift-x:-18px;--drift-y:-20px;--firefly-size:2px;--firefly-speed:6.9s;animation-delay:-5.2s;top:16%;left:38%}.fireflies span:nth-child(8){--drift-x:12px;--drift-y:-31px;--firefly-speed:9.8s;animation-delay:-7.1s;top:31%;right:25%}.fireflies span:nth-child(9){--drift-x:19px;--drift-y:-18px;--firefly-size:4px;--firefly-speed:8.7s;animation-delay:-2.8s;top:49%;left:30%}.fireflies span:nth-child(10){--drift-x:-16px;--drift-y:-32px;--firefly-size:2px;--firefly-speed:7.6s;animation-delay:-4.2s;top:64%;right:38%}.fireflies span:nth-child(11){--drift-x:14px;--drift-y:-26px;--firefly-speed:11s;animation-delay:-8.4s;top:83%;left:8%}.fireflies span:nth-child(12){--drift-x:-20px;--drift-y:-22px;--firefly-size:2px;--firefly-speed:8.2s;animation-delay:-6.3s;top:94%;right:8%}.fireflies span:nth-child(13){--drift-x:9px;--drift-y:-19px;--firefly-size:2px;--firefly-speed:7.8s;animation-delay:-3.2s;top:7%;right:34%}.fireflies span:nth-child(14){--drift-x:-14px;--drift-y:-23px;--firefly-speed:10.7s;animation-delay:-9.1s;top:37%;right:3%}.fireflies span:nth-child(15){--drift-x:18px;--drift-y:-33px;--firefly-size:4px;--firefly-speed:9.1s;animation-delay:-1.7s;top:69%;left:42%}.fireflies span:nth-child(16){--drift-x:12px;--drift-y:-17px;--firefly-size:2px;--firefly-speed:6.6s;animation-delay:-4.9s;top:53%;left:2%}.fireflies span:nth-child(17){--drift-x:-10px;--drift-y:-30px;--firefly-speed:10.4s;animation-delay:-6.8s;top:25%;left:55%}.fireflies span:nth-child(18){--drift-x:-17px;--drift-y:-20px;--firefly-size:2px;--firefly-speed:7.1s;animation-delay:-2.4s;top:79%;right:4%}.fireflies span:nth-child(19){--drift-x:14px;--drift-y:-28px;--firefly-speed:8.4s;animation-delay:-5.5s;top:13%;left:27%}.fireflies span:nth-child(20){--drift-x:-12px;--drift-y:-24px;--firefly-size:2px;--firefly-speed:7.2s;animation-delay:-1.1s;top:19%;right:21%}.fireflies span:nth-child(21){--drift-x:19px;--drift-y:-20px;--firefly-speed:9.7s;animation-delay:-7.7s;top:34%;left:18%}.fireflies span:nth-child(22){--drift-x:-16px;--drift-y:-29px;--firefly-size:4px;--firefly-speed:10.1s;animation-delay:-3.9s;top:43%;right:11%}.fireflies span:nth-child(23){--drift-x:11px;--drift-y:-22px;--firefly-size:2px;--firefly-speed:6.8s;animation-delay:-4.6s;top:54%;left:57%}.fireflies span:nth-child(24){--drift-x:-18px;--drift-y:-26px;--firefly-speed:8.9s;animation-delay:-6.2s;top:67%;right:22%}.landing{z-index:2;min-height:100svh;padding:max(42px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;display:flex;position:relative}.brand{text-align:center;width:100%}.brand-ornament{color:#c9974f;align-items:center;gap:10px;width:min(220px,70%);margin:0 auto 10px;display:flex}.brand-ornament:before,.brand-ornament:after{content:"";background:linear-gradient(90deg,#0000,#9c733b);flex:1;height:1px}.brand-ornament:after{background:linear-gradient(90deg,#9c733b,#0000)}.brand-ornament span{border:1px solid #d7a552;width:9px;height:9px;transform:rotate(45deg)}h1,h2,h3,p{overflow-wrap:anywhere}.brand h1{color:#e6bd73;letter-spacing:-.035em;text-align:center;text-shadow:0 0 28px #d39a4f24;width:100%;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,12vw,4.25rem);font-weight:500;line-height:1.05}.brand p{color:#d1c8ba;max-width:430px;margin:18px auto 0;font-size:.98rem;line-height:1.65}.spread-selection{margin-top:clamp(36px,8vh,62px)}.section-caption{color:#c49b5c;letter-spacing:.14em;text-align:center;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.spread-selection>.section-caption{color:#d5b172;letter-spacing:.02em;text-transform:none;align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:500;display:flex}.spread-selection>.section-caption:before,.spread-selection>.section-caption:after{content:"";background:linear-gradient(90deg,#0000,#be8b43b8);flex:1;height:1px}.spread-selection>.section-caption:after{background:linear-gradient(90deg,#be8b43b8,#0000)}.spread-option{text-align:center;background:radial-gradient(circle at 50% 8%,#503e2a21,#0000 34%),linear-gradient(145deg,#13151ff7,#080a11fa),#0a0c13;border:1px solid #d5a4578f;border-radius:10px;margin-top:14px;padding:24px;position:relative;box-shadow:0 28px 70px #00000057,inset 0 0 0 1px #ffffff08}.spread-option:before{content:"";pointer-events:none;border:1px solid #cb974a4d;border-radius:6px;position:absolute;inset:6px}.spread-option h2{color:#f1e4cf;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:500}.spread-option>p{color:#aaa397;margin:9px 0 0;font-size:.8rem;line-height:1.5}.spread-preview{grid-template-columns:repeat(3,1fr);gap:9px;width:min(230px,72%);margin:22px auto;display:grid}.spread-preview span{aspect-ratio:2/3;background:#090b11 url(/images/tarot-card-back.webp) 50%/cover no-repeat;border:1px solid #b1803ba8;border-radius:8px;position:relative;box-shadow:0 8px 18px #00000047}.spread-option button,.new-question-action{color:#f4d89e;cursor:pointer;background:linear-gradient(#52381b38,#0a0b1157);border:1px solid #c39149;border-radius:7px;width:100%;padding:14px 18px;font-weight:720;box-shadow:0 8px 28px #0003}.quota-status{color:#a8a094;text-align:center;margin:22px 0 0;font-size:.76rem;line-height:1.4}.reading-room{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px max(32px, env(safe-area-inset-bottom));position:relative}.back-action{z-index:4;color:#c9bdab;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:.82rem;position:relative}.back-action span{color:#d6a75d;margin-right:5px}.back-action:disabled{cursor:default;opacity:.46}.oracle-portrait{z-index:-1;aspect-ratio:2/3;pointer-events:none;background:linear-gradient(#0000 48%,#070910 88%),url(/images/oracle-fox.webp) top/100% no-repeat;width:min(100vw,620px);position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0 77%,#0000 98%);mask-image:linear-gradient(#000 0 77%,#0000 98%)}.oracle-portrait:after{content:"";background:radial-gradient(circle at 50% 30%,#0000 0 24%,#04060c14 58%);position:absolute;inset:0}.eye-glow{z-index:2;aspect-ratio:1;opacity:0;background:#ffba4414;border-radius:50%;width:clamp(7px,2vw,11px);position:absolute;top:24.1%;box-shadow:0 0 8px 3px #ffaa34b8,0 0 22px 7px #f0851e61}.eye-left{left:44%}.eye-right{left:56.4%}.oracle-portrait.is-thinking .eye-glow{opacity:.92;animation:1.8s ease-in-out infinite gaze-pulse}.question-form{z-index:2;gap:10px;padding-top:clamp(188px,52vw,270px);display:grid;position:relative}.deck-action{cursor:pointer;perspective:800px;background:0 0;border:0;width:min(168px,43vw);margin:0 auto 14px;padding:0}.deck-action:disabled{cursor:not-allowed;filter:saturate(.72);opacity:.72}.tarot-back{aspect-ratio:2/3;background:#080a10 url(/images/tarot-card-back.webp) 50%/cover no-repeat;border:1px solid #c28f41bd;border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000075,0 0 22px #c1893614}.deck-back{width:100%;transition:transform .22s,box-shadow .22s}.deck-action:not(:disabled):active .deck-back{transform:translateY(3px)rotateX(4deg)}.question-form label{color:#eee5d7;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:500}.question-field{position:relative}.question-field textarea{resize:vertical;color:#f2ede4;caret-color:#e3b96e;background:#0a0d15db;border:1px solid #d2aa684d;border-radius:16px;outline:none;width:100%;min-height:126px;padding:15px 15px 34px;line-height:1.55;display:block;box-shadow:inset 0 1px #ffffff08}.question-field textarea::placeholder{color:#837e77}.question-field textarea:focus{border-color:#daaa5bc2;box-shadow:0 0 0 3px #daaa5b17,inset 0 1px #ffffff08}.character-count{color:#8f897f;font-size:.68rem;position:absolute;bottom:10px;right:13px}.deck-hint{color:#aaa195;text-align:center;margin:0;font-size:.76rem}.error-message{color:#ffe9de;background:#4d1f18f0;border:1px solid #a76652;border-radius:12px;margin:6px 0 0;padding:12px 14px;font-size:.82rem;font-weight:620;line-height:1.5}.thinking-state,.reading-content{z-index:2;padding-top:clamp(320px,83vw,430px);position:relative}.revealed-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.5vw,14px);margin:0;padding:0;display:grid}.waiting-cards{aspect-ratio:2/3;width:min(31%,170px);margin:0 auto;animation:1.8s ease-in-out infinite stack-breathe;position:relative}.waiting-cards .tarot-back{border-radius:9px;width:100%;position:absolute;inset:0;transform:translate(-5px,4px)}.waiting-cards .tarot-back:nth-child(2){z-index:2;transform:translate(-2px,2px)}.waiting-cards .tarot-back:nth-child(3){z-index:3;transform:none}.thinking-state>p{color:#e8dece;text-align:center;margin:26px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.04rem}.thinking-dots{justify-content:center;gap:8px;margin-top:13px;display:flex}.thinking-dots i{background:#dda54d;border-radius:50%;width:5px;height:5px;animation:1.15s ease-in-out infinite dot-pulse;box-shadow:0 0 10px #dda54d}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}.cards-thinking{text-align:center;margin-top:28px}.cards-thinking>p{color:#e8dece;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.04rem}.cards-thinking small{color:#999186;margin-top:15px;font-size:.72rem;display:block}.interpretation-retry{margin-top:26px}.revealed-cards{isolation:isolate;perspective:1200px;align-items:start;list-style:none}.revealed-cards li{text-align:center;min-width:0;position:relative}.revealed-cards li:first-child{z-index:3}.revealed-cards li:nth-child(2){z-index:1}.revealed-cards li:nth-child(3){z-index:2}.card-zoom-action{cursor:zoom-in;perspective:1000px;background:0 0;border:0;border-radius:8px;width:100%;padding:0;display:block}.card-frame{aspect-ratio:2/3;transform-style:preserve-3d;will-change:transform;display:block}.revealed-cards li:first-child .card-frame{animation:.82s cubic-bezier(.2,.78,.25,1) .1s both deal-card-left}.revealed-cards li:nth-child(3) .card-frame{animation:.82s cubic-bezier(.2,.78,.25,1) .94s both deal-card-right}.card-flip{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;display:block;position:relative}.revealed-cards li:first-child .card-flip{animation:.62s cubic-bezier(.45,0,.2,1) .23s both flip-card}.revealed-cards li:nth-child(2) .card-flip{animation:.62s cubic-bezier(.45,0,.2,1) 1.84s both flip-card}.revealed-cards li:nth-child(3) .card-flip{animation:.62s cubic-bezier(.45,0,.2,1) 1.07s both flip-card}.card-face{backface-visibility:hidden;background:#11141d;border:1px solid #aa793b;border-radius:8px;position:absolute;inset:0;overflow:hidden;transform:translateZ(.1px);box-shadow:0 14px 32px #0000005c}.card-back-face{aspect-ratio:auto;width:auto}.card-front-face{transform:rotateY(180deg)translateZ(.1px)}.card-frame .card-artwork,.card-frame .card-placeholder{border:0;border-radius:0;width:100%;height:100%}.card-frame .card-artwork{object-fit:cover;display:block}.card-frame.is-reversed .card-artwork{transform:rotate(180deg)}.revealed-cards li>.card-position,.revealed-cards li>h3,.revealed-cards li>.orientation{animation:.3s ease-out both card-caption-in}.revealed-cards li:first-child>.card-position,.revealed-cards li:first-child>h3,.revealed-cards li:first-child>.orientation{animation-delay:.79s}.revealed-cards li:nth-child(2)>.card-position,.revealed-cards li:nth-child(2)>h3,.revealed-cards li:nth-child(2)>.orientation{animation-delay:2.28s}.revealed-cards li:nth-child(3)>.card-position,.revealed-cards li:nth-child(3)>h3,.revealed-cards li:nth-child(3)>.orientation{animation-delay:1.63s}.card-placeholder{color:#d5a65b;text-align:center;background:radial-gradient(circle,#d2a25638,#0000 35%),#141823;align-content:center;justify-items:center;display:grid}.card-placeholder span{font-size:1.35rem}.card-placeholder small{color:#a69d90;max-width:90%;margin-top:7px;font-size:.54rem}.card-position{color:#cba064;min-height:2.6em;margin:10px 0 0;font-size:clamp(.56rem,2.1vw,.68rem);font-weight:720;line-height:1.3}.revealed-cards h3{color:#eee4d5;margin:5px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(.72rem,2.8vw,.92rem);font-weight:500;line-height:1.2}.orientation{color:#eaf7e8;background:#263d2a;border:1px solid #5d8061;border-radius:999px;max-width:100%;padding:3px 7px;font-size:clamp(.52rem,1.9vw,.62rem);line-height:1.2;display:inline-block}.orientation.reversed{color:#f3e9fa;background:#372c43;border-color:#7f668f}.fox-answer{background:linear-gradient(155deg,#161822f5,#080b12fa),#0c0f17;border:1px solid #cf9d4e57;border-radius:18px;margin-top:34px;padding:24px 20px;box-shadow:0 24px 60px #0000004d,inset 0 1px #ffffff08}.fox-answer h2{color:#ead4ad;text-align:center;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:500}.answer-copy{margin-top:20px}.answer-copy p{color:#e5ddd1;margin:0 0 14px;font-size:.95rem;line-height:1.72}.answer-copy p:last-child{margin-bottom:0}.answer-copy .reflection{color:#d9c29e;border-top:1px solid #d3a45a2e;padding-top:15px;font-family:Georgia,Times New Roman,serif}.new-question-action{margin-top:18px}.footnote{color:#858078;text-align:center;margin:20px auto 0;padding:0 10px;font-size:.72rem;line-height:1.5}.card-lightbox{z-index:20;padding:max(52px, env(safe-area-inset-top)) 24px max(34px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#03050aeb;place-content:center;justify-items:center;animation:.18s ease-out both lightbox-fade;display:grid;position:fixed;inset:0}.card-lightbox-card{aspect-ratio:2/3;cursor:default;background:#11141d;border:1px solid #c6964e;border-radius:14px;width:min(76vw,390px);animation:.24s cubic-bezier(.2,.72,.25,1) both lightbox-card-in;overflow:hidden;box-shadow:0 30px 90px #000000b8,0 0 42px #cd974729}.card-lightbox-card .card-artwork,.card-lightbox-card .card-placeholder{width:100%;height:100%}.card-lightbox-card .card-artwork{object-fit:cover;display:block}.card-lightbox-card.is-reversed .card-artwork{transform:rotate(180deg)}.card-lightbox>p{color:#f0e6d7;justify-items:center;gap:5px;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;display:grid}.card-lightbox>p span{color:#b9ad9c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem}.lightbox-close{top:max(15px, env(safe-area-inset-top));color:#ead9bd;cursor:pointer;background:#0f121bb8;border:1px solid #dab06b57;border-radius:50%;width:42px;height:42px;padding:0;font-size:1.65rem;line-height:1;position:absolute;right:16px}@media (width>=560px){.landing,.reading-room{padding-left:34px;padding-right:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@keyframes firefly-drift{0%,to{opacity:.18;transform:translate(0)}45%{opacity:1;transform:translate(var(--drift-x,11px), var(--drift-y,-24px))}70%{opacity:.42;transform:translate(calc(var(--drift-x,11px) * -.45), calc(var(--drift-y,-24px) * .72))}}@keyframes gaze-pulse{0%,to{filter:brightness(.78);transform:scale(.8)}50%{filter:brightness(1.35);transform:scale(1.18)}}@keyframes stack-breathe{0%,to{filter:brightness(.82);transform:translateY(0)scale(.99)}50%{filter:brightness(1.08);transform:translateY(-3px)scale(1)}}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes deal-card-left{0%{filter:brightness(.82);transform:translate(calc(100% + 10px))translateY(0)scale(.99)}52%{filter:brightness();transform:translate(calc(48% + 5px))translateY(-16px)scale(1.01)}to{filter:brightness();transform:translate(0)translateY(0)scale(1)}}@keyframes deal-card-right{0%{filter:brightness(.82);transform:translate(calc(-100% - 10px))translateY(0)scale(.99)}52%{filter:brightness();transform:translate(calc(-48% - 5px))translateY(-16px)scale(1.01)}to{filter:brightness();transform:translate(0)translateY(0)scale(1)}}@keyframes flip-card{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes card-caption-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes lightbox-card-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}