*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background-color:#000;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;-webkit-text-size-adjust:100%}body{background-color:#000;width:100%;min-height:120vh;margin:0;padding:0}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}@media (max-width: 480px){.pw-scene{width:360px!important;height:600px!important}.pw-scene .pw-panchang-circle-container{width:356px!important;height:460px!important}.pw-scene .band-toggle-row{top:480px!important;width:356px!important}.pw-scene .zoom-controls{top:530px!important;width:356px!important}.pw-zone-info-header{width:356px!important}}@media (min-width: 768px){.app-container{max-width:1200px!important;padding:16px!important}.panchanga-container,.controls-container{max-width:600px!important}}@media (min-width: 1024px){.app-container{max-width:1400px!important;padding:20px!important}.panchanga-container{max-width:700px!important}}@media (min-width: 768px){.pw-frame{width:100%!important;max-width:700px!important}}.controls-container.date-location-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 16px;width:100%;max-width:328px;box-sizing:border-box}.widget-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.app-container{width:100%;min-height:100vh;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;flex:1 0 auto;overflow-y:auto}@media (max-width: 480px){.app-container{padding:0;max-width:100%}}@media (max-width: 360px){.app-container{padding:0}}body,html{height:100%;width:100%;margin:0;padding:0;background:#191b1f;min-height:100vh;overflow-x:hidden}@media (max-width: 480px){body,html,#root,.app-container{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.panchang-table-container,.panchang-info-container,.pw-frame{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 0!important;border:none!important;border-radius:0!important;box-shadow:none!important}.pw-frame{margin-bottom:40px!important}.panchang-table-container{margin-bottom:40px!important;background-color:transparent!important}.panchang-info-container{margin-top:40px!important;background-color:transparent!important}}#root{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;overflow-x:hidden;margin:0;padding:0}header{width:100%;margin:0 0 20px;position:sticky;top:0;z-index:10;padding:10px 0;background-color:#191b1ff2}h1{font-size:22px;margin:0;color:#fff;font-weight:500;text-align:center}.title-row{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1.5vh;padding:0 5px;position:relative}.controls-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 12px;flex-wrap:wrap;max-width:480px;padding:0 8px}.controls-container.date-location-buttons .control-button{flex:1;min-width:0;padding:6px 12px;margin:0;height:auto}.widget-controls{position:absolute;top:-40px;left:0;right:0;display:flex;justify-content:space-between;padding:0;z-index:5;width:100%;height:30px}.control-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;width:calc(50% - 8px);min-width:140px;max-width:160px;display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;height:36px}.control-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #00000040}.control-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.control-button .button-icon{font-size:18px;margin-right:6px;filter:brightness(1.1)}.control-button .button-text{font-size:12px;font-weight:500;letter-spacing:.3px}.tutorial-button{background:#3e5c484d;border:1px solid rgba(62,92,72,.7);display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;border-radius:50%;padding:0;font-size:16px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.tutorial-button:hover{background:#3e5c4880}.tutorial-button:active{background:#3e5c48b3}.location-display{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 auto 12px;width:100%;max-width:360px;background:#0000004d;border-radius:8px;padding:10px 16px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}.control-display{gap:16px}.location-name{font-size:15px;font-weight:500;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%;letter-spacing:.3px;margin-right:8px;display:inline-block}.location-time{font-size:14px;color:#fffc;font-family:Roboto Mono,monospace;letter-spacing:.5px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:140px;max-width:55%;flex-shrink:0}.clock-time{font-weight:500}.clock-tz{font-size:.6em;opacity:.8;margin-top:2px}.combined-location{opacity:.9;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;margin-top:8px;width:100%;font-size:13px}.top-location-button{margin:0;width:auto;font-size:12px;padding:6px 10px;background:#3e5c484d;border:1px solid rgba(62,92,72,.7);display:flex;align-items:center;white-space:nowrap}.top-location-button:hover{background:#3e5c4880}.top-location-button:active{background:#3e5c48b3}.control-button:active{background:#ffffff4d}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator{display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:#fff;font-size:18px;padding:20px;text-align:center;background:#ffffff0d;border-radius:8px}.info-container{margin:20px auto 0;padding:16px;background:#ffffff0d;border-radius:8px;text-align:center;width:100%;max-width:700px}.info-container h2{font-size:16px;margin-bottom:6px;color:#fff;font-weight:500}.info-container p{color:#fffc;line-height:1.4;font-size:13px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{background-color:#2a2d36;padding:24px;border-radius:12px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;position:relative;color:#fff;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-tabs{display:flex;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.2)}.modal-tab{flex:1;background:transparent;border:none;color:#fffc;padding:12px 0;font-size:16px;cursor:pointer;transition:all .2s;position:relative;font-weight:500;letter-spacing:.5px}.modal-tab:hover{color:#ffffffe6}.modal-tab.active{color:#fff;font-weight:600}.modal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#4caf50;box-shadow:0 0 8px #4caf5080}.combined-modal{max-width:360px;max-height:90vh;overflow-y:auto}.modal-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-section h3{color:#fff;font-size:14px;margin-bottom:8px;font-weight:500}.modal-info{background:#0003;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid rgba(255,255,255,.1)}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;color:#ffffffe6;line-height:1.4}.info-row span:first-child{font-weight:500;color:#ffffffb3}.info-row span:last-child{font-family:monospace;letter-spacing:.5px}.calendar-container,.location-input-container{margin-bottom:24px;position:relative}.calendar-input,.location-input{width:100%;padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background-color:#0003;color:#fff;font-size:16px;box-sizing:border-box;transition:all .2s;box-shadow:inset 0 1px 3px #0003}.calendar-input:focus,.location-input:focus{border-color:#4caf5099;outline:none;box-shadow:0 0 0 2px #4caf5033,inset 0 1px 3px #0003}.location-input.input-error{border-color:#dc3545b3;box-shadow:0 0 0 2px #dc354533,inset 0 1px 3px #0003}.location-error{color:#ff6b6b;font-size:12px;margin-top:4px;padding:4px 8px;background-color:#ff6b6b1a;border-radius:4px}.location-help-text{color:#ffffffb3;font-size:12px;margin-top:8px;margin-bottom:12px;padding:4px 8px;background-color:#ffffff1a;border-radius:4px;font-style:italic}.calendar-input{background-color:#00000040;cursor:pointer;text-align:center;font-size:18px;height:56px;font-weight:500;color-scheme:dark;margin-bottom:16px}.modal-action-button{display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:16px}.modal-action-button:hover{background-color:#4caf504d;border-color:#4caf5099}.modal-action-button:active{transform:translateY(1px)}.modal-action-button .button-icon{font-size:18px;margin-right:8px}.current-button{background-color:#2196f333;border-color:#2196f366}.current-button:hover{background-color:#2196f34d;border-color:#2196f399}.current-location-button{background-color:#ff980033;border-color:#ff980066}.current-location-button:hover{background-color:#ff98004d;border-color:#ff980099}.info-row:last-child{margin-bottom:0}.modal h2{color:#fff;margin-bottom:12px;font-size:16px;font-weight:500}.modal input{width:100%;padding:10px;margin-bottom:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.location-suggestions{margin-top:10px;max-height:220px;overflow-y:auto;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#0000004d;box-shadow:0 4px 12px #0003}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease;font-size:14px;color:#fff;position:relative}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#4caf5026;padding-left:20px}.location-estimated-notice{background-color:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.location-estimated-notice .notice-icon{font-size:18px;flex-shrink:0}.location-estimated-notice .notice-text{color:#ffffffe6;font-size:13px;line-height:1.4}.suggestion-item:active{background-color:#4caf5040}.modal-buttons{display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.modal-buttons button{padding:10px 20px;margin-left:10px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.modal-buttons button:hover{background-color:#45a049}.modal-buttons button:last-child{background-color:#555}.modal-buttons button:last-child:hover{background-color:#666}.modal-buttons .full-width-button{width:100%;background-color:#4caf50;margin-left:0}.modal-buttons .full-width-button:hover{background-color:#45a049}.modal-buttons button:disabled,.modal-buttons button.button-disabled{background-color:#ccc;color:#888;cursor:not-allowed;opacity:.7;box-shadow:none}.modal-buttons button:disabled:hover,.modal-buttons button.button-disabled:hover{background-color:#ccc;transform:none}.info-container{margin-top:20px;text-align:center}.safe-wrapper{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:100%;display:flex;flex-direction:column;align-items:center}.safe-viewport{width:100%;max-width:90vmin;aspect-ratio:3 / 4;border:2px dashed #444;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.panchanga-container{width:100%;max-width:360px;margin:50px auto 0;position:relative;min-height:480px}.mode-indicator{background-color:#3e5c48b3;border:1px solid white;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px;z-index:100;margin-left:0;min-width:120px;height:30px}.mode-indicator.clickable{cursor:pointer;transition:all .2s ease}.mode-indicator.clickable:hover{background-color:#3e5c48e6;transform:translateY(-1px)}.mode-indicator.clickable:active{background-color:#3e5c48;transform:translateY(1px)}.return-hint{margin-left:5px;font-size:14px}.date-nav-button{background-color:#3e5c48b3;border:1px solid white;color:#fff;width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;padding:0}.date-nav-button:hover{background-color:#3e5c48e6;transform:translateY(-1px)}.date-nav-button:active{background-color:#3e5c48;transform:translateY(1px)}.mode-indicator.live-mode,.mode-indicator.past-mode{background-color:#3e5c48b3;border-color:#fff}.pw-site-footer{background-color:#222c3c;color:#ccc;padding:40px 0 20px;font-size:14px;line-height:1.6;width:100%;margin-top:40px;box-sizing:border-box}.pw-footer-content-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1140px;margin:0 auto;padding:0 15px}.pw-footer-section{flex:1;min-width:250px;margin-bottom:30px;padding:0 15px}.pw-footer-cta{flex:3;background-color:#ffffff0d;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0003;margin-right:40px}.pw-footer-features{color:#b8c7d9;line-height:1.8;margin:15px 0}.pw-cta-button-container{margin-top:20px}.pw-cta-button{display:inline-block;background:linear-gradient(135deg,#6e8efb,#4a6cf7);color:#fff;font-weight:600;padding:10px 24px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #4a6cf766}.pw-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a6cf799;color:#fff}.pw-footer-section h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:15px;text-transform:uppercase}.pw-footer-section h4{font-size:16px;font-weight:500;color:#fff;margin-bottom:12px}.pw-footer-section p{margin-bottom:10px;color:#aab8c2}.pw-footer-links ul{list-style:none;padding:0;margin:0}.pw-footer-links{flex:1;max-width:200px}.pw-footer-links ul li{padding:6px 0}.pw-footer-links ul a{color:#ccc;text-decoration:none;transition:color .3s ease}.pw-footer-links ul a:hover{color:#fff;text-decoration:underline}.pw-footer-bottom{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid #3a4555;font-size:13px;color:#aab8c2}.pw-footer-bottom strong{color:#fff}.pw-social-links{display:flex;justify-content:center;gap:15px;margin:20px 0}.pw-social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:50%;color:#fff;font-size:18px;transition:all .3s ease}.pw-social-icon:hover{background:#fff3;transform:translateY(-3px)}.pw-social-icon.twitter:hover{color:#1da1f2}.pw-social-icon.facebook:hover{color:#4267b2}.pw-social-icon.linkedin:hover{color:#0077b5}.pw-social-icon.youtube:hover{color:red}.pw-social-icon.instagram:hover{color:#e1306c}@media (max-width: 768px){.pw-footer-content-wrapper{flex-direction:column;align-items:center;text-align:center;width:100%;padding:0}.pw-footer-section{min-width:auto;width:calc(100% - 30px);margin:0 15px 20px;padding:0;box-sizing:border-box}.pw-footer-cta{padding:20px}.pw-site-footer{padding:30px 0 15px;display:flex;flex-direction:column;align-items:center}.pw-social-links{width:100%}.pw-footer-bottom{width:calc(100% - 30px);margin:0 15px}}.mode-indicator.future-mode{background-color:#3e5c48b3;border-color:#fff}.mode-indicator .indicator-icon{font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1}.mode-indicator .indicator-text{display:flex;align-items:center;line-height:1}.help-button{background-color:#3e5c48b3;color:#fff;border:1px solid white;border-radius:4px;padding:5px 10px;font-size:14px;cursor:pointer;transition:background-color .2s;z-index:100;margin-right:0}.help-button:hover{background-color:#3e5c48e6}.help-button:active{background-color:#3e5c48}.info-container h2{font-size:1.5rem;margin-bottom:8px}.info-container p{font-size:1rem;line-height:1.5}@media (orientation:landscape) and (max-height:700px){.safe-viewport{max-height:90vh}}@media (min-width: 600px){h1{font-size:20px}.info-container h2{font-size:18px}}@media (min-width: 768px){.info-container{margin-top:8px;margin-bottom:8px;padding:10px;max-width:400px}.app-container{max-width:600px;margin:0 auto;padding:8px}}@media (min-width: 768px){h1{font-size:22px;margin-bottom:16px}.info-container{max-width:700px}.info-container h2{font-size:20px}.info-container p{font-size:16px}}@media (orientation: landscape) and (max-height: 600px){.app-container{padding:8px}h1{font-size:16px;margin-bottom:8px}}.pw-frame{position:relative;width:var(--pw-w, 100%);aspect-ratio:3 / 5;overflow:hidden;border:2px solid rgba(255,255,255,.4);border-radius:8px;background-color:transparent;box-sizing:border-box;max-width:1400px}@media (max-width: 480px){.pw-frame{border:none;border-radius:0;margin:0;width:100%;max-width:100%;box-shadow:none}}@media (max-width: 360px){.pw-frame{border-width:1px;border-radius:4px;width:100%;margin:0}}.pw-scene{width:420px;height:700px;transform-origin:0 0;position:absolute;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}@media (max-width: 480px){.pw-scene{width:360px;height:600px;border-width:1px}}@media (max-width: 360px){.pw-scene{border-width:0}}.pw-scene .pw-panchang-circle-container{width:416px;height:540px;position:absolute;top:44px;left:50%;transform:translate(-50%);touch-action:manipulation;overflow:visible;box-sizing:border-box;margin:0;display:flex;flex-direction:column}.circle-wrapper.error-state{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:#0003;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.panchang-error-message{text-align:center;padding:20px;max-width:80%;color:#fff}.error-icon{font-size:36px;margin-bottom:16px}.error-text{font-size:16px;font-weight:500;margin-bottom:8px;color:#ffffffe6}.error-subtext{font-size:14px;color:#ffffffb3}@media (max-width: 480px){.pw-scene .pw-panchang-circle-container{border-width:1px;width:358px;height:460px}.pw-zone-info-header{width:358px;border-radius:4px}}@media (max-width: 360px){.pw-scene .pw-panchang-circle-container{border-width:0;width:360px}.pw-scene .band-toggle-row{top:480px;width:356px}.pw-scene .zoom-controls{top:530px;width:356px}.pw-zone-info-header{width:356px}}.pw-scene .circle-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:0;box-sizing:border-box}.pw-scene .pw-panchang-circle-svg{width:100%;height:auto;overflow:visible;display:block}.pw-scene .band-toggle-row{position:absolute;left:50%;top:560px;width:416px;transform:translate(-50%);display:flex;justify-content:space-between;padding:2px 12px;box-sizing:border-box;margin:0;height:40px}.pw-scene .band-toggle{width:60px;height:34px;border:1px solid #ffffff;border-radius:6px;color:#fff;font-size:13px;font-weight:600;position:relative;cursor:pointer;transition:opacity .2s}.pw-scene .band-toggle.off{opacity:.3}.pw-scene .band-toggle.off:after{content:"";position:absolute;left:6px;top:6px;right:6px;bottom:6px;pointer-events:none;background:linear-gradient(45deg,#f00 2px,#f00 6px,transparent 6px),linear-gradient(-45deg,#f00 2px,#f00 6px,transparent 6px)}.pw-scene .zoom-controls{position:absolute;left:50%;top:610px;width:416px;transform:translate(-50%);display:flex!important;justify-content:space-between;gap:38px;z-index:100;box-sizing:border-box;margin:0;height:60px;padding:5px 12px;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.pw-scene .zoom-controls-left,.pw-scene .zoom-controls-right{display:flex;gap:10px}.pw-scene .zoom-controls-left{justify-content:flex-start}.pw-scene .zoom-controls-right{justify-content:flex-end}.pw-scene .zoom-button{width:46px;height:46px;background:#00000080;border:1px solid #ffffff;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:background .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pw-scene .zoom-button:hover{background:#000000b3}.pw-scene .reset-button{padding:0;display:flex;align-items:center;justify-content:center}.pw-scene .reset-button svg{width:30px;height:30px}.pw-scene .reset-button:hover svg circle{filter:brightness(1.2);transition:all .2s ease}.pw-scene .night-toggle-off{opacity:.5;position:relative}.pw-scene .night-toggle-container{display:flex;align-items:center;gap:5px}.pw-scene .night-toggle-label{font-size:10px;color:#fff;white-space:nowrap}.pw-scene .night-toggle{font-size:18px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.pw-scene .clock-face{fill:none;stroke:#fffc;stroke-width:2}.pw-scene .inner-circle{fill:none;stroke:#ffffff4d;stroke-width:1}.pw-scene .midnight-line{stroke:#000;stroke-width:8px;stroke-opacity:1;z-index:1000;pointer-events:none}.pw-scene .hour-tick{stroke:#fff;stroke-width:1;filter:drop-shadow(0px 0px 1px rgba(255,255,255,.8))}.pw-scene .hour-tick.major{stroke-width:2;filter:drop-shadow(0px 0px 2px rgba(255,255,255,.9))}.pw-scene .hour-label{fill:#ffffffe6;font-size:34px;font-weight:700;text-anchor:middle;dominant-baseline:middle;text-shadow:0px 0px 4px rgba(0,0,0,.9)}.pw-scene .segment{cursor:pointer;stroke:#fff;stroke-width:2;stroke-opacity:1;transition:filter .2s,opacity .2s}.pw-scene .segment:hover,.pw-scene .segment.active{filter:brightness(1.3);stroke:#fff;stroke-width:2}.pw-scene .segment-label{fill:#ffffffe6;font-size:10px;pointer-events:none}.pw-scene .time-marker{cursor:pointer}.pw-scene .time-marker-circle{stroke-width:1}.pw-scene .time-marker-glow{opacity:.5}.pw-scene .time-marker-label{fill:#fff;font-size:32px;font-weight:700;text-anchor:middle;dominant-baseline:middle;filter:drop-shadow(0px 0px 5px rgba(0,0,0,1))}.pw-scene .night-overlay{fill:#00002080;pointer-events:none}.pw-scene .pw-panchang-circle-tooltip{position:fixed;z-index:9999;background:#000c;color:#fff;padding:.5em .75em;border-radius:4px;font-size:14px;pointer-events:none;transform:translate(-50%,-100%);margin-top:-8px;white-space:nowrap}.pw-zone-info-header{width:416px;height:44px;display:flex;justify-content:center;align-items:center;background-color:#00000080;color:#fff;border-radius:4px;margin-bottom:4px;font-size:16px;font-weight:500;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;box-sizing:border-box}.pw-zone-info-content{padding:0 12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:.5px;font-size:14px;transition:opacity .2s ease}.panchang-table-container{width:100%;max-width:1100px;margin:60px auto;padding:10px;background-color:#0000004d;border-radius:8px;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(255,255,255,.2)}.panchang-table-title{color:#fff;text-align:center;margin-top:0;margin-bottom:15px;font-size:1.2rem;font-weight:500}.element-tables-grid{display:flex;flex-direction:column;gap:30px;margin-top:20px}.element-table-container{background-color:#0000004d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 2px #fff3;margin-bottom:4px}.element-table-title{background-color:#00000080;color:#fff;margin:0;text-align:left;padding:10px 10px 10px 8px;font-weight:500}.panchang-grid{display:grid;grid-template-columns:40% 30% 30%;width:100%;border:1px solid rgba(255,255,255,.2)}.sun-events-grid{display:flex;flex-direction:column;width:100%;gap:8px;padding:8px}.sun-event-row{padding:8px 12px;background-color:#0003;border-radius:4px;display:flex;align-items:center}.grid-header{background-color:#0006;color:#fff;font-weight:500;padding:10px 8px;border:1px solid rgba(255,255,255,.2);text-align:left}.grid-header:nth-child(2),.grid-header:nth-child(3){text-align:right;padding-right:12px}.grid-cell{padding:8px;border:1px solid rgba(255,255,255,.1);color:#fff;text-align:left}.grid-cell:nth-child(1),.grid-cell:nth-child(2),.grid-cell:nth-child(3){border-top:1px solid rgba(255,255,255,.2)}.grid-cell:nth-child(3n-1),.grid-cell:nth-child(3n){font-family:Courier New,monospace;font-variant-numeric:tabular-nums;letter-spacing:0;text-align:right;padding-right:12px;white-space:nowrap}.grid-cell.current-element{background-color:transparent;font-weight:500;border-width:3px;border-style:solid}.tithi-table .element-table-title{background-color:#2c3b5d}.nakshatra-table .element-table-title{background-color:#c8553d}.yoga-table .element-table-title{background-color:#3e5c48}.karana-table .element-table-title{background-color:#b46919}.lagna-table .element-table-title{background-color:#624037}.sun-table .element-table-title{background-color:tomato}.grid-cell.current-tithi{border-color:#2c3b5d}.grid-cell.current-nakshatra{border-color:#c8553d}.grid-cell.current-yoga{border-color:#3e5c48}.grid-cell.current-karana{border-color:#b46919}.grid-cell.current-lagna{border-color:#624037}.grid-cell{background-color:transparent}.panchang-table th:nth-child(1){width:40%}.panchang-table th:nth-child(2){width:30%}.panchang-table th:nth-child(3){width:30%}.panchang-table tr.sun-event-row td{background-color:#1a1a1a;color:#fff;border-top:2px solid rgba(255,255,255,.2)}@media (max-width: 480px){.panchang-table-container{padding:8px 0;margin:0;border:none;width:100%;max-width:100%;border-radius:0;box-shadow:none}.panchang-table th,.panchang-table td{padding:8px;font-size:.8rem}.panchang-table-title{font-size:1rem}}.panchang-info-container{width:100%;max-width:1100px;margin:60px auto;padding:10px 6px;background-color:#0000004d;border-radius:8px;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(255,255,255,.2);color:#fff}.panchang-info-title{text-align:center;margin-top:0;margin-bottom:20px;font-size:1.5rem;font-weight:500}.panchang-info-nav{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:4px;margin-bottom:15px;width:100%}.info-nav-button{background-color:#00000080;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 4px;cursor:pointer;transition:all .2s ease;font-size:.9rem;flex:1;text-align:center;min-width:0}.info-nav-button:hover{background-color:#ffffff1a}.info-nav-button.active{background-color:#fff3;border-color:#fff9;font-weight:500}.panchang-info-content{background-color:transparent;border-radius:0;padding:15px 10px;border:none}.info-section h3{margin-top:0;margin-bottom:15px;font-size:1.2rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.info-section p{line-height:1.5;margin-bottom:12px;font-size:.9rem;text-align:justify}.element-info,.application-info,.howto-info{margin-bottom:20px;padding:15px 12px;border-radius:0;background-color:transparent;border-left:none}.element-info h4,.application-info h4,.howto-info h4{margin-top:0;margin-bottom:8px;font-size:1rem}.element-info ul,.application-info ul,.howto-info ul{padding-left:16px;margin-bottom:10px}.element-info li,.application-info li,.howto-info li{margin-bottom:8px;line-height:1.5}.tithi-info{border-left-color:#2c3b5d}.nakshatra-info{border-left-color:#c8553d}.yoga-info{border-left-color:#3e5c48}.karana-info{border-left-color:#b46919}.lagna-info{border-left-color:#624037}.tithi-text{color:#fff;font-weight:500;background-color:#7d8cc44d;padding:2px 5px;border-radius:4px}.nakshatra-text{color:#fff;font-weight:500;background-color:#f5a2864d;padding:2px 5px;border-radius:4px}.yoga-text{color:#fff;font-weight:500;background-color:#8ab3984d;padding:2px 5px;border-radius:4px}.karana-text{color:#fff;font-weight:500;background-color:#f4b2664d;padding:2px 5px;border-radius:4px}.lagna-text{color:#fff;font-weight:500;background-color:#c69c8f4d;padding:2px 5px;border-radius:4px}@media (max-width: 768px){.panchang-info-container{padding:8px 4px;margin:10px auto 30px;border-width:1px}.panchang-info-title{font-size:1.3rem}.info-nav-button{padding:6px 8px;font-size:.85rem}.panchang-info-content{padding:10px 5px}.info-section h3{font-size:1.2rem}.element-info,.application-info,.howto-info{padding:10px 5px}.element-info h4,.application-info h4,.howto-info h4{font-size:1rem}}@media (max-width: 480px){.panchang-info-container{padding:8px 0;margin:0;border:none;width:100%;max-width:100%;border-radius:0;box-shadow:none}.panchang-info-title{font-size:1.2rem;margin-bottom:12px}.info-nav-button{padding:5px 6px;font-size:.8rem}.panchang-info-content{padding:8px 4px}.info-section p{font-size:.9rem}.element-info,.application-info,.howto-info{padding:8px 4px;margin-bottom:12px}}:root{--tithi-color: #2C3B5D;--nakshatra-color: #C8553D;--yoga-color: #3E5C48;--karana-color: #B46919;--lagna-color: #624037;--background-color: #121212;--text-color: #FFFFFF;--overlay-bg: rgba(0, 0, 0, .85)}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.tutorial-container{background-color:var(--background-color);color:var(--text-color);width:90%;max-width:800px;max-height:90vh;border-radius:12px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-button{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background-color:#fff3;color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:10}.close-button:hover{background-color:#ffffff4d}.tutorial-header{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.tutorial-header h2{margin:0 0 15px;font-size:24px;color:var(--text-color)}.page-indicator{display:flex;justify-content:center;gap:8px;margin-top:10px}.indicator{width:10px;height:10px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:background-color .2s,transform .2s}.indicator.active{background-color:#fff;transform:scale(1.2)}.tutorial-content{padding:30px;overflow-y:auto;flex:1}.tutorial-content p{line-height:1.6;margin-bottom:15px}.element-box{padding:15px;border-radius:8px;margin-bottom:15px;color:#fff;transition:transform .2s}.element-box:hover{transform:translateY(-3px)}.element-box h3{margin-top:0;margin-bottom:10px}.element-box.tithi{background-color:var(--tithi-color)}.element-box.nakshatra{background-color:var(--nakshatra-color)}.element-box.yoga{background-color:var(--yoga-color)}.element-box.karana{background-color:var(--karana-color)}.element-box.lagna{background-color:var(--lagna-color)}.tithi-text{color:var(--text-color);font-weight:700;background-color:#2c3b5d4d;padding:2px 5px;border-radius:4px}.nakshatra-text{color:var(--text-color);font-weight:700;background-color:#c8553d4d;padding:2px 5px;border-radius:4px}.yoga-text{color:var(--text-color);font-weight:700;background-color:#3e5c484d;padding:2px 5px;border-radius:4px}.karana-text{color:var(--text-color);font-weight:700;background-color:#b469194d;padding:2px 5px;border-radius:4px}.lagna-text{color:var(--text-color);font-weight:700;background-color:#6240374d;padding:2px 5px;border-radius:4px}.tutorial-image{display:flex;justify-content:center;margin:20px 0}.circle-diagram{position:relative;width:300px;height:300px;border-radius:50%;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center}.band{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.tithi-band{width:100%;height:100%;background-color:var(--tithi-color);z-index:1}.nakshatra-band{width:80%;height:80%;background-color:var(--nakshatra-color);z-index:2}.yoga-band{width:60%;height:60%;background-color:var(--yoga-color);z-index:3}.karana-band{width:40%;height:40%;background-color:var(--karana-color);z-index:4}.lagna-band{width:20%;height:20%;background-color:var(--lagna-color);z-index:5}.center-circle{width:10%;height:10%;background-color:#fff;border-radius:50%;z-index:6}.feature-box{display:flex;margin-bottom:20px;padding:15px;background-color:#ffffff0d;border-radius:8px;transition:transform .2s}.feature-box:hover{transform:translate(5px)}.feature-icon{font-size:24px;margin-right:15px;display:flex;align-items:center}.feature-text{flex:1}.feature-text h4{margin-top:0;margin-bottom:8px}.toggle-demo{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.toggle-button{padding:8px 15px;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .2s;border:1px solid rgba(255,255,255,.3)}.toggle-button:hover{opacity:.8}.toggle-button.tithi{background-color:var(--tithi-color)}.toggle-button.nakshatra{background-color:var(--nakshatra-color)}.toggle-button.yoga{background-color:var(--yoga-color)}.toggle-button.karana{background-color:var(--karana-color)}.toggle-button.lagna{background-color:var(--lagna-color)}.table-demo{margin:20px 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0003}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#ffffff1a;padding:10px;font-weight:700}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)}.table-row:last-child{border-bottom:none}.table-row.tithi{background-color:#2c3b5d33}.table-row.nakshatra{background-color:#c8553d33}.table-row.yoga{background-color:#3e5c4833}.table-row.karana{background-color:#b4691933}.table-row.lagna{background-color:#62403733}.application-box{padding:15px;border-radius:8px;margin-bottom:15px;border-left:5px solid;background-color:#ffffff0d}.application-box h4{margin-top:0;margin-bottom:10px}.application-box.tithi{border-left-color:var(--tithi-color)}.application-box.nakshatra{border-left-color:var(--nakshatra-color)}.application-box.yoga{border-left-color:var(--yoga-color)}.application-box.karana{border-left-color:var(--karana-color)}.application-box.lagna{border-left-color:var(--lagna-color)}.tutorial-navigation{display:flex;justify-content:space-between;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1)}.nav-button{padding:10px 20px;border-radius:6px;background-color:#ffffff1a;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.nav-button:hover:not(:disabled){background-color:#fff3}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-button.finish{background-color:var(--tithi-color)}.nav-button.finish:hover{background-color:#3a4b6d}@media (max-width: 768px){.tutorial-container{width:95%;max-height:95vh}.tutorial-content{padding:20px}.circle-diagram{width:250px;height:250px}.table-demo{font-size:14px}}@media (max-width: 480px){.tutorial-container{width:100%;max-height:100vh;border-radius:0}.tutorial-header h2{font-size:20px}.circle-diagram{width:200px;height:200px}.toggle-demo{flex-direction:column;gap:5px}.feature-box{flex-direction:column}.feature-icon{margin-right:0;margin-bottom:10px}}