.yesno-page{min-height:calc(100vh - var(--navbar-h));flex-direction:column;align-items:center;padding:40px 24px 80px;display:flex}.yinyang-header{text-align:center;margin-bottom:36px;animation:.8s fadeIn}.celestial-banner{justify-content:center;align-items:center;width:100%;max-width:420px;margin:0 auto 16px;display:flex}.celestial-banner img{object-fit:contain;filter:drop-shadow(0 4px 16px #8b7ab01f);width:100%;height:auto;max-height:180px}.yesno-page h1{font-family:var(--font-heading);background:linear-gradient(135deg, var(--text) 0%, var(--purple-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(1.6rem,4vw,2.4rem)}.yesno-subtitle{color:var(--muted);margin-bottom:28px;font-size:.95rem;font-style:italic}.question-input-wrapper{width:100%;max-width:500px;margin-bottom:32px;animation:.8s .2s both fadeIn}.question-input{background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border);border-radius:var(--radius-full);width:100%;color:var(--text);outline:none;padding:14px 20px;font-size:.95rem;transition:all .3s}.question-input::placeholder{color:var(--muted-2)}.question-input:focus{border-color:var(--purple);box-shadow:0 0 20px var(--purple-glow), 0 4px 16px #8b7ab01a}.crystal-section{justify-content:center;align-items:center;gap:32px;margin-bottom:32px;animation:.8s .3s both fadeIn;display:flex}.crystal-indicator{opacity:.85;filter:drop-shadow(0 0 12px);-webkit-user-select:none;user-select:none;font-size:3.2rem;font-weight:700;transition:all .3s}.crystal-indicator.yes{color:#6abf69}.crystal-indicator.no{color:#e07070}.crystal-ball{border-radius:var(--radius-full);width:180px;height:180px;box-shadow:0 8px 32px #8b7ab033, 0 0 60px var(--purple-glow), inset 0 -8px 24px #8b7ab026;cursor:default;background:radial-gradient(circle at 32% 28%,#fffc,#0000 30%),radial-gradient(circle,#e8dff5cc,#8b7ab04d 60%,#6b5b8a33);animation:4s ease-in-out infinite float;position:relative}.crystal-ball:before{content:"";background:radial-gradient(#fff9,#0000);border-radius:50%;width:35%;height:25%;position:absolute;top:15%;left:25%;transform:rotate(-20deg)}.crystal-ball:after{content:"";border-radius:var(--radius-full);background:radial-gradient(circle,#c9a84c1a,#8b7ab00d,#0000);animation:3s ease-in-out infinite innerGlow;position:absolute;inset:15%}.crystal-ball-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.crystal-pedestal{background:radial-gradient(#8b7ab033,#0000);border-radius:50%;width:100px;height:8px;margin-top:-4px}@keyframes innerGlow{0%,to{opacity:.5}50%{opacity:1}}.crystal-ball.answering{animation:1.5s ease-in-out crystalAnswer}@keyframes crystalAnswer{0%{box-shadow:0 8px 32px #8b7ab033, 0 0 60px var(--purple-glow);transform:scale(1)}30%{box-shadow:0 8px 48px #8b7ab066, 0 0 100px var(--purple-glow), 0 0 140px var(--gold-glow);transform:scale(1.08)}60%{box-shadow:0 8px 48px #8b7ab066, 0 0 80px var(--gold-glow), 0 0 120px #c9a84c4d;transform:scale(1.05)}to{box-shadow:0 8px 32px #8b7ab033, 0 0 60px var(--purple-glow);transform:scale(1)}}.answer-section{text-align:center;width:100%;max-width:550px;animation:.8s fadeIn}.answer-card-image{border-radius:var(--radius-sm);width:140px;height:217px;box-shadow:var(--shadow-lg);object-fit:cover;margin:0 auto 16px;animation:.6s scaleIn}.answer-card-name{font-family:var(--font-heading);color:var(--text);margin-bottom:12px;font-size:1.3rem}.answer-badge{border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:20px;padding:8px 24px;font-size:1.1rem;font-weight:700;animation:.5s .3s both scaleIn;display:inline-flex}.answer-badge.yes-badge{color:#fff;background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 16px #4caf504d}.answer-badge.no-badge{color:#fff;background:linear-gradient(135deg,#e57373,#ef5350);box-shadow:0 4px 16px #e573734d}.answer-badge.maybe-badge{background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#fff;box-shadow:0 4px 16px var(--gold-glow)}.answer-explanation{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;margin-bottom:20px;padding:24px}.answer-explanation p{color:var(--text-light);line-height:1.8}.answer-keywords{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.answer-keyword{border-radius:var(--radius-full);background:var(--purple-soft);color:var(--purple-dark);border:1px solid var(--border);padding:4px 14px;font-size:.82rem;font-weight:500}@media (max-width:768px){.yesno-page{padding:24px 16px 60px}.crystal-ball{width:140px;height:140px}.crystal-section{gap:20px}.crystal-indicator{font-size:1.4rem}.answer-card-image{width:120px;height:186px}}@media (max-width:480px){.crystal-ball{width:120px;height:120px}.crystal-section{gap:14px}.crystal-indicator{font-size:1.2rem}.yinyang-deco:before,.yinyang-deco:after{display:none}.answer-explanation{padding:16px}}