.moon-phase-calculator-app{background-color:#1A1A1A;color:#E0E0E0;padding:30px;border-radius:8px;width:100%;box-sizing:border-box;font-family:sans-serif;border:1px solid #333;margin-bottom:30px}.moon-phase-calculator-app h2.mpc-title{color:#FFA627;text-align:center;font-size:1.8em;margin-top:0;margin-bottom:10px}.moon-phase-calculator-app p.mpc-subtitle{text-align:center;margin-top:0;margin-bottom:25px;font-size:1em;color:#B0B0B0}.moon-phase-calculator-app .mpc-inputs{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.moon-phase-calculator-app .mpc-inputs>.mpc-input-group{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:200px;margin-bottom:10px}.moon-phase-calculator-app .mpc-inputs>.mpc-input-group:last-child{margin-bottom:0}.moon-phase-calculator-app .bmpc-input-group{flex-grow:0;flex-basis:auto;width:100%;max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:0}.moon-phase-calculator-app label.mpc-label{display:block;margin-bottom:5px;font-size:.95em;color:#D0D0D0;font-weight:500;line-height:1.3}.moon-phase-calculator-app input[type="date"].mpc-date-input{width:100%;padding:12px 15px;margin-top:0;margin-bottom:0;border:1px solid #444;border-radius:6px;background-color:#282828;color:#E0E0E0;box-sizing:border-box;font-size:1em;line-height:normal}.moon-phase-calculator-app input[type="date"].mpc-date-input::-webkit-calendar-picker-indicator{filter:invert(.9) brightness(.8)}.moon-phase-calculator-app button.mpc-button{display:block;width:100%;padding:15px;background-color:#FFA627;color:#1A1A1A;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:1.15em;margin-top:20px;margin-bottom:0;text-transform:uppercase;letter-spacing:.5px;transition:background-color 0.3s ease}.moon-phase-calculator-app button.mpc-button:hover{background-color:#E0901A}#mpcResultsContainer.mpc-results-container{background-color:#fff0;padding:0;border:none;margin-top:40px}#mpcResultsContainer h3.mpc-results-title{color:#FFA627;margin-top:0;font-size:1.6em;text-align:center;margin-bottom:10px}.mpc-progress-bar-container{width:100%;background-color:#444;border-radius:10px;margin:0 auto 25px auto;height:25px;overflow:hidden;max-width:90%}#mpcProgressBar.mpc-progress-bar{height:100%;background-color:#FFA627;text-align:center;line-height:25px;color:#1A1A1A;font-weight:700;transition:width 0.5s ease-in-out;font-size:.9em}.mpc-moon-display-area{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:25px;text-align:center}.mpc-moon-person{flex:1;min-width:200px;max-width:250px;padding:10px;text-align:center}.mpc-moon-image{max-width:100px;height:auto;border-radius:50%;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}p.mpc-moon-phase-name-styled{font-size:1.1em;color:#E0E0E0;margin-bottom:5px}p.mpc-moon-phase-name-styled strong{color:#FFA627;font-weight:700}p.mpc-moon-persona{font-size:.95em;color:#B0B0B0;margin-top:0}.mpc-moon-icon{margin-right:5px}#mpcQuote.mpc-quote-text{font-style:italic;font-size:1.15em;color:#FFA627;text-align:center;margin:20px auto 30px auto;max-width:80%;line-height:1.5}#mpcQuote.mpc-quote-text::before{content:"“";margin-right:.2em}#mpcQuote.mpc-quote-text::after{content:"”";margin-left:.2em}#mpcBondDescription.mpc-bond-description-text{font-size:1em;color:#D0D0D0;line-height:1.6;margin-bottom:30px;text-align:left}.mpc-section-heading-container{text-align:center;margin:30px 0 15px 0}h4.mpc-section-title{color:#FFA627;font-size:1.4em;margin:0 auto;text-transform:uppercase;letter-spacing:1px;display:inline-block;padding-bottom:5px}ul#keyTraits.mpc-traits-list{list-style:none;padding:0;margin-bottom:30px;margin-top:10px;text-align:center}ul#keyTraits.mpc-traits-list li{color:silver;margin-bottom:10px;padding-left:25px;position:relative;line-height:1.5;display:inline-block;text-align:left;margin-right:15px}ul#keyTraits.mpc-traits-list li:last-child{margin-right:0}ul#keyTraits.mpc-traits-list li::before{content:"•";color:#FFA627;font-weight:700;display:inline-block;position:absolute;left:0;font-size:1.3em;top:50%;transform:translateY(-50%)}p#cosmicJourneyText.mpc-cosmic-journey-text{font-size:1em;color:#D0D0D0;line-height:1.6;text-align:left;margin-top:10px}.bmpc-results-container{margin-top:25px;padding:25px;background-color:#222;border-radius:8px;border:1px solid #383838}.bmpc-results-container .mpc-moon-person{max-width:300px;margin-left:auto;margin-right:auto;flex-grow:0;flex-basis:auto}.moon-phase-display-app{background-color:#1F1F1F;color:#E0E0E0;padding:25px;border-radius:8px;width:100%;box-sizing:border-box;font-family:sans-serif;border:1px solid #333;text-align:center;margin-bottom:30px}.cmp-header{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px}.cmp-moon-visual{font-size:3.5em;line-height:1}.cmp-moon-visual img{max-width:60px;height:auto;display:block}.cmp-sign-visual{font-size:2.5em;line-height:1;display:none}.cmp-sign-visual img{max-width:40px;height:auto}h3.cmp-todays-moon-text{color:#FFF;font-size:1.4em;margin-top:0;margin-bottom:8px;font-weight:600}h3.cmp-todays-moon-text span#cmpPhaseName{color:#FFA627}h3.cmp-todays-moon-text span#cmpSignName{color:#B0B0B0}p.cmp-description-text{font-size:.95em;color:#B0B0B0;margin-top:0;margin-bottom:15px;line-height:1.5}p.cmp-copy-clipboard{font-size:.85em;color:#999;cursor:pointer;margin-bottom:20px;display:inline-block;padding:5px 8px;border-radius:4px;transition:background-color 0.2s}p.cmp-copy-clipboard:hover{color:#FFA627;background-color:#2f2f2f}.cmp-copy-icon{margin-right:5px}.cmp-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}button.cmp-button,a.cmp-button{padding:10px 20px;border:none;border-radius:6px;font-size:.95em;font-weight:500;cursor:pointer;transition:opacity 0.2s,background-color 0.2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:normal}button.cmp-button:hover,a.cmp-button:hover{opacity:.85}button.cmp-button-share,a.cmp-button-share{background-color:#6A0DAD;color:#fff}button.cmp-button-share:hover,a.cmp-button-share:hover{background-color:#580B94}button.cmp-button-soulmate,a.cmp-button-soulmate{background-color:#E91E63;color:#fff}button.cmp-button-soulmate:hover,a.cmp-button-soulmate:hover{background-color:#C2185B}.cmp-button-icon{font-size:1.1em}