*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Jost,sans-serif;background:var(--bg);color:var(--text-primary);font-size:var(--fs-body);min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}:root{--bg: #07070F;--bg-raised: #0D0C1A;--surface: rgba(255,255,255,.035);--surface-hover: rgba(255,255,255,.06);--surface-card: rgba(255,255,255,.03);--border: rgba(255,255,255,.07);--border-accent: rgba(200,180,255,.3);--text-primary: #EDE9F8;--text-secondary: #C0B8E0;--text-muted: #9080B8;--text-faint: #7068A0;--pastel-lavender: #C7B4F8;--pastel-pink: #FFB8D4;--pastel-peach: #FFD4A8;--pastel-yellow: #FFF4A8;--pastel-mint: #B8F0D4;--pastel-sky: #B8E4FF;--purple: #9B88F0;--pink: #F0A0C4;--amber: #FFD4A8;--teal: #7FD4B8;--gold: #FFD4A8;--sky: #88CCEF;--gradient-title: linear-gradient( 135deg, #C7B4F8 0%, #FFB8D4 25%, #FFD4A8 50%, #B8F0D4 75%, #B8D8FF 100% );--gradient-primary: linear-gradient(135deg, #B8A0F0, #F0A0C8);--gradient-glow: radial-gradient(ellipse at 20% 30%, rgba(180,160,255,.1) 0%, transparent 55%), radial-gradient(ellipse at 80% 70%, rgba(255,160,200,.07) 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, rgba(160,220,255,.06) 0%, transparent 50%);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--nav-height: 68px;--fs-xs: 11px;--fs-sm: 13px;--fs-body: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--color-streak: #FFD88A;--streak-bg: rgba(255,220,100,.12);--streak-border: rgba(255,220,100,.3);--color-gold: #F8D080;--color-orange: #FFB067;--color-capricorn: #B5C7D3;--max-width: 520px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(200,180,255,.2);border-radius:2px}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-glow);pointer-events:none;z-index:0}.app{position:relative;max-width:var(--max-width);margin:0 auto;padding-bottom:var(--nav-height);min-height:100vh}.gradient-text{background:var(--gradient-title);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 7s ease infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes cardFlip{0%{opacity:0;transform:scale(.9) rotateY(20deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes twinkle{0%{opacity:.1}to{opacity:.8}}.fade-up{animation:fadeUp .3s ease both}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.glass:hover{background:var(--surface-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:500;letter-spacing:.03em;transition:opacity .2s,transform .12s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);padding:12px 24px;font-size:14px}.btn-secondary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 18px;font-size:13px}.btn-sm{padding:7px 14px!important;font-size:12px!important;border-radius:var(--radius-sm)!important}.btn-icon{padding:8px 16px!important}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:3px 11px;font-size:11px;border:1px solid}.page-header{padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.page-header h1{font-family:Playfair Display,serif;font-size:30px;font-weight:600;letter-spacing:.04em}.section{padding:0 16px 16px}.section-title{font-family:Playfair Display,serif;font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.reading-box{background:rgba(180,160,255,.07);border:1px solid rgba(180,160,255,.2);border-radius:var(--radius-md);padding:16px 18px;margin-top:14px;animation:fadeUp .4s ease}.reading-line{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.8;margin-bottom:10px}.reading-line:last-child{margin-bottom:0}.reading-line.affirmation{color:var(--pastel-lavender);font-style:italic;font-size:13px}.loader{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0}.loader-glyph{font-size:22px;display:inline-block;animation:pulse 1.6s ease infinite}.loader p{font-size:12px;color:var(--text-muted)}textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-primary);font-family:Jost,sans-serif;font-size:var(--fs-sm);resize:vertical;min-height:72px;outline:none;transition:border-color .2s}textarea:focus{border-color:#c8b4ff66}textarea::placeholder{color:var(--text-faint)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(7,7,15,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;padding:10px 0 max(16px,env(safe-area-inset-bottom));max-width:var(--max-width);margin:0 auto}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text-faint);font-family:Jost,sans-serif;font-size:var(--fs-xs);letter-spacing:.09em;text-transform:uppercase;padding:0 10px;transition:color .2s}.nav-btn.active{color:var(--pastel-lavender)}.nav-icon{font-size:22px;line-height:1}.star{position:fixed;background:white;border-radius:50%;pointer-events:none;z-index:0;animation:twinkle var(--dur, 3s) var(--delay, 0s) infinite alternate}.spread-diamond{position:relative;height:340px;width:100%;max-width:300px;margin:0 auto 16px}.spread-pos{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}.spread-pos-label{width:20px;height:20px;border-radius:50%;background:rgba(200,180,255,.1);border:1px solid rgba(200,180,255,.25);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--pastel-lavender)}.spread-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(200,180,255,.1);border:1px solid rgba(200,180,255,.25);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 24px #c8b4ff1f}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-head{text-align:center;font-size:var(--fs-xs);color:var(--text-faint);padding:6px 0;letter-spacing:.05em}.cal-day{min-height:72px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background .15s}.cal-day:hover{background:rgba(255,255,255,.05)}.cal-day.today{border-color:#c8b4ff59;background:rgba(200,180,255,.08)}.cal-day.selected{border-color:#c8b4ff99;background:rgba(200,180,255,.14)}.cal-day-num{font-size:var(--fs-xs);line-height:1;color:var(--text-secondary)}.cal-day.today .cal-day-num{color:var(--pastel-lavender);font-weight:600}.cal-day-moon{font-size:9px;line-height:1}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:background .15s}.entry-card:hover{background:var(--surface-hover)}[data-theme=light]{--bg: #F5F2FF;--bg-raised: #EDE9F8;--surface: rgba(80,60,180,.05);--surface-hover: rgba(80,60,180,.09);--surface-card: rgba(80,60,180,.04);--border: rgba(80,60,180,.13);--border-accent: rgba(100,80,200,.35);--text-primary: #1A1038;--text-secondary: #3D2E72;--text-muted: #7060A8;--text-faint: #9880BB;--pastel-lavender: #6B52D8;--pastel-pink: #C850A0;--pastel-peach: #D87840;--pastel-yellow: #B89000;--pastel-mint: #30A870;--pastel-sky: #2880C8;--purple: #6B52D8;--pink: #C850A0;--gold: #C89000;--gradient-title: linear-gradient(135deg,#6B52D8 0%,#C850A0 35%,#D87840 65%,#2888C0 100%);--gradient-primary: linear-gradient(135deg,#7865D8,#C850A0);--gradient-glow: radial-gradient(ellipse at 20% 30%, rgba(80,60,220,.06) 0%, transparent 55%), radial-gradient(ellipse at 80% 70%, rgba(200,80,160,.04) 0%, transparent 50%);--color-streak: #8B6000;--streak-bg: rgba(139,96,0,.1);--streak-border: rgba(139,96,0,.25);--color-gold: #8B6800;--color-orange: #B04800;--color-capricorn: #305878}[data-theme=light] body{background:var(--bg)}[data-theme=light] .star{opacity:.04}[data-theme=light] #root:before{opacity:.4}[data-theme=light] .glass{background:rgba(255,255,255,.7);border-color:#503cb41f;box-shadow:0 2px 12px #503cb412}[data-theme=light] .glass:hover{background:rgba(255,255,255,.85)}[data-theme=light] .bottom-nav{background:rgba(245,242,255,.96);border-top-color:#503cb41f}[data-theme=light] .nav-btn{color:var(--text-faint)}[data-theme=light] .nav-btn.active{color:var(--purple)}[data-theme=light] .reading-box{background:rgba(100,80,220,.06);border-color:#6450dc2e}[data-theme=light] .reading-line{color:var(--text-secondary)}[data-theme=light] .reading-line.affirmation{color:var(--purple)}[data-theme=light] .entry-card{background:rgba(255,255,255,.65);border-color:#503cb41a}[data-theme=light] .entry-card:hover{background:rgba(255,255,255,.85)}[data-theme=light] textarea,[data-theme=light] input[type=text]{background:rgba(255,255,255,.7);border-color:#503cb426;color:var(--text-primary)}[data-theme=light] textarea::placeholder,[data-theme=light] input::placeholder{color:var(--text-faint)}[data-theme=light] textarea:focus,[data-theme=light] input:focus{border-color:#6450dc66}[data-theme=light] .btn-secondary{background:rgba(255,255,255,.7);border-color:#503cb433;color:var(--text-secondary)}[data-theme=light] .btn-secondary:hover{background:rgba(255,255,255,.9)}[data-theme=light] .cal-day{background:rgba(255,255,255,.55);border-color:#503cb414}[data-theme=light] .cal-day:hover{background:rgba(255,255,255,.8)}[data-theme=light] .cal-day.today{background:rgba(100,80,220,.1);border-color:#6450dc59}[data-theme=light] .cal-day.selected{background:rgba(100,80,220,.15);border-color:#6450dc80}[data-theme=light] .cal-head,[data-theme=light] .loader p{color:var(--text-muted)}[data-theme=light] .spread-center,[data-theme=light] .spread-pos-label{background:rgba(100,80,220,.08);border-color:#6450dc33}[data-theme=light] .xp-bar-wrap,[data-theme=light] [class*=bar-wrap]{background:rgba(80,60,180,.1)}[data-theme=light] div[style*="rgba(255,255,255,0.07)"]{background:rgba(80,60,180,.1)!important}[data-theme=light] div[style*="rgba(255,255,255,0.03)"],[data-theme=light] div[style*="rgba(255,255,255,0.02)"]{background:rgba(80,60,180,.04)!important}[data-theme=light] div[style*="rgba(255,255,255,0.05)"],[data-theme=light] button[style*="rgba(255,255,255,0.03)"]{background:rgba(80,60,180,.04)!important;border-color:#503cb41f!important}[data-theme=light] .nav-icon{color:var(--text-faint)}[data-theme=light] .spread-center{background:rgba(80,60,180,.08);border-color:#503cb433}[data-theme=light] .tarot-back{background:linear-gradient(145deg,rgba(100,80,220,.12),rgba(200,100,180,.12));border-color:#6450dc40}[data-theme=light] .section-title{color:var(--text-primary)}[data-theme=light] .page-header p{color:var(--text-muted)}[data-theme=light] .loader-glyph{color:var(--purple)}[data-theme=light] .cal-day-num{color:var(--text-secondary)}[data-theme=light] .cal-day.today .cal-day-num,[data-theme=light] .nav-btn.active .nav-icon{color:var(--purple)}[data-theme=light] .pill{border-color:#503cb433}[data-theme=light] div[style*="background: '#0F0E1C'"],[data-theme=light] div[style*="'#0F0E1C'"]{background:var(--bg-raised)!important}[data-theme=light] div[style*="rgba(255,255,255,0.06)"]{background:rgba(80,60,180,.08)!important}[data-theme=light] button[aria-label*="light mode"],[data-theme=light] button[aria-label*="dark mode"]{background:rgba(80,60,180,.1)!important;border-color:#503cb440!important;color:var(--purple)!important}[data-theme=light] div[style*="borderRadius: '50%'"][style*="rgba(200,180,255"]{background:rgba(80,60,180,.1)!important;border-color:#503cb440!important}[data-theme=light] .tarot-card-back{background:linear-gradient(145deg,rgba(100,80,220,.1),rgba(200,100,180,.1))!important}[data-theme=light] div[style*="background: '#1A1830'"],[data-theme=light] div[style*="background: '#0F0E1C'"],[data-theme=light] div[style*="background: '#1A1A2E'"]{background:var(--bg-raised)!important}[data-theme=light] hr{border-color:#503cb426}[data-font=large]{--fs-xs: 12px;--fs-sm: 14px;--fs-body: 17px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px}[data-font=xl]{--fs-xs: 13px;--fs-sm: 15px;--fs-body: 19px;--fs-md: 21px;--fs-lg: 23px;--fs-xl: 27px}[data-font=xxl]{--fs-xs: 14px;--fs-sm: 17px;--fs-body: 22px;--fs-md: 24px;--fs-lg: 26px;--fs-xl: 30px}@keyframes headerShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-gradient{background:linear-gradient(135deg,#07070F,#1A0535,#3D0F6B,#6B1B4A,#1A0A35,#07070F);background-size:300% 300%;animation:headerShift 8s ease infinite}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes nebulaDrift{0%{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.08) rotate(1.5deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:.5}}@keyframes shimmerText{0%{background-position:0% center}to{background-position:200% center}}.founding-shimmer{background:linear-gradient(90deg,#F8D080,#FFB8D4,#C7B4F8,#4CC9F0,#F8D080,#FFB8D4,#F8D080);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 4s linear infinite}@keyframes oracleGlow{0%,to{box-shadow:0 0 4px #f8d05033,inset 0 0 4px #f8d0500d;opacity:.7}50%{box-shadow:0 0 16px #f8d050b3,0 0 32px #f8d05040,inset 0 0 8px #f8d0501a;opacity:1}}@keyframes oracleInnerPulse{0%,to{transform:scale(.88);opacity:.6;filter:drop-shadow(0 0 3px rgba(248,208,80,.4))}50%{transform:scale(1.12);opacity:1;filter:drop-shadow(0 0 8px rgba(248,208,80,.9))}}@keyframes oracleBorderPulse{0%,to{border-color:#f8d05033;box-shadow:0 0 #f8d05000,inset 0 0 #f8d05000}50%{border-color:#f8d050bf;box-shadow:0 0 10px #f8d0504d,inset 0 0 6px #f8d05014}}