:root{--bg-color:#faf7f3;--surface-color:#ffffffd9;--text-primary:#1a1a2e;--text-secondary:#3a1258;--accent-color:#d4af37;--accent-hover:#b8941f;--accent-glow:#d4af3740;--border-color:#d4af3740;--panel-border:#00000014;--card-dilemma-bg:#4a0d16;--card-quest-bg:#0f144a;--card-insight-bg:#332f11;--card-border:#e5c158;--status-allowed:#10b981;--status-approval:#f59e0b;--status-not-allowed:#ef4444;--status-escalation:#f97316;--font-family:"Montserrat", -apple-system, sans-serif;--font-serif:"Montserrat", sans-serif;--font-heading:"Montserrat", sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:2.5rem;--text-xs:.75rem;--text-sm:.85rem;--text-base:.95rem;--text-lg:1.05rem;--text-xl:1.2rem;--text-2xl:1.5rem;--text-3xl:1.8rem;--text-4xl:2.4rem;--text-5xl:3rem;--shadow-card:0 4px 20px #0000001f, 0 2px 8px #00000014;--shadow-card-hover:0 15px 40px #0003, 0 5px 15px #0000001a;--shadow-panel:0 4px 20px #00000014, 0 1px 4px #0000000a;--gold-gradient:linear-gradient(135deg, #b8941f 0%, #6b2170 50%, #7c3aed 100%)}@media (max-width:375px){:root{--space-lg:1.5rem;--space-xl:2rem;--text-2xl:1.3rem;--text-3xl:1.5rem;--text-4xl:1.7rem;--text-5xl:2rem}}*{box-sizing:border-box;margin:0;padding:0}html{height:100dvh}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;height:100dvh;overflow:hidden}@media (min-width:480px){body{background:#2a0a4a radial-gradient(circle at 50% 0,#4a1d70 0%,#1a0530 100%);justify-content:center;align-items:center;display:flex}}input,textarea,select{appearance:none}#root{background-color:var(--bg-color);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:1;width:100%;height:100dvh;position:relative;overflow:hidden auto}@media (min-width:480px){#root{border:1px solid #0000000f;border-radius:24px;max-width:414px;height:100vh;max-height:896px;box-shadow:0 0 60px #00000026,0 0 120px #00000014}}body.desktop-mode{display:block}body.desktop-mode #root{max-width:none;height:100vh;max-height:none;box-shadow:none;background:var(--bg-color);border:none;border-radius:0}#root:before{content:"";filter:blur(100px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#d4af370d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:10%;left:50%;transform:translate(-50%)}#root:after{content:"";filter:blur(100px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#581c870a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-panel);border:1px solid #d4af374d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.section-banner{justify-content:center;align-items:center;margin:2.5rem 0 2rem;padding:10px 0;display:flex;position:relative}.section-banner-inner{background:var(--bg-color);border-top:2px solid var(--accent-color);border-bottom:2px solid var(--accent-color);box-shadow:var(--shadow-card);border-radius:4px;padding:8px 40px;position:relative}.section-banner-inner:before,.section-banner-inner:after{content:"";background:var(--bg-color);border-left:2px solid var(--accent-color);border-right:2px solid var(--accent-color);width:4px;position:absolute;top:-6px;bottom:-6px}.section-banner-inner:before{left:-6px}.section-banner-inner:after{right:-6px}.section-title{font-family:var(--font-heading);color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;margin:0;font-size:1.4rem;font-weight:400}.tarot-card{border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;padding:12px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.tarot-card:hover{box-shadow:var(--shadow-card-hover)}.tarot-card.dilemma{background:var(--card-dilemma-bg)}.tarot-card.quest{background:var(--card-quest-bg)}.tarot-card.insight{background:var(--card-insight-bg)}.tarot-card-inner{border:1px solid var(--card-border);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 L24 0 A24 24 0 0 0 0 24 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M0 0 L18 0 A18 18 0 0 0 0 18 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M0 0 L12 0 A12 12 0 0 0 0 12 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M0 0 L6 0 A6 6 0 0 0 0 6 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0 L0 0 A24 24 0 0 1 24 24 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M24 0 L6 0 A18 18 0 0 1 24 18 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M24 0 L12 0 A12 12 0 0 1 24 12 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M24 0 L18 0 A6 6 0 0 1 24 6 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24 L24 24 A24 24 0 0 1 0 0 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M0 24 L18 24 A18 18 0 0 1 0 6 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M0 24 L12 24 A12 12 0 0 1 0 12 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M0 24 L6 24 A6 6 0 0 1 0 18 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 24 L0 24 A24 24 0 0 0 24 0 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M24 24 L6 24 A18 18 0 0 0 24 6 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M24 24 L12 24 A12 12 0 0 0 24 12 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3Cpath d='M24 24 L18 24 A6 6 0 0 0 24 18 Z' fill='none' stroke='%23e5c158' stroke-width='1'/%3E%3C/svg%3E");background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;flex-direction:column;height:100%;padding:20px;display:flex;position:relative}.tarot-badge{color:var(--card-border);font-family:var(--font-family);text-transform:uppercase;letter-spacing:2px;background:#0000004d;border:1px solid #e5c15866;border-radius:20px;padding:6px 20px;font-size:.8rem;font-weight:600}.tarot-content-wrapper{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.btn{color:#fff;cursor:pointer;letter-spacing:.5px;touch-action:manipulation;background:linear-gradient(135deg,#b8941f 0%,#6b2170 60%,#5a1a8a 100%);border:none;border-radius:12px;min-height:48px;padding:1rem 28px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #6b21704d}.btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn:hover:after{left:150%}.btn:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-outline{color:var(--text-primary);box-shadow:none;background:0 0;border:1px solid #00000026}.btn-outline:hover{box-shadow:none;background:#0000000a}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes mysticGlow{0%{filter:drop-shadow(0 0 4px #d4af3726)}50%{filter:drop-shadow(0 0 20px #d4af3766)}to{filter:drop-shadow(0 0 4px #d4af3726)}}.glow-panel{animation:4s ease-in-out infinite mysticGlow}.pulse-loader{gap:6px;display:flex}.pulse-loader span{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both pulse}.pulse-loader span:first-child{animation-delay:-.32s}.pulse-loader span:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.cta-btn{text-transform:none;letter-spacing:.5px;cursor:pointer;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#b8941f 0%,#6b2170 60%,#5a1a8a 100%);border:none;border-radius:12px;width:100%;min-height:52px;padding:1rem;font-family:inherit;font-size:1.05rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 16px #6b21704d}.cta-btn:disabled{opacity:.45;cursor:not-allowed}.cta-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;transition:none;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.cta-btn:hover .cta-shimmer{transition:left .55s cubic-bezier(.4,0,.2,1);left:160%}.cta-ripple{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff59,#0000 70%);border-radius:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute}.cta-text{z-index:1;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.animated-dots:after{content:"";text-align:left;min-width:1em;animation:1.5s step-end infinite animatedDots;display:inline-block}@keyframes animatedDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}