*,:before,:after{box-sizing:border-box}.mandala-dashboard{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem;position:relative;overflow-x:hidden}.mandala-dashboard:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#d4af3708 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8db60008 0%,#0000 50%),radial-gradient(circle,#e6e6fa05 0%,#0000 70%);position:absolute;inset:0}.mandala-dashboard>*{z-index:1;position:relative}.mandala-header{text-align:center;border-bottom:1px solid #d4af371a;margin-bottom:2rem;padding-bottom:1.5rem}.mandala-title{color:var(--color-gold,#d4af37);letter-spacing:.5px;text-shadow:0 2px 4px #d4af3733;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.mandala-subtitle{color:var(--color-text,beige);opacity:.8;letter-spacing:2px;margin:0;font-size:1rem;font-weight:400}@keyframes pulse-528hz{0%{transform:scale(.95);box-shadow:0 0 #8db600b3}70%{transform:scale(1);box-shadow:0 0 0 15px #8db60000}to{transform:scale(.95);box-shadow:0 0 #8db60000}}@keyframes mandala-glow{0%,to{filter:drop-shadow(0 0 8px #d4af374d)}50%{filter:drop-shadow(0 0 20px #d4af3780)}}.pulse-center{animation:2s infinite pulse-528hz}.date-navigation{box-sizing:border-box;max-width:100%;margin-top:1.5rem}.nav-controls{box-sizing:border-box;justify-content:center;align-items:center;gap:.75rem;max-width:100%;margin-bottom:.75rem;display:flex}.nav-btn{color:var(--color-gold,#d4af37);cursor:pointer;background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:1px solid #d4af374d;border-radius:12px;padding:.6rem 1rem;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.nav-btn:hover{background:linear-gradient(135deg,#d4af3740 0%,#d4af3726 100%);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 16px #d4af3733}.date-display{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;min-width:200px;padding:.75rem;display:flex}.date-label{color:var(--color-gold,#d4af37);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.date-value{color:var(--color-text,beige);opacity:.85;font-size:.8rem}.quick-nav{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:100%;display:flex}.quick-nav-btn{color:var(--color-text,beige);cursor:pointer;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:100%;padding:.4rem .9rem;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-nav-btn:hover{background:#d4af3726;border-color:#d4af374d;transform:translateY(-1px)}.quick-nav-btn.active{border-color:var(--color-gold,#d4af37);color:var(--color-gold,#d4af37);background:linear-gradient(135deg,#d4af3733 0%,#d4af371a 100%);box-shadow:0 2px 8px #d4af3733}.mandala-visual{box-sizing:border-box;justify-content:center;max-width:100%;margin:2rem 0;padding:1.5rem;display:flex;overflow:hidden}.mandala-svg{filter:drop-shadow(0 8px 24px #d4af3740);width:220px;height:220px;animation:4s ease-in-out infinite mandala-glow}@keyframes mandala-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mandala-rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.mandala-outer-ring{transform-origin:50%;animation:60s linear infinite mandala-rotate}.mandala-inner-ring{transform-origin:50%;animation:45s linear infinite mandala-rotate-reverse}.gates-container{flex-direction:column;gap:1.25rem;max-width:100%;margin-bottom:2rem;display:flex;overflow:hidden}.gate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gate-card:before{content:"";border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.gate-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 50%);position:absolute;inset:0}.gate-sangkan:before{background:linear-gradient(90deg,#d4af37,#f4d03f,#d4af37);box-shadow:0 2px 12px #d4af374d}.gate-paran:before{background:linear-gradient(90deg,#8db600,#a8d84d,#8db600);box-shadow:0 2px 12px #8db6004d}.gate-bumi:before{background:linear-gradient(90deg,#e6e6fa,#d8bfd8,#e6e6fa);box-shadow:0 2px 12px #e6e6fa4d}.gate-card:hover{border-color:#d4af3740;transform:translateY(-4px);box-shadow:0 12px 40px #00000040,0 0 0 1px #d4af371a}.gate-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.gate-icon-wrapper{background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:1px solid #d4af3733;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gate-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.5rem}.gate-title-group{flex:1}.gate-title-group h3{color:var(--color-gold,#d4af37);letter-spacing:.3px;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.gate-subtitle{color:var(--color-text,beige);opacity:.7;margin:0;font-size:.8rem;font-style:italic}.gate-score{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;max-width:100%;margin-bottom:1.25rem;padding:1rem;display:flex;overflow:hidden}.score-circle{background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:2px solid #d4af374d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.score-value{text-shadow:0 2px 8px #0003;font-size:1.5rem;font-weight:700;line-height:1}.score-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.score-label{color:var(--color-text,beige);opacity:.9;font-size:.9rem;font-weight:600}.score-desc{color:var(--color-text,beige);opacity:.7;font-size:.75rem;line-height:1.4}.gate-bars{flex-direction:column;gap:1rem;max-width:100%;margin-bottom:1.25rem;display:flex;overflow:hidden}.gate-bar{flex-direction:column;gap:.5rem;width:100%;max-width:100%;display:flex}.bar-header{justify-content:space-between;align-items:center;width:100%;display:flex}.bar-label{color:var(--color-text,beige);font-size:.8rem;font-weight:500}.bar-track{background:#ffffff14;border-radius:5px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.bar-track:after{content:"";background:#fff3;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 4px #ffffff1a}.bar-fill{transform-origin:0;border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:absolute;left:50%;box-shadow:0 0 8px #ffffff1a}.bar-value{text-align:right;font-size:.8rem;font-weight:600}.gate-info{text-align:center;margin-bottom:1rem}.info-badge{color:var(--color-text,beige);background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:1px solid #d4af3733;border-radius:24px;padding:.35rem 1rem;font-size:.85rem;display:inline-block}.info-badge strong{color:var(--color-gold,#d4af37);font-weight:600}.gate-advice{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:16px;max-width:100%;padding:1.25rem;overflow:hidden}.gate-advice.nurturing{background:linear-gradient(135deg,#d4af3714 0%,#ffffff05 100%);border:1px solid #d4af3726;position:relative}.gate-advice.nurturing:before{content:"";background:linear-gradient(180deg, var(--color-gold,#d4af37), #d4af374d);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.gate-advice h4{color:var(--color-gold,#d4af37);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.gate-advice p{color:var(--color-text,beige);opacity:.95;margin:0;font-size:.9rem;line-height:1.7}.advice-action{color:var(--color-gold,#d4af37);cursor:pointer;background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:1px solid #d4af3733;border-radius:20px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.advice-action:hover{background:linear-gradient(135deg,#d4af3740 0%,#d4af3726 100%);transform:translateY(-2px)}.ai-guidance-section{box-sizing:border-box;background:linear-gradient(135deg,#d4af3714 0%,#9c27b00d 100%);border:1px solid #d4af3733;border-radius:20px;max-width:100%;margin-bottom:2rem;padding:1.75rem;position:relative;overflow:hidden}.ai-guidance-section:before{content:"";background:linear-gradient(90deg,#d4af37,#8db600,#e6e6fa,#d4af37) 0 0/300% 100%;height:3px;animation:8s infinite gradient-shift;position:absolute;top:0;left:0;right:0}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.ai-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.ai-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.75rem}.ai-header h3{color:var(--color-gold,#d4af37);margin:0;font-size:1.2rem;font-weight:600}.ai-loading{color:var(--color-text,beige);opacity:.8;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.ai-loading .spinner{font-size:1.25rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-content{padding:.75rem 0}.ai-advice{border-left:4px solid var(--color-gold,#d4af37);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border-radius:16px;padding:1.5rem;position:relative}.ai-advice p{color:var(--color-text,beige);margin:0;font-size:.95rem;line-height:1.7}.ai-advice.nurturing{background:linear-gradient(135deg,#d4af3714 0%,#9c27b008 100%);border-left:4px solid #d4af3799}.ai-salutation{color:var(--color-gold,#d4af37);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.ai-blessing{color:var(--color-text,beige);opacity:.9;border-top:1px solid #d4af3733;margin-top:1.25rem;padding-top:1rem;font-size:.9rem;font-style:italic;line-height:1.6}.ai-source{text-align:right;color:var(--color-text,beige);opacity:.6;float:right;background:#ffffff08;border-radius:8px;margin-top:1rem;padding:.35rem .75rem;font-size:.8rem;display:inline-block}.ai-empty{text-align:center;color:var(--color-text,beige);opacity:.8;padding:1.5rem}.ai-empty p{margin:0 0 1rem;font-size:.9rem}.ai-refresh-btn{color:var(--color-gold,#d4af37);cursor:pointer;background:linear-gradient(135deg,#d4af3733 0%,#d4af371a 100%);border:1px solid #d4af3759;border-radius:12px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #d4af3726}.ai-refresh-btn:hover{background:linear-gradient(135deg,#d4af374d 0%,#d4af3733 100%);transform:translateY(-2px);box-shadow:0 4px 16px #d4af3740}.ai-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;margin-top:1.25rem;padding-top:1.25rem;display:flex}.ai-action-btn{color:var(--color-gold,#d4af37);cursor:pointer;background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:1px solid #d4af3740;border-radius:10px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-action-btn:hover{background:linear-gradient(135deg,#d4af3740 0%,#d4af3726 100%);transform:translateY(-1px)}.element-info{text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;max-width:100%;padding:1.25rem}.element-label{color:var(--color-text,beige);opacity:.8;margin-right:.75rem;font-size:.9rem}.element-value{letter-spacing:.5px;font-size:1.1rem;font-weight:700}.outer-sphere-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;max-width:100%;margin-bottom:2rem;display:grid;overflow:hidden}.pranata-mangsa-section{box-sizing:border-box;background:linear-gradient(135deg,#8db60014 0%,#ffffff05 100%);border:1px solid #8db60033;border-radius:20px;max-width:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pranata-mangsa-section:before{content:"";background:linear-gradient(90deg,#8db600,#a8d84d,#8db600);height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 12px #8db6004d}.pranata-mangsa-section:hover{border-color:#8db60059;transform:translateY(-2px);box-shadow:0 8px 32px #8db60026}.pranata-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.pranata-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.75rem}.pranata-header h3{color:var(--color-528hz,#8db600);margin:0;font-size:1.2rem;font-weight:600}.pranata-subtitle{color:var(--color-text,beige);opacity:.7;margin:0 0 1.25rem;font-size:.85rem;font-style:italic}.pranata-content{flex-direction:column;gap:1rem;display:flex}.mangsa-info{flex-wrap:wrap;gap:1rem;display:flex}.mangsa-name,.mangsa-range{flex-direction:column;gap:.35rem;display:flex}.mangsa-label,.range-label{color:var(--color-text,beige);opacity:.75;font-size:.8rem;font-weight:500}.mangsa-value,.range-value{color:var(--color-text,beige);font-size:.95rem;font-weight:600}.mangsa-details{flex-wrap:wrap;gap:1rem;display:flex}.detail-item{flex-direction:column;gap:.35rem;display:flex}.detail-label{color:var(--color-text,beige);opacity:.75;font-size:.8rem;font-weight:500}.detail-value{color:var(--color-text,beige);font-size:.9rem}.risk-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:24px;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0003}.mangsa-advice,.mangsa-spiritual{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:14px;padding:1rem}.mangsa-advice h4,.mangsa-spiritual h4{color:var(--color-gold,#d4af37);margin:0 0 .6rem;font-size:.9rem;font-weight:600}.mangsa-advice p,.mangsa-spiritual p{color:var(--color-text,beige);opacity:.95;margin:0;font-size:.85rem;line-height:1.6}.decision-matrix-section{box-sizing:border-box;background:linear-gradient(135deg,#d4af3714 0%,#ffffff05 100%);border:1px solid #d4af3733;border-radius:20px;max-width:100%;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.decision-matrix-section:before{content:"";background:linear-gradient(90deg,#d4af37,#f4d03f,#d4af37);height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 12px #d4af374d}.decision-matrix-section:hover{border-color:#d4af3759;transform:translateY(-2px);box-shadow:0 8px 32px #d4af3726}.matrix-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.matrix-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.75rem}.matrix-header h3{color:var(--color-gold,#d4af37);margin:0;font-size:1.2rem;font-weight:600}.matrix-subtitle{color:var(--color-text,beige);opacity:.7;margin:0 0 1.25rem;font-size:.85rem;font-style:italic}.matrix-content{flex-direction:column;gap:1rem;display:flex}.status-display{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-label{color:var(--color-text,beige);opacity:.85;font-size:.9rem;font-weight:500}.status-value{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:24px;padding:.45rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0003}.matrix-recommendation,.matrix-variables{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:14px;padding:1rem}.matrix-recommendation h4,.matrix-variables h4{color:var(--color-gold,#d4af37);margin:0 0 .6rem;font-size:.9rem;font-weight:600}.matrix-recommendation p{color:var(--color-text,beige);margin:0;font-size:.9rem;line-height:1.6}.variable-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.variable-item:last-child{border-bottom:none}.variable-label{color:var(--color-text,beige);opacity:.85;font-size:.85rem}.variable-value{color:var(--color-text,beige);font-size:.9rem;font-weight:600}.frequency-protocol-section{box-sizing:border-box;background:linear-gradient(135deg,#e6e6fa14 0%,#8db60008 100%);border:1px solid #e6e6fa33;border-radius:20px;max-width:100%;margin-bottom:2rem;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.frequency-protocol-section:before{content:"";background:linear-gradient(90deg,#e6e6fa,#8db600,#e6e6fa);height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 12px #8db6004d}.frequency-protocol-section:hover{border-color:#8db60059;transform:translateY(-2px);box-shadow:0 8px 32px #8db60026}.frequency-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.frequency-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.75rem}.frequency-header h3{color:var(--color-528hz,#8db600);margin:0;font-size:1.2rem;font-weight:600}.frequency-subtitle{color:var(--color-text,beige);opacity:.7;margin:0 0 1.25rem;font-size:.85rem;font-style:italic}.frequency-content{flex-direction:column;gap:1.25rem;display:flex}.harmony-display{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.harmony-label{color:var(--color-text,beige);opacity:.85;font-size:.9rem;font-weight:500}.harmony-value{text-shadow:0 2px 8px #0003;font-size:1.75rem;font-weight:700}.harmony-status{color:var(--color-text,beige);opacity:.9;font-size:.85rem;font-weight:500}.frequency-status{align-items:center;gap:.75rem;display:flex}.status-badge{letter-spacing:.3px;border-radius:24px;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.active{color:#8db600;background:linear-gradient(135deg,#8db60040 0%,#8db60026 100%);border:1px solid #8db60059;box-shadow:0 2px 8px #8db60033}.status-badge.locked{color:#d4af37;background:linear-gradient(135deg,#d4af3740 0%,#d4af3726 100%);border:1px solid #d4af3759;animation:2s infinite pulse-528hz;box-shadow:0 2px 8px #d4af3733}.critical-times h4{color:var(--color-gold,#d4af37);margin:0 0 1rem;font-size:.95rem;font-weight:600}.times-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;display:grid}.time-item{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.time-item:hover{border-color:#8db60040;transform:translateY(-3px);box-shadow:0 4px 16px #8db60026}.time-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.5rem}.time-value{color:var(--color-text,beige);font-size:.95rem;font-weight:700}.time-label{color:var(--color-text,beige);opacity:.75;font-size:.75rem;font-weight:500}.frequency-action{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.play-frequency-btn{color:var(--color-528hz,#8db600);cursor:pointer;background:linear-gradient(135deg,#8db60040 0%,#8db60026 100%);border:1px solid #8db60059;border-radius:14px;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8db60033}.play-frequency-btn:hover:not(:disabled){background:linear-gradient(135deg,#8db60059 0%,#8db60040 100%);transform:translateY(-3px);box-shadow:0 6px 24px #8db6004d}.play-frequency-btn.playing{cursor:not-allowed;background:linear-gradient(135deg,#8db60059 0%,#8db60040 100%);animation:2s infinite pulse-528hz}.play-frequency-btn:disabled{opacity:.7;cursor:not-allowed}.action-note{color:var(--color-text,beige);opacity:.7;margin:0;font-size:.8rem;font-style:italic}.frequency-location h4{color:var(--color-gold,#d4af37);margin:0 0 .6rem;font-size:.9rem;font-weight:600}.frequency-location p{color:var(--color-text,beige);opacity:.9;margin:0;font-size:.85rem;line-height:1.6}@media (width<=768px){.mandala-dashboard{padding:.75rem}.mandala-title{font-size:1.35rem}.mandala-subtitle{letter-spacing:1px;font-size:.85rem}.outer-sphere-container,.gates-container{grid-template-columns:1fr;gap:1rem}.gate-card{padding:1rem}.gate-header{gap:.6rem}.gate-icon-wrapper{border-radius:10px;width:40px;height:40px}.gate-icon{font-size:1.25rem}.gate-title-group h3{font-size:1rem}.gate-subtitle{font-size:.75rem}.gate-score{gap:.75rem;padding:.85rem}.score-circle{width:55px;height:55px}.score-value{font-size:1.25rem}.score-label{font-size:.8rem}.score-desc{font-size:.7rem}.gate-bars{gap:.75rem;margin-bottom:1rem}.gate-bar{grid-template-columns:1fr;gap:.35rem}.bar-header{justify-content:space-between;align-items:center;display:flex}.bar-label,.bar-value{font-size:.75rem}.bar-track{height:8px}.mandala-visual{margin:1.5rem 0;padding:1rem}.mandala-svg{width:160px;height:160px}.times-grid{grid-template-columns:repeat(3,1fr)}.pranata-mangsa-section,.decision-matrix-section,.frequency-protocol-section{padding:1rem}.pranata-header h3,.matrix-header h3,.frequency-header h3{font-size:1rem}.mangsa-info,.mangsa-details{flex-direction:column;gap:.5rem}.harmony-display{text-align:center;flex-direction:column;gap:.5rem}.harmony-value{font-size:1.5rem}.frequency-status{flex-direction:column;align-items:flex-start;gap:.5rem}.play-frequency-btn{width:100%;padding:.75rem 1.5rem}}@media (width<=480px){.mandala-dashboard{padding:.5rem}.mandala-header{margin-bottom:1rem;padding-bottom:1rem}.mandala-title{font-size:1.2rem}.mandala-subtitle{font-size:.75rem}.gate-card{border-radius:14px;padding:.85rem}.gate-icon-wrapper{width:36px;height:36px}.gate-icon{font-size:1.1rem}.gate-title-group h3{font-size:.95rem}.gate-score{text-align:center;flex-direction:column;gap:.5rem}.score-circle{width:60px;height:60px}.score-info{align-items:center}.mandala-visual{margin:1rem 0;padding:.75rem}.mandala-svg{width:140px;height:140px}.pranata-mangsa-section,.decision-matrix-section,.frequency-protocol-section{border-radius:14px;padding:.85rem}.times-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.time-item{border-radius:10px;padding:.5rem .35rem}.time-icon{font-size:1.1rem}.time-value{font-size:.75rem}.time-label{font-size:.65rem}.ai-guidance-section{border-radius:14px;padding:1rem}.ai-header h3{font-size:1rem}.status-display{flex-direction:column;align-items:flex-start;gap:.5rem}.matrix-recommendation,.matrix-variables{padding:.85rem}.gate-advice{padding:1rem}.gate-advice h4{font-size:.85rem}.gate-advice p{font-size:.8rem;line-height:1.6}.advice-action{background:#d4af371a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;display:flex}.action-icon{font-size:1rem}.advice-action span:last-child{color:var(--color-gold,#d4af37);font-size:.75rem;font-weight:600}}.monthly-forecast{background:linear-gradient(#1b1f17e6 0%,#1b1f1799 100%);border:1px solid #d4af371a;border-radius:24px;max-width:1280px;margin:0 auto;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.monthly-forecast:before{content:"";background:linear-gradient(90deg,#d4af37,#8db600,#d4af37,#8db600,#d4af37) 0 0/200% 100%;border-radius:24px 24px 0 0;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.monthly-forecast.loading,.monthly-forecast.error{text-align:center;padding:3rem}.monthly-forecast .spinner{font-size:3rem;animation:2s linear infinite spin}.forecast-header{text-align:center;margin-bottom:2rem}.forecast-icon{margin-bottom:.5rem;font-size:3rem}.forecast-header h2{color:var(--color-gold,#d4af37);margin:0;font-size:1.8rem}.forecast-subtitle{color:var(--color-text,beige);opacity:.8;margin:.5rem 0 0}.forecast-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.summary-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:1.75rem 1.25rem;transition:all .3s;position:relative;overflow:hidden}.summary-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.summary-card:hover{background:#ffffff0d;border-color:#d4af3733;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.summary-card:hover:before{opacity:1}.summary-card.overall{background:linear-gradient(135deg,#d4af3714 0%,#1b1f17cc 100%);border-color:#d4af3726;grid-column:span 1}.summary-score{text-shadow:0 2px 10px #d4af374d;letter-spacing:-1px;font-size:3rem;font-weight:700;line-height:1}.summary-label{color:var(--color-text,beige);opacity:.6;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;font-size:.8rem;font-weight:500}.summary-status{background:#ffffff0d;border-radius:20px;margin-top:.75rem;padding:.25rem .75rem;font-size:.95rem;font-weight:500;display:inline-block}.day-count{text-shadow:0 2px 8px #0000004d;font-size:2.5rem;font-weight:700;line-height:1}.day-label{color:var(--color-text,beige);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;font-size:.8rem;font-weight:500}.day-desc{opacity:.5;margin-top:.35rem;font-size:.7rem;line-height:1.3}.ai-guidance-section{background:linear-gradient(135deg,#d4af3708 0%,#1b1f1799 100%);border:1px solid #d4af3714;border-radius:16px;margin-bottom:2.5rem;padding:1.5rem}.ai-guidance-section h3{color:var(--color-gold,#d4af37);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.4rem;font-weight:600;display:flex}.guidance-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.guidance-card:hover{background:#ffffff0a;border-color:#d4af3726;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.guidance-card h4{color:var(--color-gold,#d4af37);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.guidance-card.overall-strategy{background:linear-gradient(135deg,#d4af370f 0%,#ffffff05 100%);border-color:#d4af371f}.guidance-card.overall-strategy p{color:var(--color-text,beige);margin:0;font-size:.95rem;line-height:1.7}.guidance-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1rem;display:grid}.guidance-card.opportunities{background:linear-gradient(135deg,#4caf500a 0%,#ffffff05 100%);border-left:4px solid #4caf50}.guidance-card.warnings{background:linear-gradient(135deg,#ff57220a 0%,#ffffff05 100%);border-left:4px solid #ff5722}.guidance-card ul{margin:0;padding-left:1.2rem}.guidance-card li{color:var(--color-text,beige);margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.guidance-card li::marker{color:var(--color-gold,#d4af37)}.weekly-focus{margin-bottom:1.5rem}.weekly-focus h4{color:var(--color-gold,#d4af37);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.week-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.week-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.week-card:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold,#d4af37), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.week-card:hover{background:#ffffff0a;border-color:#d4af3733;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.week-card:hover:after{opacity:1}.week-number{color:var(--color-gold,#d4af37);text-transform:uppercase;letter-spacing:.5px;background:#d4af371a;border-radius:12px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.week-card p{color:var(--color-text,beige);margin:0;font-size:.85rem;line-height:1.5}.ritual-recommendations h4{color:var(--color-gold,#d4af37);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.ritual-list{flex-direction:column;gap:.75rem;display:flex}.ritual-item{background:linear-gradient(135deg,#8db60008 0%,#ffffff05 100%);border:1px solid #8db6001a;border-radius:10px;grid-template-columns:130px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:grid}.ritual-item:hover{background:linear-gradient(135deg,#8db6000d 0%,#ffffff08 100%);border-color:#8db60033;transform:translate(4px)}.ritual-time{color:var(--color-528hz,#8db600);text-transform:uppercase;letter-spacing:.5px;text-align:center;background:#8db6001a;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.ritual-practice{color:var(--color-text,beige);font-size:.9rem;font-weight:500}.ritual-benefit{opacity:.6;color:var(--color-text,beige);max-width:200px;font-size:.75rem;font-style:italic}.weekly-highlights{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.highlight-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.highlight-card:before{content:"";border-radius:14px 14px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.highlight-card.best:before{background:linear-gradient(90deg,#4caf50,#8bc34a)}.highlight-card.challenging:before{background:linear-gradient(90deg,#ff5722,#ff8a65)}.highlight-card:hover{background:#ffffff0a;border-color:#d4af3726;transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.highlight-card h4{align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.15rem;font-weight:600;display:flex}.highlight-info{background:#ffffff08;border-radius:8px;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.highlight-week{color:var(--color-gold,#d4af37);font-size:.9rem;font-weight:700}.highlight-days,.highlight-score{color:var(--color-text,beige);opacity:.8;background:#ffffff08;border-radius:4px;padding:.15rem .5rem;font-size:.85rem}.highlight-score{color:var(--color-gold,#d4af37);font-weight:600}.highlight-advice{color:var(--color-text,beige);border-left:2px solid #d4af374d;margin:0;padding-left:.5rem;font-size:.9rem;line-height:1.5}.daily-calendar-section{margin-bottom:2rem}.daily-calendar-section h3{color:var(--color-gold,#d4af37);margin-bottom:.25rem;font-size:1.2rem}.calendar-subtitle{color:var(--color-text,beige);opacity:.6;margin-bottom:1rem;font-size:.85rem}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:.375rem;margin-bottom:.5rem;display:grid}.calendar-weekday{text-align:center;color:var(--color-gold,#d4af37);opacity:.8;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 0;font-size:.75rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.calendar-card{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1.5px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:95px;padding:.6rem .4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.calendar-card.nata-agung{background:linear-gradient(145deg,#4caf5033 0%,#81c78414 50%,#4caf500d 100%);border-color:#4caf5066;box-shadow:0 4px 15px #4caf501a,inset 0 1px #ffffff1a}.calendar-card.nata-agung:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#81c78426 0%,#0000 50%);position:absolute;inset:0}.calendar-card.laku-prihatin{background:linear-gradient(145deg,#ffc10733 0%,#ffeb3b14 50%,#ffc1070d 100%);border-color:#ffc10766;box-shadow:0 4px 15px #ffc1071a,inset 0 1px #ffffff1a}.calendar-card.laku-prihatin:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffeb3b26 0%,#0000 50%);position:absolute;inset:0}.calendar-card.benteng-luhur{background:linear-gradient(145deg,#f4433633 0%,#ef9a9a14 50%,#f443360d 100%);border-color:#f4433666;box-shadow:0 4px 15px #f443361a,inset 0 1px #ffffff1a}.calendar-card.benteng-luhur:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ef9a9a26 0%,#0000 50%);position:absolute;inset:0}.calendar-card.selected{z-index:10;border-color:#fffc;transform:scale(1.08)translateY(-3px);box-shadow:0 8px 25px #0006,0 0 0 2px #d4af3780}.calendar-card.today{border-color:#d4af37b3;box-shadow:0 0 20px #d4af374d,inset 0 0 15px #d4af371a}.calendar-card:hover{border-color:#ffffff80;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #00000059}.calendar-card:hover .card-date{color:var(--color-gold,#d4af37)}.calendar-card:hover .card-score{transform:scale(1.1)}.card-top{flex-direction:column;align-items:center;gap:1px;display:flex}.card-day-name{color:var(--color-gold,#d4af37);text-transform:uppercase;letter-spacing:.5px;font-size:.55rem;font-weight:600}.card-date{color:var(--color-text,beige);font-size:1.3rem;font-weight:700;line-height:1}.card-middle{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex}.card-month{color:var(--color-text,beige);opacity:.5;text-transform:uppercase;font-size:.5rem}.card-status-icon{font-size:.85rem}.card-bottom{justify-content:center;display:flex}.card-score{font-size:1rem;font-weight:800;line-height:1}.today-badge{color:var(--color-gold,#d4af37);background:#d4af3726;border-radius:4px;padding:1px 3px;font-size:.45rem;font-weight:600;position:absolute;bottom:2px;right:2px}.calendar-card.empty{cursor:default;background:0 0;border:none;min-height:90px}.calendar-card.empty:hover{box-shadow:none;background:0 0;border-color:#0000;transform:none}.prediction-card{background:linear-gradient(145deg,#1b1f17f2 0%,#d4af3714 100%);border:1px solid #d4af3733;border-radius:20px;margin-top:1.5rem;animation:.4s cubic-bezier(.4,0,.2,1) predictionAppear;overflow:hidden;box-shadow:0 20px 50px #0006}@keyframes predictionAppear{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.prediction-header{background:linear-gradient(135deg,#d4af370d 0%,#1b1f17cc 100%);border-bottom:1px solid #d4af3726;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.prediction-title{align-items:center;gap:1rem;display:flex}.prediction-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem}.prediction-title h4{color:var(--color-gold,#d4af37);text-shadow:0 1px 3px #0000004d;margin:0;font-size:1.3rem;font-weight:700}.prediction-day-offset{color:var(--color-text,beige);opacity:.7;margin-top:.25rem;font-size:.85rem;font-weight:500}.close-prediction{color:var(--color-text,beige);cursor:pointer;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.close-prediction:hover{background:linear-gradient(135deg,#d4af3733 0%,#d4af370d 100%);border-color:#d4af3780;transform:rotate(90deg)scale(1.1);box-shadow:0 4px 12px #d4af374d}.prediction-content{padding:2rem}.prediction-score-section{justify-content:center;margin-bottom:2rem;display:flex}.prediction-score-display{background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border:3px solid;border-radius:18px;flex-direction:column;align-items:center;padding:1.5rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003}.prediction-score-display:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.ps-score{color:inherit;text-shadow:0 3px 10px #0000004d;z-index:1;font-size:3rem;font-weight:900;line-height:1;position:relative}.ps-status{opacity:.9;text-transform:uppercase;letter-spacing:2px;z-index:1;margin-top:.5rem;font-size:.9rem;font-weight:700;position:relative}.prediction-biorhythm{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:14px;margin-bottom:1.5rem;padding:1.25rem}.prediction-biorhythm h5{color:var(--color-gold,#d4af37);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.bio-bars-mini{flex-direction:column;gap:.75rem;display:flex}.bio-mini{color:var(--color-text,beige);grid-template-columns:80px 1fr 55px;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.bio-mini span:first-child{font-weight:600}.bio-track-mini{background:#ffffff1a;border-radius:5px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.bio-track-mini:after{content:"";background:#fff6;width:2px;position:absolute;top:0;bottom:0;left:50%}.bio-fill-mini{transform-origin:0;border-radius:5px;height:100%;position:absolute;left:50%;box-shadow:0 2px 6px #0000004d}.bio-mini span:last-child{text-align:right;color:var(--color-gold,#d4af37);font-weight:700}.prediction-section{background:#ffffff05;border-radius:10px;margin-bottom:1rem;padding:1rem}.prediction-section h5{margin:0 0 .5rem;font-size:.85rem;font-weight:600}.prediction-section ul{margin:0;padding-left:1.2rem}.prediction-section li{color:var(--color-text,beige);margin-bottom:.3rem;font-size:.8rem;line-height:1.4}.prediction-section p{color:var(--color-text,beige);margin:0;font-size:.85rem;line-height:1.5}.prediction-section.potentials{border-left:3px solid #4caf50}.prediction-section.potentials h5{color:#4caf50}.prediction-section.disturbances{border-left:3px solid #ff5722}.prediction-section.disturbances h5{color:#ff5722}.disturbance-group{margin-bottom:.5rem}.disturbance-group:last-child{margin-bottom:0}.disturbance-label{color:var(--color-text,beige);opacity:.7;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.disturbance-group ul{margin:0;padding-left:1.2rem}.prediction-section.remedies{border-left:3px solid #2196f3}.prediction-section.remedies h5{color:#2196f3}.prediction-section.advice{border-left:3px solid var(--color-gold,#d4af37)}.prediction-section.advice h5{color:var(--color-gold,#d4af37)}.prediction-section.nogo{border-left:3px solid #9c27b0}.prediction-section.nogo h5{color:#9c27b0}.nogo-details{color:var(--color-text,beige);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.nogo-details strong{color:var(--color-gold,#d4af37)}.day-detail-panel{background:linear-gradient(135deg,#d4af370a 0%,#1b1f17b3 100%);border:1px solid #d4af371a;border-radius:16px;margin-top:1.5rem;padding:2rem;animation:.3s ease-out slideUp;box-shadow:0 8px 32px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.day-detail-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.day-detail-header h4{color:var(--color-gold,#d4af37);margin:0;font-size:1.2rem;font-weight:600}.close-btn{color:var(--color-text,beige);cursor:pointer;opacity:.7;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.close-btn:hover{opacity:1;background:#ffffff1a;border-color:#d4af374d;transform:rotate(90deg)}.day-detail-content{color:var(--color-text,beige)}.detail-date{color:var(--color-gold,#d4af37);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.2rem;font-weight:700;display:flex}.detail-date:before{content:"📅";font-size:1.1rem}.detail-score-section{text-align:center;margin-bottom:2rem}.score-display{background:#ffffff05;border:3px solid;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 2.5rem;display:inline-flex;position:relative;overflow:hidden}.score-display:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.score-number{color:inherit;text-shadow:0 2px 10px #0000004d;z-index:1;font-size:3rem;font-weight:800;line-height:1;display:block;position:relative}.score-status{opacity:.8;text-transform:uppercase;letter-spacing:1px;z-index:1;margin-top:.5rem;font-size:.85rem;font-weight:600;position:relative}.biorhythm-bars{margin-bottom:1.5rem}.bio-bar{grid-template-columns:80px 1fr 50px;align-items:center;gap:.75rem;margin-bottom:.75rem;display:grid}.bio-label{color:var(--color-text,beige);font-size:.9rem}.bio-track{background:#ffffff1a;border-radius:10px;height:20px;position:relative;overflow:hidden}.bio-track:after{content:"";background:#ffffff4d;width:2px;position:absolute;top:0;bottom:0;left:50%}.bio-fill{transform-origin:0;border-radius:10px;height:100%;transition:width .3s;position:absolute;left:50%}.bio-value{text-align:right;font-size:.85rem}.detail-section{background:#ffffff08;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.detail-section h5{margin:0 0 .75rem;font-size:1rem}.detail-section.potentials{border-left:3px solid #4caf50}.detail-section.potentials h5{color:#4caf50}.detail-section.disturbances.internal{border-left:3px solid #f44}.detail-section.disturbances.internal h5{color:#f44}.detail-section.disturbances.external{border-left:3px solid #f80}.detail-section.disturbances.external h5{color:#f80}.detail-section.remedies{border-left:3px solid #2196f3}.detail-section.remedies h5{color:#2196f3}.detail-section ul{margin:0;padding-left:1.2rem}.detail-section li{color:var(--color-text,beige);margin-bottom:.4rem;line-height:1.4}.detail-section.nogo-dino{border-left:3px solid #2196f3}.detail-section.nogo-dino h5{color:#2196f3}.nogo-info{flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.nogo-info span{color:var(--color-text,beige);opacity:.8}.detail-section.action-advice{border-left:3px solid var(--color-gold,#d4af37)}.detail-section.action-advice h5{color:var(--color-gold,#d4af37)}.detail-section.action-advice p{color:var(--color-text,beige);margin:0;line-height:1.5}.btn-refresh{background:linear-gradient(135deg, var(--color-gold,#d4af37), #f4d03f);color:#1b1f17;cursor:pointer;border:none;border-radius:8px;width:100%;max-width:300px;margin:2rem auto 0;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:block}@media (width<=768px){.forecast-summary{grid-template-columns:repeat(2,1fr)}.summary-card.overall{grid-column:span 2}.calendar-card{border-radius:10px;min-height:75px;padding:.5rem .3rem}.card-date{font-size:1.1rem}.card-score{font-size:.9rem}.card-status-icon{font-size:.75rem}.calendar-weekday{padding:.3rem 0;font-size:.65rem}.ritual-item{text-align:center;grid-template-columns:1fr;gap:.5rem}.bio-mini{grid-template-columns:60px 1fr 40px;gap:.5rem;font-size:.75rem}.week-cards{grid-template-columns:1fr}.prediction-content{padding:1.25rem}.ps-score{font-size:2.5rem}.bio-mini{grid-template-columns:70px 1fr 45px;font-size:.8rem}}@media (width<=480px){.forecast-summary{grid-template-columns:1fr 1fr}.summary-card.overall{grid-column:span 2}.guidance-grid,.weekly-highlights{grid-template-columns:1fr}.calendar-card{border-radius:8px;min-height:65px;padding:.4rem .2rem}.card-day-name{font-size:.5rem}.card-date{font-size:1rem}.card-month{font-size:.45rem}.card-score{font-size:.85rem}.card-status-icon{font-size:.7rem}.calendar-weekdays{gap:.2rem}.calendar-weekday{letter-spacing:0;font-size:.55rem}.calendar-grid{gap:.25rem}.daily-calendar-section h3{font-size:1.1rem}.calendar-subtitle{font-size:.75rem}.prediction-header{padding:1rem 1.25rem}.prediction-title h4{font-size:1.1rem}.ps-score{font-size:2rem}.bio-mini{grid-template-columns:65px 1fr 40px;font-size:.75rem}}@media (width>=769px) and (width<=1024px){.calendar-card{min-height:80px}.card-score{font-size:.95rem}}.integrated-counselor{color:beige;max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.integrated-counselor.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner{border:4px solid #8db60033;border-top-color:#8db600;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.integrated-counselor.no-data{text-align:center;color:#8db600;justify-content:center;align-items:center;min-height:300px;font-size:1.1em;display:flex}.counselor-header{border-bottom:2px solid #8db6004d;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.counselor-header h2{color:#d4af37;margin:0;font-size:1.5em}.ai-status{font-size:.85em}.status-ready{color:#8db600;font-weight:700}.status-fallback{color:#e6e6fa;opacity:.7}.decision-section{margin-bottom:24px}.decision-badge{text-align:center;color:#1b1f17;border-radius:16px;padding:24px;transition:transform .3s;box-shadow:0 4px 20px #0000004d}.decision-badge:hover{transform:translateY(-2px)}.decision-title{letter-spacing:2px;margin-bottom:8px;font-size:1.8em;font-weight:700}.decision-desc{opacity:.9;margin-bottom:12px;font-size:1em}.decision-action{background:#fff3;border-radius:20px;padding:8px 16px;font-size:.9em;font-weight:600;display:inline-block}.overall-score-section{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.overall-score{margin-bottom:8px}.score-circle{background:#1b1f1780;border:6px solid #8db600;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 0 30px #8db60033}.score-circle .score-label{color:#e6e6fa;margin-top:4px;font-size:.75em}.score-date{color:#e6e6fa;opacity:.7;font-size:.9em}.counselor-tabs{gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-btn{color:#e6e6fa;cursor:pointer;white-space:nowrap;background:#1b1f17cc;border:2px solid #8db6004d;border-radius:12px;flex:1;min-width:100px;padding:12px 16px;font-size:.9em;transition:all .3s}.tab-btn:hover{background:#8db6001a;border-color:#8db600}.tab-btn.active{color:#1b1f17;background:linear-gradient(135deg,#8db600,#6b9b00);border-color:#d4af37;font-weight:700}.tab-content{background:#1b1f1780;border:1px solid #8db60033;border-radius:16px;padding:24px}.section-card{background:#8db6000d;border:1px solid #8db60026;border-radius:12px;margin-bottom:20px;padding:20px}.section-card:last-child{margin-bottom:0}.section-card h3{color:#d4af37;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1em;display:flex}.affirmations-list{flex-direction:column;gap:12px;display:flex}.affirmation-item{background:#d4af371a;border-left:4px solid #d4af37;border-radius:0 8px 8px 0;padding:16px;font-style:italic;line-height:1.5}.section-card.warnings{background:#ff47570d;border-color:#ff47574d}.section-card.warnings h3{color:#ff4757}.warning-item{color:#ff6b81;background:#ff47571a;border-radius:8px;padding:12px}.recommendation-group{margin-bottom:16px}.recommendation-group:last-child{margin-bottom:0}.recommendation-group h4{color:#8db600;margin:0 0 8px;font-size:.95em}.recommendation-group ul{margin:0;padding-left:20px}.recommendation-group li{margin-bottom:6px;line-height:1.4}.element-focus .element-card{margin-top:12px}.score-item{margin-bottom:16px}.score-item:last-child{margin-bottom:0}.score-label{justify-content:space-between;margin-bottom:6px;font-size:.9em;display:flex}.score-value{color:#d4af37;font-weight:700}.score-bar{background:#1b1f17cc;border-radius:6px;height:12px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#8db600,#d4af37);border-radius:6px;height:100%;transition:width .8s ease-out}.elements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.element-card{background:#1b1f1799;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex;position:relative}.element-card.weakest{border-color:#ff4757;box-shadow:0 0 15px #ff47574d}.element-color{border-radius:50%;flex-shrink:0;width:40px;height:40px}.element-info{flex:1;min-width:0}.element-name{margin-bottom:2px;font-size:1em;font-weight:700}.element-practice{color:#e6e6fa;opacity:.8;font-size:.8em}.element-mantra{color:#e6e6fa;opacity:.6;margin-top:4px;font-size:.7em;font-style:italic}.weakest-badge{color:#fff;background:#ff4757;border-radius:10px;padding:2px 8px;font-size:.65em;font-weight:700;position:absolute;top:-8px;right:-8px}.balance-info{background:#8db6001a;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.balance-status{color:#8db600;font-weight:700}.balance-score{color:#d4af37;font-size:1.2em;font-weight:700}.weton-element{background:#d4af371a;border-left:4px solid #d4af37;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.weton-name{font-size:1.1em;font-weight:700}.weton-element-value{color:#8db600}.name-analysis-details,.biorhythm-details{flex-direction:column;gap:12px;display:flex}.detail-item{background:#1b1f1766;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.detail-label{color:#e6e6fa;opacity:.8}.activity-desc{color:#e6e6fa;opacity:.8;margin-bottom:20px;line-height:1.5}.activity-buttons{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.activity-buttons button{color:beige;cursor:pointer;background:#8db60026;border:2px solid #8db6004d;border-radius:12px;padding:12px 20px;font-size:.85em;transition:all .3s}.activity-buttons button:hover{background:#8db6004d;border-color:#8db600;transform:translateY(-2px)}.activity-result{border-radius:12px;align-items:center;gap:16px;padding:20px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.activity-result.aligned{background:#8db60026;border:2px solid #8db600}.activity-result.neutral{background:#e6e6fa1a;border:2px solid #e6e6fa}.activity-result.misaligned{background:#ff475726;border:2px solid #ff4757}.result-icon{flex-shrink:0;font-size:2em}.result-message{flex:1;font-size:.95em;line-height:1.4}.mangsa-info .mangsa-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.mangsa-name{color:#d4af37;text-align:center;border-bottom:1px solid #8db60033;grid-column:1/-1;margin-bottom:8px;padding-bottom:8px;font-size:1.3em;font-weight:700}.mangsa-characteristic,.mangsa-risk,.mangsa-progress{text-align:center;background:#1b1f1766;border-radius:8px;padding:12px;font-size:.9em}.counselor-footer{text-align:center;border-top:2px solid #8db60033;margin-top:32px;padding-top:24px}.counselor-footer p{color:#d4af37;margin:0 0 8px;font-style:italic}.footer-note{opacity:.7;font-size:.85em;color:#e6e6fa!important;font-style:normal!important}@media (width<=600px){.integrated-counselor{padding:12px}.counselor-header{text-align:center;flex-direction:column;gap:12px}.counselor-header h2{font-size:1.2em}.decision-badge{padding:20px}.decision-title{font-size:1.4em}.score-circle{border-width:5px;width:100px;height:100px}.score-number{font-size:2em}.counselor-tabs{gap:6px}.tab-btn{min-width:80px;padding:10px 12px;font-size:.8em}.tab-content,.section-card{padding:16px}.elements-grid{grid-template-columns:1fr}.activity-buttons{flex-direction:column}.activity-buttons button{width:100%}.balance-info{text-align:center;flex-direction:column;gap:12px}}@keyframes scoreGrow{0%{width:0}}.score-fill{animation:1s ease-out scoreGrow}.counselor-tabs::-webkit-scrollbar{height:4px}.counselor-tabs::-webkit-scrollbar-track{background:#1b1f1780;border-radius:2px}.counselor-tabs::-webkit-scrollbar-thumb{background:#8db6004d;border-radius:2px}.counselor-tabs::-webkit-scrollbar-thumb:hover{background:#8db60080}:root{--color-528hz:#8db600;--color-gold:#d4af37;--color-bg:#1b1f17;--color-text:beige;--color-accent:#e6e6fa;color:var(--color-text);background:var(--color-bg);--font-size-base:clamp(.875rem, 2vw, 1rem);--font-size-h1:clamp(1.5rem, 4vw, 2.5rem);--font-size-h2:clamp(1.25rem, 3vw, 1.75rem);--font-size-h3:clamp(1.1rem, 2.5vw, 1.3rem);--spacing-xs:clamp(.25rem, 1vw, .5rem);--spacing-sm:clamp(.5rem, 1.5vw, .75rem);--spacing-md:clamp(.75rem, 2vw, 1rem);--spacing-lg:clamp(1rem, 2.5vw, 1.5rem);--spacing-xl:clamp(1.5rem, 3vw, 2rem);--spacing-2xl:clamp(2rem, 4vw, 3rem);--container-max-width:min(90%, 1200px);--container-padding:clamp(.75rem, 3vw, 2rem);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #2c3325 0%, var(--color-bg) 100%);min-height:100vh;margin:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (width>=769px) and (width<=1024px){.container{max-width:900px;padding:0 1.5rem}.panel{border-radius:18px;margin-bottom:1.75rem;padding:1.75rem}.panel h2{font-size:1.35rem}.grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.card{padding:1.25rem}.hero h1{font-size:2rem}.tab-nav{gap:.75rem}.tab-btn{padding:.85rem 1.25rem}.module-selector{gap:.75rem}.module-btn{padding:.7rem 1.1rem}.daily-compass{padding:1.75rem}.swot-grid,.compass-identity{grid-template-columns:repeat(2,1fr)}.name-analysis{padding:1.75rem}.part-card{padding:1.25rem}.panoramic-container,.panoramic-placeholder{height:400px}.profile-stats{grid-template-columns:repeat(3,1fr)}.mangsa-section{padding:1.5rem}.mangsa-decision{flex-direction:row;align-items:center}}@media (width<=480px){.container{padding:0 .75rem}.panel{border-radius:12px;margin-bottom:1rem;padding:1rem}.panel h2{font-size:1.1rem}.card{border-radius:8px;padding:.75rem}}.panel{background:#132238f2;border:1px solid #294567;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #0000004d}.panel h2{color:var(--color-gold);margin-bottom:1.5rem;font-size:1.5rem}.panel .muted{color:#9fb4ce;margin-bottom:1rem;font-size:.9rem;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.card{background:#132238e6;border:1px solid #2f4c70;border-radius:10px;padding:1.5rem}.card .row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card strong{color:var(--color-text)}.card code{color:#9bc4ff;background:#091321cc;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.badge{text-transform:uppercase;border-radius:20px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge.ready{color:#8df1b4;background:#193e29}.badge.draft{color:#ffd98d;background:#413414}.badge.in-progress{color:#9bc4ff;background:#1a4172}.hero{text-align:center;background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text);border-radius:15px;margin-bottom:2rem;padding:3rem 2rem}.hero h1{margin:0 0 1rem;font-size:2.5rem}.hero p{margin:0 0 1rem}.live-clock{margin-bottom:1rem;font-size:1.2rem;font-weight:300}.input-section{background:#132238f2;border:1px solid #294567;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #0000004d}.input-grid{grid-template-columns:1fr 2fr;gap:1.5rem;margin-top:1.5rem;display:grid}.input-group{flex-direction:column;display:flex}.input-group label{color:#9bc4ff;margin-bottom:.5rem;font-weight:600}.input-field{color:var(--color-text);background:#091321cc;border:1px solid #294567;border-radius:8px;padding:.75rem;font-size:1rem}.input-field:focus{border-color:var(--color-528hz);outline:none;box-shadow:0 0 0 3px #8db6001a}.full-width{grid-column:1/-1}.table-wrap{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#9bc4ff;background:#2945674d;padding:1rem;font-weight:600}td{color:var(--color-text);border-bottom:1px solid #294567;padding:1rem}.muted{color:#9fb4ce;font-size:.9rem}.chart-container{background:#132238f2;border:1px solid #294567;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #0000004d}.element-chart{justify-content:center;align-items:center;margin-bottom:2rem;display:flex;position:relative}.chart-title{text-align:center;color:var(--color-gold);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.chart-ring{justify-content:center;align-items:center;gap:1rem;display:flex}.chart-segment{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.chart-segment:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.segment-label{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.8rem;font-weight:600}.segment-value{color:#fff;text-shadow:0 1px 2px #0000004d;margin-top:.25rem;font-size:.9rem;font-weight:700}.chart-legend{background:#09132199;border-radius:10px;margin-top:1rem;padding:1.5rem}.chart-legend h4{color:var(--color-528hz);margin-bottom:1rem}.legend-items{flex-direction:column;gap:.75rem;display:flex}.legend-item{background:#132238cc;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;transition:background .3s;display:flex}.legend-item:hover{background:#2945674d}.legend-color{border-radius:50%;width:20px;height:20px;display:inline-block}.legend-text{color:var(--color-text);font-size:.9rem}.chart-explanation{background:#09132199;border-radius:10px;margin-top:1rem;padding:1.5rem}.chart-explanation h4{color:var(--color-528hz);margin-bottom:1rem}.chart-explanation p{color:var(--color-text);margin-bottom:.75rem;line-height:1.6}.tanah{background:#8b4513}.air{background:#06c}.api{background:#f44}.angin{background:#6cf}.semesta{background:#96f}@media (width<=768px){.chart-ring{flex-wrap:wrap;gap:.5rem}.chart-segment{width:80px;height:80px}.segment-label{font-size:.7rem}.segment-value{font-size:.8rem}}.hero{margin-bottom:24px}.eyebrow{color:#9bc4ff;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}h1{color:var(--color-gold);margin:10px 0;font-size:clamp(1.8rem,3.3vw,2.5rem)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.row{justify-content:space-between;align-items:center;display:flex}code{color:#9bc4ff;margin-top:6px;font-size:.8rem;display:block}th,td{text-align:left;border-bottom:1px solid #294567;padding:10px;font-size:.9rem}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.auth-background{z-index:-1;background:linear-gradient(135deg,#0a1929 0%,#12325a 50%,#1a4172 100%);position:absolute;inset:0}.auth-pattern{background-image:radial-gradient(circle at 20% 30%,#8db6001a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#d4af371a 0%,#0000 50%),radial-gradient(circle,#091934cc 0%,#0000 70%);position:absolute;inset:0}.auth-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:100%;max-width:900px;display:grid}.auth-branding{padding:1rem}.auth-branding h1{color:var(--color-text);margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2}.branding-subtitle{color:#9bc4ff;margin:0 0 .75rem;font-size:clamp(.9rem,2vw,1.1rem)}.branding-desc{color:#9fb4ce;margin:0;font-size:clamp(.8rem,1.8vw,.95rem);line-height:1.6}.auth-form-container{justify-content:center;display:flex}.auth-form-card{background:#132238f2;border:1px solid #294567;border-radius:20px;width:100%;max-width:400px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 10px 40px #0000004d}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-icon{margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,3rem);display:block}.auth-header h2{color:var(--color-text);margin:0 0 .5rem;font-size:clamp(1.2rem,3vw,1.5rem)}.auth-header p{color:#9fb4ce;margin:0;font-size:clamp(.8rem,1.8vw,.9rem)}.auth-form{flex-direction:column;gap:clamp(.85rem,2vw,1.25rem);display:flex}.auth-error{color:#ff6b6b;background:#dc354533;border:1px solid #dc3545;border-radius:10px;align-items:center;gap:.5rem;padding:clamp(.6rem,1.5vw,.75rem) clamp(.8rem,2vw,1rem);font-size:clamp(.8rem,1.8vw,.9rem);display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#9bc4ff;font-size:clamp(.75rem,1.6vw,.85rem);font-weight:600}.auth-input,.form-input{color:var(--color-text);background:#091321cc;border:1px solid #294567;border-radius:10px;width:100%;padding:clamp(.75rem,1.8vw,.85rem) clamp(.9rem,2vw,1rem);font-size:clamp(.9rem,2vw,1rem);transition:border-color .2s,box-shadow .2s}.auth-input:focus,.form-input:focus{border-color:var(--color-528hz);outline:none;box-shadow:0 0 0 3px #8db60033}.auth-input::placeholder,.form-input::placeholder{color:#5a7a9a;font-size:clamp(.8rem,1.8vw,.9rem)}.btn-auth-primary{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:clamp(.9rem,2vw,1rem);font-size:clamp(.9rem,2vw,1rem);font-weight:600;transition:transform .2s,box-shadow .2s}.btn-auth-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.btn-auth-primary:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;color:#9fb4ce;margin-top:.5rem;font-size:clamp(.8rem,1.8vw,.9rem)}.auth-link{color:var(--color-528hz);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;text-decoration:underline}.auth-link:hover{color:#a8d44e}@media (width<=768px){.auth-container{align-items:flex-start;padding:2rem .5rem .5rem}.auth-content{grid-template-columns:1fr;gap:1.5rem;max-width:100%}.auth-branding{text-align:center;padding:.5rem}.auth-branding h1{margin-bottom:.5rem;font-size:1.6rem}.branding-subtitle{margin-bottom:.5rem;font-size:.95rem}.branding-desc{font-size:.85rem;line-height:1.5}.auth-form-card{border-radius:16px;max-width:100%;padding:1.5rem}.auth-icon{margin-bottom:.5rem;font-size:2.5rem}.auth-header h2{font-size:1.3rem}.auth-header p{font-size:.85rem}.auth-form{gap:1rem}.form-group{gap:.35rem}.form-group label{font-size:.8rem}.auth-input,.form-input{padding:.8rem .9rem;font-size:.95rem}.btn-auth-primary{padding:.95rem;font-size:.95rem}.auth-switch{font-size:.85rem}}@media (width<=380px){.auth-container{padding-top:1.5rem}.auth-branding h1{font-size:1.4rem}.auth-form-card{border-radius:14px;padding:1.25rem}.auth-icon{font-size:2rem}.auth-header h2{font-size:1.2rem}.auth-input,.form-input{padding:.75rem .85rem;font-size:.9rem}.btn-auth-primary{padding:.85rem;font-size:.9rem}}@media (width<=768px) and (orientation:landscape){.auth-container{align-items:center;padding-top:0}.auth-content{gap:1rem}.auth-branding{display:none}.auth-form-card{max-width:350px;padding:1.5rem}}.identity-form-card,.identity-locked-card{background:#132238f2;border:1px solid #294567;border-radius:20px;max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 10px 40px #0000004d}.form-header{text-align:center;margin-bottom:2rem}.form-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.form-header h3{color:var(--color-text);margin:0 0 1rem;font-size:1.3rem}.step-indicator{justify-content:center;align-items:center;gap:.5rem;display:flex}.step{color:#9fb4ce;background:#294567;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.step.active{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text)}.step-connector{background:#294567;width:40px;height:2px;transition:background .3s}.step-connector.completed{background:var(--color-528hz)}.form-error{color:#ff6b6b;background:#dc354533;border:1px solid #dc3545;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.btn-primary-form{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:1.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary-form:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.btn-secondary-form{color:#9bc4ff;cursor:pointer;background:#29456780;border:1px solid #294567;border-radius:10px;padding:.85rem 1.5rem;font-size:.95rem;transition:all .2s}.btn-secondary-form:hover{border-color:var(--color-528hz);background:#294567cc}.btn-lock-identity{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text);cursor:pointer;border:none;border-radius:10px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-lock-identity:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.form-actions{gap:1rem;margin-top:1.5rem;display:flex}.form-actions .btn-secondary-form{flex:1}.form-actions .btn-lock-identity{flex:2}.partner-add-form{margin-bottom:1.5rem}.partner-add-form h4{color:#9bc4ff;margin:0 0 1rem;font-size:1rem}.btn-add-partner{border:1px solid var(--color-528hz);color:var(--color-528hz);cursor:pointer;background:#8db60033;border-radius:10px;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.btn-add-partner:hover{background:#8db6004d}.partners-list{margin-bottom:1.5rem}.partners-list h4{color:#9bc4ff;margin:0 0 .75rem;font-size:1rem}.partners-list ul{margin:0;padding:0;list-style:none}.partner-list-item{background:#09132199;border:1px solid #294567;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.partner-info{flex-direction:column;gap:.25rem;display:flex}.partner-name{color:var(--color-text);font-weight:600}.partner-date{color:#9fb4ce;font-size:.85rem}.btn-remove-partner{cursor:pointer;opacity:.7;background:0 0;border:none;padding:.5rem;font-size:1.2rem;transition:opacity .2s}.btn-remove-partner:hover{opacity:1}.locked-header{text-align:center;border-bottom:1px solid #294567;margin-bottom:2rem;padding-bottom:1.5rem}.lock-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.locked-header h3{color:var(--color-528hz);margin:0 0 .5rem;font-size:1.3rem}.locked-header p{color:#9fb4ce;margin:0;font-size:.9rem}.locked-content{flex-direction:column;gap:1.5rem;display:flex}.personal-summary,.partners-summary{background:#09132199;border:1px solid #294567;border-radius:12px;padding:1.25rem}.personal-summary h4,.partners-summary h4{color:#9bc4ff;margin:0 0 1rem;font-size:1rem}.summary-item{border-bottom:1px solid #29456780;justify-content:space-between;padding:.5rem 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{color:#9fb4ce;font-weight:500}.summary-value{color:var(--color-text);font-weight:600}.weton-value{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.partners-list-compact{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.partner-item{background:#29456766;border-radius:8px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.partner-item .partner-name{color:var(--color-text)}.partner-item .partner-weton{color:var(--color-528hz);font-size:.85rem}.locked-actions{text-align:center;border-top:1px solid #294567;padding-top:1rem}.btn-reset{color:#ff6b6b;cursor:pointer;background:#dc354533;border:1px solid #dc3545;border-radius:10px;padding:.85rem 1.5rem;font-size:.95rem;transition:all .2s}.btn-reset:hover{background:#dc35454d}.reset-warning{color:#ffc107;margin:.75rem 0 0;font-size:.85rem}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#132238fa;border:1px solid #294567;border-radius:20px;width:100%;max-width:450px;padding:2rem}.modal-content h4{color:#ffc107;margin:0 0 1rem;font-size:1.3rem}.modal-content p{color:#9fb4ce;margin:0 0 1.5rem;line-height:1.6}.modal-actions{gap:1rem;display:flex}.btn-modal-secondary{color:#9bc4ff;cursor:pointer;background:#29456780;border:1px solid #294567;border-radius:10px;flex:1;padding:.85rem;font-size:.95rem;transition:all .2s}.btn-modal-secondary:hover{background:#294567cc}.btn-modal-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none;border-radius:10px;flex:1;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-modal-danger:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc354566}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;background:#13223880;border-bottom:1px solid #294567;padding:2rem}.app-header h1{color:var(--color-text);margin:0;font-size:2rem}.subtitle{color:#9bc4ff;margin:.5rem 0}.clock{color:#9fb4ce;margin:0;font-size:.9rem}.tab-nav{background:#09132180;border-bottom:1px solid #294567;justify-content:center;gap:.5rem;padding:1rem;display:flex}.tab-btn{color:#9fb4ce;cursor:pointer;background:#2945674d;border:1px solid #294567;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.tab-btn:hover{background:#29456780}.tab-btn.active{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-color:var(--color-528hz);color:var(--color-text)}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.module-selector{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.module-btn{color:#9fb4ce;cursor:pointer;background:#2945674d;border:1px solid #294567;border-radius:25px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s;display:flex}.module-btn:hover{background:#29456780}.module-btn.active{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-color:var(--color-528hz);color:var(--color-text)}.module-btn-icon{font-size:1.1rem}.module-card{background:#132238f2;border:1px solid #294567;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.module-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.module-header h3{color:var(--color-text);margin:0;font-size:1.1rem}.module-icon{font-size:1.5rem}.module-desc{color:#9fb4ce;margin:0 0 1rem;font-size:.9rem}.result-card{background:#091321cc;border-radius:12px;margin-top:1rem;padding:1.25rem}.result-card h4{color:#9bc4ff;margin:0 0 1rem}.result-item{border-bottom:1px solid #29456780;justify-content:space-between;padding:.5rem 0;display:flex}.result-item:last-child{border-bottom:none}.result-label{color:#9fb4ce}.result-value{color:var(--color-text);font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text);cursor:pointer;border:none;border-radius:10px;width:100%;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.btn-secondary{color:#9bc4ff;cursor:pointer;background:#29456780;border:1px solid #294567;border-radius:8px;padding:.5rem 1rem}.btn-icon{cursor:pointer;background:0 0;border:none;font-size:1.2rem}.empty-state{color:#9fb4ce;text-align:center;padding:2rem;font-style:italic}.partners-section{margin-top:2rem}.partners-section h3{color:#9bc4ff;margin:0 0 1rem}.partners-list-compact{flex-wrap:wrap;gap:.5rem;display:flex}.partner-card{background:#09132199;border:1px solid #294567;border-radius:10px;padding:1rem}.partner-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.partner-header h4{color:var(--color-text);margin:0}.partner-info{color:#9fb4ce;gap:1rem;font-size:.85rem;display:flex}.compatibility-card{text-align:center}.compatibility-meter{background:#2945674d;border-radius:10px;height:30px;margin:1rem 0;position:relative;overflow:hidden}.meter-fill{border-radius:10px;justify-content:center;align-items:center;height:100%;display:flex}.meter-value{color:#fff;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compatibility-advice{color:#9fb4ce;margin:1rem 0 0;font-size:.9rem}.warning-card{border-color:#ffc107}.warning-card .module-header{color:#ffc107}.tips-list{margin:0;padding-left:1.5rem}.tips-list li{color:#9fb4ce;margin-bottom:.5rem}.history-card{margin-top:2rem}.history-item{background:#09132180;border-radius:8px;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;display:flex}.history-type{color:#9bc4ff;font-weight:600}.history-date{color:#aaa;font-size:.75rem}.mobile-app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:0;display:flex;position:relative}.mobile-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#132238fa;border-bottom:1px solid #294567;padding:.75rem 1rem .5rem;position:sticky;top:0}.header-top{align-items:center;gap:.75rem;display:flex}.header-logo{font-size:1.75rem}.header-info{flex:1}.header-info h1{color:var(--color-text);margin:0;font-size:1.25rem}.header-info .clock{color:#9fb4ce;margin:0;font-size:.75rem}.btn-logout{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.25rem;transition:background .2s}.btn-logout:hover{background:#29456780}.app-main.with-bottom-nav{flex:1;max-width:100%;padding:1rem 1rem calc(80px + 1rem);overflow-y:auto}.user-summary-card{background:linear-gradient(135deg,#8db60033,#d4af3733);border:1px solid #294567;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.user-name{color:var(--color-text);font-weight:600}.user-weton{background:linear-gradient(135deg, var(--color-528hz), var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.bottom-nav{z-index:1000;background:#1a1f2e;border-top:1px solid #2d3748;padding:.5rem 0;position:fixed;bottom:0;left:0;right:0}.bottom-nav-container{justify-content:space-around;align-items:center;max-width:100%;padding:0 .5rem;display:flex}.bottom-nav-item{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:50px;max-width:100px;padding:.5rem;transition:all .2s;display:flex}.bottom-nav-item:hover{color:#a0aec0;background:#ffffff0d}.bottom-nav-item.active{color:#48bb78;background:#48bb781a}.bottom-nav-icon-container{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav-label{white-space:nowrap;font-size:.65rem;font-weight:500}.app-main.with-bottom-nav{padding-bottom:80px}@media (width<=480px){.bottom-nav{padding:.25rem 0}.bottom-nav-container{padding:0 .25rem}.bottom-nav-item{min-width:45px;padding:.4rem}.bottom-nav-label{font-size:.6rem}.app-main.with-bottom-nav{padding-bottom:70px}}@media (width>=481px) and (width<=768px){.bottom-nav-item{min-width:60px;max-width:110px}.bottom-nav-label{font-size:.7rem}}@media (width>=769px){.bottom-nav{display:none}.app-main.with-bottom-nav{padding-bottom:2rem}}.profile-card{background:#132238f2;border:1px solid #294567;border-radius:16px;padding:1.25rem;box-shadow:0 8px 32px #0000004d}.profile-header{border-bottom:1px solid #294567;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.profile-info h2{color:var(--color-text);margin:0;font-size:1.15rem}.profile-email{color:#9fb4ce;margin:.25rem 0 0;font-size:.85rem}.profile-stats{grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-item{background:#09132199;border:1px solid #294567;border-radius:12px;flex-direction:column;align-items:center;padding:.75rem;display:flex}.stat-value{color:var(--color-gold);font-size:1.25rem;font-weight:700}.stat-label{color:#9fb4ce;margin-top:.2rem;font-size:.7rem}.profile-details{background:#09132180;border:1px solid #294567;border-radius:12px;margin-bottom:1.25rem;padding:1rem}.profile-details h3{color:#9bc4ff;margin:0 0 .75rem;font-size:.95rem}.detail-item{border-bottom:1px solid #29456766;justify-content:space-between;padding:.5rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:#9fb4ce;font-size:.85rem}.detail-value{color:var(--color-text);font-size:.85rem;font-weight:500}.weton-highlight{font-weight:700;color:var(--color-gold)!important}.profile-actions{flex-direction:column;gap:.75rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:12px;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-action-primary{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text)}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.btn-action-danger{color:#ff6b6b;background:#dc354533;border:1px solid #dc354580}.btn-action-danger:hover{background:#dc35454d}.empty-state-action{text-align:center;padding:1.5rem}@media (width<=480px){.app-main{padding:.75rem}.module-card{border-radius:12px;padding:1rem}.module-header h3{font-size:1rem}.bottom-nav{height:65px}.bottom-nav-icon{font-size:1.25rem}.bottom-nav-label{font-size:.6rem}.profile-card{padding:1rem}.profile-stats{gap:.5rem}.stat-value{font-size:1.1rem}}@media (width>=769px){.bottom-nav{display:none}.app-main.with-bottom-nav{padding-bottom:2rem}.mobile-app{max-width:100%}.mobile-header{padding:1.5rem 2rem}}@media (width>=481px) and (width<=768px){.bottom-nav{max-width:768px}.bottom-nav-item{min-width:64px;padding:.5rem .8rem}.bottom-nav-icon{font-size:1.4rem}.bottom-nav-label{font-size:.7rem}.mobile-app{border-left:1px solid #294567;border-right:1px solid #294567;max-width:768px;margin:0 auto}.app-main.with-bottom-nav{padding-bottom:calc(75px + 1rem)}}@media (width>=769px){.mobile-app{border-left:1px solid #294567;border-right:1px solid #294567;max-width:900px;min-height:100vh;margin:0 auto}.mobile-header{padding:1rem 2rem}.app-main.with-bottom-nav{max-width:100%;padding:2rem}.desktop-tabs{background:#09132180;border-bottom:1px solid #294567;gap:.5rem;padding:1rem 2rem;display:flex;overflow-x:auto}.desktop-tab-btn{color:#9fb4ce;cursor:pointer;white-space:nowrap;background:#2945674d;border:1px solid #294567;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s;display:flex}.desktop-tab-btn:hover{background:#29456780}.desktop-tab-btn.active{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-color:var(--color-528hz);color:var(--color-text)}}@media (width>=1025px){.mobile-app{max-width:1100px}.app-main.with-bottom-nav{padding:2rem 3rem}}@media (width>=1441px){.mobile-app{max-width:1300px}.panel{padding:2.5rem}.module-card{padding:2rem}}.partner-selector-mini{background:#132238cc;border:1px solid #294567;border-radius:12px;margin-bottom:1rem;padding:.75rem}.selector-label{color:#9bc4ff;margin-bottom:.5rem;font-size:.85rem;display:block}.partner-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.partner-tab-btn{color:#9fb4ce;cursor:pointer;background:#29456780;border:1px solid #294567;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.partner-tab-btn:hover{border-color:var(--color-528hz);background:#8db6004d}.partner-tab-btn.active{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-color:var(--color-528hz);color:var(--color-text)}.mangsa-section{background:#132238f2;border:1px solid #294567;border-radius:15px;margin:1.5rem 0;padding:1.5rem;box-shadow:0 10px 30px #0000004d}.mangsa-section h3{color:var(--color-gold);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.2rem;display:flex}.mangsa-card{background:#09132199;border:1px solid #2f4c70;border-radius:12px;padding:1.25rem}.mangsa-header{border-bottom:1px solid #29456780;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.mangsa-info{flex-direction:column;gap:.25rem;display:flex}.mangsa-name{color:var(--color-text);text-shadow:0 2px 4px #0000004d;font-size:1.5rem;font-weight:700}.mangsa-characteristic{color:#9fb4ce;font-size:.9rem;font-style:italic}.mangsa-status{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:700}.status-low{color:#81c784;background:#4caf5033;border:1px solid #4caf5080}.status-medium{color:#ffb74d;background:#ff980033;border:1px solid #ff980080}.status-high{color:#ef5350;background:#f4433633;border:1px solid #f4433680}.status-critical{color:#ef5350;background:#b71c1c4d;border:1px solid #b71c1c99;animation:2s infinite pulse-critical}@keyframes pulse-critical{0%,to{box-shadow:0 0 #b71c1c66}50%{box-shadow:0 0 0 8px #b71c1c00}}.mangsa-progress{margin-bottom:1.25rem}.progress-bar{background:#29456780;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-radius:4px;height:100%;transition:width .5s}.progress-text{color:#9fb4ce;text-align:right;font-size:.85rem;display:block}.mangsa-details{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.detail-item{border-left:3px solid var(--color-528hz);background:#29456733;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.detail-label{color:#9bc4ff;font-size:.8rem;font-weight:600}.detail-value{color:var(--color-text);font-size:.9rem;line-height:1.4}.mangsa-decision{background:#2945674d;border:1px solid #294567;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.decision-label{color:#9fb4ce;font-size:.9rem;font-weight:500}.decision-value{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.decision-nata-agung{color:var(--color-gold);border:1px solid var(--color-gold);background:linear-gradient(135deg,#8db6004d 0%,#d4af374d 100%)}.decision-laku-prihatin{color:#64b5f6;background:#2196f333;border:1px solid #2196f380}.decision-benteng-luhur{color:#ef5350;background:#b71c1c33;border:1px solid #b71c1c80}.next-mangsa-preview{background:#09132166;border:1px dashed #294567;border-radius:10px;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;display:flex}.preview-label{color:#9fb4ce;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.preview-value{color:var(--color-text);font-size:.9rem}.preview-value strong{color:var(--color-gold)}.daily-compass{background:#132238f2;border:1px solid #294567;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #0000004d}.compass-header{text-align:center;border-bottom:1px solid #29456780;margin-bottom:1.5rem;padding-bottom:1rem}.compass-icon{margin-bottom:.5rem;font-size:3rem;display:block}.compass-header h2{color:var(--color-gold);margin:0 0 .5rem;font-size:1.5rem}.compass-date{color:#9fb4ce;margin:0;font-size:.9rem}.location-detected{margin-bottom:1.5rem}.location-info{background:#09132199;border:1px solid #294567;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.location-icon{font-size:1.5rem}.location-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.location-city{color:var(--color-text);font-weight:600}.location-coords{color:#9fb4ce;font-family:monospace;font-size:.85rem}.location-refresh{border:1px solid var(--color-528hz);cursor:pointer;background:#8db60033;border-radius:8px;padding:.5rem;transition:all .2s}.location-refresh:hover{background:#8db6004d}.compass-identity{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.identity-card{background:#09132199;border:1px solid #294567;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.identity-card .label{color:#9bc4ff;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.identity-card .value{color:var(--color-text);font-size:1.2rem;font-weight:700}.identity-card .Neptu{color:var(--color-gold);font-size:.9rem}.swot-section{margin:1.5rem 0}.swot-section h3{color:var(--color-gold);margin-bottom:1rem;font-size:1.2rem}.swot-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.swot-card{background:#09132199;border:1px solid #294567;border-radius:12px;padding:1rem}.swot-card h4{align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;display:flex}.swot-card.strength h4{color:#81c784}.swot-card.weakness h4{color:#ffb74d}.swot-card.opportunity h4{color:#64b5f6}.swot-card.threat h4{color:#ef5350}.swot-card ul{margin:0;padding:0;list-style:none}.swot-card li{color:var(--color-text);padding:.25rem 0 .25rem 1rem;font-size:.85rem;position:relative}.swot-card li:before{content:"•";color:var(--color-528hz);position:absolute;left:0}.warnings-section{margin:1.5rem 0}.warnings-section h3{color:var(--color-gold);margin-bottom:1rem;font-size:1.2rem}.warnings-list{flex-direction:column;gap:.75rem;display:flex}.warning-item{background:#09132199;border-left:4px solid;border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex}.warning-item.danger{background:#b71c1c26;border-color:#ef5350}.warning-item.warning{background:#ff980026;border-color:#ffb74d}.warning-item.info{background:#2196f326;border-color:#64b5f6}.warning-icon{font-size:1.5rem}.warning-text{color:var(--color-text);flex:1;font-size:.9rem;line-height:1.4}.suggestions-section{margin:1.5rem 0}.suggestions-section h3{color:var(--color-gold);margin-bottom:1rem;font-size:1.2rem}.suggestion-card{background:#09132199;border:1px solid #294567;border-radius:12px;margin-bottom:1rem;padding:1rem}.suggestion-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.suggestion-header .icon{font-size:1.5rem}.suggestion-header h4{color:var(--color-text);margin:0;font-size:1rem}.suggestion-content{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--color-528hz);background:#8db60033;border:1px solid #8db60080;border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.avoid-list{border-top:1px solid #29456780;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.avoid-label{color:#ef5350;font-size:.85rem;font-weight:600}.avoid-tag{color:#ef5350;background:#f4433633;border:1px solid #f4433680;border-radius:20px;padding:.25rem .75rem;font-size:.8rem}.ritual-card{background:#09132199;border:1px solid #294567;border-radius:12px;margin-bottom:1rem;padding:1rem}.ritual-card h4{color:var(--color-text);margin:0 0 1rem;font-size:1rem}.ritual-timeline{flex-direction:column;gap:.75rem;display:flex}.ritual-item{background:#29456733;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.ritual-item .time{color:var(--color-gold);min-width:80px;font-size:.85rem;font-weight:600}.ritual-item .practice{color:var(--color-text);font-size:.9rem}.color-card{background:#09132199;border:1px solid #294567;border-radius:12px;padding:1rem}.color-card h4{color:var(--color-text);margin:0 0 1rem;font-size:1rem}.color-tags{flex-wrap:wrap;gap:.5rem;display:flex}.color-tag{border:1px solid var(--color-gold);color:var(--color-gold);background:linear-gradient(135deg,#d4af3733 0%,#8db60033 100%);border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.biorhythm-mini{margin:1.5rem 0}.biorhythm-mini h4{color:var(--color-gold);margin-bottom:1rem;font-size:1.1rem}.biorhythm-bars{flex-direction:column;gap:1rem;display:flex}.bio-bar{align-items:center;gap:1rem;display:flex}.bio-bar .label{color:#9fb4ce;min-width:100px;font-size:.85rem}.bio-bar .bar-track{background:#29456780;border-radius:6px;flex:1;height:12px;overflow:hidden}.bio-bar .bar-fill{border-radius:6px;height:100%;transition:width .5s}.bio-bar .value{color:var(--color-text);text-align:right;min-width:50px;font-size:.9rem;font-weight:600}.sapaan-diri-section{margin:1.5rem 0}.sapaan-diri-section h3{color:var(--color-gold);margin-bottom:.25rem;font-size:1.2rem}.sapaan-diri-subtitle{color:#9fb4ce;margin-bottom:1rem;font-size:.85rem}.sapaan-diri-content{background:#09132199;border:1px solid #294567;border-radius:12px;padding:1.25rem}.sapaan-diri-text{color:var(--color-text);white-space:pre-wrap;background:0 0;border:none;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;line-height:1.6}.btn-refresh{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);width:100%;color:var(--color-text);cursor:pointer;border:none;border-radius:12px;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.daily-compass.loading,.daily-compass.error{text-align:center;padding:3rem}.spinner{font-size:3rem;animation:2s linear infinite spin}.daily-compass.loading p,.daily-compass.error p{color:#9fb4ce;margin-top:1rem}@media (width<=768px){.daily-compass{padding:1.5rem}.swot-grid{grid-template-columns:1fr 1fr}.compass-identity{grid-template-columns:1fr}.mangsa-header{flex-direction:column;align-items:flex-start;gap:1rem}.mangsa-decision{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width<=480px){.swot-grid{grid-template-columns:1fr}.bio-bar{flex-wrap:wrap}.bio-bar .label{width:100%;min-width:auto}.bio-bar .value{min-width:auto}}.panoramic-container{background:#132238f2;border:1px solid #294567;border-radius:20px;width:100%;height:500px;margin:2rem 0;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.panoramic-view{width:100%;height:100%}.pannellum-container{border-radius:20px}.panoramic-overlay-info{z-index:100;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.overlay-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b1f17e6;border:1px solid #d4af37;border-radius:12px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.badge-label{color:#9fb4ce;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.badge-value{color:var(--color-gold);font-size:1.1rem;font-weight:700}.biorhythm-badge{border-color:var(--color-528hz)}.biorhythm-badge .badge-value{color:var(--color-528hz)}.panoramic-placeholder{background:radial-gradient(circle,#2c3325 0%,#1b1f17 100%);border:1px solid #294567;border-radius:20px;justify-content:center;align-items:center;width:100%;height:500px;display:flex}.placeholder-content{text-align:center;max-width:500px;padding:2rem}.placeholder-icon{margin-bottom:1rem;font-size:4rem}.placeholder-content h3{color:var(--color-gold);margin:0 0 1rem;font-size:1.5rem}.placeholder-desc{color:#9fb4ce;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.three-gates{text-align:left;margin-bottom:2rem}.three-gates h4{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.gate-card{cursor:pointer;background:#09132199;border:1px solid #294567;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.gate-card:hover{border-color:var(--color-528hz);background:#8db60026;transform:translate(5px)}.gate-icon{font-size:2rem}.gate-info{flex-direction:column;gap:.25rem;display:flex}.gate-name{color:var(--color-text);font-size:.95rem;font-weight:600}.gate-desc{color:#9fb4ce;font-size:.85rem}.placeholder-note{text-align:left;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:10px;padding:1rem}.placeholder-note p{color:#ffc107;margin:0;font-size:.85rem;line-height:1.5}.hotspot-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.hotspot-modal{background:#1b1f17fa;border:1px solid #d4af37;border-radius:20px;width:100%;max-width:500px;padding:2rem;animation:.3s slideUp;position:relative}.modal-close{color:#9fb4ce;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--color-text)}.modal-header{border-bottom:1px solid #29456780;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-icon{font-size:3rem}.modal-header h3{color:var(--color-gold);margin:0;font-size:1.3rem}.modal-narrative{margin-bottom:1.5rem}.modal-narrative p{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.7}.modal-actions{flex-direction:column;gap:.75rem;display:flex}.btn-528hz,.btn-bakti,.btn-bisnis{cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-528hz{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text)}.btn-528hz:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8db60066}.btn-bakti{color:#1b1f17;background:linear-gradient(135deg,#e6e6fa 0%,#d4af37 100%)}.btn-bakti:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e6e6fa66}.btn-bisnis{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#d4af37 100%)}.btn-bisnis:hover{transform:translateY(-2px);box-shadow:0 5px 20px #2196f366}@media (width<=768px){.panoramic-container,.panoramic-placeholder{height:350px}.panoramic-overlay-info{top:.5rem;right:.5rem}.overlay-badge{padding:.5rem .75rem}.badge-value{font-size:.9rem}}@media (width<=480px){.panoramic-container,.panoramic-placeholder{height:280px}.placeholder-content{padding:1rem}.placeholder-icon{font-size:3rem}.placeholder-content h3{font-size:1.2rem}.hotspot-modal{padding:1.5rem}}.name-analysis{background:#132238f2;border:1px solid #294567;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #0000004d}.name-analysis.loading,.name-analysis.empty{text-align:center;padding:3rem}.analysis-header{text-align:center;border-bottom:1px solid #29456780;margin-bottom:2rem;padding-bottom:1.5rem}.header-icon{margin-bottom:.5rem;font-size:3rem;display:block}.analysis-header h2{color:var(--color-gold);margin:0 0 .5rem;font-size:1.5rem}.analysis-name{color:var(--color-528hz);margin:0;font-size:1.2rem;font-weight:600}.affirmation-card{border:1px solid var(--color-gold);background:linear-gradient(135deg,#8db60026 0%,#d4af3726 100%);border-radius:15px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.affirmation-icon{font-size:2rem}.affirmation-text{color:var(--color-text);margin:0;font-size:1.1rem;font-style:italic;line-height:1.5}.name-analysis h3{color:var(--color-gold);margin:1.5rem 0 1rem;font-size:1.2rem}.mandate-card{background:#09132199;border:1px solid #294567;border-radius:12px;padding:1.5rem}.mandate-summary{color:var(--color-text);margin:0 0 1rem;font-size:1rem;line-height:1.6}.mandate-details{flex-direction:column;gap:.75rem;display:flex}.mandate-item{gap:.5rem;display:flex}.mandate-item .label{color:#9bc4ff;min-width:80px;font-weight:600}.mandate-item .value{color:var(--color-text)}.parts-section{margin-top:2rem}.part-card{background:#09132199;border:1px solid #294567;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.part-header{border-bottom:1px solid #29456780;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.part-name{color:var(--color-text);font-size:1.3rem;font-weight:700}.part-position{color:#9fb4ce;background:#29456766;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.analysis-subsection{margin-bottom:1.5rem}.analysis-subsection:last-child{margin-bottom:0}.analysis-subsection h4{color:#9bc4ff;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;display:flex}.weight-info{align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.weight-number{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-radius:15px;flex-direction:column;align-items:center;min-width:80px;padding:1rem;display:flex}.big-number{color:var(--color-text);font-size:2.5rem;font-weight:700;line-height:1}.weight-label,.total-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.weight-details{flex-direction:column;gap:.5rem;display:flex}.detail-item{gap:.5rem;font-size:.9rem;display:flex}.detail-label{color:#9fb4ce}.detail-value{color:var(--color-text);font-weight:500}.weight-desc{color:var(--color-text);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.strength-challenge,.total-strength-challenge{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.strength,.challenge{border-radius:10px;padding:1rem}.strength{background:#4caf5026;border-left:3px solid #81c784}.challenge{background:#ff980026;border-left:3px solid #ffb74d}.strength .label,.challenge .label{margin-bottom:.25rem;font-size:.8rem;display:block}.strength .value,.challenge .value{color:var(--color-text);font-size:.85rem;line-height:1.4}.vowel-chart{gap:.75rem;margin-bottom:1rem;display:flex}.vowel-bar{background:#2945674d;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:.75rem;transition:all .3s;display:flex}.vowel-bar.active{border:1px solid var(--color-528hz);background:#8db60033}.vowel-letter{color:var(--color-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.vowel-fill{background:linear-gradient(90deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-radius:2px;height:4px;margin:.5rem 0}.vowel-count{color:#9fb4ce;font-size:.85rem}.vowel-interpretation{background:#09132199;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.element-badge{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);color:var(--color-text);border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.quality{color:var(--color-text);font-weight:500}.traits{flex-wrap:wrap;gap:.5rem;display:flex}.trait-tag{color:#9bc4ff;background:#29456766;border-radius:15px;padding:.2rem .6rem;font-size:.75rem}.meaning-card{background:#09132199;border:1px solid #294567;border-radius:10px;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.meaning-item{flex-direction:column;gap:.25rem;display:flex}.meaning-item .label{color:#9fb4ce;font-size:.75rem}.meaning-item .value{color:var(--color-text);font-size:.9rem;line-height:1.4}.meaning-item .value.mandate{color:var(--color-gold);font-weight:500}.total-section{margin-top:2rem}.total-card{background:#09132199;border:1px solid #294567;border-radius:15px;align-items:center;gap:2rem;padding:1.5rem;display:flex}.total-number{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-radius:20px;flex-direction:column;align-items:center;min-width:100px;padding:1.5rem;display:flex}.total-number .big-number{font-size:3rem}.total-info{flex:1}.total-info h4{color:var(--color-gold);margin:0 0 .5rem;font-size:1.2rem}.total-info>p{color:var(--color-text);margin:0 0 1rem;line-height:1.5}.compatibility-section{margin-top:2rem}.compatibility-card{background:#09132199;border:1px solid #294567;border-radius:15px;padding:1.5rem}.compatibility-card.sangat-selaras{border-color:var(--color-528hz);box-shadow:0 0 20px #8db60033}.compatibility-card.selaras{border-color:#81c784}.compatibility-card.cukup-selaras{border-color:#ffb74d}.compatibility-card.perlu-penyesuaian{border-color:#ef5350}.compatibility-score{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.score-circle{background:linear-gradient(135deg, var(--color-528hz) 0%, var(--color-gold) 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.score-number{color:var(--color-text);font-size:1.75rem;font-weight:700;line-height:1}.score-label{color:#ffffffb3;font-size:.65rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.status-badge.sangat-selaras{color:#81c784;background:#4caf5033}.status-badge.selaras{color:#64b5f6;background:#2196f333}.status-badge.cukup-selaras{color:#ffb74d;background:#ff980033}.status-badge.perlu-penyesuaian{color:#ef5350;background:#f4433633}.compatibility-details{margin-bottom:1rem}.compat-item{background:#09132166;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.compat-label{color:#9fb4ce;min-width:80px;font-size:.85rem}.compat-value{color:var(--color-text);flex:1;font-weight:600}.compat-status{text-transform:uppercase;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.detail-row{border-bottom:1px solid #2945674d;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.detail-row:last-child{border-bottom:none}.check-icon{color:var(--color-528hz);font-weight:700}.detail-text{color:var(--color-text);font-size:.9rem}.compatibility-advice{color:var(--color-text);border-left:3px solid var(--color-gold);background:#29456733;border-radius:10px;margin:0;padding:1rem;font-size:.95rem;line-height:1.5}@media (width<=768px){.name-analysis{padding:1.5rem}.weight-info{flex-direction:column;align-items:flex-start}.strength-challenge,.total-strength-challenge{grid-template-columns:1fr}.vowel-chart{flex-wrap:wrap}.meaning-card{grid-template-columns:1fr}.total-card{text-align:center;flex-direction:column}.compatibility-score{flex-direction:column}}@media (width<=480px){.part-header{flex-direction:column;align-items:flex-start;gap:.5rem}.vowel-chart{gap:.5rem}.vowel-bar{padding:.5rem}}@media (width>=481px) and (width<=768px){.container{max-width:720px;padding:0 1.5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.grid{grid-template-columns:repeat(2,1fr);gap:1rem}.panel{margin-bottom:1.5rem;padding:1.5rem}.auth-content{grid-template-columns:1fr;gap:2rem;max-width:500px}.auth-branding{text-align:center}.input-grid{grid-template-columns:1fr}.tab-nav{flex-wrap:wrap;gap:.5rem}.tab-btn{padding:.6rem 1rem;font-size:.9rem}.module-selector{gap:.4rem}.module-btn{padding:.5rem .9rem;font-size:.85rem}.profile-stats{grid-template-columns:repeat(3,1fr)}.strength-challenge,.total-strength-challenge,.meaning-card{grid-template-columns:1fr 1fr}.total-card{text-align:left;flex-direction:row}.compatibility-score{flex-direction:row}}@media (width>=769px) and (width<=1024px){.container{max-width:960px;padding:0 2rem}.app-main{padding:1.5rem}.grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.panel{margin-bottom:1.75rem;padding:1.75rem}.daily-compass{padding:1.75rem}.swot-grid,.compass-identity{grid-template-columns:repeat(2,1fr)}.name-analysis{padding:1.75rem}.part-card{padding:1.25rem}.panoramic-container,.panoramic-placeholder{height:400px}.profile-stats{grid-template-columns:repeat(3,1fr)}.mangsa-section{padding:1.5rem}.mangsa-decision{flex-direction:row;align-items:center}.chart-container{padding:1.5rem}.modal-content{max-width:500px}}@media (width>=1025px){.container{max-width:1200px;margin:0 auto;padding:0 3rem}.app-main{max-width:1200px;padding:2rem 3rem}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.panel{margin-bottom:2rem;padding:2rem}.hero{padding:4rem 3rem}.hero h1{font-size:3rem}.daily-compass{padding:2.5rem}.swot-grid,.compass-identity{grid-template-columns:repeat(4,1fr)}.name-analysis{padding:2.5rem}.panoramic-container,.panoramic-placeholder{height:600px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1rem}.chart-container{padding:2.5rem}.chart-ring{gap:2rem}.chart-segment{width:120px;height:120px}.modal-content{max-width:550px;padding:2.5rem}.auth-content{gap:5rem}.auth-branding h1{font-size:3rem}}@media (width>=1440px){:root{--container-max-width:1400px}.container{max-width:1400px;padding:0 4rem}.app-main{max-width:1400px;padding:3rem 4rem}.hero{padding:5rem 4rem}.hero h1{font-size:3.5rem}.panoramic-container,.panoramic-placeholder{height:700px}.chart-segment{width:140px;height:140px}}@media (hover:none) and (pointer:coarse){.tab-btn,.module-btn,.btn-primary,.btn-secondary,.btn-action{min-width:44px;min-height:44px}.bottom-nav-item{min-width:64px;padding:.5rem .8rem}.input-field,.auth-input,.form-input{font-size:16px}.card,.panel,.module-card{touch-action:manipulation}.grid{gap:1rem}}@media (width<=768px) and (orientation:landscape){.mobile-header{padding:.5rem 1rem}.header-info h1{font-size:1rem}.panoramic-container,.panoramic-placeholder{height:250px}.hero{padding:1.5rem}.hero h1{font-size:1.5rem}.auth-container{padding:1rem}.auth-content{gap:1.5rem}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.panel,.card,.module-card{border-width:.5px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:none}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}}@media (prefers-color-scheme:light){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.remedy-section{margin:1.5rem 0}.remedy-section h3{color:var(--color-gold);margin-bottom:1rem;font-size:1.2rem}.remedy-card{background:#09132199;border:1px solid #294567;border-radius:12px;padding:1.25rem}.remedy-header{border-bottom:1px solid #29456780;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.remedy-element{font-size:1.2rem;font-weight:700}.remedy-time{color:var(--color-gold);font-size:.9rem;font-weight:600}.remedy-ritual{color:var(--color-text);margin-bottom:1rem;font-size:1rem;line-height:1.5}.remedy-details{color:#9fb4ce;flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex}@media print{body{color:#000;background:#fff}.panel,.card,.module-card{box-shadow:none;background:#fff;border:1px solid #ccc}.hero{color:#000;background:#f0f0f0}.bottom-nav,.tab-nav,.module-selector{display:none}a{text-decoration:underline}}@media (width<=768px){.panoramic-placeholder{height:auto;min-height:400px;padding:1rem}.placeholder-content{box-sizing:border-box;width:100%;max-width:100%;padding:1rem}.gate-card{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:1rem}.gate-info{align-items:center}.hotspot-modal-overlay{padding:1rem}.hotspot-modal{box-sizing:border-box;width:100%;max-width:100%;padding:1.5rem 1rem}.modal-header{text-align:center;flex-direction:column;gap:.5rem}.hotspot-tooltip{white-space:normal!important;max-width:250px!important}}.splash-screen{background:var(--color-bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.splash-background{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mandala-ring{border:1px solid var(--color-gold);opacity:.1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:300px;height:300px;animation:4s ease-in-out infinite pulse-ring}.ring-2{width:500px;height:500px;animation:4s ease-in-out .5s infinite pulse-ring}.ring-3{width:700px;height:700px;animation:4s ease-in-out 1s infinite pulse-ring}@keyframes pulse-ring{0%,to{opacity:.05;transform:translate(-50%,-50%)scale(1)}50%{opacity:.15;transform:translate(-50%,-50%)scale(1.05)}}.splash-content{z-index:1;flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.splash-logo{width:180px;height:180px}.compass-icon{filter:drop-shadow(0 0 30px #d4af374d);width:100%;height:100%}.compass-svg{width:100%;height:100%}.needle-north{filter:drop-shadow(0 2px 4px #0000004d);animation:2s ease-in-out infinite compass-glow}@keyframes compass-glow{0%,to{filter:drop-shadow(0 2px 4px #0000004d)}50%{filter:drop-shadow(0 2px 8px #8db60080)}}.splash-title-container{text-align:center}.splash-title{color:var(--color-gold);letter-spacing:.05em;text-shadow:0 2px 20px #d4af374d;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.splash-divider{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;display:flex}.divider-line{background:linear-gradient(90deg, transparent, var(--color-gold), transparent);width:60px;height:1px}.divider-diamond{color:var(--color-528hz);font-size:.75rem}.splash-subtitle{color:var(--color-text);opacity:.8;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(.9rem,2vw,1.1rem);font-style:italic}.splash-credits{text-align:center;margin-top:1rem}.credits-by{color:var(--color-text);opacity:.6;text-transform:lowercase;margin:0;font-size:.85rem}.credits-company{color:var(--color-gold);letter-spacing:.05em;margin:.25rem 0;font-size:1.1rem;font-weight:600}.splash-copyright{color:var(--color-text);opacity:.5;margin:.5rem 0 0;font-size:.8rem}.splash-loader{margin-top:2rem}.loader-dots{justify-content:center;gap:.5rem;display:flex}.dot{background:var(--color-528hz);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both dot-bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.splash-tagline{text-align:center;color:var(--color-text);opacity:.6;position:absolute;bottom:2rem}.splash-tagline p{margin:.25rem 0;font-size:.9rem}.splash-tagline p:first-child{color:var(--color-gold);font-size:1rem;font-style:italic}.tagline-translation{opacity:.7;font-size:.75rem!important}@media (width<=480px){.splash-logo{width:140px;height:140px}.ring-1{width:200px;height:200px}.ring-2{width:350px;height:350px}.ring-3{width:500px;height:500px}.splash-divider{gap:.5rem}.divider-line{width:40px}}@media (width>=769px){.splash-logo{width:220px;height:220px}}