.iching-page{max-width:1000px;color:var(--text);z-index:1;margin:0 auto;padding:40px 20px;position:relative}.iching-header{text-align:center;margin-bottom:40px}.iching-header h1{font-family:var(--font-display), Georgia, serif;color:var(--purple-dark);background:linear-gradient(135deg, var(--purple-dark) 30%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2.5rem}.iching-header p{color:var(--muted);max-width:600px;margin:0 auto;font-size:1rem}.iching-card-glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px;margin-bottom:40px;padding:36px}.iching-form-group{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.iching-form-group label{color:var(--purple-dark);font-size:1rem;font-weight:600}.iching-textarea{border:1.5px solid var(--border);color:var(--text);resize:vertical;background:#fff9;border-radius:16px;outline:none;min-height:100px;padding:16px;font-size:1rem;line-height:1.6;transition:all .2s}.iching-textarea:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px #8b7ab026}.iching-toss-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:40px;display:grid}.iching-coins-panel{border:1px solid var(--border);background:#8b7ab008;border-radius:20px;flex-direction:column;align-items:center;gap:32px;padding:32px;display:flex}.iching-coins-row{justify-content:center;gap:24px;margin:16px 0;display:flex}.iching-coin{background:radial-gradient(circle, var(--gold-soft) 20%, var(--gold-2) 100%);border:3px double var(--gold);width:70px;height:70px;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 10px #00000026}.iching-coin:after{content:"";border:2px solid var(--gold);background:#ffffffe6;width:20px;height:20px;position:absolute}.iching-coin.flipping{animation:.8s ease-out coinFlip}@keyframes coinFlip{0%{transform:scale(1)rotateY(0)}50%{transform:scale(1.3)rotateY(720deg)}to{transform:scale(1)rotateY(1440deg)}}.iching-coin-side{color:var(--gold-dark,#8a6d29);text-transform:uppercase;letter-spacing:.05em;z-index:2;pointer-events:none;font-size:.8rem;font-weight:800}.iching-btn-toss{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:12px 32px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #c9a84c4d}.iching-btn-toss:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #c9a84c66}.iching-btn-toss:disabled{opacity:.5;cursor:not-allowed}.iching-hexagram-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;min-height:380px;padding:32px}.iching-hexagram-title{text-align:center;color:var(--purple-dark);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px;font-size:1.15rem;font-weight:600}.hexagram-lines-wrapper{flex-direction:column-reverse;align-items:center;gap:14px;margin:20px 0;padding:10px;display:flex}.hexagram-line-row{align-items:center;gap:16px;width:100%;max-width:240px;display:flex}.hexagram-line-label{color:var(--muted);text-align:right;width:40px;font-size:.78rem}.hexagram-line-bar{border-radius:6px;flex:1;gap:16px;height:12px;display:flex;position:relative}.hexagram-line-bar--yang{background:var(--purple-dark)}.hexagram-line-bar--yin{background:0 0}.hexagram-line-bar--yin:before,.hexagram-line-bar--yin:after{content:"";background:var(--purple-dark);border-radius:6px;flex:1;height:100%}.hexagram-line-bar.changing:after{content:"x";color:var(--gold-2);font-size:1rem;font-weight:800;position:absolute;top:-4px;right:-24px}.iching-results-card{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px;animation:.5s ease-out fadeIn;display:grid}.iching-que-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);border-radius:20px;padding:32px}.iching-que-card h3{font-family:var(--font-display), Georgia, serif;color:var(--purple-dark);margin-bottom:6px;font-size:1.6rem}.iching-que-card h4{color:var(--gold-2);letter-spacing:.05em;margin-bottom:20px;font-size:.95rem;font-weight:600}.iching-que-card p{color:var(--text-light);font-size:.92rem;line-height:1.6}.iching-interpretation-section{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px;margin-top:40px;padding:40px}.tuvi-lock-overlay{text-align:center;padding:32px 16px}.tuvi-paywall-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);text-align:center;background:#fffffff2;border-radius:20px;width:100%;max-width:440px;margin:0 auto;padding:32px;animation:.3s ease-out scaleIn;box-shadow:0 10px 30px #0000001f}.paywall-lock-icon{margin-bottom:12px;font-size:2.2rem}.paywall-title{font-family:var(--font-display), Georgia, serif;color:var(--purple-dark);margin-bottom:8px;font-size:1.3rem;font-weight:700}.paywall-desc{color:var(--muted);margin-bottom:24px;font-size:.88rem;line-height:1.5}.paywall-btn-group{flex-direction:column;gap:12px;display:flex}.btn-unlock-onetime{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:30px;width:100%;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #8b7ab04d}.btn-unlock-onetime:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b7ab066}.btn-unlock-vip{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:30px;width:100%;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #c9a84c4d}.btn-unlock-vip:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c9a84c66}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.payment-success-banner{color:#2b7752;text-align:center;background:#3a9d6e1a;border:1px solid #3a9d6e33;border-radius:12px;margin-bottom:24px;padding:16px;font-size:.9rem;font-weight:600}
