*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0618;--bg-card:#130d2e;--bg-elevated:#1a1035;--border-subtle:#2a1f4a;--border-medium:#3b1f8a;--purple-primary:#7c3aed;--purple-light:#c084fc;--gold:#fbbf24;--text-primary:#f5f3ff;--text-secondary:#a78bfa;--text-muted:#6b5fa0;--text-faint:#4b3f72;--green:#4ade80;--pink:#f472b6;--red:#f87171;--font-sans:var(--font-dm-sans), "DM Sans", sans-serif;--font-serif:"Playfair Display", Georgia, serif}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 15% 15%,#1e0a4a66 0%,#0000 50%),radial-gradient(at 85% 85%,#1a0e3a55 0%,#0000 50%),radial-gradient(#0d072266 0%,#0000 70%);animation:12s ease-in-out infinite alternate bgShift;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 80%,#7c3aed08 0%,#0000 40%),radial-gradient(circle at 80% 20%,#d9770608 0%,#0000 40%),radial-gradient(circle at 60% 60%,#7c3aed05 0%,#0000 30%);animation:18s ease-in-out infinite alternate bgShift2;position:fixed;inset:0}body>div#main-content{z-index:1;position:relative}@keyframes bgShift{0%{opacity:.6;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1.05)rotate(2deg)}}@keyframes bgShift2{0%{opacity:.4;transform:scale(1.02)rotate(-1deg)}to{opacity:.8;transform:scale(.98)rotate(1deg)}}#grain-overlay{opacity:.025;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.bg-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:fixed}.bg-orb-1{background:radial-gradient(circle,#7c3aed15,#0000 70%);width:400px;height:400px;animation-duration:25s;top:-100px;left:-100px}.bg-orb-2{background:radial-gradient(circle,#d9770612,#0000 70%);width:300px;height:300px;animation-duration:18s;animation-delay:-8s;bottom:-50px;right:-50px}.bg-orb-3{background:radial-gradient(circle,#7c3aed10,#0000 70%);width:200px;height:200px;animation-duration:30s;animation-delay:-15s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(20px,20px)scale(1.02)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);line-height:1.2}p{line-height:1.7}a{color:var(--purple-light);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#3b1f8a;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--purple-primary)}::selection{color:var(--text-primary);background:#7c3aed44}:focus-visible{outline:2px solid var(--purple-primary);outline-offset:2px;border-radius:6px}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;transition:all .2s}button:disabled{cursor:not-allowed}input,textarea,select{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border-subtle);background:#0d0520;border-radius:10px;outline:none;font-size:14px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--purple-primary);box-shadow:0 0 0 3px #7c3aed22}textarea{resize:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.fade-in{animation:.4s forwards fadeIn}.slide-up{animation:.5s forwards slideUp}.pulse-orb{animation:1.5s ease-in-out infinite pulse}.gradient-text{background:linear-gradient(135deg,#c084fc 0%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-btn:hover{transform:scale(1.03);box-shadow:0 0 28px #7c3aed55}.cta-btn:active{transform:scale(.98)}.option-btn:hover{border-color:var(--purple-primary)!important;background:#1e0a4a!important}.option-btn:active{transform:scale(.99)}.result-card:hover{border-color:#4c1d95!important}.google-btn:hover{border-color:var(--purple-primary)!important;background:#1e0a4a!important}.back-btn:hover{color:var(--purple-light)!important}.restart-btn:hover{color:var(--text-muted)!important;border-color:var(--border-medium)!important}.logout-btn:hover{border-color:var(--red)!important;color:var(--red)!important}.feed-btn:hover{opacity:.85;transform:scale(.98)}.toggle:hover{opacity:.85}.nav-cta:hover{transform:scale(1.03);box-shadow:0 0 20px #7c3aed44}.submit-btn:hover{transform:scale(1.02);box-shadow:0 0 24px #7c3aed44}.skeleton{background:linear-gradient(90deg,#1a1035 25%,#2a1f4a 50%,#1a1035 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@media (max-width:640px){html{font-size:15px}button{min-height:44px}input,textarea{font-size:16px!important}}@media print{body{color:#000;background:#fff}body:before,body:after,.bg-orb,.no-print{display:none}}