:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #22222e;--text-primary: #e8dcc8;--text-secondary: #a09882;--text-muted: #6b6354;--accent-gold: #d4a843;--accent-red: #c0392b;--accent-red-soft: #a83228;--border-subtle: rgba(212, 168, 67, .15);--border-active: rgba(212, 168, 67, .4);--shadow-glow: 0 0 40px rgba(212, 168, 67, .06);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--hex-line-color: #e8dcc8;--font-serif: "Crimson Pro", "Noto Serif SC", "Georgia", serif;--font-chinese: "Noto Serif SC", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem}[data-theme=light]{--bg-primary: #f5f0e6;--bg-secondary: #ede7d9;--bg-card: #e6dece;--bg-card-hover: #dcd4c2;--text-primary: #2a2010;--text-secondary: #5a4e38;--text-muted: #8c7d66;--accent-gold: #8b6508;--accent-red: #b03228;--accent-red-soft: #8c2820;--border-subtle: rgba(139, 101, 8, .2);--border-active: rgba(139, 101, 8, .45);--shadow-glow: 0 0 40px rgba(139, 101, 8, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .1);--hex-line-color: #3a2e1a}[data-theme=light] body{background:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .coin-front{background:#8b65081a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-serif);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:var(--space-lg) var(--space-md);min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:var(--space-2xl) 0 var(--space-xl);position:relative}.header-controls{position:absolute;top:var(--space-md);right:0;display:flex;align-items:center;gap:var(--space-sm)}.btn-lang{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-serif);font-size:.75rem;font-weight:600;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;line-height:1}.btn-lang:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:var(--shadow-glow)}.btn-tema{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;line-height:1}.btn-tema:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:var(--shadow-glow)}.header:after{content:"";display:block;width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);margin:var(--space-lg) auto 0}.title{font-family:var(--font-chinese);font-size:4rem;font-weight:400;color:var(--text-primary);letter-spacing:.3em;text-shadow:0 0 60px rgba(212,168,67,.15)}.subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:300;letter-spacing:.15em;margin-top:var(--space-sm)}.main{flex:1;display:flex;flex-direction:column;gap:var(--space-xl)}.question-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);animation:fadeIn .8s ease}.form-decoration{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted)}.deco-line{display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--text-muted))}.deco-line:last-child{background:linear-gradient(90deg,var(--text-muted),transparent)}.deco-symbol{font-size:1.4rem;opacity:.6}.form-label{font-size:1.05rem;color:var(--text-secondary);text-align:center;font-style:italic;font-weight:300}.form-textarea{width:100%;max-width:520px;padding:var(--space-md) var(--space-lg);font-family:var(--font-serif);font-size:1.1rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;resize:vertical;line-height:1.6;transition:border-color .3s,box-shadow .3s}.form-textarea:focus{outline:none;border-color:var(--border-active);box-shadow:var(--shadow-glow)}.form-textarea::placeholder{color:var(--text-muted);font-style:italic}.btn{font-family:var(--font-serif);font-size:1rem;padding:.7rem 2rem;border:1px solid var(--border-subtle);border-radius:3px;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--text-primary);letter-spacing:.05em}.btn:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:var(--shadow-glow)}.btn:disabled{opacity:.35;cursor:default}.btn-consultar{font-size:1.15rem;padding:.85rem 2.5rem;border-color:var(--accent-gold);color:var(--accent-gold)}.btn-consultar:hover:not(:disabled){background:#d4a84314}.consulta-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.85rem;font-style:italic;width:100%;max-width:320px}.consulta-divider:before,.consulta-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.btn-general{font-size:.92rem;color:var(--text-secondary);padding:.6rem 1.8rem;border-color:var(--border-subtle)}.btn-general:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary);box-shadow:none}.btn-lanzar{font-size:1.2rem;padding:1rem 2.5rem;border-color:var(--accent-gold);color:var(--accent-gold);display:flex;align-items:center;gap:var(--space-sm);margin:0 auto;position:relative;overflow:hidden}.btn-lanzar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(212,168,67,.06),transparent);opacity:0;transition:opacity .3s}.btn-lanzar:hover:before{opacity:1}.btn-lanzar .coin-icons{font-size:1.4rem}.btn-lanzar .linea-num{font-size:.85rem;opacity:.6}.btn-nueva{font-size:1.1rem}.resultado-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-lg) auto;flex-wrap:wrap}.btn-share{font-family:var(--font-serif);font-size:.95rem;padding:.6rem 1.4rem;border:1px solid var(--border-subtle);border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer;letter-spacing:.04em;transition:all .25s ease}.btn-share:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold);background:#d4a8430f}.btn-share:disabled{opacity:.5;cursor:default}.btn-historial{margin:var(--space-xl) auto var(--space-md);font-size:.9rem;padding:.5rem 1.5rem}.btn-limpiar{font-family:var(--font-serif);font-size:.8rem;padding:.3rem .8rem;border:1px solid var(--accent-red-soft);color:var(--accent-red);background:transparent;border-radius:3px;cursor:pointer;transition:all .3s}.btn-limpiar:hover{background:#c0392b1a}.pregunta-display{text-align:center;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:4px;border:1px solid var(--border-subtle);animation:fadeIn .5s ease}.pregunta-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.pregunta-texto{font-size:1.15rem;margin-top:var(--space-xs);font-style:italic;color:var(--text-primary)}.coin-toss{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.lineas-count{font-size:.9rem;color:var(--text-muted);letter-spacing:.1em}.coins-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:.4rem}.coins-progress-bar{width:100%;max-width:320px;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.coins-progress-fill{height:100%;background:var(--accent-gold);border-radius:2px;transition:width .4s ease}.coins-progress-label{font-size:.85rem;color:var(--text-muted);letter-spacing:.08em}.coins-main{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.mini-hexagram-wrapper{display:flex;align-items:center;justify-content:center;opacity:.85}.mini-hexagram-svg{width:80px;height:auto;overflow:visible}.coins-visual{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.coins-row{display:flex;gap:1.2rem;align-items:center}.coin{width:110px;height:110px;perspective:600px}.coin-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d}.coin-front,.coin-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.coin-front{background:#d4a8431f;border:2px solid var(--accent-gold);color:var(--accent-gold)}.coin-back{background:var(--bg-card);border:2px solid var(--border-subtle);color:var(--text-muted);transform:rotateY(180deg)}.coin-svg{width:100%;height:100%}.coin-svg circle,.coin-svg rect{stroke:currentColor;fill:none}.coin-svg text{font-family:"Noto Serif SC","Noto Serif CJK SC",Songti SC,SimSun,serif;font-weight:700;fill:currentColor;text-anchor:middle;dominant-baseline:middle}.coin-yang .coin-inner,.coin-yin .coin-inner{transition:transform .3s ease-out}.coin-yang .coin-inner{transform:rotateY(0)}.coin-yin .coin-inner{transform:rotateY(180deg)}.coin-spinning .coin-inner{animation-name:coinFlip;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:backwards}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}.moneda-resultado{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-radius:4px;border:1px solid var(--border-subtle);font-size:.9rem}.moneda-resultado.animating{animation:pulseGold .6s ease}.moneda-tiradas{color:var(--text-secondary)}.moneda-valor{color:var(--accent-gold);font-weight:600}.lineas-detalle{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:340px}.linea-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:.85rem;color:var(--text-secondary);border-left:2px solid var(--border-subtle);transition:all .3s}.linea-item.nueva{animation:slideIn .5s ease;border-left-color:var(--accent-gold);color:var(--text-primary)}.linea-num-label{width:1.5em;text-align:right;color:var(--text-muted)}.linea-valor{font-weight:600;width:1.5em;color:var(--accent-gold)}.linea-tipo{font-size:.8rem}.linea-tipo-6,.linea-tipo-9{border-left-color:#c0392b80}.linea-tipo-6 .linea-valor,.linea-tipo-9 .linea-valor{color:#c0392b}.linea-mutante-badge{margin-left:auto;font-size:.75rem;color:#c0392b;opacity:.8}.hexagramas-container{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;animation:fadeIn .6s ease}.hexagrama-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.section-title{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:400}.hexagram-svg-container{width:180px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;display:flex;flex-direction:column;align-items:center;padding-bottom:6px;box-shadow:var(--shadow-card)}.hexagram-svg{width:180px;height:180px}.hexagram-legend{display:flex;align-items:center;gap:5px;margin-top:2px}.legend-swatch{display:inline-block;width:9px;height:9px;border-radius:2px;flex-shrink:0}.legend-text{font-size:.67rem;color:var(--text-muted);letter-spacing:.01em}.hexagrama-nombre{font-size:1.05rem;color:var(--accent-gold);text-align:center;font-weight:600}.sin-mutacion{display:flex;align-items:center;justify-content:center}.sin-mutaciones-texto{font-style:italic;color:var(--text-muted);font-size:.95rem}.interpretation{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;animation:fadeIn .8s ease}.interpretation-toggle{width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;color:var(--accent-gold);font-family:var(--font-serif);font-size:1.15rem;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:background .3s;letter-spacing:.05em}.interpretation-toggle:hover{background:#d4a8430a}.toggle-icon{font-size:.9rem}.interpretation-content{padding:0 var(--space-lg) var(--space-lg);animation:fadeIn .4s ease}.interp-section{padding:var(--space-md) 0}.interp-section+.interp-section{border-top:1px solid var(--border-subtle)}.interp-title{font-family:var(--font-chinese);font-size:1.3rem;font-weight:400;color:var(--text-primary);margin-bottom:var(--space-sm)}.interp-pinyin{font-family:var(--font-serif);font-size:.85rem;color:var(--text-muted);font-weight:300;margin-left:var(--space-sm)}.interp-trigramas{display:flex;gap:var(--space-md);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md);flex-wrap:wrap}.trigrama-separator{color:var(--border-subtle)}.interp-block{margin-bottom:var(--space-md)}.interp-block h4{font-size:.85rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.12em;font-weight:400;margin-bottom:var(--space-xs)}.interp-block p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.interp-lineas-mutantes{border-left:2px solid rgba(192,57,43,.4)!important;background:#c0392b0a}.interp-lineas-title{font-family:var(--font-serif);font-size:1rem;color:#c0392b;letter-spacing:.06em;margin-bottom:var(--space-md);font-weight:400}.interp-linea-item{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(192,57,43,.12)}.interp-linea-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.interp-linea-num{display:inline-block;font-size:.8rem;color:#c0392b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-xs);font-family:var(--font-serif)}.interp-linea-texto{color:var(--text-secondary);font-size:.98rem;line-height:1.7;font-style:italic}.mutation-arrow{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) 0;color:var(--accent-red);font-size:.9rem}.arrow{font-size:1.4rem}.mutado-section .interp-title{color:var(--accent-gold)}.ai-oracle{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;animation:fadeIn .6s ease}.ai-oracle-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.ai-oracle-header-text{display:flex;flex-direction:column;gap:.2rem}.ai-oracle-label{font-size:1.05rem;color:var(--accent-gold);letter-spacing:.08em;font-family:var(--font-serif)}.ai-oracle-desc{font-size:.82rem;color:var(--text-muted);font-style:italic;line-height:1.4}.btn-oracle{font-family:var(--font-serif);font-size:.92rem;padding:.45rem 1.2rem;border:1px solid var(--border-active);border-radius:3px;background:transparent;color:var(--accent-gold);cursor:pointer;letter-spacing:.04em;transition:all .3s ease;white-space:nowrap}.btn-oracle:hover{background:#d4a84314;border-color:var(--accent-gold)}[data-theme=light] .btn-oracle:hover{background:#8b650814}.btn-oracle-prominent{font-size:1rem;padding:.6rem 1.5rem;background:#d4a84314;box-shadow:0 0 12px #d4a8431f}.btn-oracle-prominent:hover{background:#d4a84326!important;box-shadow:0 0 20px #d4a84333}[data-theme=light] .btn-oracle-prominent{background:#8b650814;box-shadow:0 0 12px #8b65081a}.btn-oracle-cancel{font-family:var(--font-serif);font-size:.85rem;padding:.35rem .9rem;border:1px solid var(--border-subtle);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;letter-spacing:.02em;transition:all .2s ease}.btn-oracle-cancel:hover{border-color:var(--text-muted);color:var(--text-secondary)}.ai-oracle-loading{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:var(--space-xl)}.oracle-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-gold);animation:oracleDot 1.4s ease-in-out infinite}.oracle-dot:nth-child(2){animation-delay:.2s}.oracle-dot:nth-child(3){animation-delay:.4s}@keyframes oracleDot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ai-oracle-text{padding:var(--space-lg);animation:fadeIn .4s ease}.ai-oracle-text p{color:var(--text-secondary);font-size:1.05rem;line-height:1.9;font-style:italic}.cursor-blink{display:inline-block;color:var(--accent-gold);font-style:normal;animation:blink .75s step-end infinite;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ai-oracle-error{padding:var(--space-md) var(--space-lg);color:var(--accent-red-soft);font-size:.9rem;font-style:italic}.onboarding-modal{background:var(--bg-card);border:1px solid var(--border-active);border-radius:8px;width:100%;max-width:440px;padding:var(--space-lg) var(--space-xl);box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;gap:var(--space-lg);animation:slideIn .35s ease}.onboarding-header{display:flex;align-items:center;justify-content:space-between}.onboarding-brand{font-size:1.8rem;color:var(--accent-gold);font-family:var(--font-chinese);letter-spacing:.1em}.onboarding-skip{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;font-family:var(--font-serif);letter-spacing:.02em;padding:0;transition:color .2s}.onboarding-skip:hover{color:var(--text-secondary)}.onboarding-body{text-align:center;padding:var(--space-md) 0}.onboarding-step-icon{font-size:3rem;margin-bottom:var(--space-md);display:block}.onboarding-step-title{font-family:var(--font-serif);font-size:1.35rem;color:var(--text-primary);letter-spacing:.04em;margin-bottom:var(--space-sm)}.onboarding-step-desc{color:var(--text-secondary);font-size:.98rem;line-height:1.7}.onboarding-dots{display:flex;justify-content:center;gap:.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--border-active);background:transparent;cursor:pointer;padding:0;transition:all .25s}.onboarding-dot.active{background:var(--accent-gold);border-color:var(--accent-gold);transform:scale(1.2)}.onboarding-dot.done{background:#d4a84359;border-color:var(--border-active)}.onboarding-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-md)}.onboarding-btn-back{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.9rem;padding:.4rem 1rem}.onboarding-btn-next{min-width:140px}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:200px;padding:var(--space-xl)}.error-boundary-inner{text-align:center;max-width:420px}.error-boundary-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.error-boundary-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:.04em}.error-boundary-msg{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-lg)}.error-boundary-details{margin-top:var(--space-md);text-align:left}.error-boundary-details summary{font-size:.8rem;color:var(--text-muted);cursor:pointer;margin-bottom:var(--space-xs)}.error-boundary-details pre{font-size:.75rem;color:var(--accent-red-soft);background:var(--bg-secondary);padding:var(--space-sm);border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.footer{margin-top:auto;padding-top:var(--space-xl);display:flex;flex-direction:column;align-items:center}.history{width:100%;animation:fadeIn .4s ease}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.history-header h3{font-size:.95rem;color:var(--text-secondary);font-weight:400;letter-spacing:.1em}.history-loading,.history-error,.history-empty{text-align:center;color:var(--text-muted);font-size:.9rem;font-style:italic;padding:var(--space-md)}.history-error{color:var(--accent-red-soft)}.history-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto}.history-item{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;transition:border-color .3s}.history-item:hover{border-color:var(--border-active)}.history-fecha{font-size:.75rem;color:var(--text-muted)}.history-pregunta{font-size:.9rem;font-style:italic;color:var(--text-secondary);margin:var(--space-xs) 0}.history-resultado{font-size:.85rem}.history-original{color:var(--accent-gold)}.history-arrow{color:var(--text-muted)}.history-mutado{color:var(--accent-red)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.phase-transition{transition:opacity .25s ease,transform .25s ease}.phase-exit{opacity:0;transform:translateY(-10px);pointer-events:none}.phase-enter{animation:phaseEnter .4s ease forwards}@keyframes phaseEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGold{0%{box-shadow:0 0 #d4a8434d}50%{box-shadow:0 0 20px 4px #d4a84326}to{box-shadow:0 0 #d4a84300}}.line-animate rect{animation:lineAppear .6s ease}@keyframes lineAppear{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-xl);width:90%;max-width:400px;position:relative;animation:fadeIn .3s ease}.modal-close{position:absolute;top:var(--space-sm);right:var(--space-md);background:none;border:none;color:var(--text-muted);font-size:1.6rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--accent-gold);font-weight:400;margin-bottom:var(--space-lg);text-align:center;letter-spacing:.08em}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-input{width:100%;padding:.65rem var(--space-md);font-family:var(--font-serif);font-size:.95rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;transition:border-color .3s,box-shadow .3s}.auth-input:focus{outline:none;border-color:var(--border-active);box-shadow:var(--shadow-glow)}.auth-input::placeholder{color:var(--text-muted)}.auth-submit{width:100%;margin-top:var(--space-sm)}.auth-error{color:var(--accent-red);font-size:.85rem;text-align:center}.auth-success{text-align:center;display:flex;flex-direction:column;gap:var(--space-md);color:var(--text-secondary)}.auth-switch{text-align:center;font-size:.85rem;color:var(--text-muted)}.auth-switch-btn{background:none;border:none;color:var(--accent-gold);cursor:pointer;font-family:var(--font-serif);font-size:.85rem;text-decoration:underline;padding:0}.auth-switch-btn:hover{color:var(--text-primary)}.btn-icon-header{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;line-height:1}.btn-icon-header:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:var(--shadow-glow)}.btn-user{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--accent-gold);background:#d4a8431f;color:var(--accent-gold);font-family:var(--font-serif);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;line-height:1}.btn-user:hover,.btn-user.active{background:#d4a84333;box-shadow:var(--shadow-glow)}.user-menu-wrapper{position:relative}.user-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-active);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:200;overflow:hidden;animation:fadeIn .15s ease}.user-menu-info{display:flex;align-items:center;gap:.6rem;padding:.75rem var(--space-md);border-bottom:1px solid var(--border-subtle)}.user-menu-avatar{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--accent-gold);background:#d4a8431f;color:var(--accent-gold);font-family:var(--font-serif);font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-name{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--border-subtle)}.user-menu-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.65rem var(--space-md);background:none;border:none;color:var(--text-secondary);font-family:var(--font-serif);font-size:.9rem;cursor:pointer;text-align:left;transition:background .2s,color .2s}.user-menu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-item--logout:hover{color:var(--accent-gold)}.user-menu-icon{font-size:1rem;width:1.2rem;text-align:center;flex-shrink:0}.user-profile-modal{max-width:480px;width:94%}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg)}.profile-tab{flex:1;padding:.55rem .5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-serif);font-size:.85rem;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.profile-tab:hover{color:var(--text-secondary)}.profile-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.profile-tab--danger.active{color:var(--accent-red);border-bottom-color:var(--accent-red)}.profile-tab--danger:hover{color:var(--accent-red)}.profile-section{display:flex;flex-direction:column;gap:var(--space-md)}.profile-avatar-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.profile-avatar-big{width:3rem;height:3rem;border-radius:50%;border:1px solid var(--accent-gold);background:#d4a8431f;color:var(--accent-gold);font-family:var(--font-serif);font-size:1.3rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-email{font-size:.9rem;color:var(--text-primary);margin:0}.profile-since{font-size:.75rem;color:var(--text-muted);margin:.15rem 0 0}.profile-label{font-size:.82rem;color:var(--text-muted);margin-bottom:-.4rem}.profile-section-desc{font-size:.88rem;color:var(--text-secondary);margin:0;line-height:1.5}.auth-success-inline{color:#5aab6e;font-size:.85rem;text-align:center}.danger-zone{border-top:1px solid rgba(255,80,80,.15);padding-top:var(--space-md)}.danger-zone-desc{font-size:.88rem;color:var(--text-secondary);margin:0;line-height:1.5}.danger-zone-instruction{font-size:.85rem;color:var(--text-muted);margin:0}.btn-danger{padding:.6rem var(--space-lg);border:1px solid var(--accent-red);border-radius:4px;background:transparent;color:var(--accent-red);font-family:var(--font-serif);font-size:.9rem;cursor:pointer;transition:background .2s,color .2s;align-self:flex-start}.btn-danger:hover:not(:disabled){background:var(--accent-red);color:#fff}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.auth-forgot{font-size:.8rem;color:var(--text-muted);text-align:center;text-decoration:none;margin-top:-.25rem}.auth-forgot:hover{color:var(--accent-gold)}.cloud-prompt{text-align:center;font-size:.85rem;color:var(--text-muted);cursor:pointer;padding:var(--space-sm) var(--space-md);border:1px dashed var(--border-subtle);border-radius:4px;transition:all .3s;max-width:400px;margin:0 auto}.cloud-prompt:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;animation:fadeIn .2s ease}.sidebar{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);animation:slideInLeft .25s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:1.1rem;color:var(--accent-gold);font-weight:400;letter-spacing:.08em}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-section-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:400;margin-bottom:var(--space-xs)}.sidebar-item{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--space-sm) var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;font-family:var(--font-serif);color:var(--text-primary);transition:border-color .2s}.sidebar-item:hover{border-color:var(--border-active)}.sidebar-item-top{display:flex;justify-content:space-between;align-items:center}.sidebar-item-date{font-size:.72rem;color:var(--text-muted)}.sidebar-item-star{color:var(--accent-gold);font-size:.9rem}.sidebar-item-question{font-size:.8rem;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-name{font-size:.82rem;color:var(--accent-gold)}.sidebar-empty{font-size:.85rem;color:var(--text-muted);font-style:italic;padding:var(--space-sm) 0}.btn-sidebar-full{font-family:var(--font-serif);font-size:.88rem;padding:.55rem var(--space-md);border:1px solid var(--border-subtle);border-radius:3px;background:transparent;color:var(--accent-gold);cursor:pointer;transition:all .3s ease;text-align:center;margin-top:auto}.btn-sidebar-full:hover{border-color:var(--accent-gold);background:#d4a8430f}.history-page{padding:var(--space-md) 0;animation:fadeIn .4s ease}.history-page-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.history-page-header h2{font-size:1.3rem;color:var(--accent-gold);font-weight:400;letter-spacing:.08em}.btn-back{font-family:var(--font-serif);font-size:.88rem;padding:.4rem .8rem;border:1px solid var(--border-subtle);border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s}.btn-back:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.history-filters{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.history-search{max-width:100%}.history-filter-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-check{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--text-secondary);cursor:pointer}.filter-check input[type=checkbox]{accent-color:var(--accent-gold)}.filter-hex-input{width:80px;text-align:center}.history-export-row{display:flex;gap:var(--space-sm)}.btn-export{font-family:var(--font-serif);font-size:.8rem;padding:.35rem .8rem;border:1px solid var(--border-subtle);border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s}.btn-export:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.history-count{font-size:.82rem;color:var(--text-muted);margin-bottom:var(--space-md)}.history-full-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-full-item{padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;transition:border-color .3s}.history-full-item.is-fav{border-left:3px solid var(--accent-gold)}.history-full-item:hover{border-color:var(--border-active)}.hf-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.hf-date{font-size:.75rem;color:var(--text-muted)}.hf-actions{display:flex;gap:var(--space-xs)}.btn-icon{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 4px;transition:color .2s;line-height:1}.btn-icon:hover,.btn-icon.fav-active{color:var(--accent-gold)}.btn-icon-danger:hover{color:var(--accent-red)}.hf-body{cursor:pointer;border-radius:3px;padding:2px 0;transition:background .2s}.hf-body:hover{background:var(--bg-card-hover)}.hf-question{font-size:.92rem;font-style:italic;color:var(--text-secondary);margin-bottom:var(--space-xs)}.hf-result{font-size:.85rem}.consulta-historial-fecha{font-size:.85rem;color:var(--text-muted)}.hf-nota{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:3px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:background .2s}.hf-nota:hover{background:var(--bg-card-hover)}.hf-nota-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:2px}.hf-nota-edit{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.hf-nota-textarea{font-size:.9rem;min-height:60px}.hf-nota-buttons{display:flex;gap:var(--space-sm)}.btn-small{font-family:var(--font-serif);font-size:.8rem;padding:.3rem .8rem;border:1px solid var(--border-subtle);border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s}.btn-small:hover{border-color:var(--accent-gold);color:var(--accent-gold)}@media (max-width: 600px){.title{font-size:3rem}.hexagramas-container{gap:var(--space-md)}.hexagram-svg-container{width:140px}.hexagram-svg{width:140px;height:140px}.btn-lanzar{font-size:1rem;padding:.8rem 1.8rem}.interpretation-content{padding:0 var(--space-md) var(--space-md)}.coin{width:80px;height:80px}.coins-row{gap:.8rem}.coins-visual{min-height:100px}.sidebar{width:280px}}