html,body.mandal-body{margin:0;height:100%;background:#03050c;color:var(--fg, #e8edf6);overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mandal-stage{position:fixed;top:0;right:0;bottom:0;left:0}#mandal-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}.mandal-info-btn{position:absolute;top:calc(12px + var(--safe-top, 0px));right:calc(56px + var(--safe-right, 0px));z-index:22;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--fg, #e8edf6);background:var(--bg-pill, color-mix(in srgb, #0d1320 86%, transparent));border:1px solid var(--border, #233049);border-radius:6px;box-shadow:0 2px 8px #00000059;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mandal-info-btn:hover{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff)}.mandal-info-btn .material-symbols-outlined{font-size:20px}.mandal-script[hidden]{display:none}.mandal-script{display:block;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--fg, #e8edf6);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #233049);border-radius:8px;padding:7px 10px;margin-top:4px;cursor:pointer}.mandal-script:hover{border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 16%,var(--bg-elev-2, #131b2c))}.mandal-script.on{color:#ffd0d0;border-color:color-mix(in srgb,#d0434a 60%,var(--border, #233049));background:color-mix(in srgb,#d0434a 18%,var(--bg-elev-2, #131b2c))}.mandal-seg-row{display:flex;gap:4px;margin:4px 0}.mandal-seg-col{display:flex;flex-direction:column;gap:4px;margin:4px 0}.mandal-seg-col .mandal-seg2{text-align:left}.mandal-seg2{flex:1;font:inherit;font-size:12px;color:var(--fg-dim, #9fb0c8);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #233049);border-radius:7px;padding:6px 4px;cursor:pointer;white-space:nowrap}.mandal-seg2:hover{color:var(--fg, #e8edf6)}.mandal-seg2.active{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 18%,var(--bg-elev-2, #131b2c))}.mandal-row-disabled{opacity:.4;pointer-events:none}.mandal-script-stop[hidden]{display:none}.mandal-script-stop{display:block;width:100%;font:inherit;font-size:13px;color:#ffd0d0;background:color-mix(in srgb,#d0434a 22%,var(--bg-elev-2, #131b2c));border:1px solid color-mix(in srgb,#d0434a 50%,var(--border, #233049));border-radius:8px;padding:7px 10px;margin-top:6px;cursor:pointer}.mandal-scripts{position:absolute;top:10px;left:12px;z-index:30}.mandal-scripts .qms-scene-helper{top:9px;left:46px}.mandal-scripts-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--fg-dim, #9fb0c8);background:color-mix(in srgb,var(--bg-elev-1, #0d1320) 86%,transparent);border:1px solid var(--border, #233049);border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mandal-scripts-btn:hover,.mandal-scripts-btn.on{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff)}.mandal-scripts-btn.running{color:#ffd0d0;border-color:color-mix(in srgb,#d0434a 60%,var(--border, #233049))}.mandal-scripts-menu{position:absolute;top:46px;left:0;width:200px;padding:8px;background:color-mix(in srgb,var(--bg-elev-1, #0d1320) 94%,transparent);border:1px solid var(--border, #233049);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000080}.mandal-scripts-menu[hidden]{display:none}.mandal-script-row{display:flex;align-items:stretch;gap:4px;margin-top:4px}.mandal-scripts-menu .mandal-script-row:first-child{margin-top:0}.mandal-script-row .mandal-script{flex:1 1 auto;min-width:0;margin-top:0}.mandal-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:calc(100vw - 24px);padding:8px 12px;background:color-mix(in srgb,var(--bg-elev-1, #0d1320) 86%,transparent);border:1px solid var(--border, #233049);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000073;-webkit-user-select:none;user-select:none}.mandal-group{display:flex;align-items:center;gap:6px}.mandal-spacer{flex:1 1 12px;min-width:8px}.mandal-bar button{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:13px;color:var(--fg-dim, #9fb0c8);background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap}.mandal-bar button .material-symbols-outlined{font-size:18px}.mandal-bar button:hover{color:var(--fg, #e8edf6);background:var(--bg-elev-2, #131b2c)}.mandal-seg.active,.mandal-toggle.on{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 18%,transparent)}.mandal-icon{padding:6px}.mandal-range{width:130px;accent-color:var(--accent, #6ea8ff);cursor:pointer}.mandal-year{width:150px}.mandal-year-out{min-width:64px}.mandal-speed{width:150px}.mandal-speed-out{min-width:88px}.mandal-readout{font-size:12px;color:var(--fg-dim, #9fb0c8);min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.mandal-date{font:inherit;font-size:12px;color:var(--fg, #e8edf6);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #233049);border-radius:8px;padding:4px 6px;color-scheme:dark}.mandal-stage .script-info-overlay{top:12px;left:50%;right:auto;transform:translate(-50%);text-align:center;max-width:min(440px,92vw)}.display-hud.on{border-color:var(--accent, #6ea8ff)}.time-quick .tq-slider--date{grid-template-columns:44px 1fr}.time-quick .tq-slider--date .mandal-date{width:100%}@media (max-width: 768px){#mandal-controls:has(.time-quick:not([hidden])) .display-hud-stack{bottom:calc(12px + var(--time-quick-h, 180px) + 8px);transition:bottom .16s ease}}.mandal-clock{font-size:12px;color:var(--fg-dim, #9fb0c8);white-space:nowrap;width:240px;text-align:right;overflow:hidden;font-variant-numeric:tabular-nums}.mandal-zodiac{position:absolute;top:56px;left:14px;z-index:25;font-size:11px;letter-spacing:.02em;color:var(--fg-dim, #9fb0c8);white-space:nowrap;pointer-events:none}.mandal-zodiac:empty{display:none}.mandal-zodiac .mz-sun{color:#ffe27a}.mandal-zodiac .mz-moon{color:#9fc4ff}.mandal-lunation{position:absolute;top:74px;left:14px;z-index:26}.mandal-lunation-btn{font:inherit;font-size:11px;letter-spacing:.02em;color:var(--fg-dim, #9fb0c8);background:color-mix(in srgb,var(--bg-elev-1, #0d1320) 80%,transparent);border:1px solid var(--border, #233049);border-radius:8px;padding:2px 8px;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mandal-lunation-btn:hover,.mandal-lunation.open .mandal-lunation-btn{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff)}.mandal-lunation-btn .ml-moon{color:#9fc4ff}.mandal-lunation-popup{position:absolute;top:calc(100% + 6px);left:0;width:max-content;max-width:min(340px,calc(100vw - 28px));max-height:min(70vh,520px);overflow-y:auto;padding:10px 12px;background:color-mix(in srgb,var(--bg-elev-1, #0d1320) 94%,transparent);border:1px solid var(--border, #233049);border-radius:10px;box-shadow:0 8px 28px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;color:var(--fg, #e8edf6)}.mandal-lunation-popup[hidden]{display:none}.mandal-lunation-popup .ml-section{margin-top:10px}.mandal-lunation-popup .ml-section:first-child{margin-top:0}.mandal-lunation-popup .ml-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim, #9fb0c8);margin-bottom:4px}.mandal-lunation-popup .ml-row{display:flex;justify-content:space-between;gap:18px;padding:2px 0}.mandal-lunation-popup .ml-k{color:var(--fg-dim, #9fb0c8);white-space:nowrap}.mandal-lunation-popup .ml-v{min-width:0;text-align:right;font-variant-numeric:tabular-nums}.mandal-jump-popup{position:absolute;right:12px;bottom:72px;width:max-content;max-width:calc(100vw - 24px);max-height:min(60vh,460px);overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--bg-elev-1, #0d1320) 94%,transparent);border:1px solid var(--border, #233049);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000080;z-index:20}.mandal-jump-popup[hidden]{display:none}.mandal-jump-tabs{display:flex;gap:6px}.mandal-jump-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;height:36px;color:var(--fg-dim, #9fb0c8);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #233049);border-radius:8px;cursor:pointer}.mandal-jump-tab .material-symbols-outlined{font-size:20px}.mandal-jump-tab:hover{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff)}.mandal-jump-tab.on{color:var(--fg, #e8edf6);border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 18%,var(--bg-elev-2, #131b2c))}.mandal-jump-tab-panel{display:flex;flex-direction:column;gap:12px}.mandal-jump-tab-panel[hidden]{display:none}.mandal-jump-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim, #9fb0c8);margin-bottom:6px}.mandal-jump-steppers{display:flex;flex-direction:column;gap:6px}.mandal-jump-stepper-row{display:flex;align-items:center;gap:6px}.mandal-jump-stepper-name{flex:1;text-align:center;font-size:13px;color:var(--fg, #e8edf6)}.mandal-jump-arrow{font:inherit;font-size:18px;line-height:1;color:var(--fg, #e8edf6);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #233049);border-radius:8px;width:46px;height:34px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mandal-jump-arrow:hover{border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 16%,var(--bg-elev-2, #131b2c))}.mandal-jump-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mandal-jump-item{font:inherit;font-size:12px;color:var(--fg, #e8edf6);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #233049);border-radius:8px;padding:7px 8px;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mandal-jump-item:hover{border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 16%,var(--bg-elev-2, #131b2c))}@media (max-width: 640px){.mandal-jump-popup{bottom:60px}}@media (max-width: 640px){.mandal-bar{gap:8px;bottom:8px;padding:6px 8px}.mandal-bar button{padding:5px 7px;font-size:12px}.mandal-range{width:90px}}