@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap");.chinese-font{font-family:"Noto Serif SC",serif}.oracle-iching-scope{overflow-x:hidden}.cosmic-bg{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(88,28,135,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(30,58,138,.15) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(120,53,15,.1) 0,transparent 60%),linear-gradient(180deg,#050510,#0a0a20 50%,#050510);z-index:0}.cosmic-bg,.nebula{position:fixed;pointer-events:none}.nebula{border-radius:50%;filter:blur(80px);opacity:.4;animation:nebulaDrift 30s ease-in-out infinite}@keyframes nebulaDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}.sacred-geometry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(320px,56vw,520px);height:clamp(320px,56vw,520px);opacity:.05;animation:rotateGeometry 120s linear infinite;pointer-events:none}@keyframes rotateGeometry{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.particle{position:fixed;pointer-events:none;border-radius:50%;animation:floatParticle linear infinite;z-index:1}@keyframes floatParticle{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(2turn);opacity:0}}.orb{position:fixed;border-radius:50%;filter:blur(2px);animation:orbFloat 8s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes orbFloat{0%,to{transform:translate(0)}25%{transform:translate(20px,-30px)}50%{transform:translate(-10px,-50px)}75%{transform:translate(-30px,-20px)}}.yin-yang-container{position:relative;width:clamp(112px,18vw,140px);height:clamp(112px,18vw,140px)}.yin-yang-glow{position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.3) 0,transparent 70%);animation:glowPulse 4s ease-in-out infinite}.yin-yang-ring{position:absolute;inset:-24px;border:1px solid rgba(255,215,0,.2);border-radius:50%;animation:ringExpand 4s ease-in-out infinite}.yin-yang-ring:nth-child(2){animation-delay:1s}.yin-yang-ring:nth-child(3){animation-delay:2s}@keyframes ringExpand{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.yin-yang{width:clamp(112px,18vw,140px);height:clamp(112px,18vw,140px);position:relative;animation:rotate 25s linear infinite;box-shadow:0 0 50px rgba(255,215,0,.2);border-radius:50%;will-change:transform}.yin-yang svg{width:100%;height:100%;display:block}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.coins-container{perspective:1000px}.coin{width:78px;height:78px;border-radius:50%;background:radial-gradient(ellipse at 30% 30%,#fff7cc 0,transparent 50%),linear-gradient(145deg,#ffd700,#b8860b 50%,#8b6914);box-shadow:0 8px 32px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.2),inset 0 2px 4px rgba(255,255,255,.5),inset 0 -2px 4px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:32px;color:#3d2914;border:4px solid #daa520;transition:all .3s;position:relative;transform-style:preserve-3d}.coin:before{inset:8px;border:2px solid rgba(139,105,20,.5);border-radius:50%}.coin:after,.coin:before{content:"";position:absolute}.coin:after{width:20px;height:20px;background:linear-gradient(145deg,#3d2914,#5d4924);border-radius:2px;transform:rotate(45deg)}.coin:hover{transform:translateY(-5px) rotateY(15deg);box-shadow:0 15px 40px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.3)}.coin.flipping{animation:coinFlip3D .8s ease-in-out}@keyframes coinFlip3D{0%{transform:rotateX(0deg) rotateY(0deg) translateY(0)}25%{transform:rotateX(180deg) rotateY(90deg) translateY(-100px)}50%{transform:rotateX(1turn) rotateY(180deg) translateY(-120px)}75%{transform:rotateX(540deg) rotateY(270deg) translateY(-60px)}to{transform:rotateX(2turn) rotateY(1turn) translateY(0)}}.coin.result-yang{background:radial-gradient(ellipse at 30% 30%,#fff7cc 0,transparent 50%),linear-gradient(145deg,#ffd700,#ffed4a 30%,#b8860b 70%,#daa520);box-shadow:0 8px 32px rgba(255,215,0,.6),0 0 80px rgba(255,215,0,.4)}.coin.result-yin{background:radial-gradient(ellipse at 30% 30%,#a0a0a0 0,transparent 50%),linear-gradient(145deg,#708090,#4a5568 50%,#2d3748);border-color:#4a5568;box-shadow:0 8px 32px rgba(100,100,140,.4),0 0 60px rgba(100,100,140,.2)}.hexagram-glow{pointer-events:none}.question-container{position:relative}.question-aura{position:absolute;inset:-4px;background:linear-gradient(45deg,rgba(255,215,0,.3),rgba(147,51,234,.3),rgba(59,130,246,.3),rgba(255,215,0,.3));background-size:300% 300%;border-radius:30px;animation:auraShift 8s ease infinite;filter:blur(8px);opacity:0;transition:opacity .5s}.question-container:focus-within .question-aura{opacity:1}@keyframes auraShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.question-input{background:rgba(10,10,30,.8);border:1px solid rgba(255,215,0,.2);backdrop-filter:blur(20px);transition:all .5s;position:relative;z-index:1}.question-input:focus{border-color:rgba(255,215,0,.6);box-shadow:0 0 40px rgba(255,215,0,.15),inset 0 0 20px rgba(255,215,0,.05);outline:none}.oracle-btn{background:linear-gradient(145deg,#1a0a2e,#2d1b4e 50%,#1a0a2e);border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;transition:all .4s;cursor:pointer}.oracle-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd700,#ff6b6b,#a855f7,#3b82f6,#ffd700);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:borderGlow 6s ease infinite;opacity:.7}.oracle-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:rotate(45deg);transition:all .6s}.oracle-btn:hover:after{left:100%}.oracle-btn:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(255,215,0,.3),0 0 60px rgba(168,85,247,.2)}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.reading-card{background:linear-gradient(145deg,rgba(26,10,46,.95),rgba(13,31,45,.95) 50%,rgba(26,10,46,.95));border:1px solid rgba(255,215,0,.15);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 2px 5px rgba(255,215,0,.05),inset 0 -2px 5px rgba(0,0,0,.5);transform:translateZ(0)}.reading-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.card-shimmer{inset:0;background:linear-gradient(145deg,transparent,rgba(255,215,0,.02) 20%,transparent 40%);opacity:.5}.card-shimmer,.corner-decoration{position:absolute;pointer-events:none}.corner-decoration{width:50px;height:50px}.corner-tl{top:-1px;left:-1px}.corner-tr{top:-1px;right:-1px}.corner-bl{bottom:-1px;left:-1px}.corner-br{bottom:-1px;right:-1px}.corner-decoration svg{width:100%;height:100%}.hexagram-container{position:relative}.hexagram-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(255,215,0,.15) 0,transparent 70%);filter:blur(20px);animation:hexGlow 3s ease-in-out infinite}@keyframes hexGlow{0%,to{opacity:.5}50%{opacity:1}}.hexagram-line{height:14px;margin:10px 0;transition:all .5s ease;position:relative}.hexagram-line.yang{background:linear-gradient(90deg,rgba(255,215,0,.3),#ffd700 10%,#ffed4a 50%,#ffd700 90%,rgba(255,215,0,.3));border-radius:7px;box-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3),inset 0 2px 4px rgba(255,255,255,.3)}.hexagram-line.yin{display:flex;justify-content:space-between}.hexagram-line.yin span{width:40%;height:100%;background:linear-gradient(90deg,rgba(255,215,0,.3),#ffd700 20%,#ffed4a 50%,#ffd700 80%,rgba(255,215,0,.3));border-radius:7px;box-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3),inset 0 2px 4px rgba(255,255,255,.3)}.hexagram-line.changing{animation:lineTransform 2s ease-in-out infinite}.hexagram-line.changing:after{content:"◈";position:absolute;right:-30px;top:50%;transform:translateY(-50%);color:#ff6b6b;font-size:14px;animation:pulseSymbol 1s ease-in-out infinite}@keyframes lineTransform{0%,to{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.4) hue-rotate(10deg)}}@keyframes pulseSymbol{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}@media (max-width:768px){.nebula{filter:blur(60px);opacity:.3}.coin{width:72px;height:72px;font-size:26px}.hexagram-glow{inset:-24px}.corner-decoration{width:36px;height:36px}}