: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:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fireflies span{background:#f0b85c;border-radius:50%;width:3px;height:3px;animation:8s ease-in-out infinite firefly-drift;position:absolute;box-shadow:0 0 5px #f0b85c,0 0 15px #f0b85c94}.fireflies span:first-child{top:10%;left:14%}.fireflies span:nth-child(2){animation-delay:-2.1s;top:22%;right:9%}.fireflies span:nth-child(3){animation-delay:-4.8s;top:42%;left:7%}.fireflies span:nth-child(4){animation-delay:-1.2s;top:58%;right:15%}.fireflies span:nth-child(5){animation-delay:-6.4s;top:76%;left:20%}.fireflies span:nth-child(6){animation-delay:-3.7s;top:88%;right:28%}.landing{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}.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-option{text-align:center;background:linear-gradient(145deg,#1a1c28f0,#0a0c14f5),#0d1019;border:1px solid #d5a4578f;border-radius:20px;margin-top:14px;padding:24px;box-shadow:0 28px 70px #00000057,inset 0 0 0 1px #ffffff08}.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:radial-gradient(circle,#d5a654 0 2px,#0000 3px),linear-gradient(135deg,#0000 48%,#c497532e 50%,#0000 52%),#121621;border:1px solid #9f7439;border-radius:8px;position:relative}.spread-preview span:after{content:"";border:1px solid #d5a65847;border-radius:4px;position:absolute;inset:7px}.spread-option button,.new-question-action{color:#f4d89e;cursor:pointer;background:linear-gradient(#6d4b2042,#1a140f33);border:1px solid #c39149;border-radius:12px;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}.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{gap:10px;padding-top:clamp(285px,78vw,410px);display:grid;position:relative}.deck-action{cursor:pointer;perspective:800px;background:0 0;border:0;width:min(168px,43vw);margin:0 auto 22px;padding:0}.deck-action:disabled{cursor:not-allowed;filter:saturate(.72);opacity:.72}.tarot-back{aspect-ratio:2/3;background:radial-gradient(circle at 50% 35%,#d2a14c2e,#0000 30%),repeating-linear-gradient(45deg,#0000 0 14px,#c08f4312 15px,#0000 16px 28px),#10141e;border:1px solid #b9863e;border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000075,inset 0 0 0 5px #0c0f17,inset 0 0 0 6px #ca97467a}.tarot-back:before,.tarot-back:after{content:"";border:1px solid #d5a65873;border-radius:50%;position:absolute}.tarot-back:before{inset:20% 16%}.tarot-back:after{inset:32% 28%}.deck-back{width:100%;transition:transform .22s,box-shadow .22s}.deck-action:not(:disabled):active .deck-back{transform:translateY(3px)rotateX(4deg)}.deck-moon,.deck-fox{z-index:2;color:#d9aa5e;font-style:normal;position:absolute;left:50%;transform:translate(-50%)}.deck-moon{font-family:Georgia,serif;font-size:2.2rem;top:30%}.deck-fox{font-size:2rem;top:52%}.question-form label{color:#eee5d7;font-size:.88rem;font-weight:720}.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:132px;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{padding-top:clamp(320px,83vw,430px);position:relative}.waiting-cards,.revealed-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.5vw,14px);margin:0;padding:0;display:grid}.waiting-cards{align-items:start}.waiting-cards .tarot-back{border-radius:9px;width:100%;animation:1.8s ease-in-out infinite card-turn}.waiting-cards .tarot-back:nth-child(2){animation-delay:.12s}.waiting-cards .tarot-back:nth-child(3){animation-delay:.24s}.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}.revealed-cards{align-items:start;list-style:none}.revealed-cards li{text-align:center;min-width:0}.card-frame{aspect-ratio:2/3;background:#11141d;border:1px solid #aa793b;border-radius:8px;animation:.62s ease-out both reveal-card;overflow:hidden;box-shadow:0 14px 32px #0000005c}.revealed-cards li:nth-child(2) .card-frame{animation-delay:.1s}.revealed-cards li:nth-child(3) .card-frame{animation-delay:.2s}.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)}.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}@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}}@keyframes firefly-drift{0%,to{opacity:.34;transform:translate(0)}45%{opacity:1;transform:translate(11px,-17px)}70%{opacity:.5;transform:translate(-7px,-24px)}}@keyframes gaze-pulse{0%,to{filter:brightness(.78);transform:scale(.8)}50%{filter:brightness(1.35);transform:scale(1.18)}}@keyframes card-turn{0%,to{filter:brightness(.8);transform:rotateY(0)}50%{filter:brightness(1.15);transform:rotateY(13deg)}}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes reveal-card{0%{opacity:0;transform:rotateY(90deg)translateY(10px)}to{opacity:1;transform:rotateY(0)translateY(0)}}