@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,500;1,600&display=swap";*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg: #050711;--bg-soft: #0d1328;--panel: rgba(13, 19, 40, .72);--panel-strong: rgba(12, 18, 38, .92);--border: rgba(255, 214, 120, .16);--gold: #eab85d;--gold-strong: #ffd978;--gold-dim: rgba(234, 184, 93, .15);--cream: #f6efe3;--muted: rgba(246, 239, 227, .62);--muted-soft: rgba(246, 239, 227, .35);--purple: #9d7eff;--teal: #5ee6d7;--shadow: 0 30px 80px rgba(0, 0, 0, .45)}.fortune-page{min-height:100vh;font-family:DM Sans,sans-serif;color:var(--cream);background:radial-gradient(circle at top,rgba(124,88,255,.1),transparent 30%),radial-gradient(circle at 20% 80%,rgba(31,193,255,.08),transparent 25%),linear-gradient(180deg,#050712,#090d1d 40%,#050711);position:relative;overflow-x:hidden}.fortune-starfield,.grain,.aurora,.glow-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.fortune-starfield{width:100%;height:100%;opacity:.85}.grain{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.aurora-blob,.orb{position:absolute;border-radius:50%;filter:blur(80px)}.aurora-blob:nth-child(1){width:520px;height:360px;background:#9d7eff2e;top:-120px;left:-120px;animation:floatBlob 18s ease-in-out infinite}.aurora-blob:nth-child(2){width:460px;height:460px;background:#5ee6d71a;top:18%;right:-140px;animation:floatBlob 22s ease-in-out infinite reverse}.aurora-blob:nth-child(3){width:500px;height:300px;background:#eab85d1a;left:18%;bottom:-80px;animation:floatBlob 26s ease-in-out infinite}.orb:nth-child(1){width:180px;height:180px;background:#ffd9781a;top:12%;left:16%;filter:blur(40px);animation:shimmer 8s ease-in-out infinite}.orb:nth-child(2){width:120px;height:120px;background:#a279ff1a;right:20%;top:54%;filter:blur(34px);animation:shimmer 10s ease-in-out infinite reverse}.page{position:relative;z-index:1;min-height:100vh;padding-top:70px}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#05071170;border-bottom:1px solid rgba(255,214,120,.08)}.topbar-inner{margin:0 auto;display:flex;justify-content:center;align-items:center;gap:18px;padding:14px 0;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.stat-chip strong{font-family:Cinzel,serif;font-size:.95rem;color:var(--gold-strong);letter-spacing:.04em}.stat-chip span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-soft)}.hero{width:min(980px,calc(100% - 32px));margin:0 auto;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:34px 0 72px;text-align:center}.hero-copy{width:100%;max-width:760px;animation:rise .8s ease both}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,214,120,.16);background:#ffd6780d;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#ffd978d6;margin-bottom:22px}.hero-title{margin:0 0 16px;font-family:Cinzel,serif;font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.02em;font-weight:700}.hero-title em{font-style:normal;color:var(--accent, var(--gold));text-shadow:0 0 30px var(--accent-dim, var(--gold-dim))}.hero-sub{margin:0 auto 24px;max-width:280px;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:var(--muted)}.hero-note{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#f6efe3b8;font-size:.86rem;margin:0 auto 28px}.hero-note-dot{width:8px;height:8px;border-radius:50%;background:var(--accent, var(--gold));box-shadow:0 0 16px var(--accent, var(--gold));animation:pulse 2s ease-in-out infinite}.mode-wrap{margin-top:10px;display:flex;flex-direction:column;align-items:center}.mode-label{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-soft);margin-bottom:12px}.mode-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mode-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f6efe3b8;padding:10px 16px;border-radius:999px;font:inherit;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s ease}.mode-chip:hover,.mode-chip.active{transform:translateY(-1px);border-color:var(--accent, var(--gold));background:var(--accent-dim, var(--gold-dim));color:var(--cream);box-shadow:0 10px 24px #00000029}.stage-panel{position:relative;width:100%;max-width:720px;background:linear-gradient(180deg,#0c1226d6,#070a16d6);border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:26px;box-shadow:var(--shadow);overflow:hidden;animation:rise .8s .1s ease both}.stage-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,214,120,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%);pointer-events:none}.stage-head,.stage-actions,.cookie-stage{position:relative;z-index:1}.stage-head{text-align:center;margin-bottom:18px}.stage-title{font-family:Cinzel,serif;font-size:1.1rem;margin:0 0 6px;color:var(--cream);letter-spacing:.04em}.stage-sub{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.cookie-stage{position:relative;min-height:auto;display:grid;place-items:center;margin:12px 0 22px;isolation:isolate}.cookie-wrap{position:relative;z-index:4;display:flex;align-items:center;justify-content:center}.cookie-shell{position:relative;z-index:3;width:260px;height:260px;display:grid;place-items:center;cursor:pointer;transition:transform .25s ease}.cookie-shell:hover{transform:translateY(-4px) scale(1.02)}.cookie-svg{width:220px;height:220px;overflow:visible;filter:drop-shadow(0 16px 36px rgba(234,184,93,.22));transition:filter .3s ease}.cookie-shell:hover .cookie-svg{filter:drop-shadow(0 20px 42px rgba(234,184,93,.35))}.cookie-half{transform-origin:center;transition:transform .75s cubic-bezier(.34,1.4,.64,1)}.cookie-shell.is-opening .cookie-half.left{transform:translate(-42px,-18px) rotate(-20deg)}.cookie-shell.is-opening .cookie-half.right{transform:translate(42px,18px) rotate(18deg)}.cookie-lottie-wrap{width:min(400px,86vw);height:min(400px,86vw);display:flex;align-items:center;justify-content:center;cursor:pointer;filter:drop-shadow(0 18px 40px rgba(234,184,93,.25));transition:transform .25s ease,filter .25s ease}.cookie-lottie-wrap:hover{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 22px 46px rgba(234,184,93,.38))}.halo,.light-burst,.constellation-ring{position:absolute;border-radius:50%;pointer-events:none}.halo{width:290px;height:290px;background:radial-gradient(circle,var(--accent-dim, var(--gold-dim)) 0%,transparent 68%);opacity:.65;animation:breathe 4s ease-in-out infinite;filter:blur(10px);z-index:0}.constellation-ring{width:320px;height:320px;border:1px solid rgba(255,255,255,.06);z-index:0;opacity:.5}.constellation-ring:before,.constellation-ring:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent, var(--gold));box-shadow:0 0 12px var(--accent, var(--gold))}.constellation-ring:before{top:28px;left:54px}.constellation-ring:after{right:42px;bottom:44px}.light-burst{width:360px;height:360px;background:radial-gradient(circle,rgba(255,217,120,.35) 0%,rgba(157,126,255,.14) 30%,transparent 70%);opacity:0;transform:scale(.3);transition:opacity .7s ease,transform .7s ease;z-index:1;filter:blur(2px)}.light-burst.active{opacity:1;transform:scale(1)}.cookie-shadow{position:absolute;bottom:38px;width:180px;height:28px;border-radius:50%;background:#00000052;filter:blur(12px);z-index:0}.stage-actions{display:grid;gap:12px}.cta-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:22px;padding:18px 22px;font:inherit;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:#1d1000;background:linear-gradient(135deg,#bb8a28,#ffd978,#d39f38);box-shadow:0 18px 34px #eab85d38,inset 0 1px #ffffff4d;position:relative;overflow:hidden;transition:.2s ease}.cta-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-120%);transition:transform .7s ease}.cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 46px #eab85d47,inset 0 1px #ffffff4d}.cta-btn:hover:not(:disabled):before{transform:translate(120%)}.ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--muted);border-radius:14px;padding:13px 14px;font:inherit;font-size:.84rem;cursor:pointer;transition:.2s ease}.ghost-btn:hover{border-color:var(--accent, var(--gold));background:var(--accent-dim, var(--gold-dim));color:var(--cream)}.fortune-result-card{width:min(520px,100%);padding:28px;border-radius:26px;position:relative;overflow:hidden}.fortune-result-card>*{position:relative;z-index:1}.fortune-result-title{font-family:Cinzel,serif;color:var(--accent, var(--gold));font-size:1rem;letter-spacing:.08em;margin:0 0 18px}.fortune-result-card .paper-top{height:9px;background:repeating-linear-gradient(90deg,#f1ddb2 0,#f1ddb2 10px,#e3c98e 10px,#e3c98e 20px);border-radius:10px 10px 0 0}.fortune-result-card .paper-body p{background:linear-gradient(180deg,#fff5df,#f5ead0);color:#593a00;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1em,2vw,1.2em);line-height:1.6;padding:clamp(2em,3vw,3em) clamp(1em,4vw,4em);text-align:center;border-radius:0 0 10px 10px}.footer-credit{position:relative;z-index:1;text-align:center;padding:0 18px 36px;color:#f6efe373;font-size:.85rem}.footer-credit p{margin:16px 0 0}.fortune-result-card input,.fortune-result-card textarea{color:#241600}.fortune-result-card img{border-radius:16px;max-width:100%}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.45}}@keyframes breathe{0%,to{transform:scale(1);opacity:.58}50%{transform:scale(1.08);opacity:.92}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-20px) scale(1.08);opacity:.9}}@keyframes floatBlob{0%,to{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-24px) translate(10px) scale(1.05)}}.global-feed-section{width:min(1120px,calc(100% - 32px));margin:0 auto 90px;position:relative;z-index:1}.global-feed-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.global-feed-title{font-family:Cinzel,serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cream);margin:0}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#8affcde0}.live-dot{width:7px;height:7px;border-radius:50%;background:#45f0b8;box-shadow:0 0 12px #45f0b8;animation:pulse 1.8s ease-in-out infinite}.feed-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feed-card{background:linear-gradient(180deg,#0c1226eb,#080c1ae6);border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.feed-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,var(--accent-dim, var(--gold-dim)),transparent 36%);pointer-events:none}.feed-card-inner{position:relative;z-index:1;padding:28px}.feed-item-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.75rem;background:#ffffff0f;color:var(--cream)}.feed-item-meta strong{display:block;font-size:.76rem;color:#f6efe3d6;margin-bottom:4px}.feed-item-meta span{font-size:.68rem;color:var(--muted-soft)}.feed-quote{margin:0;font-family:Playfair Display,serif;font-style:italic;font-size:.94rem;color:var(--muted);line-height:1.65;min-height:92px}.feed-mode{margin-top:16px;display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.68rem;color:var(--accent, var(--gold));letter-spacing:.12em;text-transform:uppercase}@media (max-width: 980px){.feed-list{grid-template-columns:1fr}.feed-quote{min-height:0}}.fortune-detail-section{width:min(1120px,calc(100% - 32px));margin:0 auto 80px;position:relative;z-index:1}.fortune-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.fortune-main-card,.fortune-side-card{background:linear-gradient(180deg,#0c1226eb,#080c1ae6);border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;position:relative}.fortune-main-card:before,.fortune-side-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,var(--accent-dim, var(--gold-dim)),transparent 36%);pointer-events:none}.fortune-main-inner,.fortune-side-inner{position:relative;z-index:1;padding:34px}.fortune-badge{display:inline-flex;padding:9px 18px;border-radius:999px;border:1px solid var(--accent, var(--gold));background:var(--accent-dim, var(--gold-dim));color:var(--accent, var(--gold));font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px}.fortune-big-quote{font-family:Playfair Display,serif;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.7;color:var(--cream);margin:0 0 28px}.fortune-lucky-row{display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted-soft);text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;flex-wrap:wrap}.fortune-lucky-row strong{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff0f;color:var(--cream);letter-spacing:0}.fortune-share-main{width:100%;margin-top:26px;border:none;border-radius:14px;padding:16px;background:linear-gradient(135deg,#bb8a28,#ffd978,#d39f38);color:#1d1000;font-weight:800;cursor:pointer}.fortune-side-stack{display:grid;gap:20px}.side-kicker{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;margin-bottom:14px}.fortune-side-card p{color:var(--muted);line-height:1.7;margin:0 0 14px}.cosmic-time{font-family:Cinzel,serif;color:var(--gold-strong);font-size:1.8rem;letter-spacing:.08em;margin:18px 0}.whisper-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.whisper-row:first-of-type{border-top:0}.whisper-row strong{display:block;color:var(--cream);font-size:.85rem;margin-bottom:4px}.whisper-row p{font-family:Playfair Display,serif;font-style:italic;margin:0;font-size:.9rem}@media (max-width: 980px){.fortune-detail-grid{grid-template-columns:1fr}}.prototype-action-row{width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:1}.prototype-ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#ffffff05),linear-gradient(90deg,#ffffff05,#ffd9780a,#ffffff05);color:#f6efe3e0;border-radius:28px;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:clamp(.8rem,2vw,1rem);cursor:pointer;box-shadow:inset 0 1px #ffffff0a,0 18px 34px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}.prototype-ghost-btn:hover{transform:translateY(-2px);border-color:#ffd9782e;color:#fff6df;background:linear-gradient(180deg,#ffffff0a,#ffffff06),linear-gradient(90deg,#ffffff05,#ffd97812,#ffffff05);box-shadow:inset 0 1px #ffffff0d,0 24px 42px #00000038}.prototype-ghost-btn:active{transform:translateY(0)}@media (max-width: 768px){.prototype-action-row{grid-template-columns:1fr;gap:14px;width:100%}.prototype-ghost-btn{border-radius:22px;font-size:1.05rem}}.mystic-visual-card{margin:22px auto 0;padding:24px 22px;max-width:360px;border-radius:24px;background:radial-gradient(circle at top,var(--accent-dim, rgba(234, 184, 93, .16)),transparent 60%),#ffffff09;border:1px solid rgba(255,255,255,.08);text-align:center;overflow:hidden;position:relative}.mystic-visual-card:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 180deg,transparent,rgba(255,217,120,.16),transparent,rgba(157,126,255,.14),transparent);animation:mysticSpin 10s linear infinite;opacity:.45}.mystic-visual-card>*{position:relative;z-index:1}.mystic-orb{width:94px;height:94px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%),var(--accent-dim, rgba(234, 184, 93, .16));box-shadow:0 0 24px var(--accent-dim, rgba(234, 184, 93, .2)),inset 0 0 24px #ffffff0f}.mystic-orb span{font-size:2.6rem;filter:drop-shadow(0 0 14px var(--accent, #ffd978))}.mystic-visual-card h3{margin:0 0 8px;font-family:Cinzel,serif;color:var(--accent, #ffd978);font-size:1rem}.mystic-visual-card p{margin:0;color:var(--muted);font-family:Playfair Display,serif;font-style:italic;line-height:1.6}@keyframes mysticSpin{to{transform:rotate(360deg)}}.reading-text{position:relative;z-index:4;margin:-18px 0 0;color:var(--accent, #ffd978);font-family:Playfair Display,serif;font-style:italic;font-size:1rem;letter-spacing:.04em;text-shadow:0 0 18px var(--accent-dim, rgba(255, 217, 120, .18))}.cookie-message{position:relative;z-index:5;margin-top:-24px;text-align:center;animation:rise .4s ease both}.cookie-message-icons{display:flex;justify-content:center;gap:22px;margin-bottom:10px;color:var(--accent, #ffd978);font-size:1.6rem;text-shadow:0 0 18px var(--accent-dim, rgba(255, 217, 120, .2))}.cookie-message-icons span{animation:cookieMessageFloat 1.8s ease-in-out infinite}.cookie-message-icons span:nth-child(2){animation-delay:.25s}.cookie-message-icons span:nth-child(3){animation-delay:.5s}.cookie-message p{margin:0 0 .5em;font-family:Cinzel,serif;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;letter-spacing:.08em;color:var(--accent, #ffd978);text-shadow:0 0 22px var(--accent-dim, rgba(255, 217, 120, .2))}@keyframes cookieMessageFloat{0%,to{transform:translateY(0) scale(1);opacity:.75}50%{transform:translateY(-6px) scale(1.08);opacity:1}}.edit-btn{height:34px;width:34px}@media (max-width: 980px){.page{padding-top:0}.hero{min-height:auto;padding-top:24px}}@media (max-width: 640px){.topbar{position:relative}.topbar-inner{justify-content:center;gap:10px}.stat-chip{padding:2px 10px}.stat-chip span{font-size:.58rem}.hero{width:min(100% - 24px,980px);gap:26px;padding-bottom:2em}.hero-title{font-size:clamp(2.2rem,4vw,3.6rem)}.hero-note{text-align:left}.stat-chip strong{font-size:.8em}.stage-panel{padding:20px;border-radius:26px}.cookie-stage{margin:0 0 1em}.halo{width:250px;height:250px}.constellation-ring{width:280px;height:280px}.light-burst{width:300px;height:300px}.fortune-result-card{padding:22px 18px}.cta-btn{letter-spacing:.1em}.feed-item-top{align-items:flex-start}}