body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.palm-capture{background:#ffffff0a;border-radius:8px;margin:1rem auto;max-width:720px;padding:1rem;width:100%}.palm-capture h2{margin:0 0 .25rem}.hint{color:#ddd;font-size:.9rem;margin-bottom:.75rem}.camera-wrap{align-items:center;display:flex;justify-content:center}.video-box{background:#111;border-radius:8px;height:480px;width:360px}.video-frame{background:#000;height:100%;object-fit:cover}.controls{gap:.5rem;margin-top:.75rem}.btn{background:#0000;border:1px solid #61dafb;border-radius:6px;color:#61dafb;padding:.45rem .8rem}.btn.primary{background:#61dafb;border-color:#61dafb;color:#0b1220}.captured-img{border-radius:6px;box-shadow:0 6px 18px #0009;max-height:480px;max-width:360px}.error{color:#ff8080;margin-top:.5rem}.palm-capture{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#7e22ce);color:#fff;min-height:100vh;padding:2rem 1rem}.palm-capture-header{margin:0 auto 2rem;max-width:1200px;text-align:center}.palm-capture h2{-webkit-text-fill-color:#0000;animation:shimmer 3s infinite;background:linear-gradient(45deg,#fff,#e0c3fc,#fff);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;margin:1rem 0 .5rem;text-shadow:0 0 30px #ffffff4d}.hint{color:#ffffffe6;font-size:1.2rem;font-style:italic;margin:0 0 2rem}.error,.hint{text-align:center}.error{animation:shake .5s ease;background:#ef4444e6;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;font-weight:500;margin:1rem auto;max-width:600px;padding:1rem 1.5rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.palm-capture>p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#fffffff2;font-size:1.1rem;margin:1rem auto;max-width:600px;padding:1rem;text-align:center}.camera-wrap{margin:0 auto 3rem;max-width:900px;padding:0 1rem}.video-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0006;display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative}.video-frame{border-radius:18px;display:block;height:auto;width:100%}.overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3c72b3,#7e22ceb3);gap:2rem;z-index:10}.loader-overlay,.overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.loader-overlay{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#1e3c72f2,#7e22cef2);z-index:20}.file-upload{align-items:center;display:flex;flex-direction:column;gap:1rem}.preview{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-top:2rem;padding:2rem;text-align:center}.preview p{color:#fffffff2;font-size:1.1rem;line-height:1.6;margin:0}.loader-container{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:2rem auto;max-width:600px;padding:3rem 2rem;text-align:center}.mystical-loader{align-items:center;display:flex;gap:1rem;height:80px;justify-content:center;margin-bottom:2rem}.loader-orb{animation:orbPulse 1.4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 20px #667eea99;height:20px;width:20px}.loader-orb:first-child{animation-delay:0s}.loader-orb:nth-child(2){animation-delay:.2s}.loader-orb:nth-child(3){animation-delay:.4s}@keyframes orbPulse{0%,to{opacity:.5;transform:scale(1) translateY(0)}50%{box-shadow:0 0 30px #667eeacc;opacity:1;transform:scale(1.5) translateY(-20px)}}.loader-text{animation:shimmer 2s infinite;color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.loader-subtext{color:#fffc;font-size:1rem;font-style:italic;margin:0}.controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:900px;padding:0 1rem}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.btn:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 10px 30px #667eea66}.btn.primary:hover{box-shadow:0 15px 40px #667eea99;transform:translateY(-3px)}.btn.primary:active{transform:translateY(-1px)}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.palm-capture{padding:1rem .5rem}.palm-capture h2{font-size:2rem}.hint{font-size:1rem}.video-box{min-height:300px}.btn{font-size:1rem;padding:.875rem 1.5rem}.controls{gap:.75rem}.preview{padding:1.5rem}.preview p{font-size:1rem}}@media (max-width:480px){.palm-capture h2{font-size:1.75rem}.btn,.hint{font-size:.95rem}.btn{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;min-width:140px;padding:.75rem 1.25rem}.overlay{gap:1.5rem}}.output-container{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#7e22ce);color:#fff;min-height:100vh;padding:2rem 1rem}.output-header{margin:0 auto 2rem;max-width:1200px;position:relative;text-align:center}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;left:0;padding:.75rem 1.5rem;position:absolute;top:0;transition:all .3s ease}.back-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateX(-4px)}.main-title{-webkit-text-fill-color:#0000;animation:shimmer 3s infinite;background:linear-gradient(45deg,#fff,#e0c3fc,#fff);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;margin:1rem 0 .5rem;text-shadow:0 0 30px #ffffff4d}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.subtitle{color:#fffc;font-size:1.2rem;font-style:italic;margin:0}.palm-image-container{margin:0 auto 3rem;max-width:600px;padding:0 1rem}.palm-image-wrapper{animation:float 6s ease-in-out infinite;border-radius:20px;box-shadow:0 20px 60px #0006;overflow:hidden;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.palm-image{display:block;height:auto;width:100%}.image-overlay{background:linear-gradient(135deg,#7e22ce1a,#1e3c721a);inset:0;pointer-events:none;position:absolute}.personality-section{margin:0 auto 4rem;max-width:900px;padding:0 1rem}.section-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.section-icon{animation:pulse 2s ease-in-out infinite;font-size:2.5rem}.section-title{color:#fff;font-size:2rem;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.personality-card{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;padding:3rem;position:relative}.personality-card:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:300% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.personality-text{color:#2d3748;font-size:1.2rem;font-weight:400;line-height:2;margin:0;text-align:center}.insights-container{margin:0 auto;max-width:1200px}.insights-header{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem}.decorative-line{background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:2px;width:80px}.insights-title{font-size:2rem;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:0 1rem}.insight-card{animation:fadeInUp .6s ease-out backwards;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.insight-card:first-child{animation-delay:.1s}.insight-card:nth-child(2){animation-delay:.2s}.insight-card:nth-child(3){animation-delay:.3s}.insight-card:nth-child(4){animation-delay:.4s}.insight-card:nth-child(5){animation-delay:.5s}.insight-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.insight-card:hover{box-shadow:0 20px 60px #0006;transform:translateY(-8px) scale(1.02)}.card-header{align-items:center;display:flex;gap:1rem;overflow:hidden;padding:2rem;position:relative}.card-header:before{animation:glow 3s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes glow{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.card-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-category{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003;text-transform:capitalize;z-index:1}.card-body{color:#333;padding:2rem}.card-text{color:#4a5568;font-size:1.05rem;line-height:1.8;margin:0}.card-title{color:#2d3748;font-size:1.4rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.card-summary{color:#4a5568;font-size:1.05rem;line-height:1.8;margin:0}.card-footer{background:linear-gradient(90deg,#7e22ce4d,#1e3c724d 50%,#7e22ce4d);height:8px;overflow:hidden;position:relative}.mystical-pattern{animation:slide 2s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff4d 0,#ffffff4d 20px);inset:0;position:absolute}@keyframes slide{0%{transform:translateX(-20px)}to{transform:translateX(0)}}.no-data,.no-insights{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;margin:2rem;padding:4rem 2rem;text-align:center}.mystical-icon{animation:rotate 4s ease-in-out infinite;font-size:5rem;margin-bottom:1rem}@keyframes rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.reading-footer{margin:4rem auto 0;max-width:800px;padding:0 1rem}.footer-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center}.disclaimer{color:#ffffffe6;font-size:.95rem;font-style:italic;line-height:1.6;margin:0 0 1.5rem}.new-reading-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.new-reading-btn:hover{box-shadow:0 15px 40px #667eea99;transform:translateY(-3px)}.new-reading-btn:active{transform:translateY(-1px)}@media (max-width:768px){.output-container{padding:1rem .5rem}.back-btn{margin-bottom:1rem;position:static}.main-title{font-size:2rem}.subtitle{font-size:1rem}.insights-title,.section-title{font-size:1.5rem}.personality-card{padding:2rem 1.5rem}.personality-text{font-size:1.05rem;line-height:1.8}.cards-grid{gap:1.5rem;grid-template-columns:1fr}.card-header{padding:1.5rem}.card-icon{font-size:2.5rem}.card-category{font-size:1.2rem}.card-body{padding:1.5rem}.card-text{font-size:1rem}}@media (max-width:480px){.main-title{font-size:1.75rem}.decorative-line{width:40px}.insights-header{gap:1rem}}
/*# sourceMappingURL=main.14516b4b.css.map*/