@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-primary: radial-gradient(circle at 50% 50%, #150d2e 0%, #080516 100%);--bg-card: rgba(28, 18, 59, .55);--bg-card-hover: rgba(43, 29, 87, .7);--border-gold: rgba(212, 175, 55, .35);--border-gold-hover: rgba(212, 175, 55, .7);--color-gold: #d4af37;--color-gold-bright: #ffd700;--color-text-primary: #f5f3f7;--color-text-secondary: #c2bcd0;--shadow-gold: 0 0 15px rgba(212, 175, 55, .15);--shadow-gold-heavy: 0 0 25px rgba(212, 175, 55, .4);--font-serif: "Cinzel", serif;--font-sans: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background:var(--bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#08051680}::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:3px}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.ambient-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);top:10%;left:5%;pointer-events:none;z-index:0}.ambient-glow-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(142,68,173,.1) 0%,transparent 70%);bottom:10%;right:5%;pointer-events:none;z-index:0}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d081c99;border-bottom:1px solid var(--border-gold);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;z-index:10;position:sticky;top:0}.header-title-container{display:flex;align-items:center;gap:.75rem}.header-logo{color:var(--color-gold);filter:drop-shadow(0 0 5px rgba(212,175,55,.5))}.app-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#fff 30%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-nav{display:flex;gap:1rem}.nav-btn{background:transparent;border:1px solid transparent;color:var(--color-text-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-btn:hover{color:var(--color-gold);background:#d4af370d}.nav-btn.active{color:var(--color-text-primary);background:#d4af371a;border-color:var(--border-gold);box-shadow:var(--shadow-gold)}.app-main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto;z-index:2;position:relative}.welcome-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:70vh;gap:2rem;animation:fadeIn .8s ease}.welcome-title-large{font-family:var(--font-serif);font-size:clamp(1.5rem,6vw,3rem);font-weight:800;letter-spacing:4px;line-height:1.2;background:linear-gradient(135deg,#fff 10%,var(--color-gold) 60%,var(--color-gold-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtitle{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;line-height:1.6}.welcome-options{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:800px;margin-top:1rem}@media(min-width:768px){.welcome-options{grid-template-columns:1fr 1fr}}.welcome-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:16px;padding:2.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);transform:translate(-100%);transition:transform .6s ease}.welcome-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);border-color:var(--border-gold-hover);box-shadow:var(--shadow-gold-heavy)}.welcome-card:hover:before{transform:translate(100%)}.welcome-icon-wrapper{background:#d4af371a;border:1px solid var(--border-gold);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gold);box-shadow:var(--shadow-gold);transition:transform .4s ease}.welcome-card:hover .welcome-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#d4af3733;color:var(--color-gold-bright)}.welcome-card h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:1px}.welcome-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.section-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:16px;padding:2rem;box-shadow:var(--shadow-gold);animation:fadeIn .6s ease}.section-title{font-family:var(--font-serif);font-size:2rem;color:#fff;margin-bottom:.5rem;letter-spacing:2px;display:flex;align-items:center;gap:.75rem}.section-subtitle{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem}.question-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.input-label{font-weight:600;color:var(--color-gold);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.text-input{background:#0d081cb3;border:1px solid var(--border-gold);border-radius:8px;padding:1rem;color:#fff;font-family:var(--font-sans);font-size:1.05rem;transition:all .3s ease;width:100%}.text-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 10px #d4af374d}.btn-primary{background:linear-gradient(135deg,var(--color-gold) 0%,#b8860b 100%);border:none;color:#100926;font-family:var(--font-sans);font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-heavy);background:linear-gradient(135deg,var(--color-gold-bright) 0%,var(--color-gold) 100%)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.deck-area{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin-top:1.5rem}.deck-animation-container{position:relative;height:220px;width:100%;max-width:500px;display:flex;justify-content:center;align-items:center}.deck-card-back{position:absolute;width:130px;height:200px;background-image:url(/cartas/dorso.jpg);background-size:cover;background-position:center;border:2px solid var(--color-gold);border-radius:10px;box-shadow:0 4px 10px #00000080;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.shuffling-1{transform:rotate(-5deg) translate(-30px)}.shuffling-2{transform:rotate(0);z-index:5}.shuffling-3{transform:rotate(5deg) translate(30px)}.deck-card-back.shuffling-active-1{animation:shuffleLeft .5s ease-in-out alternate infinite}.deck-card-back.shuffling-active-2{animation:shuffleMiddle .5s ease-in-out alternate infinite}.deck-card-back.shuffling-active-3{animation:shuffleRight .5s ease-in-out alternate infinite}@keyframes shuffleLeft{0%{transform:rotate(-5deg) translate(-30px)}to{transform:rotate(-15deg) translate(-80px) scale(.95)}}@keyframes shuffleMiddle{0%{transform:rotate(0) scale(1)}to{transform:rotate(0) translateY(-20px) scale(1.05)}}@keyframes shuffleRight{0%{transform:rotate(5deg) translate(30px)}to{transform:rotate(15deg) translate(80px) scale(.95)}}.card-selection-slots{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;width:100%}.card-slot{width:140px;height:220px;border:2px dashed rgba(212,175,55,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d4af3766;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;background:#0805164d}.card-slot.filled{border-style:solid;border-color:var(--color-gold);background:transparent}.card-3d{width:100%;height:100%;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.card-3d.flipped .card-inner{transform:rotateY(180deg)}.card-3d.flipped.inverted .card-inner{transform:rotateY(180deg) rotate(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;border:2px solid var(--color-gold);box-shadow:var(--shadow-gold)}.card-back{background-image:url(/cartas/dorso.jpg);background-size:cover;background-position:center}.card-front{background:linear-gradient(135deg,#1d1538,#0d081c);transform:rotateY(180deg);display:flex;flex-direction:column;padding:.75rem;justify-content:space-between;align-items:center;overflow:hidden}.card-corner{display:flex;justify-content:space-between;width:100%;font-size:.85rem;font-weight:700;color:var(--color-gold)}.card-symbol-center{font-size:3.5rem;filter:drop-shadow(0 0 8px rgba(212,175,55,.3));margin:auto}.card-name-label{font-family:var(--font-serif);font-size:.8rem;font-weight:700;text-align:center;color:#fff;letter-spacing:.5px;border-top:1px solid var(--border-gold);width:100%;padding-top:.4rem}.manual-selector-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:992px){.manual-selector-layout{grid-template-columns:320px 1fr}}.selected-slots-preview{display:flex;flex-direction:column;gap:1rem}.mini-slot-preview{background:#0d081c80;border:1px solid var(--border-gold);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.mini-slot-preview.active{border-color:var(--color-gold-bright);background:#d4af371a;box-shadow:var(--shadow-gold)}.mini-slot-info{display:flex;align-items:center;gap:.75rem}.mini-slot-index{font-family:var(--font-serif);font-weight:800;color:var(--color-gold);width:20px}.palo-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.palo-btn{background:#0d081c99;border:1px solid var(--border-gold);border-radius:6px;padding:.75rem .25rem;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s ease}.palo-btn:hover{border-color:var(--color-gold);color:#fff}.palo-btn.selected{background:var(--color-gold);color:#100926;border-color:var(--color-gold)}.palo-btn.oros.selected{background:#d4af37}.palo-btn.copas.selected{background:#e74c3c;color:#fff}.palo-btn.espadas.selected{background:#3498db;color:#fff}.palo-btn.bastos.selected{background:#2ecc71;color:#fff}.cards-keyboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem}.key-card{aspect-ratio:2/3;background:#0d081c99;border:1px solid var(--border-gold);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;padding:.25rem}.key-card:hover{transform:scale(1.05);border-color:var(--color-gold-bright)}.key-card-val{font-size:1.1rem;font-weight:700;color:#fff}.key-card-name{font-size:.65rem;color:var(--color-text-secondary);text-align:center;line-height:1.1}.orientation-toggle{display:flex;gap:.75rem;margin-bottom:1.5rem}.opt-btn{flex:1;background:#0d081c99;border:1px solid var(--border-gold);color:var(--color-text-secondary);padding:.75rem;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.opt-btn.selected{background:#d4af371a;border-color:var(--color-gold);color:var(--color-gold);box-shadow:var(--shadow-gold)}.result-parchment{background:radial-gradient(circle at top left,#231942,#11092a);border:2px solid var(--color-gold);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-gold-heavy),inset 0 0 40px #0009;max-width:800px;margin:0 auto;animation:slideUp .8s cubic-bezier(.25,.8,.25,1);position:relative}.result-parchment:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(212,175,55,.25);border-radius:12px;pointer-events:none}.parchment-header{text-align:center;margin-bottom:2.5rem;position:relative}.parchment-tag{color:var(--color-gold);font-size:.85rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.parchment-title{font-family:var(--font-serif);font-size:2.2rem;color:#fff;text-shadow:0 0 10px rgba(212,175,55,.2)}.drawn-cards-summary{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.summary-card-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mini-card-view{width:90px;height:140px;border-radius:8px;border:2px solid var(--color-gold);background:linear-gradient(135deg,#1d1538,#0d081c);display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;align-items:center;box-shadow:var(--shadow-gold)}.mini-card-view.inverted{transform:rotate(180deg)}.card-orientation-badge{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.reading-narrative{line-height:1.8;color:var(--color-text-primary);font-size:1.05rem;margin-bottom:3rem;text-align:justify}.reading-narrative p{margin-bottom:1.5rem}.psychomagic-prescription{background:#08051680;border:1px solid var(--border-gold);border-radius:12px;padding:2rem;position:relative;overflow:hidden}.prescription-watermark{position:absolute;right:-20px;bottom:-20px;font-size:8rem;opacity:.03;pointer-events:none}.prescription-title-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-gold);padding-bottom:.75rem}.prescription-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--color-gold-bright)}.prescription-metafora{font-style:italic;color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1.5rem;border-left:2px solid var(--color-gold);padding-left:.75rem}.prescription-list-title{font-size:.85rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:700}.prescription-materials{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.material-tag{background:#d4af3714;border:1px solid var(--border-gold);color:var(--color-text-primary);padding:.35rem .75rem;border-radius:20px;font-size:.85rem}.prescription-steps{margin-bottom:1.5rem;list-style:none}.prescription-steps li{margin-bottom:.75rem;font-size:.95rem;line-height:1.5;display:flex;align-items:flex-start;gap:.75rem;color:var(--color-text-secondary)}.step-num{color:var(--color-gold);font-weight:700;min-width:18px}.prescription-decreto-box{background:#d4af370d;border:1px dashed var(--border-gold);border-radius:8px;padding:1.25rem;text-align:center}.prescription-decreto{font-family:var(--font-serif);font-size:1.15rem;color:#fff;font-style:italic;line-height:1.5}.presc-footer{margin-top:2rem;display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-secondary);border-top:1px solid rgba(212,175,55,.15);padding-top:1rem}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.crystal-ball-loader{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#8e44ad 0%,#2980b9 70%,transparent 100%);animation:levitate 2s ease-in-out infinite alternate,pulse-shadow 1.5s infinite alternate;border:2px solid var(--color-gold)}.loading-text{font-family:var(--font-serif);color:var(--color-gold);font-size:1.2rem;letter-spacing:2px;animation:pulse-glow 1.5s infinite alternate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes levitate{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes pulse-shadow{0%{box-shadow:0 0 10px #8e44ad4d}to{box-shadow:0 0 25px #d4af37b3}}@keyframes pulse-glow{0%{opacity:.5}to{opacity:1}}.hypnotic-eye-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0 3.5rem;max-width:600px;width:100%}.hypnotic-eye-wrapper{position:relative;width:min(78vw,320px);height:min(78vw,320px);border-radius:50%;background:radial-gradient(circle,rgba(26,16,60,.8) 0%,rgba(8,5,22,.9) 70%,transparent 100%);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(212,175,55,.35);padding:15px;box-shadow:0 0 40px #8e44ad59,inset 0 0 30px #d4af3726;animation:levitate 4s ease-in-out infinite alternate,eye-super-glow 12s ease-in-out infinite alternate}@keyframes eye-super-glow{0%{border-color:#d4af3759;box-shadow:0 0 40px #8e44ad59,inset 0 0 30px #d4af3726;background:radial-gradient(circle,rgba(26,16,60,.8) 0%,rgba(8,5,22,.9) 70%,transparent 100%)}33%{border-color:#2980b9b3;box-shadow:0 0 50px #2980b980,inset 0 0 35px #2980b940;background:radial-gradient(circle,rgba(11,26,60,.8) 0%,rgba(5,10,22,.9) 70%,transparent 100%)}66%{border-color:#e74c3cb3;box-shadow:0 0 50px #e74c3c80,inset 0 0 35px #e74c3c40;background:radial-gradient(circle,rgba(60,16,26,.8) 0%,rgba(22,5,10,.9) 70%,transparent 100%)}to{border-color:#d4af37bf;box-shadow:0 0 60px #d4af37a6,inset 0 0 35px #d4af374d;background:radial-gradient(circle,rgba(60,48,16,.8) 0%,rgba(22,18,5,.9) 70%,transparent 100%)}}.hypnotic-eye-svg{width:100%;height:100%;animation:eye-svg-color-shift 12s ease-in-out infinite alternate}@keyframes eye-svg-color-shift{0%{filter:drop-shadow(0 0 8px rgba(212,175,55,.25))}33%{filter:drop-shadow(0 0 18px rgba(41,128,185,.45))}66%{filter:drop-shadow(0 0 18px rgba(231,76,60,.45))}to{filter:drop-shadow(0 0 20px rgba(212,175,55,.6))}}.hypnotic-eye-svg .ring-outer{fill:none;stroke:var(--color-gold);stroke-width:.8;stroke-dasharray:6,4;transform-origin:50px 50px;animation:spin-clockwise 30s linear infinite}.hypnotic-eye-svg .ring-middle{fill:none;stroke:#e74c3c;stroke-width:.5;stroke-dasharray:1,4;transform-origin:50px 50px;animation:spin-counter-clockwise 12s linear infinite;opacity:.7}.hypnotic-eye-svg .ring-inner{fill:none;stroke:#8e44ad;stroke-width:.8;stroke-dasharray:3,5;transform-origin:50px 50px;animation:spin-clockwise 8s linear infinite}.hypnotic-eye-svg .eye-lid{fill:none;stroke:var(--color-gold);stroke-width:1.75;filter:drop-shadow(0 0 6px rgba(212,175,55,.5));transform-origin:50px 50px;animation:lid-pulse 6s ease-in-out infinite alternate}.hypnotic-eye-svg .eye-iris{fill:none;stroke:#2980b9;stroke-width:1.5;transform-origin:50px 50px;animation:pulse-iris 4s ease-in-out infinite alternate}.hypnotic-eye-svg .eye-spiral{fill:none;stroke:var(--color-gold-bright);stroke-width:.8;transform-origin:50px 50px;animation:spin-counter-clockwise 4s linear infinite}.hypnotic-eye-svg .eye-pupil{fill:#080516;stroke:var(--color-gold-bright);stroke-width:1.5;transform-origin:50px 50px;animation:pulse-pupil 2.5s ease-in-out infinite alternate}.hypnotic-eye-caption{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.6;text-align:center;max-width:480px;font-style:italic;letter-spacing:.5px;animation:pulse-glow 2.5s infinite alternate;text-shadow:0 0 8px rgba(255,255,255,.1)}.hypnotic-eye-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-serif);font-size:1.1rem;font-weight:700;letter-spacing:1px;color:var(--color-gold-bright);text-shadow:0 0 12px rgba(255,215,0,.5);animation:pulse-glow 1.8s infinite alternate}.hypnotic-eye-cta-arrow{display:inline-block;animation:bounce-down 1.6s ease-in-out infinite}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes lid-pulse{0%{transform:scale(.98)}to{transform:scale(1.02)}}@keyframes pulse-iris{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.1);opacity:1}}@keyframes pulse-pupil{0%{transform:scale(.8);filter:drop-shadow(0 0 2px var(--color-gold-bright))}to{transform:scale(1.2);filter:drop-shadow(0 0 12px var(--color-gold-bright))}}@keyframes pulse-mic{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.pulse-mic{animation:pulse-mic 1.2s infinite ease-in-out}.mic-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.header-eye-wrapper{position:relative;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,rgba(26,16,60,.9) 0%,rgba(8,5,22,.95) 70%,transparent 100%);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(212,175,55,.35);padding:2.5px;box-shadow:0 0 8px #8e44ad59,inset 0 0 4px #d4af3726;animation:levitate-mini 4s ease-in-out infinite alternate,logo-super-glow 8s ease-in-out infinite alternate;flex-shrink:0}@keyframes levitate-mini{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes logo-super-glow{0%{border-color:#d4af3766;box-shadow:0 0 8px #8e44ad66,inset 0 0 4px #d4af3733;background:radial-gradient(circle,rgba(26,16,60,.9) 0%,rgba(8,5,22,.95) 70%,transparent 100%)}33%{border-color:#2980b9cc;box-shadow:0 0 16px #2980b9e6,inset 0 0 6px #2980b966;background:radial-gradient(circle,rgba(11,26,60,.9) 0%,rgba(5,10,22,.95) 70%,transparent 100%)}66%{border-color:#e74c3ccc;box-shadow:0 0 16px #e74c3ce6,inset 0 0 6px #e74c3c66;background:radial-gradient(circle,rgba(60,16,26,.9) 0%,rgba(22,5,10,.95) 70%,transparent 100%)}to{border-color:#d4af37cc;box-shadow:0 0 18px #d4af37,inset 0 0 8px #d4af3780;background:radial-gradient(circle,rgba(60,48,16,.9) 0%,rgba(22,18,5,.95) 70%,transparent 100%)}}.header-eye-wrapper .hypnotic-eye-svg{width:100%;height:100%;animation:logo-svg-color-shift 8s ease-in-out infinite alternate}@keyframes logo-svg-color-shift{0%{filter:drop-shadow(0 0 3px rgba(212,175,55,.4))}33%{filter:drop-shadow(0 0 8px rgba(41,128,185,.7))}66%{filter:drop-shadow(0 0 8px rgba(231,76,60,.7))}to{filter:drop-shadow(0 0 10px rgba(212,175,55,.85))}}.header-eye-wrapper .hypnotic-eye-svg .ring-outer{stroke-width:1.2px}.header-eye-wrapper .hypnotic-eye-svg .ring-middle{stroke-width:.8px}.header-eye-wrapper .hypnotic-eye-svg .ring-inner{stroke-width:1.2px}.header-eye-wrapper .hypnotic-eye-svg .eye-lid{stroke-width:2px}.parchment-seal-wrapper{position:relative;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,rgba(20,15,5,.45) 80%,transparent 100%);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(212,175,55,.45);padding:3.5px;box-shadow:0 0 15px #d4af3733,inset 0 0 10px #d4af3714;animation:levitate-mini 6s ease-in-out infinite alternate;flex-shrink:0}.parchment-seal-eye{filter:drop-shadow(0 0 8px rgba(212,175,55,.3));width:100%;height:100%}.parchment-seal-eye .ring-outer{animation-duration:60s!important}.parchment-seal-eye .ring-middle{animation-duration:30s!important}.parchment-seal-eye .ring-inner{animation-duration:20s!important}.parchment-seal-eye .eye-spiral{animation-duration:10s!important}.parchment-seal-eye .eye-pupil{animation-duration:8s!important}.loading-eye{border-color:#d4af3780!important;box-shadow:0 0 50px #8e44ad8c,inset 0 0 35px #d4af3740!important;background:radial-gradient(circle,rgba(34,18,76,.9) 0%,rgba(13,8,32,1) 70%,transparent 100%)!important}.loading-eye .ring-outer{animation-duration:8s!important}.loading-eye .ring-middle{animation-duration:4s!important}.loading-eye .ring-inner{animation-duration:2.5s!important}.loading-eye .eye-spiral{animation-duration:1.5s!important}.loading-eye .eye-pupil{animation-duration:1.2s!important}@media(max-width:420px){.app-header{padding:.75rem .6rem}.header-title-container{gap:.4rem}.app-title{font-size:.95rem;letter-spacing:.5px;white-space:nowrap}.app-nav{gap:.1rem}.nav-btn{padding:.35rem .4rem;font-size:.72rem}.app-main{padding:1.1rem .85rem}.section-card{padding:1.25rem 1rem}.welcome-section{gap:1.25rem;min-height:auto}.hypnotic-eye-section{margin:.5rem 0 1.5rem}.section-title{font-size:1.4rem;letter-spacing:1px;gap:.5rem}}@media(min-width:600px){.app-container{max-width:480px;margin:0 auto;border-left:1px solid rgba(212,175,55,.12);border-right:1px solid rgba(212,175,55,.12);box-shadow:0 0 40px #000000d9}.app-header{max-width:480px;left:50%!important;transform:translate(-50%)}}.onboarding-section{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:1rem}.onboarding-carousel-card{background:linear-gradient(135deg,#1d1538d9,#0d081cf2);border:1px solid var(--border-gold);border-radius:16px;padding:2.25rem 1.75rem;width:100%;max-width:400px;box-shadow:0 0 30px #8e44ad40;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.onboarding-emoji{font-size:3.5rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.4));margin-bottom:.5rem}.onboarding-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--color-gold-bright);font-weight:700;margin:0}.onboarding-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.onboarding-dots{display:flex;gap:.5rem;margin:.5rem 0}.onboarding-dots .dot{width:8px;height:8px;border-radius:50%;background-color:#fff3;transition:all .3s ease}.onboarding-dots .dot.active{background-color:var(--color-gold);transform:scale(1.25);box-shadow:0 0 6px var(--color-gold)}.disclaimer-container{background:#00000040;border:1px solid rgba(231,76,60,.25);border-radius:8px;padding:.75rem;margin-top:.5rem;font-size:.75rem}.disclaimer-text{color:var(--color-text-secondary);line-height:1.4;margin:0 0 .75rem;text-align:left}.disclaimer-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;font-weight:600;text-align:left}.disclaimer-checkbox-label input{accent-color:var(--color-gold);width:16px;height:16px}.history-section,.settings-section{width:100%;max-width:440px;margin:0 auto;padding:1rem}.settings-card{margin-bottom:1rem}@keyframes pulse-glow{0%{box-shadow:0 0 15px #d4af371a}to{box-shadow:0 0 25px #d4af3740}}