.personal-card-page{width:100%;max-width:100%;margin:0 auto;display:none;flex-direction:column;align-items:center;min-height:100svh;background-color:var(--color-bg);position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:2;transition:opacity .3s ease-in-out;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:80px}.personal-card-page.show{opacity:1}.personal-card-header{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);opacity:0;z-index:4;width:100%;max-width:440px;min-height:60px;padding:15px 20px;display:none;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;background-color:var(--color-bg);transition:transform .3s ease-in-out,opacity .3s ease-in-out;box-sizing:border-box;overflow:visible}@media (max-width: 439px){.personal-card-header{max-width:100vw;width:100vw}}.personal-card-header.show{transform:translate(-50%) translateY(0);opacity:1;padding:15px 20px 0;height:60px}.personal-card-header-content{width:100%;height:25px;min-height:25px;display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 0 12px;flex-shrink:0}.personal-card-content{min-height:calc(100vh - 60px);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 20px calc(100px + env(safe-area-inset-bottom));width:100%;max-width:440px;box-sizing:border-box}@media (max-width: 400px){.personal-card-content{max-width:100vw;padding:5px 15px calc(100px + env(safe-area-inset-bottom))}}.personal-card-container{width:100%;max-width:400px;margin:10px auto;position:relative;perspective:1000px;padding-top:0}.personal-card{width:100%;max-width:400px;min-height:550px;height:auto;margin:0 auto;background-color:transparent;border:none;border-radius:24px;box-shadow:none;padding:20px 15px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.zodiac-header-section{text-align:center;opacity:0;transform:translateY(-20px);transition:opacity .6s ease,transform .6s ease;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.zodiac-header-section.visible{opacity:1;transform:translateY(0)}.zodiac-name-icon{width:20px!important;height:20px!important;max-width:20px;max-height:20px;filter:brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(400%) hue-rotate(220deg) brightness(100%) contrast(92%)}.zodiac-name{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:600;color:#e8dff5;margin:0}.zodiac-info-layout{display:flex;justify-content:center;align-items:flex-start;width:100%;gap:0;flex:none;margin-top:-20px}.info-column{display:flex;flex-direction:column;justify-content:space-around;flex:.9;height:auto;min-height:300px;position:relative}.info-column-left{align-items:center;text-align:center;margin-right:-30px}.info-column-right{align-items:center;text-align:center;margin-left:-30px}.info-item{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translate(-20px);transition:opacity .5s ease,transform .5s ease;padding:8px 0}.info-column-right .info-item{transform:translate(20px)}.info-item.visible{opacity:1;transform:translate(0)}.info-column{position:relative}.info-item+.info-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3) 30%,rgba(167,139,250,.3) 70%,transparent)}.info-label{font-family:Nunito,sans-serif;font-size:14px;color:#e8dff5;text-transform:capitalize}.info-value{font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:#a78bfa}.info-icon-container{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:-2px 0}.info-icon-container svg{width:24px;height:24px}.planet-image{width:54px;height:54px;border-radius:50%;object-fit:cover;margin-bottom:-4px}.spirit-colors{display:flex;gap:8px;justify-content:center}.spirit-color-circle{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 8px #0003}.flower-image{width:50px;height:50px;object-fit:contain;margin-top:0;margin-bottom:-4px}.birthcuff-image{width:60px;height:auto;object-fit:contain;margin-top:4px}.zodiac-character-container{flex:1.5;display:flex;justify-content:center;align-items:center;position:relative;min-width:200px;max-width:320px;opacity:0;transform:scale(.8);transition:opacity .8s ease,transform .8s ease}.zodiac-character-container.visible{opacity:1;transform:scale(1)}.zodiac-character-image{width:100%;max-width:300px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(167,139,250,.3))}.personal-card-title{display:none}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.personal-card-message-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:350px;padding:0;margin:0 auto;opacity:0;max-height:0;overflow:hidden;transform:translateY(-20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),max-height .6s cubic-bezier(.4,0,.2,1),margin .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.personal-card-message-container.visible{opacity:1;max-height:150px;margin:0 auto 15px;transform:translateY(0);pointer-events:auto}.personal-card-speech-bubble{position:relative;background-color:#f5f0fa;border-radius:16px;padding:12px 20px;margin-bottom:12px;width:100%;min-height:64.5px;height:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;pointer-events:auto}.personal-card-speech-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:8px solid #F5F0FA}.personal-card-message-text{font-family:Nunito,sans-serif;font-size:16px;font-weight:600;color:#2d1e46;line-height:1.3;margin:0;text-align:center}.personal-card-message-text .highlight-text{color:#a78bfa}.personal-card-avatar-container{display:flex;justify-content:center;align-items:center;margin-top:4px}.personal-card-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(167,139,250,.3)}.progress-bar-fill{width:80%;height:100%;background-color:#a78bfa;border-radius:2px;transition:width .3s ease}.personal-card-bottom-spacer{height:100px;width:100%;flex-shrink:0}.personal-card-continue-button{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:360px;height:56px;padding:16px 32px;background:linear-gradient(135deg,#6b4e9e,#4a3270);color:#e8dff5;border:2px solid rgba(201,191,224,.3);border-radius:12px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #6b4e9e66;text-align:center;margin-bottom:calc(20px + env(safe-area-inset-bottom));display:block;opacity:0;transition:opacity .3s ease,background-color .3s ease;z-index:1000;-webkit-tap-highlight-color:transparent;outline:none}.personal-card-continue-button.visible{opacity:1}.personal-card-continue-button:hover{background:linear-gradient(135deg,#7b5eae,#5a4280);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 25px #6b4e9e80}.personal-card-continue-button:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 15px #6b4e9e66;-webkit-tap-highlight-color:transparent}@media (max-width: 400px){.personal-card-container{max-width:100%;margin:5px auto}.personal-card{max-width:100%;padding:15px 5px;min-height:480px}.zodiac-name{font-size:26px}.zodiac-date-range{font-size:12px}.zodiac-info-layout{gap:0}.info-column{min-height:320px;flex:.6;padding:0;margin-left:-5px;margin-right:-5px}.zodiac-character-container{flex:1.5;min-width:160px;max-width:240px}.info-column-left{margin-right:-60px;margin-left:0}.info-column-right{margin-left:-60px;margin-right:0}.info-label{font-size:12px}.info-value{font-size:13px}.zodiac-character-image{max-width:100%}.spirit-color-circle{width:18px;height:18px}.planet-image{width:44px;height:44px}.info-icon-container svg{width:22px;height:22px}}@media (max-height: 700px){.personal-card-container{margin:5px auto}.personal-card{min-height:420px;padding:12px 10px}.info-column{min-height:280px}.zodiac-character-image{max-width:200px}.zodiac-name{font-size:24px}}