:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #8a2be280}50%{box-shadow:0 0 20px #8a2be2cc,0 0 30px #8a2be299}}@keyframes sparkle{0%,to{opacity:0;transform:rotate(0) scale(0)}50%{opacity:1;transform:rotate(180deg) scale(1)}}@keyframes constellation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magic-background{background:linear-gradient(135deg,#0c0c2e,#1a1a4a,#2d1b69,#4a148c,#6a1b9a);position:relative;overflow:hidden}.magic-background:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 30s ease-in-out infinite alternate}.magic-chat-container{background:#0f0f28e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(138,43,226,.3);border-radius:20px;box-shadow:0 8px 32px #8a2be24d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;margin:0 auto}.magic-chat-container:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,transparent,rgba(138,43,226,.5),transparent,rgba(75,0,130,.5),transparent);border-radius:20px;z-index:-1;animation:glow 20s ease-in-out infinite alternate}.magic-header{background:linear-gradient(135deg,#4b0082cc,#8a2be2cc);border-bottom:1px solid rgba(138,43,226,.5);color:#fff;position:relative}.magic-chat-area{background:linear-gradient(180deg,#0f0f28f2,#19193cf2);position:relative}.magic-chat-area:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(75,0,130,.1) 0%,transparent 50%);pointer-events:none}.magic-message-user{background:linear-gradient(135deg,#8a2be2e6,#9c27b0e6);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #8a2be266,inset 0 1px #fff3;position:relative}.magic-message-bot{background:linear-gradient(135deg,#19193cf2,#282850f2);color:#e8eaf6;border:1px solid rgba(138,43,226,.3);box-shadow:0 4px 15px #4b00824d,inset 0 1px #ffffff1a;position:relative}.magic-avatar-user{background:linear-gradient(135deg,#8a2be2e6,#9c27b0e6);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 15px #8a2be299}.magic-avatar-bot{background:linear-gradient(135deg,#4b0082e6,#6a1b9ae6);border:2px solid rgba(138,43,226,.5);box-shadow:0 0 15px #4b008299}.magic-input{background:#19193ccc!important;border:2px solid rgba(138,43,226,.4)!important;color:#e8eaf6!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.magic-input:focus{border-color:#8a2be2cc!important;box-shadow:0 0 20px #8a2be266!important}.magic-input::placeholder{color:#e8eaf699!important}.magic-button{background:linear-gradient(135deg,#8a2be2e6,#9c27b0e6)!important;border:none!important;box-shadow:0 4px 15px #8a2be266,inset 0 1px #fff3!important;position:relative;overflow:hidden}.magic-button:hover{background:linear-gradient(135deg,#9c27b0e6,#8a2be2e6)!important;box-shadow:0 6px 20px #8a2be299,inset 0 1px #ffffff4d!important}.magic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.magic-button:hover:before{left:100%}.magic-footer{background:linear-gradient(135deg,#0f0f28f2,#19193cf2);border-top:1px solid rgba(138,43,226,.3);position:relative}.magic-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.6}.magic-particle{position:absolute;width:3px;height:3px;background:#8a2be299;border-radius:50%;animation:float 40s ease-in-out infinite}.magic-particle:nth-child(1){top:15%;left:15%;animation-delay:0s}.magic-particle:nth-child(2){top:70%;left:25%;animation-delay:2s}.magic-particle:nth-child(3){top:45%;left:75%;animation-delay:4s}.magic-particle:nth-child(4){top:85%;left:65%;animation-delay:1s}.magic-particle:nth-child(5){top:25%;left:55%;animation-delay:3s}@keyframes cardFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(0) scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) scale(.8);filter:blur(10px)}50%{opacity:.7;transform:translateY(-10px) scale(1.05);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes mysticalGlow{0%,to{box-shadow:0 0 20px #8a2be266,0 0 40px #8a2be233,inset 0 0 20px #8a2be21a}50%{box-shadow:0 0 30px #8a2be2cc,0 0 60px #8a2be266,inset 0 0 30px #8a2be233}}@keyframes tarotShuffle{0%{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-2deg)}50%{transform:translate(10px) rotate(2deg)}75%{transform:translate(-5px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes cardDraw{0%{transform:translateY(100px) scale(.5) rotate(10deg);opacity:0}30%{transform:translateY(-20px) scale(1.1) rotate(-5deg);opacity:.8}60%{transform:translateY(10px) scale(.95) rotate(2deg);opacity:.9}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.tarot-card-container{position:relative;overflow:hidden}.tarot-card-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(138,43,226,.3),transparent,rgba(75,0,130,.3),transparent);border-radius:17px;z-index:-1;animation:mysticalGlow 4s ease-in-out infinite}.tarot-card-flip{animation:cardFlip 1s ease-in-out}.tarot-card-reveal{animation:cardReveal 1.5s ease-out}.tarot-card-shuffle{animation:tarotShuffle .5s ease-in-out infinite}.tarot-card-draw{animation:cardDraw 2s ease-out}.three-column-layout{transition:all .3s ease;margin:0 auto;justify-content:center}.three-column-layout:not(:has(.left-sidebar)) .center-chat{max-width:650px!important}.three-column-layout:not(:has(.right-sidebar)) .center-chat{max-width:650px!important}.three-column-layout:not(:has(.left-sidebar)):not(:has(.right-sidebar)) .center-chat{max-width:800px!important}@media (max-width: 1200px){.three-column-layout{flex-direction:column!important;height:auto!important;gap:20px!important}.left-sidebar,.right-sidebar{width:100%!important;min-width:auto!important;max-width:500px!important;margin:0 auto!important}.center-chat{min-width:auto!important;max-width:none!important}}@media (max-width: 768px){.magic-background{padding:10px!important}.three-column-layout{gap:15px!important}.left-sidebar,.right-sidebar{max-width:100%!important}}@keyframes magicPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes runeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-10px) translate(-15px)}75%{transform:translateY(-25px) translate(5px)}}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-30px);opacity:1}}@keyframes auraGlow{0%,to{box-shadow:0 0 30px #8a2be299}50%{box-shadow:0 0 60px #8a2be2e6,0 0 90px #9c27b099}}.magic-call-container{position:fixed;inset:0;background:linear-gradient(135deg,#0c0c2e,#1a1a4a,#2d1b69,#4a148c,#6a1b9a);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:1000}.magic-call-background{position:absolute;inset:0;pointer-events:none}.magic-orbs{position:absolute;width:100%;height:100%}.magic-orb{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.4),transparent);animation:orbFloat 8s ease-in-out infinite}.orb-1{top:10%;left:10%;animation-delay:0s}.orb-2{top:20%;right:15%;animation-delay:2s}.orb-3{bottom:25%;left:20%;animation-delay:4s}.orb-4{bottom:15%;right:10%;animation-delay:6s}.magic-rune-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px}.rune-ring{position:absolute;top:50%;left:50%;border:2px solid rgba(138,43,226,.3);border-radius:50%;display:flex;align-items:center;justify-content:space-around}.ring-1{width:300px;height:300px;transform:translate(-50%,-50%);animation:runeRotate 60s linear infinite}.ring-2{width:200px;height:200px;transform:translate(-50%,-50%);animation:runeRotate 45s linear infinite reverse}.rune-ring span{position:absolute;color:#8a2be2b3;font-size:16px;text-shadow:0 0 10px rgba(138,43,226,.8)}.magic-call-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px;text-align:center}.wizard-avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.wizard-aura{position:relative;border-radius:50%;padding:20px;animation:auraGlow 3s ease-in-out infinite}.wizard-aura.aura-0{background:radial-gradient(circle,rgba(138,43,226,.2),transparent)}.wizard-aura.aura-1{background:radial-gradient(circle,rgba(156,39,176,.2),transparent)}.wizard-aura.aura-2{background:radial-gradient(circle,rgba(75,0,130,.2),transparent)}.wizard-avatar{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#19193ce6,#282850e6);border:3px solid rgba(138,43,226,.8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease}.wizard-avatar.listening{animation:magicPulse 1.5s ease-in-out infinite;border-color:#9c27b0}.wizard-placeholder{font-size:60px;filter:drop-shadow(0 0 10px rgba(138,43,226,.8))}.call-info{display:flex;flex-direction:column;gap:10px}.wizard-name{color:#e8eaf6!important;text-shadow:0 0 20px rgba(138,43,226,.8);margin:0!important}.call-status{color:#e8eaf6cc!important;font-size:16px}.call-duration{color:#8a2be2e6!important;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(138,43,226,.6)}.magic-indicators{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.magic-indicator{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;background:#19193c99;border-radius:10px;border:1px solid rgba(138,43,226,.3);min-width:80px}.indicator-icon{font-size:20px;filter:drop-shadow(0 0 5px rgba(138,43,226,.6))}.indicator-text{color:#e8eaf6cc;font-size:12px;text-align:center}.call-controls{margin-top:20px}.end-call-button{width:70px!important;height:70px!important;background:linear-gradient(135deg,#ff4d4f,#ff7875)!important;border:none!important;box-shadow:0 4px 20px #ff4d4f66!important;font-size:24px!important}.end-call-button:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f)!important;box-shadow:0 6px 25px #ff4d4f99!important;transform:scale(1.05)}.magic-tips{max-width:400px;margin-top:20px}.tip-text{color:#e8eaf6b3!important;font-style:italic;line-height:1.6}.bottom-particles{position:absolute;bottom:0;left:0;right:0;height:100px;pointer-events:none}.bottom-particles .particle{position:absolute;width:4px;height:4px;background:#8a2be2cc;border-radius:50%;animation:particleFloat 4s ease-in-out infinite}.bottom-particles .particle:nth-child(1){left:10%;animation-delay:0s}.bottom-particles .particle:nth-child(2){left:30%;animation-delay:1s}.bottom-particles .particle:nth-child(3){left:50%;animation-delay:2s}.bottom-particles .particle:nth-child(4){left:70%;animation-delay:3s}.bottom-particles .particle:nth-child(5){left:90%;animation-delay:.5s}@media (max-width: 1200px){.magic-call-container>div[style*="position: absolute"][style*="left: 20px"],.magic-call-container>div[style*="position: absolute"][style*="right: 20px"]{width:250px!important}}@media (max-width: 900px){.magic-call-container>div[style*="position: absolute"][style*="left: 20px"],.magic-call-container>div[style*="position: absolute"][style*="right: 20px"]{display:none!important}}