@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0D0D10;--panel-bg: rgba(20, 20, 25, .85);--accent-gold: #FFD700;--text-primary: #EAEAEA;--text-subtle: #aaa;--text-white: #fff;--text-reading: #ccc;--border-gold: rgba(255, 215, 0, .2);--glow-gold: rgba(255, 215, 0, .1)}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);color:#fafafa;overflow-x:hidden;overflow-y:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-portal{position:relative;z-index:1;margin:2rem auto;max-width:420px;width:90%;background:#1a1a1a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0006;padding:2rem;min-height:600px;display:flex;flex-direction:column;align-items:center}.card-aspect-ratio{width:80%;max-width:300px;margin:1.5rem auto;aspect-ratio:600 / 1029;position:relative}.card-container{position:absolute;top:0;left:0;width:100%;height:100%;perspective:1000px}.card-flipper{position:relative;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-flipper.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0009}.card-front{background:linear-gradient(135deg,#28282de6,#141419f2);border:2px solid var(--border-gold);display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg);background:#000}.card-front img,.card-back img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}h1{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:#fafafa;text-align:center;margin-bottom:1rem;letter-spacing:-.01em}h2{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#fafafa;text-align:center;margin-bottom:.75rem;letter-spacing:-.02em}.clarity-title{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#fafafa80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;text-align:center}p{font-family:Inter,sans-serif;font-size:1rem;color:#fafafab3;text-align:center;line-height:1.6;margin-bottom:1.5rem}.interpretation{width:100%;text-align:center;margin-top:1.5rem;animation:fadeInUp .3s ease-out}.interpretation h2{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#fafafa;margin-bottom:.75rem;letter-spacing:-.02em}.interpretation p{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;color:#fafafab3;line-height:1.6;margin-bottom:1.5rem;letter-spacing:-.011em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-input{width:100%;padding:.9rem 1.2rem;font-size:16px;font-family:Inter,sans-serif;color:#fafafa;background:#0000004d;border:1px solid #444;border-radius:12px;outline:none;transition:all .3s ease;margin-bottom:1.5rem;resize:none}.question-input::placeholder{color:#fafafa80;font-style:italic}.question-input:focus{border-color:#fafafa;box-shadow:0 0 0 2px #fafafa4d;background:#0006}.question-input:focus-visible{border-color:#fafafa;box-shadow:0 0 0 2px #fafafa4d}.cta-button{width:100%;padding:1rem 2rem;font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;color:#0a0a0a;background:#fafafa;border:none;border-radius:12px;cursor:pointer;transition:all .15s ease;letter-spacing:-.011em;box-shadow:0 1px 3px #0003;text-decoration:none;display:block;text-align:center}.cta-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.cta-button:active{transform:translateY(0) scale(.98);box-shadow:0 1px 3px #0003}.cta-button:focus-visible{outline:2px solid #FAFAFA;outline-offset:2px}.loader{width:100%;display:flex;flex-direction:column;gap:1rem;margin:2rem auto}.loader:before,.loader:after{content:"";width:100%;height:1rem;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.loader:after{width:70%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.content-section{width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paywall{width:100%;text-align:center;margin-top:1.5rem}.paywall h2{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#fafafa;margin-bottom:.75rem;letter-spacing:-.02em}.paywall p{font-family:Inter,sans-serif;font-size:1rem;color:#fafafab3;margin-bottom:1.5rem}.free-reading-badge{font-size:.8125rem;font-weight:500;color:#fafafa80;margin:-.5rem 0 1rem;text-align:center}.social-proof{font-size:.8125rem;color:#fafafa66;margin-bottom:.5rem;font-style:italic}@media(max-width:480px){.app-portal{margin:1rem auto;padding:1.5rem;width:95%}h1{font-size:1.1rem}h2{font-size:1.5rem}.interpretation p{font-size:1.1rem}.card-aspect-ratio{width:90%;max-width:280px}.question-input{font-size:16px}}@media(min-width:768px){.app-portal{margin:3rem auto}h1{font-size:1.4rem}.interpretation h2{font-size:2rem}.interpretation p{font-size:1.3rem}}