@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;500;600&display=swap";.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#2a1b6e,#420b73);animation:gradientBG 15s ease infinite;background-size:200% 200%}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card{background-color:#2a1b74;border-radius:12px;box-shadow:0 8px 30px #0000001a;padding:2rem;margin:1rem 0;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.bounce{animation:bounce .5s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#2c1a75;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014}.dashboard-header h1{color:var(--text-color);margin:0;font-size:1.8rem}.user-info-brief{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;font-size:1.1rem;color:var(--text-color)}.user-birthdate,.user-location{font-size:.9rem;color:#aaa;margin-bottom:.25rem}.user-location{display:flex;align-items:center;gap:.5rem}.coord-badge{background-color:#673ab71a;color:var(--primary-color);font-size:.75rem;padding:.15rem .5rem;border-radius:12px;white-space:nowrap}.tab-container{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#312e81,#581c87);border-radius:12px;overflow:hidden;box-shadow:0 6px 30px #0000001a}.tabs{display:flex;border-bottom:1px solid #271c6e}.tab{flex:1;padding:1rem;background:none;border:none;color:#aaa;font-weight:600;transition:all .3s ease;position:relative}.tab.active{color:var(--text-color);background-color:#2c1a75}.tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab-content{flex:1;padding:.5rem;overflow-y:auto}.fade-out{animation:fadeOut .3s ease-out;opacity:0}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.lang{flex:1;padding:1rem;background:none;border:none;color:#aaa;font-weight:600;transition:all .3s ease;position:relative}.tab:hover{background-color:#673ab70d;color:var(--text-color);transform:none;box-shadow:none}.lang.active{color:var(--text-color);background-color:#2c1a75}.lang.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color);animation:slideIn .3s ease-out}.lang-tag{background-color:#3f0f78;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:1rem;width:4rem;height:2rem;text-transform:capitalize}.lang-tag:hover{background-color:#3f0f78}.fortune-container{display:flex;flex-direction:column;gap:1.5rem}.fortune-date{text-align:center;margin-bottom:.5rem}.fortune-date h2{color:var(--text-color);margin-bottom:.25rem}.fortune-date p{color:#aaa;font-size:1rem}.fortune-card{padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease}.fortune-card:hover{transform:translateY(-5px)}.fortune-card h3{font-size:1.3rem;margin-bottom:.75rem;position:relative;padding-bottom:.5rem}.fortune-card h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:currentColor}.fortune-card p{line-height:1.6;font-size:1.05rem}.fortune-card.mood{background-color:#2a1b74;border-left:5px solid var(--primary-color)}.fortune-card.mood h3{color:var(--text-color)}.fortune-card.luck{background-color:#351576;border-left:5px solid var(--accent-color)}.fortune-card.luck h3{color:var(--accent-color)}.fortune-card.advice{background-color:#3f0f78;border-left:5px solid var(--info-color)}.fortune-card.advice h3{color:var(--info-color)}.fortune-extras{display:flex;justify-content:space-around;margin-top:1rem}.lucky-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lucky-item h4{font-size:1rem;color:var(--text-color);margin-bottom:.25rem}.color-circle{width:50px;height:50px;border-radius:50%;box-shadow:0 2px 10px #0000001a}.number-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#2a1b74;display:flex;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;box-shadow:0 2px 10px #0000001a}.fortune-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner{width:50px;height:50px;border:4px solid rgba(103,58,183,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}*{box-sizing:border-box;margin:0;padding:0}.app-container{background:linear-gradient(135deg,#581c87,#1e3a8a,#312e81);padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-card{background:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2)}.language-toggle-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.language-toggle{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease;font-size:.875rem}.language-toggle:hover{background:#fff3}.title-section{text-align:center;margin-bottom:2rem}.title-row{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 .5rem}.star-icon{color:#fbbf24}.subtitle{color:#ffffffb3;font-size:.875rem}.hexagram-container{margin-bottom:2rem}.hexagram-display{background:#0003;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.empty-state{text-align:center;color:#ffffff80;padding:2rem 0}.empty-state svg{margin:0 auto .5rem}.hexagram-lines{display:flex;flex-direction:column;gap:.75rem}.line-row{display:flex;align-items:center;justify-content:center}.line-container{display:flex;align-items:center;gap:.5rem}.line-label{color:#ffffffb3;font-size:.875rem;width:4rem;text-align:right}.line-visual{display:flex;gap:.25rem}.yang-line{height:1rem;width:4rem;background:linear-gradient(to right,#fbbf24,#f97316);border-radius:.25rem}.yang-line.changing{animation:pulse 2s infinite}.yin-line-part{height:1rem;width:1.75rem;background:linear-gradient(to right,#60a5fa,#a855f7);border-radius:.25rem}.yin-line-part.changing{animation:pulse 2s infinite}.yin-line-gap{width:.5rem}.line-inactive{height:1rem;width:4rem;background:#fff3;border-radius:.25rem}.changing-indicator{color:#ffffff80;font-size:.75rem;width:2rem}.coin-animation{text-align:center;margin-top:1rem}.spinning-coin{animation:spin 1s linear infinite;color:#fbbf24;margin:0 auto}.coin-text{color:#ffffffb3;font-size:.875rem;margin-top:.5rem}.result-section{margin-bottom:1.5rem;background:linear-gradient(to right,#f59e0b33,#f9731633);border-radius:1rem;padding:1rem;border:1px solid rgba(245,158,11,.3)}.result-title{color:#fff;font-weight:600;margin-bottom:.5rem;text-align:center}.result-content{text-align:center}.hexagram-name{color:#fcd34d;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.hexagram-meaning{color:#ffffffe6;font-size:.875rem;line-height:1.6}.controls{display:flex;flex-direction:column;gap:.75rem}.primary-button{width:100%;background:linear-gradient(to right,#7c3aed,#2563eb);color:#fff;font-weight:600;padding:1rem 1.5rem;border-radius:1rem;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-button:hover:not(:disabled){background:linear-gradient(to right,#6d28d9,#1d4ed8);transform:scale(1.05)}.primary-button:active:not(:disabled){transform:scale(.95)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{width:100%;background:#ffffff1a;color:#fff;font-weight:500;padding:.75rem 1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.secondary-button:hover{background:#fff3}.description{margin-top:1.5rem;text-align:center}.description-text{color:#ffffff80;font-size:.75rem;line-height:1.6;white-space:pre-line}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.life-container{display:flex;flex-direction:column;gap:1.1rem}.life-header{text-align:center;margin-bottom:.5rem}.life-header h2{color:var(--text-color);margin-bottom:.25rem}.life-header p{color:#aaa;font-size:1rem}.coordinates-info{margin-top:.5rem;font-size:.9rem;color:#aaa;display:flex;flex-direction:column;align-items:center}.coordinate-badge{display:inline-block;background-color:#3f0f78;color:var(--text-color);font-size:.8rem;padding:.25rem .75rem;border-radius:20px;margin-top:.25rem}.life-chart{background-color:#3f0f78;border-radius:12px;padding:1.1rem;box-shadow:0 4px 15px #0000000d}.life-chart h3,.phase-details h3,.elements-chart h3{color:var(--text-color);margin-bottom:1.1rem;position:relative;display:inline-block;padding-bottom:.5rem}.life-chart h3:after,.phase-details h3:after,.elements-chart h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary-color)}.scale{display:flex;flex-direction:column;justify-content:space-between;height:160px;font-size:.8rem;color:#aaa;position:relative;left:-10px}.phase-details{background-color:#351576;border-radius:12px;padding:1.1rem;box-shadow:0 4px 15px #0000000d}.elements-chart{background-color:#2a1b74;border-radius:12px;padding:1.1rem;box-shadow:0 4px 15px #0000000d}.elements-interpretation{background-color:#3f0f78;border-radius:8px;padding:1.25rem}.elements-interpretation h4{color:var(--text-color);margin-bottom:.75rem}.elements-interpretation p{line-height:1.6}.life-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.radar-chart{width:100%;max-width:400px;margin:0 auto 2rem}.radar-chart svg{width:100%;height:auto}.radar-tooltip{background-color:#3f0f78;border-radius:16px;box-shadow:0 10px 25px #0000001a,0 6px 10px #0000000d,0 0 0 1px #00000008;padding:.8rem;width:100%;max-width:420px;transform:translateY(0);border:1px solid rgba(255,255,255,.2)}.radar-tooltip h4{color:var(--danger-color);font-size:1.2rem;font-weight:600;position:relative}.radar-tooltip h4:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#ff7070,#ff9770);border-radius:3px}.radar-tooltip p{margin-bottom:.5rem;font-size:1rem;line-height:1.5;color:#aaa}.life-20-tag{flex:1;padding:.5rem;background:none;border:none;color:#aaa;font-weight:600;transition:all .3s ease;position:relative}.life-20-tag:hover{background-color:#673ab70d;color:var(--text-color);transform:none;box-shadow:none}.life-20-tag.active{color:var(--text-color);background-color:#2c1a75}.life-phase-chart{display:flex;justify-content:space-between;align-items:flex-end;height:200px;margin-bottom:1rem}.life-tooltip{background-color:#2a1b74;border-radius:16px;box-shadow:0 10px 25px #0000001a,0 6px 10px #0000000d,0 0 0 1px #00000008;padding:.8rem;width:100%;max-width:420px;transform:translateY(0);border:1px solid rgba(255,255,255,.2)}.life-tooltip h4{color:var(--text-color);font-size:1.2rem;font-weight:600;position:relative}.life-tooltip h4:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#ff7070,#ff9770);border-radius:3px}.life-tooltip p{margin-bottom:.5rem;font-size:1rem;line-height:1.5;color:#aaa}.phases-container{display:flex;justify-content:space-between;align-items:flex-end;height:200px;margin-bottom:1rem}.phase-item{display:flex;flex-direction:column;align-items:center;width:40px}.phase-bar-container{height:160px;width:30px;background-color:#f5f5f5;border-radius:4px;overflow:hidden;position:relative}.phase-bar{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,var(--primary-color),var(--secondary-color));border-radius:4px 4px 0 0;transition:height 1s ease}.phase-label{margin-top:.5rem;font-size:.8rem;color:#aaa;text-align:center}.current-phase{display:flex;gap:1.1rem;flex-wrap:wrap}.phase-card{flex:1;min-width:250px;background-color:#3f0f78;border-radius:8px;padding:1.25rem;border-left:4px solid var(--primary-color)}.phase-card.next{border-left-color:var(--secondary-color);opacity:.8}.phase-card h4{color:var(--text-color);margin-bottom:1rem}.phase-intensity{margin-bottom:1rem;display:flex;align-items:center}.intensity-bar{height:8px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:4px;margin-right:.5rem}.user-info-container{display:flex;flex-direction:column;gap:2rem}.current-profile h3,.saved-profiles h3,.edit-form-container h3{color:var(--text-color);margin-bottom:1.5rem;position:relative;display:inline-block;padding-bottom:.5rem}.current-profile h3:after,.saved-profiles h3:after,.edit-form-container h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary-color)}.profile-details-card{background-color:#2a1b74;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.profile-header h4{color:var(--text-color);font-size:1.3rem;margin:0}.relationship-tag{background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;text-transform:capitalize}.profile-detail{display:flex;margin-bottom:1rem}.detail-label{width:100px;font-weight:500;color:#aaa}.detail-value{flex:1}.profile-actions{display:flex;gap:1rem;margin-top:1.5rem}.edit-btn,.switch-btn{background-color:var(--info-color)}.new-reading-btn{background-color:var(--accent-color)}.delete-btn{background-color:var(--danger-color)}.edit-form-container{background-color:#2a1b74;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.save-btn{background-color:var(--info-color)}.cancel-btn{background-color:var(--accent-color)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.profile-card{background-color:#2a1b74;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;margin-bottom:1.5rem}.profile-card:hover{transform:translateY(-5px)}.profile-brief{margin:1rem 0;color:#666;font-size:.9rem}.profile-card-actions{display:flex;gap:.75rem}.profile-card-actions button{padding:.5rem 1rem;font-size:.9rem;flex:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.confirm-modal{background-color:#2a1b74;border-radius:16px;box-shadow:0 10px 25px #0000001a,0 6px 10px #0000000d,0 0 0 1px #00000008;padding:2rem;width:90%;max-width:420px;transform:translateY(0);animation:slideUp .4s ease-out;border:1px solid rgba(255,255,255,.2)}.confirm-modal h4{margin:0 0 1.2rem;color:var(--danger-color);font-size:1.5rem;font-weight:600;position:relative}.confirm-modal h4:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#ff7070,#ff9770);border-radius:3px}.confirm-modal p{margin-bottom:1.8rem;font-size:1rem;line-height:1.5;color:#aaa}.modal-actions{display:flex;gap:1rem}.confirm-btn{background-color:var(--danger-color)}.user-form-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.user-form-card{background-color:#2a1b74;border-radius:16px;box-shadow:0 12px 50px #0003;width:100%;max-width:500px;padding:2.5rem;position:relative;overflow:hidden}.user-form-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:10px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color))}.form-header{text-align:center;margin-bottom:2rem}.form-header h1{color:var(--text-color);font-size:2.2rem;margin-bottom:.5rem}.form-header p{color:#aaa;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.submit-btn{width:100%;padding:1rem;font-size:1.1rem;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:8px;margin-top:1rem}.saved-profiles{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.saved-profiles h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.profile-list{max-height:200px;overflow-y:auto}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;background-color:var(--primary-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.profile-item:hover{background-color:var(--secondary-color);transform:translate(5px)}.profile-name{font-weight:600;color:var(--text-color)}.profile-details{font-size:.9rem;color:#aaa}.location-input{position:relative}.location-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;max-height:200px;overflow-y:auto;z-index:10;animation:fadeIn .2s ease}.location-item{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.location-item:last-child{border-bottom:none}.location-item:hover{background-color:#f9f9f9}.location-name{font-weight:500;color:var(--secondary-color)}.location-coords{font-size:.8rem;color:#888;margin-top:.25rem}.location-loading{display:flex;align-items:center;position:absolute;top:100%;left:0;right:0;padding:.75rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;z-index:10}.location-spinner{width:16px;height:16px;border:2px solid rgba(103,58,183,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-color: #673AB7;--secondary-color: #9C27B0;--accent-color: #FF9800;--text-color: #f5f5f5;--light-color: #f5f5f5;--dark-color: #212121;--success-color: #4CAF50;--danger-color: #F44336;--info-color: #2196F3;--warning-color: #FFC107}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;background-color:#f0f2f5;color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;margin-bottom:1rem}button{cursor:pointer;padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;font-family:Raleway,sans-serif;font-weight:600;transition:all .3s ease}button:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}input,select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:Raleway,sans-serif;margin-bottom:1rem;width:100%;transition:border-color .3s ease}input:focus,select:focus{outline:none;border-color:var(--primary-color)}label{display:block;margin-bottom:.5rem;font-weight:500}.container{max-width:1200px;margin:0 auto;padding:1rem}