.start-screen{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.start-content{text-align:center;max-width:600px}.logo-container{margin-bottom:40px}.moon-symbol{color:var(--color-accent-gold);text-shadow:var(--shadow-glow);margin-bottom:20px;font-size:5rem}.main-title{font-family:var(--font-heading);background:var(--gradient-gold);-webkit-text-fill-color:transparent;text-shadow:none;letter-spacing:4px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:4rem;font-weight:700}.subtitle{font-family:var(--font-body);color:var(--color-text-secondary);letter-spacing:2px;font-size:1.3rem;font-style:italic}.decorative-line{color:var(--color-accent-gold);justify-content:center;align-items:center;gap:15px;margin:30px 0;font-size:1rem;display:flex}.decorative-line .line{background:linear-gradient(90deg,transparent,var(--color-accent-gold),transparent);width:80px;height:1px}.intro-text{color:var(--color-text-secondary);margin-bottom:40px;font-size:1.2rem;line-height:1.8}.card-preview{justify-content:center;gap:20px;margin-top:50px;display:flex}.preview-card{background:var(--gradient-card);border:1px solid var(--color-accent-gold);width:60px;height:90px;color:var(--color-accent-gold);animation:3s ease-in-out infinite cardFloat;animation-delay:var(--delay);border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@keyframes cardFloat{0%,to{opacity:.6;transform:translateY(0)rotate(-5deg)}50%{opacity:1;transform:translateY(-15px)rotate(5deg)}}@media (max-width:768px){.start-screen{padding:15px}.logo-container{margin-bottom:30px}.main-title{letter-spacing:2px;font-size:2.5rem}.moon-symbol{margin-bottom:15px;font-size:3.5rem}.subtitle{font-size:1rem}.decorative-line{margin:20px 0}.decorative-line .line{width:60px}.intro-text{margin-bottom:30px;font-size:1rem}.card-preview{gap:15px;margin-top:35px}.preview-card{width:50px;height:75px;font-size:1.2rem}}@media (max-width:480px){.start-screen{padding:10px}.start-content{padding:0 5px}.logo-container{margin-bottom:25px}.main-title{letter-spacing:1px;font-size:2rem}.moon-symbol{margin-bottom:12px;font-size:3rem}.subtitle{letter-spacing:1px;font-size:.9rem}.decorative-line{gap:10px;margin:15px 0}.decorative-line .line{width:50px}.intro-text{margin-bottom:25px;font-size:.9rem;line-height:1.7}.card-preview{gap:12px;margin-top:30px}.preview-card{border-radius:6px;width:45px;height:68px;font-size:1rem}}
.category-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.category-header{text-align:center;margin-bottom:40px}.category-title{font-family:var(--font-heading);color:var(--color-accent-gold);text-shadow:var(--shadow-glow);margin-bottom:15px;font-size:2.5rem}.category-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.category-grid{flex-wrap:nowrap;justify-content:center;gap:20px;width:100%;max-width:1000px;display:flex}.category-card{cursor:pointer;text-align:center;background:linear-gradient(135deg,#1a1a3acc 0%,#2d1b4e99 100%);border:2px solid #d4af374d;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;transition:all .3s;display:flex}.category-card:hover{border-color:var(--color-accent-gold);transform:translateY(-8px);box-shadow:0 15px 40px #d4af3733}.category-card:active{transform:translateY(-4px)}.category-icon{filter:drop-shadow(0 0 10px #ffffff4d);font-size:3rem}.category-name{font-family:var(--font-heading);color:var(--color-accent-gold);white-space:nowrap;font-size:1.4rem}.category-desc{color:var(--color-text-secondary);white-space:nowrap;font-size:.9rem;line-height:1.4}@media (max-width:900px){.category-grid{flex-wrap:wrap;gap:15px}.category-card{flex:140px;min-width:140px;max-width:180px}.category-desc{white-space:normal;font-size:.8rem}}@media (max-width:600px){.category-screen{padding:20px 15px}.category-header{margin-bottom:25px}.category-title{font-size:1.6rem}.category-subtitle{font-size:.95rem}.category-grid{flex-wrap:wrap;justify-content:center;gap:12px}.category-card{flex:calc(50% - 12px);min-width:130px;max-width:calc(50% - 6px);padding:18px 12px}.category-icon{font-size:2.2rem}.category-name{white-space:normal;font-size:1rem}.category-desc{white-space:normal;font-size:.75rem;line-height:1.3}}
.situation-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.situation-header{text-align:center;margin-bottom:30px}.selected-category{background:var(--gradient-card);border:1px solid var(--color-accent-gold);font-family:var(--font-heading);color:var(--color-accent-gold);border-radius:25px;margin-bottom:25px;padding:10px 25px;font-size:1.1rem;display:inline-block}.situation-title{font-family:var(--font-heading);color:var(--color-accent-gold);text-shadow:var(--shadow-glow);margin-bottom:12px;font-size:2.2rem}.situation-subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.5}.situation-input-container{width:100%;max-width:600px;margin-bottom:30px}.situation-textarea{width:100%;font-family:var(--font-body);color:var(--color-text-primary);resize:none;background:#1a1a3acc;border:2px solid #d4af374d;border-radius:15px;padding:20px;font-size:1.1rem;line-height:1.7;transition:all .3s}.situation-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.situation-textarea:focus{border-color:var(--color-accent-gold);outline:none;box-shadow:0 0 20px #d4af3733}.char-count{text-align:right;color:var(--color-text-secondary);margin-top:10px;font-size:.9rem}.situation-buttons{flex-direction:column;align-items:center;gap:15px;display:flex}.skip-button{font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:1rem;transition:color .2s}.skip-button:hover{color:var(--color-text-primary);text-decoration:underline}@media (max-width:600px){.situation-screen{justify-content:center;padding:20px 15px}.situation-header{margin-bottom:20px}.selected-category{margin-bottom:18px;padding:8px 18px;font-size:.95rem}.situation-title{margin-bottom:10px;font-size:1.5rem}.situation-subtitle{font-size:.9rem}.situation-input-container{max-width:100%;margin-bottom:20px}.situation-textarea{min-height:120px;padding:15px;font-size:1rem}.char-count{font-size:.8rem}.situation-buttons{gap:12px}.skip-button{font-size:.9rem}}
.shuffle-screen{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.shuffle-content{text-align:center}.shuffle-title{font-family:var(--font-heading);color:var(--color-accent-gold);text-shadow:var(--shadow-glow);margin-bottom:60px;font-size:2.5rem}.shuffle-deck{perspective:1000px;width:200px;height:280px;margin:0 auto 50px;position:relative}.shuffle-card{width:140px;height:220px;transform:translate(-50%,-50%)translateX(calc(var(--index)*3px))translateY(calc(var(--index)*-3px));transition:transform .3s;position:absolute;top:50%;left:50%}.shuffle-card.shuffling{animation:.7s ease-in-out infinite cardShuffle;animation-delay:var(--delay)}@keyframes cardShuffle{0%,to{transform:translate(-50%,-50%)translateX(calc(var(--index)*3px))translateY(calc(var(--index)*-3px))rotateZ(0deg)}25%{transform:translate(-50%,-50%)translateX(calc(-60px + var(--index)*5px))translateY(calc(-30px + var(--index)*-3px))rotateZ(-8deg)}50%{transform:translate(-50%,-50%)translateX(calc(60px + var(--index)*-5px))translateY(calc(30px + var(--index)*-3px))rotateZ(8deg)}75%{transform:translate(-50%,-50%)translateX(calc(-30px + var(--index)*3px))translateY(calc(-15px + var(--index)*-3px))rotateZ(-4deg)}}.shuffle-card-inner{width:100%;height:100%;box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.shuffle-card-image{object-fit:cover;border-radius:12px;width:100%;height:100%}.shuffle-progress{justify-content:center;align-items:center;gap:20px;margin-bottom:30px;display:flex}.progress-bar{background:var(--color-bg-secondary);border-radius:3px;width:200px;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-gold);border-radius:3px;height:100%;transition:width .5s}.progress-text{font-family:var(--font-heading);color:var(--color-accent-gold);min-width:60px;font-size:1.2rem}.shuffle-hint{color:var(--color-text-secondary);font-size:1.1rem;font-style:italic}@media (max-width:768px){.shuffle-title{font-size:1.8rem}.shuffle-deck{width:150px;height:220px}.shuffle-card{width:100px;height:160px}}
.select-screen{z-index:1;flex-direction:column;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.select-header{text-align:center;flex-shrink:0;padding:15px 0 20px}.select-title{font-family:var(--font-heading);color:var(--color-accent-gold);text-shadow:var(--shadow-glow);margin-bottom:8px;font-size:2.2rem}.select-subtitle{color:var(--color-text-secondary);margin-bottom:15px;font-size:1rem}.select-subtitle .highlight{color:var(--color-accent-rose);font-weight:600}.selection-counter{background:var(--gradient-card);border:1px solid var(--color-accent-gold);border-radius:30px;align-items:center;gap:8px;padding:10px 25px;display:inline-flex}.counter-current{font-family:var(--font-heading);color:var(--color-accent-gold);font-size:1.8rem}.counter-divider{color:var(--color-text-secondary);font-size:1.3rem}.counter-max{font-family:var(--font-heading);color:var(--color-text-secondary);font-size:1.3rem}.card-meaning{text-align:center;z-index:50;background:linear-gradient(135deg,#8b5cf626 0%,#2d1b4e4d 100%);border:1px solid #d4af374d;border-radius:15px;width:fit-content;margin:0 auto 10px;padding:15px 30px;animation:.4s meaningFade;position:relative}@keyframes meaningFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.meaning-number{font-family:var(--font-heading);color:var(--color-accent-gold);letter-spacing:2px;margin-bottom:8px;font-size:1rem;display:block}.meaning-text{font-family:var(--font-body);color:var(--color-text-primary);white-space:nowrap;margin:0;font-size:1.1rem;line-height:1.6}.cards-horizontal-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:30px 20px;display:flex;overflow:auto visible}.cards-horizontal{align-items:center;height:200px;display:flex;position:relative}.cards-row{flex-shrink:0}.card-wrapper{z-index:var(--base-z);position:absolute}.card-wrapper:hover{z-index:200!important}.fan-card{cursor:pointer;width:125px;height:190px;transform:translateX(var(--offset-x))translateY(0);z-index:var(--z-index);will-change:transform;transition:transform .2s ease-out}.fan-card.hovered{transform:translateX(var(--offset-x))translateY(-40px)scale(1.08);z-index:100!important}.fan-card.selected{transform:translateX(var(--offset-x))translateY(-30px)}.fan-card.selected.hovered{transform:translateX(var(--offset-x))translateY(-50px)scale(1.08)}.fan-card-inner{border-radius:10px;width:100%;height:100%;transition:box-shadow .2s;overflow:hidden}.fan-card-back{border-radius:10px;width:100%;height:100%;overflow:hidden}.card-back-image{object-fit:cover;border-radius:10px;width:100%;height:100%}.fan-card.selected .card-back-image{border-color:var(--color-accent-rose);box-shadow:0 0 15px #b76e7980}.selected-badge{background:var(--color-accent-rose);width:20px;height:20px;font-family:var(--font-heading);color:#fff;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 10px #b76e7999}.selected-preview{background:#1a1a3a99;border-top:1px solid #d4af3733;flex-shrink:0;padding:15px 20px}.preview-label{text-align:center;font-family:var(--font-heading);color:var(--color-accent-gold);letter-spacing:1px;margin-bottom:10px;font-size:.85rem}.preview-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.preview-card{background:var(--gradient-card);border:1px solid var(--color-accent-rose);width:36px;height:52px;font-family:var(--font-heading);color:var(--color-accent-rose);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;font-size:.85rem;transition:transform .15s;display:flex}.preview-card:hover{background:#b76e7940;transform:scale(1.1)}.select-footer{text-align:center;flex-shrink:0;padding:15px 0}.mystical-button.disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary);box-shadow:none}.mystical-button.disabled:before{display:none}.mystical-button.ready{animation:1.5s ease-in-out infinite readyPulse}@keyframes readyPulse{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 40px #d4af3799}}@media (max-width:900px){.select-header{padding:10px 0 15px}.select-title{font-size:1.8rem}.card-meaning{padding:12px 20px}.meaning-text{white-space:normal;font-size:1rem}}@media (max-width:600px){.select-screen{flex-direction:column;justify-content:center;min-height:100vh;padding:10px;display:flex}.select-header{padding:8px 0}.select-title{margin-bottom:5px;font-size:1.3rem}.select-subtitle{margin-bottom:8px;font-size:.8rem}.selection-counter{padding:6px 15px}.counter-current{font-size:1.2rem}.counter-divider,.counter-max{font-size:.9rem}.card-meaning{margin-bottom:6px;padding:8px 12px}.meaning-number{margin-bottom:4px;font-size:.75rem}.meaning-text{white-space:normal;font-size:.85rem;line-height:1.3}.cards-horizontal-container{align-items:flex-start;max-height:none;padding:10px 5px;overflow:visible}.cards-horizontal{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;height:auto;display:flex}.card-wrapper{z-index:auto;position:static!important}.fan-card{width:38px;height:57px;position:static;transform:none!important}.fan-card-inner,.card-back-image{border-radius:4px}.fan-card.hovered{z-index:10;transform:scale(1.15)!important}.fan-card.selected{box-shadow:0 0 8px var(--color-accent-rose);transform:scale(1.1)!important}.fan-card.selected.hovered{transform:scale(1.2)!important}.selected-badge{width:14px;height:14px;font-size:.5rem;top:2px;right:2px}.selected-preview{padding:8px 10px}.preview-label{margin-bottom:6px;font-size:.7rem}.preview-cards{gap:4px}.preview-card{border-radius:3px;width:24px;height:36px;font-size:.6rem}.select-footer{padding:8px 0}}
.mobile-carousel-container{flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex}.carousel-wheel{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.carousel-cards{justify-content:center;align-items:center;width:100%;height:150px;display:flex;position:relative}.carousel-card{border-radius:10px;width:100px;height:150px;transition:transform .3s,opacity .3s;position:absolute;overflow:hidden;box-shadow:0 5px 20px #0006}.carousel-card.center{box-shadow:0 10px 40px #d4af3766}.carousel-card img{object-fit:cover;border-radius:10px;width:100%;height:100%}.carousel-card.selected{box-shadow:0 0 20px var(--color-accent-rose)}.carousel-card.selected img{border:2px solid var(--color-accent-rose)}.carousel-badge{background:var(--color-accent-rose);width:22px;height:22px;font-family:var(--font-heading);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 8px #b76e7999}.carousel-center-indicator{margin-top:-10px;margin-bottom:15px}.center-arrow{color:var(--color-accent-gold);font-size:1.5rem;animation:1s ease-in-out infinite bounceArrow}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.carousel-select-btn{font-family:var(--font-heading);background:var(--gradient-gold);color:#1a1a3a;cursor:pointer;box-shadow:var(--shadow-glow);border:none;border-radius:50px;margin-bottom:15px;padding:14px 40px;font-size:1rem;transition:all .3s}.carousel-select-btn:active{transform:scale(.95)}.carousel-select-btn.cancel{background:linear-gradient(135deg,#b76e79 0%,#d4a0a8 50%,#b76e79 100%)}.carousel-select-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary);box-shadow:none}.carousel-hint{font-family:var(--font-body);color:var(--color-text-secondary);opacity:.8;margin:0;font-size:.9rem}
.result-screen{z-index:1;grid-template-rows:auto 400px 1fr auto;min-height:100vh;padding:20px;display:grid;position:relative}.result-header{text-align:center;padding:15px 0}.result-title{font-family:var(--font-heading);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}.result-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.single-card-container{justify-content:center;align-items:center;transition:opacity .3s;display:flex}.single-card-container.transitioning{opacity:0}.single-card{perspective:1500px;cursor:pointer;width:200px;height:340px}.single-card:not(.flipped){animation:2s ease-in-out infinite hoverPulse}@keyframes hoverPulse{0%,to{filter:drop-shadow(0 0 10px #d4af3766)}50%{filter:drop-shadow(0 0 25px #d4af37cc)}}.single-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.single-card.flipped .single-card-inner{transform:rotateY(180deg)}.single-card-back,.single-card-front{backface-visibility:hidden;border-radius:15px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 10px 40px #00000080}.single-card-back img,.single-card-front img{object-fit:cover;border-radius:15px;width:100%;height:100%}.click-hint{color:var(--color-accent-gold);font-family:var(--font-heading);white-space:nowrap;background:#000c;border-radius:20px;padding:10px 20px;font-size:.9rem;animation:2s ease-in-out infinite bounce;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.single-card-front{transform:rotateY(180deg)}.single-card-front img{border:3px solid var(--color-accent-gold)}.single-card-front img.reversed{transform:rotate(180deg)}.interpretation-panel{width:100%;max-width:700px;margin:0 auto;padding:20px;overflow-y:auto}.card-interpretation{border:1px solid var(--color-accent-gold);background:linear-gradient(135deg,#1a1a3acc 0%,#0f0f25e6 100%);border-radius:20px;padding:25px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.interpretation-header{border-bottom:1px solid #d4af374d;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}.position-number{background:var(--gradient-gold);width:50px;height:50px;font-family:var(--font-heading);color:var(--color-bg-primary);box-shadow:var(--shadow-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative;overflow:hidden}.position-number:before{content:"";background:linear-gradient(45deg,#0000,#fff6,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.position-info{flex:1}.position-title{font-family:var(--font-heading);color:var(--color-accent-gold);margin:0 0 5px;font-size:1.5rem}.position-desc{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.5}.interpretation-body{padding:10px 0}.card-selected-name{font-family:var(--font-heading);color:var(--color-accent-rose);align-items:center;gap:10px;margin:0 0 15px;font-size:1.2rem;display:flex}.reversed-badge{color:#fff;font-size:.75rem;font-family:var(--font-body);background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-radius:12px;padding:4px 10px}.interpretation-text{font-family:var(--font-body);color:var(--color-text-primary);margin:0;font-size:1.15rem;line-height:1.9}.streaming-content{background:#0003;border-radius:12px;margin-top:15px;padding:15px}.streaming-content.streaming{border:1px solid #d4af374d}.streaming-loading{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.typing-indicator{gap:4px;display:flex}.typing-indicator span{background:var(--color-accent-gold);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typingBounce}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.markdown-content{font-family:var(--font-body);color:var(--color-text-primary);font-size:1.05rem;line-height:1.8}.markdown-content .md-h2{font-family:var(--font-heading);color:var(--color-accent-gold);margin:20px 0 10px;font-size:1.3rem;display:block}.markdown-content .md-h2:first-child{margin-top:0}.markdown-content .md-hr{border:none;border-top:1px solid #d4af374d;margin:20px 0}.markdown-content strong{color:var(--color-accent-rose)}.markdown-content em{color:var(--color-accent-gold);font-style:italic}.interpretation-placeholder{text-align:center;color:var(--color-text-secondary);padding:40px 20px;font-size:1.1rem}.result-footer{text-align:center;padding:20px 0}.next-button{animation:1.5s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #d4af3766}50%{box-shadow:0 0 30px #d4af37cc}}.complete-section{text-align:center}.complete-message{font-family:var(--font-heading);color:var(--color-accent-gold);margin-bottom:20px;font-size:1.3rem}@media (max-width:768px){.result-screen{flex-direction:column;min-height:100vh;padding:15px;display:flex}.result-title{font-size:1.6rem}.result-subtitle{font-size:.9rem}.single-card-container{flex-shrink:0;min-height:auto;padding:20px 0}.single-card{width:140px;height:238px}.interpretation-panel{max-width:100%;padding:15px}.position-title{font-size:1.1rem}.position-desc{font-size:.85rem}.interpretation-text{font-size:.95rem}}@media (max-width:480px){.result-screen{padding:10px}.result-header{padding:10px 0}.result-title{margin-bottom:5px;font-size:1.4rem}.result-subtitle{font-size:.8rem}.single-card-container{padding:15px 0}.single-card{width:150px;height:255px}.click-hint{padding:6px 12px;font-size:.75rem}.interpretation-panel{padding:12px}.interpretation-header{gap:12px}.position-number{width:36px;height:36px;font-size:1.2rem}.position-title{margin-bottom:3px;font-size:1rem}.position-desc{font-size:.8rem;line-height:1.4}.card-selected-name{flex-wrap:wrap;margin-bottom:10px;font-size:1rem}.reversed-badge{padding:3px 8px;font-size:.65rem}.streaming-content{margin-top:10px;padding:12px}.markdown-content{font-size:.95rem;line-height:1.7}.markdown-content .md-h2{margin:15px 0 8px;font-size:1.1rem}.complete-message{margin-bottom:15px;font-size:1rem}}.ai-result-panel{flex:1;width:100%;max-width:800px;margin:0 auto;padding:20px}@media (max-width:600px){.ai-result-panel{padding:15px}.ai-content{border-radius:15px;padding:20px}.ai-text{font-size:.95rem;line-height:1.7}}.ai-loading{text-align:center;color:var(--color-text-secondary);padding:60px 20px}.ai-loading .loading-spinner{border:3px solid #d4af3733;border-top-color:var(--color-accent-gold);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-loading p{color:var(--color-accent-gold);font-size:1.1rem}.ai-error{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.ai-error p{margin-bottom:20px;font-size:1.1rem}.ai-content{border:1px solid var(--color-accent-gold);background:linear-gradient(135deg,#1a1a3acc 0%,#0f0f25e6 100%);border-radius:20px;padding:30px;animation:.5s fadeIn}.ai-interpretation{max-height:60vh;overflow-y:auto}.ai-text{font-family:var(--font-body);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:1.1rem;line-height:1.9}