.chart-header{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,rgba(102,126,234,.1),rgba(102,126,234,.05));background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(102,126,234,.05));border:.025rem solid rgba(102,126,234,.15);border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem;-webkit-justify-content:space-between;justify-content:space-between;margin:0 .6rem;max-width:calc(100% - 1.2rem);min-width:0;padding:.6rem .8rem;width:calc(100% - 1.2rem)}.chart-header .chart-header-main{-ms-flex-align:center;-webkit-box-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;gap:.5rem;min-width:0}.chart-header .chart-header-avatar{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,#667eea,#2345e1);background:linear-gradient(135deg,#667eea,#2345e1);border-radius:50%;-webkit-box-shadow:0 .1rem .4rem rgba(102,126,234,.3);box-shadow:0 .1rem .4rem rgba(102,126,234,.3);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:2rem;-webkit-justify-content:center;justify-content:center;width:2rem}.chart-header .chart-header-avatar .avatar-text{color:hsla(0,0%,100%,.9);font-size:.9rem;font-weight:600}.chart-header .chart-header-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.2rem;min-width:0}.chart-header .chart-header-name{color:hsla(0,0%,100%,.9);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-header .chart-header-meta{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.3rem}.chart-header .chart-header-switch{-webkit-box-flex:0;-ms-flex-negative:0;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(102,126,234,.1);border-radius:.8rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-flex-shrink:0;flex-shrink:0;gap:.1rem;padding:.3rem .5rem;-webkit-transition:all .2s ease;transition:all .2s ease;white-space:nowrap}.chart-header .chart-header-switch:active{background:rgba(102,126,234,.2);-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.chart-header .chart-header-switch .switch-text{color:#667eea;font-size:.65rem;font-weight:500}.chart-header .chart-header-switch .switch-icon{color:#667eea;font-size:.7rem;margin-left:.1rem}.add-to-home-banner{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;-webkit-animation:slideDown .4s ease-out;animation:slideDown .4s ease-out;border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem;-webkit-justify-content:space-between;justify-content:space-between;margin:0 .8rem .5rem;padding:.45rem .55rem}.add-to-home-banner--dark{background:#1a1a1a;border:.025rem solid hsla(0,0%,100%,.06)}@-webkit-keyframes slideDown{from{opacity:0;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{from{opacity:0;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.add-to-home-banner .banner-content{-ms-flex-align:center;-webkit-box-align:center;-webkit-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:.3rem;min-width:0}.add-to-home-banner .banner-icon{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;font-size:.7rem;line-height:1}.add-to-home-banner .banner-line{-webkit-box-flex:1;color:hsla(0,0%,100%,.72);-webkit-flex:1;-ms-flex:1;flex:1;font-size:.6rem;line-height:1.45;min-width:0}.add-to-home-banner--dark .banner-line{color:hsla(0,0%,100%,.65)}.add-to-home-banner .banner-actions{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem}.add-to-home-banner .banner-btn-add{-ms-flex-negative:0;background:transparent;border-radius:0;-webkit-flex-shrink:0;flex-shrink:0;padding:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.add-to-home-banner .banner-btn-add:active{opacity:.75}.add-to-home-banner .banner-btn-add .btn-text{color:#e8c547;font-size:.65rem;font-weight:600;letter-spacing:.025rem}.add-to-home-banner .banner-btn-close{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.06);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:1.1rem;-webkit-justify-content:center;justify-content:center;-webkit-transition:background .2s ease;transition:background .2s ease;width:1.1rem}.add-to-home-banner .banner-btn-close:active{background:hsla(0,0%,100%,.1)}.add-to-home-banner .banner-btn-close .close-icon{color:hsla(0,0%,100%,.4);font-size:.7rem;line-height:1}.tab-switcher{background:rgba(26,26,46,.5);border:.025rem solid hsla(0,0%,100%,.3);border-radius:.4rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;margin:0 .6rem .6rem;padding:.2rem}.tab-switcher .tab-item{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:.3rem;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.5rem 0;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.tab-switcher .tab-item:active{background:rgba(102,126,234,.05)}.tab-switcher .tab-item.active{background:rgba(102,126,234,.1)}.tab-switcher .tab-item.active .tab-label{color:#667eea;font-weight:600}.tab-switcher .tab-item.active .tab-sublabel{color:rgba(102,126,234,.8)}.tab-switcher .tab-item.active .tab-indicator{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.tab-switcher .tab-content{-ms-flex-align:baseline;-webkit-box-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem}.tab-switcher .tab-label{color:hsla(0,0%,100%,.9);font-size:.8rem;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.tab-switcher .tab-sublabel{color:hsla(0,0%,100%,.6);font-size:.6rem;-webkit-transition:all .3s ease;transition:all .3s ease}.tab-switcher .tab-indicator{background:-webkit-gradient(linear,left top,right top,from(#667eea),to(#c0caf6));background:-webkit-linear-gradient(left,#667eea,#c0caf6);background:linear-gradient(90deg,#667eea,#c0caf6);border-radius:.05rem;bottom:.2rem;height:.1rem;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%) scaleX(0);-ms-transform:translateX(-50%) scaleX(0);transform:translateX(-50%) scaleX(0);-webkit-transition:all .3s ease;transition:all .3s ease;width:1.2rem}.five-elements-ring{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.8rem}.five-elements-ring .ring-container{height:10rem;position:relative;width:10rem}.five-elements-ring .ring-svg{height:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);width:100%}.five-elements-ring .ring-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.five-elements-ring .day-master-text{color:#667eea;font-size:1.6rem;font-weight:700;text-shadow:0 .1rem .5rem rgba(102,126,234,.3)}.five-elements-ring .day-master-label{color:hsla(0,0%,100%,.6);font-size:.7rem;margin-top:.2rem}.five-elements-ring .day-master-status{background:rgba(102,126,234,.1);border:.025rem solid rgba(102,126,234,.2);border-radius:.4rem;color:#667eea;font-size:.6rem;margin-top:.3rem;padding:.1rem .4rem}.five-elements-ring .ring-legend{-ms-flex-pack:center;-webkit-box-pack:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.6rem;-webkit-justify-content:center;justify-content:center;margin-top:.8rem}.five-elements-ring .legend-item{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(26,26,46,.5);border:.025rem solid hsla(0,0%,100%,.2);border-radius:.8rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem;padding:.3rem .5rem}.five-elements-ring .legend-color{border-radius:50%;height:.4rem;width:.4rem}.five-elements-ring .legend-label{color:hsla(0,0%,100%,.6);font-size:.65rem}.five-elements-ring .legend-value{color:hsla(0,0%,100%,.9);font-size:.65rem;font-weight:600}.summon-button-wrapper{padding:0 .8rem;position:relative}.summon-button-wrapper.fixed{-webkit-animation:slideUp .4s ease-out;animation:slideUp .4s ease-out;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,7%,.95)),color-stop(70%,hsla(0,0%,7%,.7)),to(transparent));background:-webkit-linear-gradient(bottom,hsla(0,0%,7%,.95),hsla(0,0%,7%,.7) 70%,transparent);background:linear-gradient(0deg,hsla(0,0%,7%,.95) 0,hsla(0,0%,7%,.7) 70%,transparent);bottom:0;left:0;padding:.6rem .8rem;position:fixed;right:0;z-index:100}@-webkit-keyframes slideUp{from{opacity:0;-webkit-transform:translateY(2.5rem);transform:translateY(2.5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{from{opacity:0;-webkit-transform:translateY(2.5rem);transform:translateY(2.5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.summon-button-wrapper .ritual-effect{height:7.5rem;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15rem;z-index:-1}.summon-button-wrapper .ritual-effect .ritual-ring{border:.05rem solid rgba(102,126,234,.5);border-radius:50%;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.summon-button-wrapper .ritual-effect .ritual-ring.ring-1{-webkit-animation:ringExpand 1.5s ease-out forwards;animation:ringExpand 1.5s ease-out forwards;height:5rem;width:5rem}.summon-button-wrapper .ritual-effect .ritual-ring.ring-2{-webkit-animation:ringExpand 1.5s ease-out .2s forwards;animation:ringExpand 1.5s ease-out .2s forwards;height:5rem;width:5rem}.summon-button-wrapper .ritual-effect .ritual-ring.ring-3{-webkit-animation:ringExpand 1.5s ease-out .4s forwards;animation:ringExpand 1.5s ease-out .4s forwards;height:5rem;width:5rem}@-webkit-keyframes ringExpand{0%{border-width:.1rem;height:5rem;opacity:.8;width:5rem}100%{border-width:0;height:15rem;opacity:0;width:15rem}}@keyframes ringExpand{0%{border-width:.1rem;height:5rem;opacity:.8;width:5rem}100%{border-width:0;height:15rem;opacity:0;width:15rem}}.summon-button-wrapper .ritual-effect .ritual-particles{height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.summon-button-wrapper .ritual-effect .ritual-particles .particle{background:#667eea;border-radius:50%;height:.2rem;left:50%;opacity:0;position:absolute;top:50%;width:.2rem}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-0{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg) translateX(2rem);-ms-transform:rotate(0deg) translateX(2rem);transform:rotate(0deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-1{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-transform:rotate(30deg) translateX(2rem);-ms-transform:rotate(30deg) translateX(2rem);transform:rotate(30deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-2{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-transform:rotate(60deg) translateX(2rem);-ms-transform:rotate(60deg) translateX(2rem);transform:rotate(60deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-3{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-transform:rotate(90deg) translateX(2rem);-ms-transform:rotate(90deg) translateX(2rem);transform:rotate(90deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-4{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-transform:rotate(120deg) translateX(2rem);-ms-transform:rotate(120deg) translateX(2rem);transform:rotate(120deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-5{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(150deg) translateX(2rem);-ms-transform:rotate(150deg) translateX(2rem);transform:rotate(150deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-6{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-transform:rotate(180deg) translateX(2rem);-ms-transform:rotate(180deg) translateX(2rem);transform:rotate(180deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-7{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-transform:rotate(210deg) translateX(2rem);-ms-transform:rotate(210deg) translateX(2rem);transform:rotate(210deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-8{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-transform:rotate(240deg) translateX(2rem);-ms-transform:rotate(240deg) translateX(2rem);transform:rotate(240deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-9{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(270deg) translateX(2rem);-ms-transform:rotate(270deg) translateX(2rem);transform:rotate(270deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-10{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(300deg) translateX(2rem);-ms-transform:rotate(300deg) translateX(2rem);transform:rotate(300deg) translateX(2rem)}.summon-button-wrapper .ritual-effect .ritual-particles .particle.particle-11{-webkit-animation:particleFly 1s ease-out forwards;animation:particleFly 1s ease-out forwards;-webkit-animation-delay:.55s;animation-delay:.55s;-webkit-transform:rotate(330deg) translateX(2rem);-ms-transform:rotate(330deg) translateX(2rem);transform:rotate(330deg) translateX(2rem)}@-webkit-keyframes particleFly{0%{opacity:1;-webkit-transform:rotate(var(--rotation,0deg)) translateX(2rem) scale(1);transform:rotate(var(--rotation,0deg)) translateX(2rem) scale(1)}100%{opacity:0;-webkit-transform:rotate(var(--rotation,0deg)) translateX(5rem) scale(.5);transform:rotate(var(--rotation,0deg)) translateX(5rem) scale(.5)}}@keyframes particleFly{0%{opacity:1;-webkit-transform:rotate(var(--rotation,0deg)) translateX(2rem) scale(1);transform:rotate(var(--rotation,0deg)) translateX(2rem) scale(1)}100%{opacity:0;-webkit-transform:rotate(var(--rotation,0deg)) translateX(5rem) scale(.5);transform:rotate(var(--rotation,0deg)) translateX(5rem) scale(.5)}}.summon-button-wrapper .summon-btn{border-radius:1.5rem!important;height:3rem!important}.summon-button-wrapper .summon-btn .summon-btn-content{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem;-webkit-justify-content:center;justify-content:center;width:100%}.summon-button-wrapper .summon-btn .summon-icon{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;font-size:.9rem}.summon-button-wrapper .summon-btn .summon-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:start;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.summon-button-wrapper .summon-btn .summon-title{font-size:.9rem;font-weight:600}.summon-button-wrapper .summon-btn .summon-subtitle{font-size:.6rem;font-weight:400;opacity:.8}.summon-button-wrapper .summon-btn .summon-arrow{font-size:1rem;margin-left:.4rem;opacity:.8}.summon-button-wrapper .safe-area-bottom{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom);min-height:.5rem}.recharge-modal-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.8rem}.recharge-modal-content .recharge-icon{font-size:2rem;margin-bottom:.6rem}.recharge-modal-content .recharge-desc{color:hsla(0,0%,100%,.6);font-size:.75rem;line-height:1.6;text-align:center}.star-flow-canvas{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bagua-background{height:15rem;left:50%;opacity:.05;pointer-events:none;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15rem;z-index:0}.bagua-background .bagua-svg{-webkit-animation:bagua-rotate 60s linear infinite;animation:bagua-rotate 60s linear infinite;height:100%;width:100%}@-webkit-keyframes bagua-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes bagua-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse-glow{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2);box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2)}50%{-webkit-box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4);box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4)}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes edge-glow-bazi{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(79,121,66,.4);box-shadow:inset 0 0 0 0 rgba(79,121,66,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2);box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2)}}@keyframes edge-glow-bazi{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(79,121,66,.4);box-shadow:inset 0 0 0 0 rgba(79,121,66,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2);box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2)}}@-webkit-keyframes edge-glow-ziwei{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(75,0,130,.4);box-shadow:inset 0 0 0 0 rgba(75,0,130,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2);box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2)}}@keyframes edge-glow-ziwei{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(75,0,130,.4);box-shadow:inset 0 0 0 0 rgba(75,0,130,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2);box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2)}}@-webkit-keyframes scan-line{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes scan-line{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.chart-page{background:-webkit-gradient(linear,left top,left bottom,from(#121212),to(#050505));background:-webkit-linear-gradient(top,#121212,#050505);background:linear-gradient(180deg,#121212,#050505);min-height:100vh;overflow:hidden;position:relative}.chart-page .bg-gradient{background:-webkit-radial-gradient(30% 20%,ellipse,rgba(102,126,234,.08) 0,transparent 50%),-webkit-radial-gradient(70% 80%,ellipse,rgba(118,75,162,.05) 0,transparent 50%);background:radial-gradient(ellipse at 30% 20%,rgba(102,126,234,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(118,75,162,.05) 0,transparent 50%);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.top-nav-bar{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,7%,.95)),color-stop(70%,hsla(0,0%,7%,.8)),to(transparent));background:-webkit-linear-gradient(top,hsla(0,0%,7%,.95),hsla(0,0%,7%,.8) 70%,transparent);background:linear-gradient(180deg,hsla(0,0%,7%,.95) 0,hsla(0,0%,7%,.8) 70%,transparent);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;justify-content:space-between;left:0;padding:calc(env(safe-area-inset-top) + .5rem) .6rem .5rem;position:fixed;right:0;top:0;z-index:100}.top-nav-bar .nav-left,.top-nav-bar .nav-right{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem}.top-nav-bar .nav-btn{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(26,26,46,.5);border:.025rem solid hsla(0,0%,100%,.2);border-radius:.8rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem;padding:.4rem .6rem;-webkit-transition:all .2s ease;transition:all .2s ease}.top-nav-bar .nav-btn:active{background:rgba(102,126,234,.1);-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.top-nav-bar .nav-btn .nav-icon{font-size:.8rem}.top-nav-bar .nav-btn .nav-text{color:hsla(0,0%,100%,.9);font-size:.7rem;font-weight:500}.top-nav-bar .nav-activity{position:relative}.top-nav-bar .nav-activity .activity-badge{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;background:#f44336;border:.05rem solid #121212;border-radius:50%;height:.4rem;position:absolute;right:.2rem;top:.2rem;width:.4rem}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.top-nav-bar .nav-user{padding:.4rem}.chart-scroll-content{height:100vh;padding-top:calc(env(safe-area-inset-top) + 8.7rem)}.chart-content{padding:0 0 5rem}.chart-sticky-header{backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background:rgba(13,13,18,.95);border-bottom:.025rem solid rgba(212,175,55,.1);left:0;padding-bottom:.1rem;position:fixed;right:0;top:calc(env(safe-area-inset-top) + 3rem);z-index:50}.chart-display-area{margin:0 .6rem .6rem}.chart-display-area .chart-display-card .bazi-content{padding:.4rem}.chart-display-area .chart-display-card .ziwei-content{padding:.4rem 0}.snapshot-section{margin:0 .6rem}.bottom-spacer{height:6rem}.loading-state{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:5rem 1.2rem}.loading-state .loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:.1rem solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;height:2rem;margin-bottom:.8rem;width:2rem}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-state .loading-text{color:hsla(0,0%,100%,.6);font-size:.75rem}.recalc-loading-state{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:4rem 1.2rem}.recalc-loading-state .recalc-orbit{height:4rem;margin-bottom:1.2rem;position:relative;width:4rem}.recalc-loading-state .recalc-orbit .orbit-ring{border:.05rem solid rgba(102,126,234,.15);border-radius:50%;inset:0;position:absolute}.recalc-loading-state .recalc-orbit .orbit-ring::after{background:#667eea;border-radius:50%;-webkit-box-shadow:0 0 .3rem rgba(102,126,234,.8);box-shadow:0 0 .3rem rgba(102,126,234,.8);content:"";height:.3rem;left:50%;position:absolute;top:-.1rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:.3rem}.recalc-loading-state .recalc-orbit .orbit-ring.ring-outer{-webkit-animation:orbit-cw 2.4s linear infinite;animation:orbit-cw 2.4s linear infinite}.recalc-loading-state .recalc-orbit .orbit-ring.ring-mid{-webkit-animation:orbit-ccw 1.8s linear infinite;animation:orbit-ccw 1.8s linear infinite;border-color:rgba(118,75,162,.2);inset:.6rem}.recalc-loading-state .recalc-orbit .orbit-ring.ring-mid::after{background:#764ba2;-webkit-box-shadow:0 0 .3rem rgba(118,75,162,.8);box-shadow:0 0 .3rem rgba(118,75,162,.8)}.recalc-loading-state .recalc-orbit .orbit-ring.ring-inner{-webkit-animation:orbit-cw 1.2s linear infinite;animation:orbit-cw 1.2s linear infinite;border-color:rgba(102,126,234,.3);inset:1.2rem}.recalc-loading-state .recalc-orbit .orbit-ring.ring-inner::after{background:#667eea;-webkit-box-shadow:0 0 .2rem rgba(102,126,234,.6);box-shadow:0 0 .2rem rgba(102,126,234,.6)}.recalc-loading-state .recalc-orbit .orbit-core{-webkit-animation:pulse-glow 2s ease-in-out infinite;animation:pulse-glow 2s ease-in-out infinite;background:-webkit-radial-gradient(circle,rgba(102,126,234,.3) 0,transparent 70%);background:radial-gradient(circle,rgba(102,126,234,.3) 0,transparent 70%);border-radius:50%;inset:1.6rem;position:absolute}@-webkit-keyframes orbit-cw{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes orbit-cw{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes orbit-ccw{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes orbit-ccw{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes pulse-glow{0%,100%{opacity:.4;-webkit-transform:scale(.9);transform:scale(.9)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}.recalc-loading-state .recalc-title{color:hsla(0,0%,100%,.9);font-size:.85rem;font-weight:600;letter-spacing:.05rem;margin-bottom:.4rem}.recalc-loading-state .recalc-subtitle{color:hsla(0,0%,100%,.6);font-size:.65rem;line-height:1.6;text-align:center}.empty-state{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:5rem 1.2rem}.empty-state .empty-icon{font-size:3rem;margin-bottom:.8rem;opacity:.8}.empty-state .empty-text{color:hsla(0,0%,100%,.9);font-size:.9rem;font-weight:600;margin-bottom:.4rem}.empty-state .empty-sub{color:hsla(0,0%,100%,.6);font-size:.7rem}.psm-overlay{-ms-flex-align:end;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;background:rgba(0,0,0,.6);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;inset:0;position:fixed;z-index:500}.psm-sheet{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#1a1a2e;border-radius:.8rem .8rem 0 0;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:85vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);width:100%}.psm-title-bar{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-justify-content:space-between;justify-content:space-between;padding:.8rem .8rem .6rem}.psm-title-bar .psm-title{color:hsla(0,0%,100%,.9);font-size:.85rem;font-weight:600}.psm-title-bar .psm-close{color:hsla(0,0%,100%,.6);font-size:.8rem;padding:.2rem}.psm-new-btn{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:rgba(102,126,234,.1);border:.05rem dashed rgba(102,126,234,.4);border-radius:.5rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;gap:.4rem;margin:0 .6rem .5rem;padding:.6rem .8rem}.psm-new-btn:active{opacity:.7}.psm-new-btn .psm-new-icon{color:#667eea;font-size:.9rem;font-weight:300}.psm-new-btn .psm-new-text{color:#667eea;font-size:.75rem;font-weight:500}.psm-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;padding:0 .6rem}.psm-empty{color:hsla(0,0%,100%,.6);display:block;font-size:.7rem;padding:1.6rem .8rem;text-align:center}.psm-card{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,7%,.6);border:.05rem solid hsla(0,0%,100%,.15);border-radius:.5rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.5rem;margin-bottom:.4rem;padding:.6rem .5rem;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.psm-card.psm-card-selected{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.5)}.psm-card.psm-card-current{border-color:#667eea;-webkit-box-shadow:0 0 0 .05rem rgba(102,126,234,.35);box-shadow:0 0 0 .05rem rgba(102,126,234,.35)}.psm-card:active{opacity:.85}.psm-card .psm-radio{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border:.05rem solid hsla(0,0%,100%,.5);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:1rem;-webkit-justify-content:center;justify-content:center;width:1rem}.psm-card .psm-radio.psm-radio-on{background:rgba(102,126,234,.1);border-color:#667eea}.psm-card .psm-radio .psm-radio-dot{background:#667eea;border-radius:50%;height:.5rem;width:.5rem}.psm-card .psm-card-main{-webkit-box-flex:1;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:.5rem;min-width:0}.psm-card .psm-card-main .psm-avatar-wrap{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;position:relative}.psm-card .psm-card-main .psm-avatar-wrap .psm-avatar{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:rgba(102,126,234,.15);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:1.8rem;-webkit-justify-content:center;justify-content:center;width:1.8rem}.psm-card .psm-card-main .psm-avatar-wrap .psm-avatar .psm-avatar-txt{color:#667eea;font-size:.7rem;font-weight:600}.psm-card .psm-card-main .psm-avatar-wrap .psm-gender-badge{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;border-radius:50%;bottom:-.1rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:.7rem;-webkit-justify-content:center;justify-content:center;position:absolute;right:-.1rem;width:.7rem}.psm-card .psm-card-main .psm-avatar-wrap .psm-gender-badge.male{background:rgba(64,128,255,.85)}.psm-card .psm-card-main .psm-avatar-wrap .psm-gender-badge.female{background:rgba(255,100,130,.85)}.psm-card .psm-card-main .psm-avatar-wrap .psm-gender-badge .psm-gender-txt{color:#fff;font-size:.4rem}.psm-card .psm-card-main .psm-info{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.psm-card .psm-card-main .psm-info .psm-name-row{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.3rem;margin-bottom:.2rem}.psm-card .psm-card-main .psm-info .psm-name-row .psm-name{color:hsla(0,0%,100%,.9);font-size:.75rem;font-weight:500}.psm-card .psm-card-main .psm-info .psm-name-row .psm-tag{background:rgba(102,126,234,.12);border-radius:.2rem;padding:.1rem .3rem}.psm-card .psm-card-main .psm-info .psm-name-row .psm-tag .psm-tag-txt{color:#667eea;font-size:.55rem}.psm-card .psm-card-main .psm-info .psm-name-row .psm-current-badge{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(76,175,80,.15);border:.025rem solid rgba(76,175,80,.35);border-radius:.5rem;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;gap:.1rem;min-height:.9rem;padding:0 .3rem}.psm-card .psm-card-main .psm-info .psm-name-row .psm-current-badge .psm-current-dot{color:#4caf50;font-size:.3rem;line-height:1}.psm-card .psm-card-main .psm-info .psm-name-row .psm-current-badge .psm-current-txt{color:#4caf50;font-size:.5rem;font-weight:500}.psm-card .psm-card-main .psm-info .psm-birth{color:hsla(0,0%,100%,.6);font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psm-card .psm-edit-btn{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:rgba(26,26,46,.5);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:1.4rem;-webkit-justify-content:center;justify-content:center;width:1.4rem}.psm-card .psm-edit-btn:active{opacity:.6}.psm-card .psm-edit-btn .psm-edit-icon{color:hsla(0,0%,100%,.6);font-size:.7rem}.psm-footer{-ms-flex-negative:0;border-top:.025rem solid hsla(0,0%,100%,.1);-webkit-flex-shrink:0;flex-shrink:0;padding:.5rem .6rem .6rem}.psm-footer .psm-confirm-btn{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:#667eea;border-radius:.5rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:2.2rem;-webkit-justify-content:center;justify-content:center}.psm-footer .psm-confirm-btn.psm-confirm-disabled{opacity:.4}.psm-footer .psm-confirm-btn:active:not(.psm-confirm-disabled){opacity:.85}.psm-footer .psm-confirm-btn .psm-confirm-txt{color:#fff;font-size:.8rem;font-weight:600}.bazi-theme .chart-display-card{--glow-color:#667eea}.ziwei-theme .chart-display-card{--glow-color:#764ba2}