/* Generated by node tools/css-build.cjs; edit sources in tools/css-bundles.json. */
@layer foundation-layout, foundation-weather, foundation-page, foundation-design, foundation-default, components-default, components-design, components-page, components-weather, components-layout;@layer foundation-layout{@media (max-width: 760px){.page-work-test #workTestDaySliderSlot,.page-work-test #workTestWeekSliderSlot{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(112, 190, 215, .75) rgba(7, 24, 35, .7);-webkit-overflow-scrolling:touch}.page-work-test #workTestDaySliderSlot::-webkit-scrollbar,.page-work-test #workTestWeekSliderSlot::-webkit-scrollbar{height:8px}.page-work-test #workTestDaySliderSlot::-webkit-scrollbar-track,.page-work-test #workTestWeekSliderSlot::-webkit-scrollbar-track{background:rgba(7, 24, 35, .7);border-radius:999px}.page-work-test #workTestDaySliderSlot::-webkit-scrollbar-thumb,.page-work-test #workTestWeekSliderSlot::-webkit-scrollbar-thumb{background:rgba(112, 190, 215, .75);border-radius:999px}}}@layer foundation-page{body.page-phases{--natural-summary-sun: #dfbd7f;--natural-summary-moon: #a8ccec;--natural-moon-direction-arrow: #4bbaff;--natural-moon-illumination-gradient: linear-gradient(90deg, #4ba5ef 0%, #a8d3ec 55%, #fff2bf 100%);--natural-plot-bg: #0f1724;--natural-plot-surface: #1e2d41;--natural-plot-text: #e8eef6}.page-phases #phaseSummaryDashboard{& .natural-summary-title-icon-sun .natural-summary-title-icon-core{fill:color-mix(in srgb, currentColor 20%, transparent);stroke:currentColor;stroke-width:2.5}& .natural-summary-title-icon-rays{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}& .natural-summary-title-icon-moon .natural-summary-title-icon-core{fill:color-mix(in srgb, currentColor 20%, transparent);stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}& .natural-summary-sun{--natural-summary-card-tone: var(--natural-summary-sun)}& .natural-summary-moon{--natural-summary-card-tone: var(--natural-summary-moon)}}.page-phases #phaseOrderSeasonalSunAngle .seasonal-sun-topic-card{scroll-margin-top:calc(var(--nav-height, 94px) + 20px)}.page-phases #periodScale .daylight-phase-block > h4{--phase-heading-rule-width: 120px}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_).day-names-restored-section .alternate-week-table:is(*,._){& td.alternate-day-0{--planet-accent: #c9d6e6}& td.alternate-day-1{--planet-accent: #ef7767}& td.alternate-day-2{--planet-accent: #75c7d6}& td.alternate-day-3{--planet-accent: #dfa763}& td.alternate-day-4{--planet-accent: #83d1a4}& td.alternate-day-5{--planet-accent: #c8b779}& td.alternate-day-6{--planet-accent: #f1c85b}}@media (max-width: 720px){html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)).day-mini-scale{-webkit-overflow-scrolling:touch}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)).day-mini-scale::-webkit-scrollbar{height:9px}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)).day-mini-scale::-webkit-scrollbar-track{background:rgba(5, 22, 33, .82);border-radius:999px}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)).day-mini-scale::-webkit-scrollbar-thumb{background:rgba(105, 205, 220, .78);border-radius:999px}}}@layer foundation-default{:root{color-scheme:dark;--ink: #10202b;--ink-muted: #607080;--ink-on-dark: #f2f8fb;--radius: 8px;--nav-height: 58px;--page-top-gap: 14px;--section-max-width: 1530px;--section-side-gutter: 48px;--accent-green: #36a269;--accent-orange: #f28c38;--accent-yellow: #f8cf4f;--accent-red: #dc5b57;--accent-purple: #7c66d8;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}:root{--surface: #1a2534;--surface-strong: #223044;--surface-dark: #070d17;--line: rgba(132, 160, 190, .24);--shadow: 0 20px 44px rgba(2, 6, 14, .28);--accent-blue: #2f6fa8;--accent-aqua: #4d91b7;--track-bg: #09101c;--track-fill: linear-gradient(90deg, #234f82, #3678a7, #4c93b5)}.meal-drink-action-popup{position:absolute;left:50%;top:auto;bottom:auto;z-index:9999;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:min(500px, calc(100vw - 32px));padding:18px 22px;color:#f5fbff;border:2px solid rgba(135, 213, 255, .62);border-radius:16px;box-shadow:0 24px 54px rgba(0, 0, 0, .46), 0 0 24px rgba(68, 177, 235, .2), inset 0 1px 0 rgba(255, 255, 255, .08);opacity:0;pointer-events:none;transform:translate(-50%, 16px) scale(.96);transition:opacity .35s ease, transform .35s ease}.meal-drink-action-popup.is-visible{opacity:1;transform:translate(-50%, 0) scale(1)}.meal-drink-action-popup.is-fading{opacity:0;transform:translate(-50%, 18px) scale(.94)}.meal-drink-action-popup span{position:relative;display:grid;place-items:center;width:96px;height:96px;background:rgba(126, 213, 255, .12);border:1px solid rgba(126, 213, 255, .32);border-radius:50%;font-size:4.1rem;line-height:1}.meal-drink-action-popup strong{color:#dff7ff;font-size:clamp(1.5rem, 3.3vw, 2.25rem);font-weight:400;letter-spacing:.02em;line-height:1.1;text-transform:none}.meal-drink-action-popup small{color:#9eeaff;font-size:.92em}.meal-drink-action-popup .meal-drink-person-base{width:auto;height:auto;background:transparent;border:0;border-radius:0;font-size:4.5rem}.meal-drink-action-popup .meal-drink-held-item{position:absolute;right:8px;top:47px;display:grid;place-items:center;width:42px;height:42px;background:rgba(5, 15, 25, .76);border:1px solid rgba(178, 230, 255, .34);border-radius:50%;font-size:2rem;box-shadow:0 8px 18px rgba(0, 0, 0, .28)}.local-forecast-strip-section{display:grid;gap:10px;width:min(1120px, 100%);margin:10px auto 12px;padding:12px 14px 14px;border:1px solid rgba(125, 211, 252, .24);border-radius:8px;background:linear-gradient(135deg, rgba(16, 48, 73, .88), rgba(6, 22, 37, .94))}.local-forecast-strip-section h3{margin:0;color:#dff7ff;font-size:1.05rem;font-weight:400;text-align:center}.local-forecast-strip{display:grid;grid-template-columns:repeat(7, minmax(86px, 1fr));gap:8px;overflow-x:visible}.local-forecast-day{display:grid;gap:6px;justify-items:center;min-width:72px;min-height:82px;padding:10px 7px;border:1px solid rgba(139, 216, 255, .22);border-radius:8px;background:linear-gradient(180deg, rgba(17, 47, 72, .9), rgba(8, 25, 41, .92));text-align:center}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;background-image:none;color:var(--ink);line-height:1.45;letter-spacing:0}button,input,select{font:inherit;letter-spacing:0}button,select,input{border-radius:var(--radius)}button{cursor:pointer}.ambient{display:none}.shell{position:relative;width:min(var(--section-max-width), calc(100% - var(--section-side-gutter)));margin:0 auto;padding:calc(var(--nav-height) + var(--page-top-gap)) 0 60px;opacity:1;transform:none;animation:none}@keyframes pageContentFadeIn{from { opacity: 1; transform: none; } to { opacity: 1; transform: none; }}.main-time-page-title,body.page-phases .phase-summary-head h2{margin:0;color:#dbe9ff;font-family:Georgia, "Times New Roman", serif;font-size:clamp(1.65rem, 2.4vw, 2.35rem);font-weight:400;line-height:1.12;letter-spacing:0;text-align:center;text-shadow:0 1px 12px rgba(107, 167, 232, .32)}.page-body-title{width:100%;margin:0;color:#8fb6da;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(.98rem, 1.45vw, 1.2rem);font-weight:400;line-height:1.1;letter-spacing:.04em;text-align:center;text-shadow:none;text-transform:none}.shell::before{content:none;display:none;position:absolute;z-index:1000;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:#ff4fc3;pointer-events:none}.time-zone-row,.insight-grid,.progress-grid,.timeline-stack{display:grid;gap:18px;min-width:0}.insight-grid{margin-top:18px}.progress-grid,.timeline-stack{margin-top:24px;grid-template-columns:minmax(0, 1fr);gap:24px;padding:0;width:100%;margin-left:0;margin-right:0;box-sizing:border-box;background:transparent;border:0;border-radius:0}.collapsible-group-shell{display:grid;gap:8px;width:100%;max-width:var(--section-max-width);margin:0 auto 0;padding:7px 12px;background:#071827;border:2px solid rgba(125, 234, 243, .38);border-radius:8px;box-shadow:0 8px 18px rgba(0, 0, 0, .16), inset 0 0 0 1px rgba(255, 255, 255, .04)}.collapsible-group-title-button{display:inline-grid;grid-template-columns:34px auto;align-items:center;justify-content:center;gap:8px;justify-self:center;width:200px;min-height:52px;padding:7px 10px;border:2px solid rgba(232, 251, 255, .42);border-radius:8px;background:linear-gradient(135deg, #102a43, #102233);color:#c8fbff;font-size:.9rem;font-weight:500;text-align:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 12px rgba(22, 200, 216, .12)}.collapsible-group-title-button:hover{background:linear-gradient(135deg, #153653, #132b42);border-color:rgba(125, 234, 243, .64)}.collapsible-group-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255, 255, 255, .16);font-size:1.28rem;line-height:1;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .18), 0 4px 8px rgba(0, 0, 0, .16)}#dayNightCycleGroupShell{border-color:rgba(105, 190, 255, .55);background:#061827}#dayNightCycleGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #123e64, #0b2442);color:#d6f4ff}#timeVisualizedGroupShell{border-color:rgba(91, 202, 255, .55);background:#061a2b}#timeVisualizedGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #0f4b73, #08304f);color:#d9f6ff}#extendedTimeVisualizedGroupShell{border-color:rgba(160, 131, 255, .55);background:#11132a}#extendedTimeVisualizedGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #46318f, #24194f);color:#efe8ff}#workHoursGroupShell{border-color:rgba(255, 174, 91, .55);background:#1f1409}#workHoursGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #8a4c12, #4f2c0b);color:#fff2dc}#payCalculatorGroupShell{border-color:rgba(109, 230, 164, .55);background:#061f16}#payCalculatorGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #167047, #0c3c2d);color:#dcffed}#budgetCalculatorGroupShell{border-color:rgba(247, 214, 112, .58);background:#201b08}#budgetCalculatorGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #7a6519, #45350a);color:#fff7cf}#foodDrinkTimeGroupShell{border-color:rgba(77, 221, 204, .55);background:#06201f}#foodDrinkTimeGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #0d6b6a, #084442);color:#dcfffb}#moreTimeGroupShell{border-color:rgba(244, 139, 202, .55);background:#24101d}#moreTimeGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #7a2d61, #451b3d);color:#ffe2f5}#moreWeatherGroupShell{border-color:rgba(130, 186, 255, .55);background:#071629}#moreWeatherGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #1d518e, #102c58);color:#e0f0ff}.collapsible-group-body{display:grid;gap:24px}.collapsible-group-body[hidden]{display:none}.collapsible-group-body > .progress-section-title{margin-top:4px;margin-bottom:0}.glass-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:#eaf3f8}.time-card,.phase-card,.my-weather-card,.world-clock-card,.activities-card{min-width:0;max-width:100%;padding:22px;width:100%;margin-left:0;margin-right:0;box-sizing:border-box}h1,h2,h3,h4,p{margin-top:0;letter-spacing:0}h1{margin-bottom:12px;color:var(--ink-on-dark);font-size:2rem;font-weight:850}h2{font-size:1.35rem}h3{font-size:1.05rem}label{display:grid;gap:6px;color:var(--ink-muted);font-weight:500;text-transform:none}select,input{min-height:38px;width:100%;border:1px solid rgba(28, 52, 64, .22);background:#fff;color:var(--ink);padding:7px 10px}.page-menu-button,.show-weather-button,.weather-toggle-button,.weather-simulation-toggle,.time-machine-toggle,.world-clock-toggle,.work-cards-toggle,.activity-generate-button,.finance-tool-button,.generation-age-toggle,.zodiac-circle-toggle{border:0;background:#14283a;color:#fff;min-height:34px;padding:7px 12px;font-weight:750;text-transform:none;box-shadow:0 10px 20px rgba(31, 120, 209, .2)}.top-nav .page-menu-button{border:1px solid rgba(125, 234, 243, .32)}a.page-menu-button{display:inline-grid;place-items:center;text-decoration:none}.page-menu-button:hover,.show-weather-button:hover,.weather-toggle-button:hover,.weather-simulation-toggle:hover,.time-machine-toggle:hover,.world-clock-toggle:hover,.work-cards-toggle:hover,.activity-generate-button:hover,.finance-tool-button:hover,.generation-age-toggle:hover,.zodiac-circle-toggle:hover{filter:brightness(1.05)}.top-nav{position:fixed;inset:0 0 auto 0;z-index:500;min-height:var(--nav-height);display:grid;grid-template-columns:auto auto minmax(180px, 1fr);align-items:center;gap:18px;padding:5px 18px;background:rgba(12, 22, 31, .94);border-bottom:1px solid rgba(125, 234, 243, .26);color:var(--ink-on-dark);box-shadow:0 10px 28px rgba(0, 0, 0, .22);backdrop-filter:blur(12px)}.nav-left-group,.global-format-controls{display:flex;align-items:center;gap:18px}.global-format-controls{justify-content:flex-end}.top-nav .nav-left-group{grid-column:1}.top-nav #topDateTime{grid-column:2}.top-nav .global-format-controls{grid-column:3}.global-format-controls label{grid-template-columns:auto 62px;align-items:center;gap:6px;color:#cfe0e9;font-size:.9rem}.global-format-controls select{width:62px;min-height:32px;padding:4px 8px;background:#071827;border-color:rgba(125, 234, 243, .28);color:#eaf7ff}.work-hours-nav-button{min-height:34px;background:#10283b;color:#eaf7ff}.site-title-fixed{font-weight:850;color:#fff}#topDateTime{min-width:230px;display:inline-flex;justify-content:center;gap:8px;color:#dbeafe;font-weight:650;text-align:center}.top-nav .nav-about-item .about-popover{left:auto;right:0}.page-menu-item{position:relative}.page-menu-dropdown,.about-popover{position:absolute;top:calc(100% + 10px);left:0;min-width:240px;max-width:320px;padding:14px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.about-popover p{margin-bottom:12px;color:var(--ink-muted)}.about-close-button{border:0;background:#e7eef5;padding:8px 12px;color:var(--ink)}.time-card{overflow:visible}.hero{margin-bottom:0;text-align:center}.hero h1{margin-bottom:34px;color:#f4fbff}.top-clock-date-wrap{display:grid;grid-template-columns:190px minmax(0, 1fr) 190px;align-items:start;gap:18px;min-height:170px;margin-top:0;padding-top:0}.analog-clock{position:relative;width:160px;height:160px;margin:24px auto 0;transform:translate(180px, -90px);border-radius:50%;background:radial-gradient(circle at 50% 50%, #13283b 0 50%, #0b1722 51% 100%);border:8px solid #0a385f;box-shadow:0 0 0 2px rgba(142, 234, 245, .72), inset 0 0 24px rgba(255, 255, 255, .12), 0 12px 24px rgba(13, 32, 47, .26)}.compass-clock{position:relative;width:160px;height:160px;margin:24px auto 0;transform:translate(-180px, -90px);border-radius:50%;background:radial-gradient(circle at 50% 50%, #eadb99 0 33%, #55ad8d 34% 55%, #ece3a8 56% 70%, #37404a 71% 100%);border:8px solid #0a385f;box-shadow:0 0 0 2px rgba(142, 234, 245, .72), inset 0 0 16px rgba(0, 0, 0, .45), 0 12px 24px rgba(13, 32, 47, .26)}.compass-ring,.compass-dial,.compass-rose,.compass-needle,.compass-center,.compass-letter{position:absolute}.compass-ring{inset:10px;border-radius:50%;border:3px solid #4a213c;box-shadow:inset 0 0 0 6px rgba(255, 247, 181, .65)}.compass-dial{inset:31px;border-radius:50%;border:3px solid #4a213c;background:rgba(255, 238, 150, .42)}.compass-rose{left:50%;top:50%;width:112px;height:112px;transform:translate(-50%, -50%);background:conic-gradient(from 0deg, #e8f7d6 0 8deg, #2f6e5c 8deg 22deg, #f6c962 22deg 38deg, #533154 38deg 52deg, #e8f7d6 52deg 60deg, #2f6e5c 60deg 82deg, #f6c962 82deg 98deg, #533154 98deg 112deg, #e8f7d6 112deg 120deg, #2f6e5c 120deg 142deg, #f6c962 142deg 158deg, #533154 158deg 172deg, #e8f7d6 172deg 180deg, #2f6e5c 180deg 202deg, #f6c962 202deg 218deg, #533154 218deg 232deg, #e8f7d6 232deg 240deg, #2f6e5c 240deg 262deg, #f6c962 262deg 278deg, #533154 278deg 292deg, #e8f7d6 292deg 300deg, #2f6e5c 300deg 322deg, #f6c962 322deg 338deg, #533154 338deg 352deg, #e8f7d6 352deg 360deg);clip-path:polygon(50% 0, 58% 39%, 100% 50%, 58% 61%, 50% 100%, 42% 61%, 0 50%, 42% 39%)}.rose-alt{width:84px;height:84px;transform:translate(-50%, -50%) rotate(45deg);opacity:.9}.compass-needle{left:50%;top:50%;width:8px;height:66px;transform-origin:50% 100%;background:linear-gradient(180deg, #dff7e2, #3c1747);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.compass-north{transform:translate(-50%, -100%)}.compass-east{transform:translate(-50%, -100%) rotate(90deg);opacity:.75}.compass-center{left:50%;top:50%;width:34px;height:34px;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, #f28c38 0 38%, #745073 40% 100%);border:4px solid #3a2441}.compass-letter{color:#44213c;font-size:.7rem;font-weight:900}.compass-n{left:50%;top:15px;transform:translateX(-50%)}.compass-e{right:16px;top:50%;transform:translateY(-50%)}.compass-s{left:50%;bottom:14px;transform:translateX(-50%)}.compass-w{left:16px;top:50%;transform:translateY(-50%)}.compass-wind-point{position:absolute;z-index:4;left:50%;top:50%;width:52px;height:18px;transform:translate(-50%, -50%) rotate(var(--wind-rotate, 292deg)) translateY(-93px) rotate(calc(-1 * var(--wind-rotate, 292deg)));display:grid;place-items:center;color:transparent;font-size:0;font-weight:850;text-shadow:0 1px 4px rgba(0, 0, 0, .65)}.compass-wind-point::before{content:"";position:absolute;left:50%;top:-9px;width:0;height:0;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #123044;filter:drop-shadow(0 0 3px rgba(8, 20, 32, .62))}.clock-number{position:absolute;transform:translate(-50%, -50%);color:#f6fbff;font-size:.72rem;font-weight:800}.n12{left:50%;top:13%}.n1{left:69%;top:18%}.n2{left:82%;top:31%}.n3{left:87%;top:50%}.n4{left:82%;top:69%}.n5{left:69%;top:82%}.n6{left:50%;top:87%}.n7{left:31%;top:82%}.n8{left:18%;top:69%}.n9{left:13%;top:50%}.n10{left:18%;top:31%}.n11{left:31%;top:18%}.clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;transform:translateX(-50%) rotate(0deg);border-radius:999px}.hour-hand{width:7px;height:42px;background:#f8cf4f}.minute-hand{width:5px;height:56px;background:#e7f6ff}.second-hand{width:2px;height:62px;background:var(--accent-red)}.clock-pin{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%, -50%);border-radius:50%;background:#fff;border:3px solid var(--accent-orange)}.clock-display-wrap{align-self:start;margin-top:0;justify-self:center;width:calc(100% - 400px);transform:translate(-10px, -20px);padding:18px 24px 20px;background:linear-gradient(180deg, #122335, #1f3448);color:#f7fbff;text-align:center;border-radius:6px;box-shadow:0 16px 26px rgba(14, 31, 45, .24)}.digital-time{font-size:2rem;line-height:1.05;font-weight:400}.date-line{margin-top:8px;font-size:2rem;font-weight:400;color:#cfefff}.time-readout-stack{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;width:calc(100% - 150px);margin:-58px auto 0}.time-readout{display:grid;gap:4px;min-height:82px;padding:14px;background:#101f30;border:1px solid rgba(161, 196, 216, .22);border-radius:var(--radius)}.time-readout span{color:#b8cbd7;font-size:.88rem}.time-readout strong{color:#f4fbff;font-size:1.45rem;line-height:1.1}.timezone-control-wrap{display:grid;grid-template-columns:minmax(210px, .75fr) minmax(360px, 1.25fr);grid-template-areas:"zone dst" "mode dst" "name name";gap:8px 20px;width:min(100%, 880px);margin:18px auto 0;padding:16px;background:#101f30;border:1px solid rgba(161, 196, 216, .22);border-radius:var(--radius)}.timezone-final-name{grid-area:name;justify-self:center;margin-top:15px;color:#8beaf5;font-weight:800}.timezone-picker{grid-area:zone;grid-template-columns:82px minmax(0, 1fr);align-items:center;gap:6px;width:calc(100% + 130px);transform:translateX(200px);margin-bottom:30px}.timezone-picker span,.timezone-mode-label{color:#9be8ff;font-size:1.05rem;font-weight:400;text-transform:none}.timezone-picker select{width:100%;min-width:130px;min-height:42px;background:#172a3b;border-color:rgba(161, 196, 216, .24);color:#f4fbff;justify-self:start}.timezone-mode-label{grid-area:mode;align-self:center;transform:translate(140px, -10px)}.dst-radio-wrap{grid-area:dst;display:grid;gap:5px;margin-top:80px;transform:translateX(-50px)}.dst-choice{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;width:calc(100% - 80px);min-height:6px;padding:1px 8px;background:#172a3b;border:1px solid rgba(161, 196, 216, .16);color:#eaf3f8;font-size:.82rem}.dst-choice em,.dst-range-note{display:none}.timezone-option-disabled{color:#99a3ad}.info-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-top:18px}.season-zodiac-grid{width:min(600px, 100%);margin-left:auto;margin-right:auto}.info-tile{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#102236;color:#f4fbff;text-align:left}.season-zodiac-grid .info-tile{min-height:110px;padding:18px;place-items:center;text-align:center;background:linear-gradient(145deg, #101b28, #162637)}.season-zodiac-grid .info-tile span{font-size:1.04rem;font-weight:800}.info-tile span{color:#b8cbd7}.info-tile strong{font-size:1.2rem}.season-zodiac-grid .info-tile strong{font-size:1.35rem;display:grid;place-items:center;text-align:center}.season-zodiac-grid .tile-main-text,.season-zodiac-grid .tile-big-icon{display:block;text-align:center}.time-travel-card{display:grid;justify-items:center;width:min(560px, 100%);margin-left:auto;margin-right:auto;margin-top:18px;padding:14px;transform:translateX(-25px);background:linear-gradient(145deg, #070d22, #111b3b 48%, #25183f 100%);border-color:rgba(125, 234, 243, .3);color:var(--ink-on-dark);box-shadow:0 18px 38px rgba(5, 10, 25, .34), inset 0 0 22px rgba(22, 200, 216, .08)}.time-machine-head{display:grid;align-items:center;justify-content:center;justify-items:center;min-height:50px;transform:translateX(25px)}.flux-capacitor{position:relative;width:42px;height:42px;transform:translateX(5px);border:2px solid rgba(198, 242, 255, .72);border-radius:7px;background:radial-gradient(circle at 50% 50%, rgba(255, 246, 180, .14), transparent 28%), linear-gradient(145deg, #111827, #1b2442 58%, #2a1c3f);box-shadow:inset 0 0 10px rgba(22, 200, 216, .12), 0 0 10px rgba(22, 200, 216, .12)}.flux-capacitor span{position:absolute;left:50%;top:50%;width:4px;height:22px;transform-origin:50% 100%;background:linear-gradient(180deg, #bdebf0, #3297a8);border-radius:999px;opacity:.82;box-shadow:0 0 7px rgba(22, 200, 216, .55)}.flux-capacitor span:nth-child(1){transform:translate(-50%, -100%) rotate(0deg)}.flux-capacitor span:nth-child(2){transform:translate(-50%, -100%) rotate(120deg)}.flux-capacitor span:nth-child(3){transform:translate(-50%, -100%) rotate(240deg)}.time-machine-launcher{display:grid;justify-items:center;align-items:center;justify-content:center;gap:10px;margin-top:4px}.time-machine-car{position:relative;display:none;width:118px;height:48px;margin:12px auto 0}.car-body,.car-window,.car-line,.car-wheel,.car-glow{position:absolute;display:block}.car-glow{inset:auto 0 0;height:16px;background:rgba(22, 200, 216, .22);filter:blur(8px)}.car-body{left:6px;right:4px;bottom:14px;height:22px;background:linear-gradient(180deg, #d9e6ed, #8797a3);border-radius:5px 16px 5px 4px;clip-path:polygon(0 36%, 35% 0, 74% 0, 100% 50%, 90% 100%, 0 100%);border:1px solid rgba(255, 255, 255, .45)}.car-window{left:43px;top:9px;width:38px;height:18px;background:#78dff0;border-radius:4px 8px 2px 2px;clip-path:polygon(0 100%, 22% 0, 78% 0, 100% 100%)}.car-line{left:16px;right:16px;bottom:25px;height:2px;background:#6d7d87}.car-wheel{bottom:5px;width:18px;height:18px;border-radius:50%;background:#0b1722;border:4px solid #dbe6ed}.wheel-left{left:22px}.wheel-right{right:18px}.time-travel-card.time-traveled .time-machine-car{display:block}.time-machine-toggle{min-width:230px;min-height:46px;padding:10px 20px;transform:translateX(20px);background:linear-gradient(135deg, #123d6a 0%, #0f6b78 54%, #1a3154 100%);color:#dffbff;border:1px solid rgba(142, 234, 245, .78);border-radius:8px;font-size:1rem;font-weight:850;text-transform:none;clip-path:none;box-shadow:0 0 0 1px rgba(255, 244, 180, .18), 0 10px 22px rgba(6, 18, 35, .36), inset 0 1px 0 rgba(255, 255, 255, .16)}.time-machine-toggle::before{content:none}.time-travel-status-panel,.time-travel-controls{width:min(100%, 410px);margin:12px auto 0;padding:14px;background:linear-gradient(145deg, #0a1730, #141f45 62%, #201334);border:1px solid rgba(22, 200, 216, .45);border-radius:var(--radius);box-shadow:inset 0 0 18px rgba(22, 200, 216, .08), 0 12px 24px rgba(0, 0, 0, .24)}.time-travel-status-panel{background:linear-gradient(145deg, #0a1727, #111f3b 54%, #251642)}.time-travel-status-panel{text-align:center}.time-travel-status-panel span,.time-travel-entry-label{color:#9fd7ff}.time-travel-status-panel p{margin:4px 0 0;font-size:1.2rem;font-weight:800;color:#bfe5ff}.time-travel-controls{display:grid;gap:12px}.time-travel-card .time-travel-controls{order:1}.time-travel-card .time-travel-status-panel{order:2}.time-travel-date-stepper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));justify-items:center;gap:12px}.time-travel-entry-label,#travelDateInput{width:min(100%, 260px)}.time-travel-field-pair{display:grid;justify-items:center;gap:8px;width:100%;padding:10px;background:#07172c;border:1px solid rgba(125, 234, 243, .24);border-radius:var(--radius)}.time-travel-field{width:100%;color:#9fd7ff;font-size:.82rem;font-weight:800}.time-travel-field input{width:100%;min-height:40px;background:#111f3b;border-color:rgba(125, 234, 243, .38);color:#f4fbff;font-size:1rem}.time-travel-arrow-stack,.time-travel-button-row{display:flex;justify-content:center;gap:10px}.time-travel-arrow-stack button,.time-travel-button-row button{border:1px solid rgba(125, 234, 243, .5);background:#0f766e;color:#eaffff;min-height:28px;padding:5px 10px;font-weight:750}#timeTravelButton{min-width:150px;min-height:44px;padding:9px 18px;font-size:1rem}.phase-card{display:grid;gap:15px}.today-weather-main-panel{min-width:0;max-width:100%;width:100%;box-sizing:border-box;padding:10px 14px 12px;background:#0b1f30;border:1px solid rgba(161, 196, 216, .22);border-radius:var(--radius)}.today-weather-simple-head{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:stretch;gap:12px}.today-weather-simple-head h2{margin:0;text-align:center;justify-self:center;grid-column:1 / -1;transform:none;color:#f4fbff;font-size:1.9rem}.zip-control-row{display:flex;align-items:center;justify-content:flex-end;justify-self:end;grid-column:2;margin-top:-48px;gap:10px}.zip-entry{display:grid;grid-template-columns:auto 118px;align-items:center;gap:8px;width:auto;color:#b8cbd7;font-weight:700}.zip-entry input{width:118px}.today-weather-info{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:10px 14px;background:linear-gradient(145deg, #071a2e, #102b45 62%, #071522);border:1px solid rgba(117, 197, 230, .24);border-radius:var(--radius);box-shadow:inset 0 0 28px rgba(4, 12, 20, .38)}.weather-location-line{display:block;color:#b8cbd7;font-size:1.4rem;font-weight:650;text-align:center;justify-self:center;width:100%}.weather-main-combo{display:grid;grid-template-columns:minmax(0, 1fr);align-items:center;gap:0;width:100%}.weather-temp-layout{display:grid;grid-template-columns:minmax(88px, max-content) minmax(190px, auto) minmax(152px, max-content);align-items:center;justify-content:center;gap:30px;width:100%;transform:translate(50px, -30px);padding:8px 12px;background:transparent;border:0;border-radius:var(--radius)}.weather-temp-layout .weather-location-line{grid-column:1 / -1;transform:translate(-30px, 25px);margin-bottom:10px}.thermometer{position:relative;width:29px;height:162px;margin:auto 8px auto auto;border-radius:18px;background:repeating-linear-gradient(180deg, transparent 0 13px, rgba(156, 212, 232, .2) 13px 14px, transparent 14px 21px), linear-gradient(180deg, #06131f, #0a2533);overflow:hidden;border:1px solid rgba(150, 213, 235, .38);box-shadow:inset 0 0 12px rgba(0, 0, 0, .58), 0 0 10px rgba(80, 214, 231, .1)}.thermometer::before{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:var(--thermo-fill, 40%);border-radius:999px;background:color-mix(in srgb, var(--thermo-color, var(--accent-orange)) 58%, #163044 42%);box-shadow:0 0 calc(10px * var(--thermo-heat-glow, .2)) color-mix(in srgb, var(--thermo-color, var(--accent-orange)) 55%, transparent)}.thermometer-scale{position:absolute;inset:12px 4px;border-left:1px solid rgba(200, 241, 255, .32)}.thermometer > span,.thermometer-scale i{display:none}.weather-temp-control-wrap{display:grid;place-items:center;gap:8px;justify-self:center;text-align:center}.weather-temp-control strong{display:inline-block;font-size:4.35rem;line-height:.95;color:#9fdcff}.weather-main-condition{color:#d8ecf6;font-size:1.46rem;font-weight:800}.today-weather-icon-main{display:grid;place-items:center;width:146px;height:146px;border-radius:50%;background:radial-gradient(circle at 50% 38%, #285c7b, #0f2536 72%);overflow:hidden;border:1px solid rgba(166, 228, 255, .26);box-shadow:inset 0 0 24px rgba(6, 15, 28, .5), 0 0 22px rgba(79, 207, 231, .13)}.weather-art,.weather-art span,.weather-art i{position:absolute}.weather-art{position:relative;display:block;width:126px;height:126px}.weather-art-body{left:18px;top:12px;width:62px;height:62px;border-radius:50%;z-index:1}.weather-art-sun .weather-art-body{background:#f6c544;box-shadow:0 0 18px rgba(250, 204, 21, .38)}.weather-art-moon .weather-art-body{background:radial-gradient(circle at 35% 32%, #f8fafc 0 20%, #d9e8ef 21% 62%, #8fb0c4 63% 100%);box-shadow:0 0 18px rgba(190, 227, 248, .36)}.weather-art-moon .weather-art-body::after{content:"";position:absolute;left:20px;top:2px;width:52px;height:58px;border-radius:50%;background:#17384d}.weather-art-cloud{--cloud-bright: #fbfdff;--cloud-mid: #dcecf6;--cloud-shadow: #b7cfdf;z-index:3;border-radius:0;background:linear-gradient(180deg, var(--cloud-bright) 0 42%, var(--cloud-mid) 68%, var(--cloud-shadow) 100%);-webkit-mask:radial-gradient(circle at 18% 63%, #000 0 20%, transparent 21%), radial-gradient(circle at 32% 43%, #000 0 25%, transparent 26%), radial-gradient(circle at 50% 29%, #000 0 32%, transparent 33%), radial-gradient(circle at 70% 43%, #000 0 25%, transparent 26%), radial-gradient(circle at 86% 63%, #000 0 20%, transparent 21%), linear-gradient(#000 0 0) 11% 50% / 78% 45% no-repeat;mask:radial-gradient(circle at 18% 63%, #000 0 20%, transparent 21%), radial-gradient(circle at 32% 43%, #000 0 25%, transparent 26%), radial-gradient(circle at 50% 29%, #000 0 32%, transparent 33%), radial-gradient(circle at 70% 43%, #000 0 25%, transparent 26%), radial-gradient(circle at 86% 63%, #000 0 20%, transparent 21%), linear-gradient(#000 0 0) 11% 50% / 78% 45% no-repeat;box-shadow:inset 0 -9px 14px rgba(88, 128, 153, .18), inset 0 5px 8px rgba(255, 255, 255, .82);filter:drop-shadow(0 9px 9px rgba(2, 8, 23, .24))}.weather-art-cloud::before,.weather-art-cloud::after{content:"";position:absolute;border-radius:999px;pointer-events:none}.weather-art-cloud::before{left:12%;right:18%;top:17%;height:28%;background:linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, 0))}.weather-art-cloud::after{left:17%;right:14%;bottom:11%;height:20%;background:rgba(104, 143, 166, .12)}.cloud-1{left:38px;top:42px;width:88px;height:45px}.cloud-2{left:2px;top:67px;width:82px;height:39px;transform:scale(.9);opacity:.96}.cloud-3{right:6px;top:68px;width:74px;height:38px;transform:scale(.9);opacity:.86}.weather-art-clear .cloud-1{left:55px;top:54px;width:70px;height:33px;opacity:.86}.weather-art-clear .cloud-2{left:8px;top:75px;width:60px;height:29px;opacity:.72}.weather-art-partly .cloud-1{left:48px;top:46px}.weather-art-partly .cloud-2,.weather-art-cloudy .cloud-2{left:4px;top:70px}.weather-art-overcast .weather-art-cloud,.weather-art-rain .weather-art-cloud,.weather-art-snow .weather-art-cloud,.weather-art-fog .weather-art-cloud,.weather-art-storm .weather-art-cloud{--cloud-bright: #e4edf3;--cloud-mid: #c1d1dc;--cloud-shadow: #7f94a3}.weather-art-overcast .cloud-1,.weather-art-rain .cloud-1,.weather-art-snow .cloud-1,.weather-art-fog .cloud-1,.weather-art-storm .cloud-1{width:98px;height:50px;left:31px;top:39px}.weather-art-overcast .cloud-2,.weather-art-rain .cloud-2,.weather-art-snow .cloud-2,.weather-art-fog .cloud-2,.weather-art-storm .cloud-2{width:88px;height:43px;left:0;top:68px;opacity:.98}.weather-art-rain i,.weather-art-snow i{color:#9be7ff;font-style:normal}.weather-art-rain i{width:3px;height:18px;border-radius:999px;background:#80dfff;transform:rotate(12deg)}.weather-art-rain i:nth-child(1){left:39px;top:94px}.weather-art-rain i:nth-child(2){left:58px;top:98px}.weather-art-rain i:nth-child(3){left:79px;top:94px}.weather-art-rain i:nth-child(4){left:97px;top:99px}.weather-art-snow i{font-size:1.45rem;font-weight:900;text-shadow:0 0 8px rgba(210, 244, 255, .6)}.weather-art-snow i:nth-child(1){left:38px;top:91px}.weather-art-snow i:nth-child(2){left:66px;top:100px}.weather-art-snow i:nth-child(3){left:94px;top:91px}.weather-art-bolt{left:58px;top:78px;width:28px;height:44px;background:linear-gradient(180deg, #fff36d, #facc15 55%, #f59e0b);clip-path:polygon(48% 0, 100% 0, 66% 42%, 94% 42%, 26% 100%, 42% 55%, 12% 55%);filter:drop-shadow(0 0 10px rgba(250, 204, 21, .62))}.weather-art-fog i{left:22px;width:84px;height:4px;border-radius:999px;background:rgba(205, 232, 244, .72)}.weather-art-fog i:nth-child(1){top:96px}.weather-art-fog i:nth-child(2){top:109px;width:66px;left:34px}.current-weather-history-panel,.weather-readout-panel{display:grid;gap:10px;padding:8px 12px;background:transparent;border:0;border-radius:var(--radius)}.current-weather-history-panel{transform:none;width:min(calc(100% - 20px), 960px);justify-self:center;padding:0;margin-top:-30px}.weather-middle-status{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 14px;color:#dcefff;font-size:1.18rem;text-align:center;justify-items:stretch;text-shadow:0 1px 8px rgba(0, 0, 0, .24)}.weather-detail-box{display:grid;align-content:center;gap:8px;min-height:112px;padding:14px 16px;background:#0b2238;border:1px solid rgba(125, 234, 243, .22);border-radius:var(--radius)}.weather-middle-status span{display:block;color:#c4d9e8}.weather-middle-status b{color:#9be8ff}.weather-current-summary-main{color:#e5f5ff}.weather-high-low{color:#b9ddff}.weather-temp-category-main{margin-bottom:14px;color:#d8fbef}.weather-temp-category-main b{color:#7fffd6}#myWeatherAverage,#myWeatherCategory{color:#c5d9ff}#windDirectionText{color:#f7e7a6}.my-weather-current,.my-weather-now,.weather-summary-row,.my-weather-wind-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.my-weather-icon{font-size:2rem}.weather-readout-panel{display:none}.weather-readout-panel div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;background:#f4f8fb;border-radius:var(--radius)}.weather-control-column{display:flex;align-items:center;justify-content:center}.weather-simulator-button-wrap{display:flex;justify-content:center;margin:10px 0 0;padding:8px 12px 0}.weather-world-link-wrap{display:flex;justify-content:flex-end;position:absolute;top:10px;right:14px;margin:0;padding-right:0;z-index:2}.weather-world-link{min-height:36px;padding:8px 14px;border:1px solid rgba(125, 234, 243, .34);border-radius:8px;background:#10283b;color:#d8ecf6;font-size:.9rem;font-weight:800;text-transform:none;box-shadow:0 10px 20px rgba(4, 12, 20, .22)}.weather-simulation-toggle{min-width:170px;min-height:38px;justify-self:center;transform:none;background:#173249;border:1px solid rgba(125, 234, 243, .58);color:#eefbff;font-size:.9rem;box-shadow:0 0 0 2px rgba(22, 200, 216, .08), 0 12px 24px rgba(4, 12, 20, .28)}.weather-cycle-wrapper{display:grid;gap:15px;min-width:0;max-width:100%;width:100%;margin-top:15px}.cycle-group-title{margin:8px 0 0;text-align:center;color:#9fd7ff;font-size:1.45rem;font-weight:900}.food-drink-title{margin-top:18px;color:#99f6e4}.cycle-panel{min-width:0;max-width:100%;width:100%;box-sizing:border-box;padding:16px;background:#102236;border:1px solid rgba(161, 196, 216, .18);border-radius:var(--radius)}.cycle-panel h3,.inline-insight-title{text-align:left;margin:15px 0 12px;padding-left:15px;color:#f4fbff;font-size:1.35rem}.inline-insight-title span:last-child,.weather-period-scale-title span,.moon-cycle-panel h3 span{display:inline-block;transform:translateY(0);padding:6px 12px;background:rgba(22, 200, 216, .14);border:1px solid rgba(22, 200, 216, .32);border-radius:999px;color:#eafcff;font-size:1.16rem}.phase-day-panel{background:#0d3563}.sun-cycle-panel{background:#082745}.moon-cycle-panel{background:#0b1d3f}.meal-cycle-panel{background:#073c3d}.drink-cycle-panel{background:#07344a}.day-phase-visual,.sun-phase-visual{margin:12px auto 2px}.day-phase-visual{--day-clock-angle: -90deg;position:relative;width:132px;height:132px;border-radius:50%;overflow:hidden;background:linear-gradient(180deg, #2f8bd2 0 50%, #061d4a 50% 100%);border:3px solid rgba(125, 234, 243, .86);box-shadow:inset 0 0 18px rgba(0, 0, 0, .28), 0 0 20px rgba(22, 200, 216, .34)}.day-phase-visual::before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(232, 250, 255, .42)}.day-clock-label{position:absolute;left:50%;transform:translateX(-50%);z-index:2;color:#eafcff;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.day-label{top:23px}.night-label{bottom:23px;color:#c3d7ff}.day-clock-hand{position:absolute;left:50%;top:50%;z-index:4;width:4px;height:52px;transform:translate(-50%, -100%) rotate(var(--day-clock-angle));transform-origin:50% 100%;border-radius:999px;background:#c7f9ff;box-shadow:0 0 10px rgba(125, 234, 243, .72)}.day-clock-sun{position:absolute;left:50%;top:50%;z-index:5;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle, #fff0a8, #d8a524 72%, #9b6a13);box-shadow:0 0 10px rgba(216, 165, 36, .38);transform:translate(-50%, -50%) rotate(var(--day-clock-angle)) translateY(-54px)}.day-clock-center{position:absolute;left:50%;top:50%;z-index:6;width:14px;height:14px;transform:translate(-50%, -50%);border-radius:50%;background:#eafcff;border:2px solid #0b395d}.sun-phase-visual{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle, rgba(250, 204, 21, .22), rgba(8, 39, 69, .08) 68%)}.sun-phase-visual span{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 38% 34%, #fff2a7, #d8a524 58%, #9a6b18);box-shadow:0 0 18px rgba(216, 165, 36, .32)}.sun-phase-clock-visual{width:132px;height:132px}.moon-phase-clock-visual{width:132px;height:132px;padding:0;background:linear-gradient(180deg, #122850 0 50%, #030816 50% 100%)}.moon-phase-clock-visual .day-clock-sun{background:radial-gradient(circle at 38% 36%, #f4f7ff, #9fb0c8 72%, #526079);box-shadow:inset -7px 0 0 rgba(0, 0, 0, .18), 0 0 12px rgba(190, 220, 255, .32)}.moon-phase-clock-visual .day-label{color:#dbeafe}.moon-phase-clock-visual .moon-phase-image-placeholder{position:absolute;z-index:1;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%, -50%);opacity:.78}.day-mini-scale,.moon-cycle-scale{width:100%;padding:32px 14px 122px}.weather-cycle-wrapper .day-mini-scale,.weather-cycle-wrapper .moon-cycle-scale{width:100%;margin-left:auto;margin-right:auto}.mini-scale-track,.moon-cycle-track{position:relative;height:56px;border-radius:999px;background:#dbe6ed;border:2px solid rgba(125, 234, 243, .92);box-shadow:inset 0 0 0 1px rgba(16, 32, 43, .12), 0 0 16px rgba(22, 200, 216, .42)}.mini-sky-segments{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:inherit}.mini-sky-segments span{height:100%}.mini-scale-track::before,.moon-cycle-track::before{content:none;display:none;position:absolute;top:-52px;left:var(--marker-left, 50%);width:30px;height:42px;transform:translateX(-50%);z-index:12;background:linear-gradient(180deg, #e7ffff 0%, #73ecf2 45%, #0fa8c8 100%);clip-path:polygon(41% 0, 59% 0, 59% 48%, 100% 48%, 50% 100%, 0 48%, 41% 48%);filter:drop-shadow(0 0 9px rgba(22, 200, 216, .7))}#periodScale .mini-scale-track::before{--marker-left: var(--period-marker-left, 50%)}#sunCycleScale .mini-scale-track::before{--marker-left: var(--sun-marker-left, 50%)}#mealScale .mini-scale-track::before{--marker-left: var(--meal-marker-left, 50%)}#drinkScale .mini-scale-track::before{--marker-left: var(--drink-marker-left, 50%)}#moonCycleScale .moon-cycle-track::before{--marker-left: var(--moon-marker-left, 50%)}.mini-scale-marker,.moon-cycle-marker{position:absolute;z-index:10;top:50%;left:var(--period-marker-left, 50%);width:18px;height:18px;transform:translate(-50%, -50%);border-radius:50%;background:#fff;border:4px solid var(--accent-aqua);box-shadow:0 0 12px rgba(22, 200, 216, .65)}#sunCycleMarker{left:var(--sun-marker-left, 50%)}#mealDayMarker{left:var(--meal-marker-left, 50%)}#drinkDayMarker{left:var(--drink-marker-left, 50%)}#moonCycleMarker{left:var(--moon-marker-left, 50%)}.sun-scale-orb{position:absolute;z-index:11;top:50%;left:var(--sun-marker-left, var(--period-marker-left, 50%));width:30px;height:30px;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, #fff8a8, #f8cf4f 72%, #f28c38);box-shadow:0 0 16px rgba(248, 207, 79, .8)}.moon-cycle-track{background:linear-gradient(90deg, #000000, #171717 36%, #252a33 62%, #07183b 100%)}.moon-cycle-fill{position:absolute;inset:0 auto 0 0;width:var(--moon-marker-left, 50%);border-radius:inherit;background:rgba(255, 255, 255, .08)}.moon-cycle-orb{position:absolute;z-index:11;left:var(--moon-marker-left, 50%);top:50%;width:34px;height:34px;transform:translate(-50%, -50%);display:grid;place-items:center;border-radius:50%;background:#222a36;color:#fff;border:2px solid #cfd8e3}.mini-scale-tick,.moon-cycle-tick,.mini-hour-tick{display:none;position:absolute;top:0;bottom:0;width:1px;background:rgba(255, 255, 255, .56)}.mini-top-label,.phase-time-grid-label{position:absolute;top:-30px;transform:translateX(-50%);color:#d9edf7;font-size:.9rem;font-weight:750;white-space:nowrap}.phase-time-grid-label{top:-24px;font-size:.96rem}#periodScale{padding-top:32px}.mini-bottom-label,.moon-cycle-label{position:absolute;top:calc(100% + 8px);min-width:86px;max-width:128px;transform:translateX(-50%);color:#b8cbd7;font-size:.76rem;font-weight:650;text-align:center;line-height:1.08}.scale-label-start{transform:translateX(0);text-align:left}.scale-label-end{transform:translateX(-100%);text-align:right}#periodScale .mini-bottom-label{top:calc(100% + 8px)}#periodScale :is(.mini-bottom-label.label-sunrise,.mini-bottom-label.label-midday,.mini-bottom-label.label-sunset){display:block}.scale-label-text,.scale-label-time{display:block}.scale-label-time{margin-top:4px;color:#7debf3;font-size:.72rem;font-weight:800}#periodScale .mini-bottom-label,#sunCycleScale .mini-bottom-label{min-width:72px}.meal-name-bottom{min-width:126px;max-width:148px;white-space:normal}.moon-cycle-label-start{transform:translateX(0);text-align:left}.moon-cycle-label-end{transform:translateX(-100%);text-align:right}.sun-cycle-category-labels span,.sun-event-label{position:absolute;top:calc(100% + 12px);min-width:130px;transform:translateX(-50%);color:var(--ink);font-size:.92rem;font-weight:760;text-align:center;line-height:1.14}.sun-event-label{top:calc(100% + 48px);color:#eaf7ff}.meal-cycle-panel,.drink-cycle-panel{display:grid;gap:12px}#foodCard .insight-copy{margin-top:50px}#foodIcon{transform:translateX(-50px)}.food-art,.drink-art{display:flex;justify-content:center}.food-icon,.drink-icon{display:flex;align-items:center;justify-content:center;gap:18px;width:auto;height:auto;border-radius:0;background:transparent;color:#f4fbff;font-size:4.2rem}.food-icon span,.drink-icon span{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#3a3f46;color:#fff;border:2px solid rgba(255, 255, 255, .72)}.food-icon span b,.drink-icon span b{align-self:end;color:#d8f7ff;font-size:.72rem;font-weight:900;line-height:1.05;text-align:center}.food-icon span em,.drink-icon span em{align-self:start;font-style:normal;line-height:1}.food-icon span.faded,.drink-icon span.faded{opacity:.45}.food-icon span.active,.drink-icon span.active{opacity:1;box-shadow:0 0 0 4px rgba(22, 200, 216, .18)}.moon-phases-visual-panel{display:grid;grid-template-columns:1fr;align-items:center;justify-content:stretch;gap:10px;margin:12px auto 0;padding:10px 12px;width:100%;background:#10294a;border:1px solid rgba(161, 196, 216, .18);border-radius:var(--radius)}.moon-phases-visual-panel h3{grid-column:1;grid-row:1;margin:0;text-align:center;font-size:1.05rem;line-height:1.18}.moon-phases-visual-panel h3 span,.moon-phases-visual-panel h3 b{display:block}.moon-phases-visual-panel h3 b{color:#eaf7ff;font-size:1.16rem}.moon-phase-scene{grid-column:1;grid-row:2;justify-self:center}.moon-phase-visual-name{display:none}.moon-phase-image-placeholder{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 38% 36%, #fff, #cfd8e3);box-shadow:inset -18px 0 0 rgba(0, 0, 0, .18)}.progress-card,.timeline-card,.work-dashboard{min-height:var(--card-min-height, 260px);padding:var(--card-padding, 22px);margin-bottom:var(--card-bottom-margin, 0);width:100%;margin-left:0;margin-right:0;box-sizing:border-box;background:#293744;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{display:grid;gap:8px;margin-bottom:var(--title-block-bottom-gap, 16px)}.card-title-line{display:flex;justify-content:space-between;gap:14px}.title-value-stack{display:flex;align-items:baseline;gap:50px;flex-wrap:wrap}.card-title{margin:0;color:#f4fbff;font-size:1.32rem}.title-percent{margin-left:6px;color:#67e8f9;font-size:.95em;font-weight:800}.title-percent-block{display:block;margin:4px 0 0;font-size:.82em;line-height:1.05}.card-value{display:inline-block;margin-top:0;padding:8px 16px;background:rgba(22, 200, 216, .14);border:1px solid rgba(22, 200, 216, .28);border-radius:999px;color:#dffcff;font-size:.98rem;font-weight:800;white-space:nowrap}.day-card .title-value-stack{flex-wrap:nowrap}.day-card .card-value{min-width:310px;text-align:center}.progress-summary-line,.percent-inline{display:block;color:#b8cbd7;font-weight:650}.percent-inline{color:var(--accent-aqua);font-size:1rem}.percent-inline.is-empty-percent{display:none}.progress-section-title{margin:0 0 -2px;color:#9fd7ff;font-size:1.35rem;font-weight:850;text-align:center}.compact-percent-line,.compact-measure-line,.compact-remaining-line{display:block}.compact-detail-list{display:grid;gap:7px;color:#c7dce8;font-size:.95rem;font-weight:700;line-height:1.35}.compact-detail-list b{color:#8beaf5}.slider-gap{height:var(--slider-top-gap, 20px)}.progress-track{position:relative;height:var(--slider-height, 34px);margin-bottom:var(--slider-bottom-gap, 18px);background:var(--track-bg);border-radius:0;overflow:visible;box-shadow:inset 0 0 0 1px rgba(16, 32, 43, .12)}#primaryProgress :is(.progress-track,.minute-cell){background:#071018}#primaryProgress .minute-cell.filled{background:var(--minute-cell-fill, var(--accent-green))}.progress-track,.minute-battery,.minute-label-row,.segment-labels{width:calc(100% - 50px);margin-left:auto;margin-right:auto}.progress-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:0;background:var(--track-fill)}.marker{position:absolute;z-index:3;top:50%;left:0%;width:18px;height:18px;transform:translate(-50%, -50%);border-radius:0;background:#fff;border:4px solid var(--accent-blue);box-shadow:0 0 10px rgba(31, 120, 209, .42)}.tick,.progress-tick{position:absolute;top:100%;width:1px;height:8px;background:rgba(16, 32, 43, .25)}.tick-label,.segment-labels span,.top-label{position:absolute;transform:translateX(-50%);color:var(--ink-muted);font-size:.78rem;font-weight:650;text-align:center}.hour-card .tick-label,.day-card .tick-label,.week-card .tick-label,.month-card .tick-label,.year-card .tick-label,.hour-card .top-label,.day-card .top-label,.week-card .top-label,.month-card .top-label,.year-card .top-label{top:-30px}.month-day-legend{position:absolute;left:0;top:-54px;color:#9fd7ff;font-size:.82rem;font-weight:850;white-space:nowrap}.month-day-tick,.month-week-tick{position:absolute;top:0;bottom:0;width:1px;transform:translateX(-50%);background:rgba(255, 255, 255, .42)}.month-week-tick{width:2px;background:rgba(125, 234, 243, .72)}.month-day-label,.month-week-label{position:absolute;transform:translateX(-50%);text-align:center;pointer-events:none}.month-day-label{top:-45px;z-index:5;display:block;min-width:16px;color:#dffcff;font-size:.74rem;font-weight:850;line-height:1}.month-week-label{top:calc(100% + 12px);z-index:5;min-width:58px;color:#8beaf5;font-size:.78rem;font-weight:850}.muted-month-day{opacity:.26}.segment-band{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:inherit}.segment-band span{height:100%}.segment-labels{position:relative;min-height:24px}.detail-text{margin-top:var(--detail-top-gap, 12px);color:#b8cbd7}.alternate-week-table-wrap{width:calc(100% - 30px);margin:0 auto;overflow-x:auto;padding-top:0}.alternateWeek-card .detail-text{margin-top:0}.alternateWeek-card .progress-track{width:calc(100% - 28px - 12.5%);margin:10px 0 0 calc(12.5% + 14px);margin-bottom:0;border-radius:0}.alternateWeek-card .progress-fill{display:none}.alternate-week-table{width:100%;min-width:1280px;table-layout:fixed;background:#f7fbfd;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);border-collapse:separate;border-spacing:0}.alternate-week-table th:first-child,.alternate-week-table td:first-child{width:calc(12.5% - 10px)}.alternate-week-table th{background:#e9f3f8;color:var(--ink);font-weight:850;text-align:center}.alternate-week-table td{vertical-align:top;text-align:center}.alternate-week-table th,.alternate-week-table td{border-right:1px solid var(--line)}.alternate-week-table th:last-child,.alternate-week-table td:last-child{border-right:0}.alternate-week-table tbody th{color:var(--ink);text-align:left}.alternate-week-table tbody td{color:var(--ink);font-weight:700;line-height:1.25}.wake-sleep-card{display:grid;gap:18px;width:100%;min-width:0;max-width:100%;margin:0 0 16px;padding:22px 34px 34px;background:linear-gradient(145deg, #081a2a, #10283b 58%, #071525);border:1px solid rgba(125, 234, 243, .22);border-radius:var(--radius);box-shadow:var(--shadow);color:#eaf7ff}.wake-sleep-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.wake-sleep-head h2{margin:0;color:#f4fbff;font-size:1.45rem}.wake-sleep-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.wake-sleep-controls label{grid-template-columns:auto 112px;align-items:center;gap:8px;padding:8px 10px;background:#071827;border:1px solid rgba(161, 196, 216, .22);color:#d8ecf6}.wake-sleep-controls input{width:112px;min-height:32px;background:#10283b;border-color:rgba(125, 234, 243, .3);color:#f4fbff}.wake-sleep-status{display:grid;gap:4px;justify-items:center;padding:12px;background:#071827;border:1px solid rgba(161, 196, 216, .2);border-radius:var(--radius)}.wake-sleep-status strong{color:#8beaf5;font-size:1.25rem}.wake-sleep-status span{color:#b8cbd7;font-weight:700}.wake-sleep-track{position:relative;height:64px;margin:58px auto 92px;width:calc(100% - 50px);border:2px solid rgba(125, 234, 243, .88);border-radius:999px;overflow:visible;background:#050b12;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .05), 0 0 18px rgba(22, 200, 216, .24)}.wake-sleep-segments{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.wake-sleep-segment{position:absolute;top:0;bottom:0}.wake-segment-0{background:#1f78d1}.wake-segment-1{background:#2497c9}.wake-segment-2{background:#24a978}.wake-segment-3{background:#34638a}.wake-segment-4{background:#1f8aa8}.wake-segment-5{background:#174a7c}.wake-segment-6{background:#5b4f9a}.wake-segment-7{background:#604177}.wake-segment-8{background:#3c315f}.wake-segment-9{background:#1b274c}.wake-segment-10{background:#111a38}.wake-segment-11{background:#071125}.wake-segment-12{background:#020611}.wake-segment-13{background:#0d2441}.wake-sleep-marker{position:absolute;z-index:5;top:50%;left:0;width:20px;height:20px;transform:translate(-50%, -50%);border-radius:50%;background:#eaffff;border:4px solid var(--accent-aqua);box-shadow:0 0 14px rgba(22, 200, 216, .75)}.wake-sleep-labels span{position:absolute;top:calc(100% + 12px);transform:translateX(-50%);min-width:94px;text-align:center;color:#d8ecf6;font-weight:800;line-height:1.15}.wake-sleep-labels small{display:block;color:#67e8f9;font-size:.74rem}.zodiac-circle-section{grid-column:1 / -1;width:100%;margin:16px auto 18px;text-align:center}.zodiac-circle-section h4{margin:0 0 10px;color:#d8b4fe;font-size:1.35rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.zodiac-circle-toggle{min-height:42px;padding:12px 22px;border:2px solid #a78bfa;border-radius:10px;background:linear-gradient(180deg, #312e81, #111827);color:#f5f3ff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(49, 46, 129, .34)}.zodiac-circle-panel{display:grid;place-items:center;margin-top:18px}.zodiac-circle-panel[hidden]{display:none}.zodiac-wheel{--zodiac-sign-radius: clamp(214px, 39vw, 312px);--zodiac-date-radius: clamp(156px, 29vw, 226px);--zodiac-element-radius: clamp(98px, 19vw, 146px);position:relative;width:min(760px, 92vw);aspect-ratio:1;border-radius:50%;border:4px solid rgba(216, 180, 254, .76);background:radial-gradient(circle, #08111f 0 20%, transparent 21%), repeating-radial-gradient(circle, transparent 0 15%, rgba(125, 211, 252, .34) 15.2% 15.8%, transparent 16% 29%), #020617;box-shadow:inset 0 0 55px rgba(0, 0, 0, .55), 0 0 28px rgba(167, 139, 250, .35)}.zodiac-wheel::before,.zodiac-wheel::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.zodiac-wheel::before{inset:9%;border:2px solid rgba(226, 232, 240, .42)}.zodiac-wheel::after{inset:24%;border:2px solid rgba(125, 211, 252, .5)}.zodiac-wheel-spoke{position:absolute;left:50%;top:50%;width:2px;height:50%;transform-origin:50% 0;transform:rotate(calc(var(--i) * 30deg));background:linear-gradient(180deg, rgba(226, 232, 240, .55), transparent)}.zodiac-wheel-item{position:absolute;left:50%;top:50%;width:118px;min-height:42px;display:grid;place-items:center;gap:2px;padding:5px;border:1px solid rgba(148, 163, 184, .42);border-radius:12px;background:rgba(15, 23, 42, .86);color:#fff;text-align:center;box-shadow:none}.zodiac-sign-ring{transform:translate(-50%, -50%) rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * var(--zodiac-sign-radius))) rotate(calc(var(--i) * -30deg));background:linear-gradient(135deg, var(--c1), var(--c2))}.zodiac-date-ring{transform:translate(-50%, -50%) rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * var(--zodiac-date-radius))) rotate(calc(var(--i) * -30deg));color:#fde68a}.zodiac-element-ring{transform:translate(-50%, -50%) rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * var(--zodiac-element-radius))) rotate(calc(var(--i) * -30deg));color:#a7f3d0}.zodiac-wheel-item b{font-size:.95rem}.zodiac-wheel-item em,.zodiac-wheel-item small{font-style:normal;font-size:.78rem}.zodiac-wheel-core{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%, -50%);border-radius:50%;display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;place-items:center;padding:22px;background:radial-gradient(circle, #111827, #020617);border:2px solid rgba(125, 211, 252, .5)}.zodiac-wheel-core span{display:grid;place-items:center;color:#e0f2fe;font-size:.82rem}.zodiac-wheel-core b{color:#facc15;font-size:1.7rem}.detail-text table,.generation-age-table table,.weather-forecast-table{width:100%;border-collapse:collapse;overflow:hidden}.detail-text th,.detail-text td,.generation-age-table th,.generation-age-table td,.weather-forecast-table th,.weather-forecast-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.second-slider-wrap{display:grid;place-items:center;margin:-50px 0 -8px}.second-toggle-row{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.second-visual-toggle{min-height:34px;padding:7px 12px;background:#10283b;border:1px solid rgba(161, 196, 216, .24);border-radius:8px;color:#d8ecf6;font-weight:800}.second-visual-row{display:flex;align-items:center;justify-content:center;gap:34px}.second-clock-orbit{position:relative;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 50% 50%, #102940 0 35%, #071827 36% 100%), conic-gradient(from 0deg, rgba(80, 214, 231, .36), rgba(31, 120, 209, .8), rgba(80, 214, 231, .36));border:8px solid #0c3760;box-shadow:inset 0 0 24px rgba(80, 214, 231, .2), 0 0 26px rgba(31, 120, 209, .32)}.second-orbit-label{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:54px;min-height:24px;transform:translate(-50%, -50%) rotate(var(--second-label-angle, 0deg)) translateY(-104px) rotate(var(--second-label-counter, 0deg));color:#dffcff;font-size:.72rem;font-weight:400;line-height:1;text-align:center;text-shadow:0 1px 5px rgba(0, 0, 0, .8);pointer-events:none}.second-orbit-label small{display:block;margin-top:1px;color:rgba(210, 240, 255, .78);font-size:.62rem;font-weight:400}.second-clock-orbit[hidden],.second-metronome[hidden]{display:none}.second-spinner-label{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#9fd7ff;font-size:.86rem;font-weight:400;letter-spacing:0}.second-orbit-dot{position:absolute;left:50%;top:4px;width:18px;height:18px;transform:translateX(-50%);border-radius:50%;background:#1f78d1;box-shadow:0 0 18px rgba(31, 120, 209, .82)}.second-clock-face{position:absolute;inset:42px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle, #d9f7ff, #17486b 62%, #061526);border:1px solid rgba(180, 236, 255, .55)}.second-clock-face span{width:10px;height:10px;border-radius:50%;background:#effcff;box-shadow:0 0 14px rgba(80, 214, 231, .8)}.second-clock-tick{position:absolute;left:calc(50% - 1px);top:6px;width:2px;height:9px;transform:rotate(calc(var(--tick) * 6deg));transform-origin:1px 79px;background:rgba(255, 255, 255, .45)}.second-clock-tick.major{height:14px;background:#fff}@keyframes secondOrbitSpin{from { transform: translateX(-50%) rotate(0deg) translateY(0); transform-origin: 50% 81px; } to { transform: translateX(-50%) rotate(360deg) translateY(0); transform-origin: 50% 81px; }}.second-metronome{position:relative;width:96px;height:148px}.metronome-side-label{position:absolute;top:0;color:#9fd7ff;font-weight:900}.metronome-zero{left:4px}.metronome-one{right:4px}.metronome-body,.metronome-arm,.metronome-pin{position:absolute;display:block}.metronome-body{left:18px;right:18px;bottom:0;height:122px;background:linear-gradient(180deg, #163a5a, #071827);border:2px solid rgba(126, 213, 255, .45);clip-path:polygon(50% 0, 88% 100%, 12% 100%);box-shadow:inset 0 0 18px rgba(80, 214, 231, .18)}.metronome-arm{left:50%;top:20px;width:5px;height:98px;transform-origin:50% 88px;background:#67e8f9;border-radius:999px;animation:secondPendulumTick 1000ms steps(1, end) infinite}.metronome-pin{left:50%;bottom:26px;width:14px;height:14px;transform:translateX(-50%);border-radius:50%;background:#1f78d1;box-shadow:0 0 12px rgba(31, 120, 209, .8)}@keyframes secondPendulumTick{0%, 49.99% { transform: translateX(-50%) rotate(-22deg); } 50%, 100% { transform: translateX(-50%) rotate(22deg); }}.minute-battery,.minute-cells{display:grid;grid-template-columns:repeat(60, minmax(0, 1fr));gap:0}.minute-battery{position:relative;overflow:visible}.minute-smooth-fill,.minute-marker{display:none}.minute-cell{min-width:0;min-height:56px;border-radius:0;background:#071018;border-right:1px solid rgba(117, 197, 230, .12)}.minute-card .minute-battery,.minute-card .minute-label-row{width:calc(100% - 10px);max-width:none;transform:none}.minute-cell.filled{background:var(--minute-cell-fill, var(--accent-green));box-shadow:inset 0 0 12px rgba(255, 255, 255, .18), 0 0 10px rgba(22, 200, 216, .22)}.minute-battery .minute-label{position:absolute;z-index:4;top:-28px;transform:translateX(-50%);color:#c8e8f6;font-size:.78rem;font-weight:800;white-space:nowrap}.minute-label-row{display:none}.work-dashboard{grid-column:1 / -1;display:grid;gap:20px;background:#071827;border-color:rgba(161, 196, 216, .24)}.work-dashboard-title{text-align:center;margin:0;color:#f4fbff}.work-dashboard-head,.work-dashboard-controls,.work-dashboard-panels,.finance-tools{display:grid;gap:14px}.work-dashboard-head{padding:12px;background:#081b2d;border:1px solid rgba(125, 234, 243, .22);border-radius:var(--radius)}.work-hours-entry-label{color:#d9edf7;font-weight:800;font-size:.9rem}.work-control-group{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;padding:9px;background:#0e263a;border:1px solid rgba(125, 234, 243, .2);border-radius:var(--radius)}.work-week-control-group,.work-wage-control-group{margin-left:24px}.work-wage-control-group{grid-template-columns:minmax(0, 1fr)}.work-dashboard-controls label{display:grid;grid-template-columns:92px 90px;align-items:center;gap:8px;padding:7px 9px;background:#142c3f;border:1px solid rgba(161, 196, 216, .16);border-radius:var(--radius)}.work-dashboard-controls label span{color:#b8cbd7;font-size:.82rem;white-space:nowrap}.work-dashboard-controls{grid-template-columns:minmax(0, 390px) minmax(0, 390px) minmax(0, 210px);align-items:center;justify-content:center}.work-dashboard-controls select,.work-dashboard-controls input{width:90px;min-height:30px;padding:3px 4px;background:#071827;border:1px solid rgba(161, 196, 216, .28);color:#f4fbff;border-radius:6px}.work-control-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}.workday-title-layout,.workweek-title-layout{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:18px;width:100%}.workday-title-layout > span,.workweek-title-layout > span{color:#f4fbff}.workweek-title-copy{display:grid;gap:5px}.workweek-title-copy > span{color:#f4fbff;font-size:1.42rem;font-weight:900;line-height:1.08}.workweek-title-copy > em{color:#9fd7ff;font-style:normal;font-size:1.04rem;font-weight:800}.workday-title-layout em,.workweek-title-layout em{color:#9fd7ff;font-style:normal;font-size:1rem}.work-status-layout,.workweek-layout{color:#d8ecf6}.work-status-layout{display:grid;gap:9px;justify-items:start;padding:12px;background:#0b2032;border:1px solid rgba(125, 234, 243, .18);border-radius:var(--radius)}.work-status-layout p,.workweek-layout p{margin:0}.work-bank-card{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:4px 8px;min-width:170px;padding:10px 12px;background:#071827;border:1px solid rgba(116, 214, 111, .34);border-radius:var(--radius);color:#dffbea;text-align:center}.work-bank-card strong,.work-bank-card b{display:block}.work-bank-card strong{font-size:.82rem;color:#a7f3d0}.work-bank-card b{grid-column:1 / -1;color:#f4fbff;font-size:1.22rem}.bank-icon{font-size:1.35rem}.workweek-layout{display:grid;grid-template-columns:minmax(0, 1fr) minmax(260px, .44fr);gap:16px;align-items:start;margin-top:14px}.workweek-main-status,.weekend-status-panel{display:grid;gap:8px;padding:14px;background:#10283b;border:2px solid rgba(161, 196, 216, .22);border-radius:var(--radius);transition:border-color .2s ease, box-shadow .2s ease, opacity .2s ease, background .2s ease}.workweek-main-status.is-active,.weekend-status-panel.is-active{background:#0d2d3f;border-color:rgba(125, 234, 243, .9);box-shadow:0 0 0 2px rgba(22, 200, 216, .15), 0 0 22px rgba(22, 200, 216, .22)}.workweek-main-status.is-muted,.weekend-status-panel.is-muted{opacity:.62;background:#111b24;border-color:rgba(148, 163, 184, .28)}.weekly-bank{justify-self:end;align-self:start;margin-top:0}.weekend-status-panel h4{margin:0;color:#f4fbff}.work-dashboard-panels{grid-template-columns:minmax(0, 1fr);gap:20px}.work-slider-section{display:grid;gap:12px;padding:16px;background:#091f32;border:1px solid rgba(125, 234, 243, .24);border-radius:var(--radius)}.workday-slider-section{background:linear-gradient(145deg, #071827, #132331 58%, #241a18)}.workweek-slider-section{background:linear-gradient(145deg, #071827, #0d263d 58%, #0c2b32)}.work-slider-section .progress-card{width:100%;margin-left:0;margin-right:0}.workday-card .title-value-stack,.workweek-card .title-value-stack{display:grid;width:100%;gap:8px}.workday-card .card-title-line,.workweek-card .card-title-line{display:block}.workday-card .card-value{display:none}.workday-card .card-title{font-size:1.35rem}.workday-card .progress-summary-line,.workweek-card .progress-summary-line{margin-top:8px}.workweek-card .card-value:empty{display:none}.workweek-slider-status-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;width:min(100%, 860px);margin:10px auto 0}.workweek-slider-status{display:grid;place-items:center;min-height:42px;padding:8px 12px;border:2px solid rgba(148, 163, 184, .28);border-radius:var(--radius);background:#121b24;color:#91a1ad;font-weight:900;text-align:center}.workweek-slider-status.is-active{color:#eaffff;background:#09283a;border-color:rgba(125, 234, 243, .92);box-shadow:0 0 0 2px rgba(22, 200, 216, .16), 0 0 20px rgba(22, 200, 216, .22)}.workweek-slider-status.is-muted{color:#7f8b96;background:#101820}.workday-multi-sliders{display:grid;gap:10px;width:calc(100% - 50px);margin:0 auto var(--slider-bottom-gap, 66px)}.workday-mini-slider{display:grid;gap:6px;padding:10px 12px 36px;background:#0b1824;border:2px solid rgba(112, 128, 144, .34);border-radius:var(--radius);color:#7f8b96;transition:border-color .2s ease, box-shadow .2s ease, color .2s ease}.workday-mini-slider.is-active{color:#eaffff;border-width:4px;border-color:rgba(125, 234, 243, .95);box-shadow:0 0 0 2px rgba(22, 200, 216, .18), 0 0 24px rgba(22, 200, 216, .26)}.workday-mini-slider header,.workday-mini-slider footer{display:flex;justify-content:space-between;gap:12px}.workday-mini-slider header span{font-size:1rem;font-weight:900}.workday-mini-slider header b,.workday-mini-slider footer{color:inherit;font-size:.9rem}.workday-mini-slider footer{display:none}.workday-mini-detail{margin:0;color:#92a7b8;font-size:.92rem;font-weight:750;line-height:1.25}.workday-mini-slider.is-active .workday-mini-detail{color:#c8fbff}.workday-mini-track{position:relative;height:42px;margin-top:4px;overflow:visible;border-radius:0;background:#141a20;box-shadow:inset 0 0 0 1px rgba(180, 190, 200, .12)}.workday-mini-slider.is-active .workday-mini-track{background:#061018;outline:3px solid rgba(125, 234, 243, .9);outline-offset:3px;box-shadow:inset 0 0 0 1px rgba(125, 234, 243, .24), 0 0 18px rgba(22, 200, 216, .24)}.workday-mini-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:0;background:linear-gradient(90deg, #1f78d1, #16c8d8, #36a269)}.workday-mini-slider.is-muted .workday-mini-fill{background:transparent}.workday-mini-marker{position:absolute;z-index:3;top:50%;left:0%;width:18px;height:18px;transform:translate(-50%, -50%);border-radius:0;background:#777f87;border:3px solid #252d35}.workday-mini-slider.is-active .workday-mini-marker{width:22px;height:22px;background:#eaffff;border:4px solid var(--accent-aqua);box-shadow:0 0 14px rgba(22, 200, 216, .7)}.workday-mini-labels{position:absolute;inset:0;pointer-events:none}.workday-mini-label{position:absolute;top:calc(100% + 10px);width:108px;transform:translateX(-50%);color:#8ea0ae;font-size:.72rem;font-weight:850;line-height:1.15;text-align:center;text-transform:none}.workday-mini-slider.is-active .workday-mini-label{color:#bffaff;text-shadow:0 0 8px rgba(22, 200, 216, .38)}.workday-mini-label.edge-start{transform:translateX(0);text-align:left}.workday-mini-label.edge-end{transform:translateX(-100%);text-align:right}.work-inline-status,.work-status{color:#b8cbd7}.work-dashboard-status-table{width:min(100%, 920px);margin:0 auto;border-collapse:separate;border-spacing:0;background:#10283b;border:1px solid rgba(161, 196, 216, .2);border-radius:var(--radius)}.work-dashboard-status-table th,.work-dashboard-status-table td{padding:10px 12px;text-align:center}.work-dashboard-status-table strong{color:#f4fbff}.status-before-work strong{color:#1f4e89}.status-work-q1 strong{color:#b83b1f}.status-work-q2 strong{color:#f28c38}.status-work-q3 strong{color:#f0a85a}.status-work-q4 strong{color:#ffc071}.status-lunch strong{color:#4ba3ff}.status-completed strong{color:#9b5de5}.status-completed-weekend strong,.status-transition strong{color:#2dd4bf}.status-weekend-day strong{color:#74d66f}.status-weekend-night strong{color:#2f8f46}.status-working strong{color:#f28c38}.status-time-off strong{color:#1f4e89}.workday-off-segment,.workweek-transition-cell,.weekend-day-cell{position:absolute;top:0;bottom:0;background:rgba(31, 78, 137, .52)}.workday-work-segment,.work-day-cell{position:absolute;top:0;bottom:0;background:rgba(242, 140, 56, .5)}.workday-lunch-segment{position:absolute;top:0;bottom:0;background:rgba(75, 163, 255, .58)}.workday-before-work{background:rgba(31, 78, 137, .68)}.workday-q1{background:rgba(184, 59, 31, .76)}.workday-q2{background:rgba(242, 140, 56, .78)}.workday-q3{background:rgba(240, 168, 90, .78)}.workday-q4{background:rgba(255, 192, 113, .78)}.workday-completed{background:rgba(155, 93, 229, .62)}.weekend-day-cell{background:rgba(116, 214, 111, .54)}.weekend-night-before{background:rgba(47, 143, 70, .62)}.week-day-cell.is-current-day{box-shadow:inset 0 0 0 3px rgba(255, 255, 255, .68), inset 0 0 0 6px rgba(22, 200, 216, .28)}.workweek-range-border{position:absolute;z-index:4;top:-4px;bottom:-4px;pointer-events:none;border:3px solid rgba(148, 163, 184, .28);border-radius:14px;opacity:.42}.workweek-range-border.is-active{border-color:rgba(125, 234, 243, .95);box-shadow:0 0 0 2px rgba(22, 200, 216, .16), 0 0 22px rgba(22, 200, 216, .24);opacity:1}.workweek-range-border.is-muted{border-color:rgba(148, 163, 184, .24)}.workday-boundary-label,.workweek-boundary-label,.workweek-range-label{position:absolute;top:calc(100% + 12px);transform:translateX(-50%);min-width:110px;color:var(--ink-muted);font-size:.75rem;text-align:center}.workday-boundary-label{top:-58px;color:#c7e9f6;font-weight:850}.workweek-counter-panel,.finance-tool-card{margin-top:14px;padding:18px;background:#071827;border:1px solid rgba(161, 196, 216, .24);border-radius:var(--radius)}.counter-sections{display:grid;grid-template-columns:minmax(0, 1fr);gap:18px}.counter-section{display:grid;gap:12px;padding:16px;background:#0d2235;border:1px solid rgba(161, 196, 216, .18);border-radius:var(--radius)}.counter-section > strong{color:#f4fbff;font-size:1.12rem}.token-group-grid,.workweek-counter-icons{display:grid;gap:14px;justify-content:stretch}.token-day-group{display:grid;gap:8px}.token-day-label{color:#d9edf7;font-weight:800}.token-day-slots{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px}.token-group-grid span,.workweek-counter-icons span{display:inline-grid;place-items:center;min-width:0;min-height:86px;padding:10px;color:#f4fbff;border:1px solid rgba(161, 196, 216, .22);border-radius:var(--radius);background:#132d43;font-size:2rem}.counter-slot small{display:block;margin-top:4px;color:#b8cbd7;font-size:.72rem;font-weight:800}.counter-slot.slot-empty{opacity:.48;filter:grayscale(1) saturate(.25)}.counter-slot.slot-active{border-color:rgba(54, 162, 105, .7);background:linear-gradient(180deg, #163d35, #10283b)}.counter-slot.slot-current{border-color:var(--accent-aqua);box-shadow:0 0 0 3px rgba(22, 200, 216, .18), 0 0 22px rgba(22, 200, 216, .2)}.counter-weekend .counter-slot.slot-active{border-color:rgba(54, 162, 105, .72);background:linear-gradient(180deg, #173c30, #10283b)}.finance-tools{margin-top:16px;grid-template-columns:repeat(2, minmax(0, 1fr))}.finance-tool-card h3{margin-bottom:10px}.finance-collapsible-body,.finance-adjustments-body,.expense-group-body{display:grid;gap:10px;margin-top:10px}.finance-row,.expense-row{display:grid;grid-template-columns:minmax(0, 1fr) 130px;gap:10px;align-items:center}.my-weather-card{margin-top:20px}.my-weather-head{text-align:center}.weather-chart-wrap{display:grid;gap:12px}.weather-current-panel,.weather-forecast-panel,.weather-chart-panel{padding:14px;background:#f7fbfd;border:1px solid var(--line);border-radius:var(--radius)}.weather-current-now{display:flex;align-items:center;gap:12px}.weather-current-icon{font-size:2.4rem}.weather-current-details{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;margin-top:10px}.weather-current-details span{padding:8px;background:#fff;border-radius:var(--radius)}.weather-chart-panel svg{display:block;width:100%;min-height:320px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.weather-grid-line,.weather-day-line{stroke:rgba(16, 32, 43, .16);stroke-width:1}.weather-key-line,.weather-current-day-line{stroke:var(--accent-orange);stroke-width:2}.weather-grid-label,.weather-day-label,.weather-month-label,.weather-axis-label,.weather-current-day-label{fill:#536575;font-size:13px;font-weight:650}.weather-history-line,.year-weather-line{fill:none;stroke-width:4}.weather-high-line{stroke:var(--accent-red)}.weather-low-line{stroke:var(--accent-blue)}.weather-hour-line{stroke:var(--accent-green)}.weather-dot{stroke:#fff;stroke-width:2}.weather-high-dot{fill:var(--accent-red)}.weather-low-dot{fill:var(--accent-blue)}.weather-hour-dot{fill:var(--accent-green)}.weather-current-day-arrow{fill:var(--accent-orange)}.world-clock-card{margin-top:20px}.world-clock-head{display:flex;justify-content:space-between;gap:14px}.world-clock-head p{color:var(--ink-muted)}.world-clock-toggle-row{display:flex;justify-content:center;margin:12px 0}.world-zone-columns{display:grid;gap:18px}.world-clock-section-label{margin:16px 0 8px;color:var(--accent-blue);font-weight:850}.world-clock-zone-group{display:grid;gap:10px}.world-clock-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px}.world-clock-item{display:grid;gap:6px;min-height:120px;padding:12px;color:#fff;background:linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .22)), var(--city-bg, #1f78d1);border-radius:var(--radius)}.world-clock-city{font-weight:850}.world-clock-weather-row{display:flex;justify-content:space-between;gap:8px;color:rgba(255, 255, 255, .88)}.world-clock-time{font-size:1.25rem}.my-location-clock-item{background:linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .18)), var(--accent-green)}.activities-card{margin-top:20px}.activity-filter-grid{display:grid;gap:12px}.activity-filter-group{padding:12px;background:#f7fbfd;border:1px solid var(--line);border-radius:var(--radius)}.activity-option-row,.activity-tags{display:flex;flex-wrap:wrap;gap:8px}.activity-option,.activity-tags span{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 10px;border-radius:var(--radius)}.activity-option.selected{background:var(--accent-blue);color:#fff}.activity-result-card{margin-top:14px;padding:14px;background:#f7fbfd;border:1px solid var(--line);border-radius:var(--radius)}@media (max-width: 1100px){.top-nav{grid-template-columns:1fr;position:sticky}.shell{padding-top:24px}#topDateTime,.site-title-fixed{text-align:left}.global-format-controls,.nav-left-group{flex-wrap:wrap}.weather-temp-layout,.today-weather-info,.work-dashboard-controls,.work-dashboard-panels,.finance-tools,.progress-grid,.timeline-stack,.world-clock-grid{grid-template-columns:1fr}.weather-temp-layout{transform:none}}@media (max-width: 900px){.cycle-panel{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.weather-cycle-wrapper .day-mini-scale,.weather-cycle-wrapper .moon-cycle-scale{width:1120px;min-width:1120px;max-width:none}.cycle-panel h3,.cycle-panel .insight-copy,.cycle-panel .insight-art{min-width:1120px}}@media (max-width: 760px){.shell{width:min(100% - 20px, var(--section-max-width))}.time-card,.phase-card,.my-weather-card,.world-clock-card,.activities-card,.progress-grid,.timeline-stack{padding:0;width:100%;margin-left:0;margin-right:0}.time-card,.phase-card,.my-weather-card,.world-clock-card,.activities-card{padding-inline:14px}.progress-card,.timeline-card,.work-dashboard{width:100%;margin-left:0;margin-right:0}.progress-track,.minute-battery,.minute-label-row,.segment-labels{width:100%}.top-clock-date-wrap,.time-readout-stack,.timezone-control-wrap,.today-weather-simple-head,.zip-control-row,.weather-current-details,.counter-sections,.info-grid{grid-template-columns:1fr}.timezone-control-wrap{grid-template-areas:"zone" "mode" "dst" "name"}.time-readout-stack{width:100%;margin-top:10px}.timezone-picker{grid-template-columns:1fr;width:100%;transform:none}.timezone-picker select{width:100%}.timezone-mode-label{transform:none}.analog-clock{margin-bottom:-34px}.clock-display-wrap{width:100%;transform:none}.digital-time{font-size:1.6rem}.date-line{font-size:1.08rem}.time-machine-launcher{flex-direction:column}.time-machine-head h2,.flux-capacitor{transform:none}.time-machine-toggle{min-width:min(100%, 330px)}.weather-readout-panel{grid-template-columns:1fr}.mini-bottom-label,.sun-cycle-category-labels span,.sun-event-label,.moon-cycle-label{font-size:.72rem;min-width:74px}}.stable-output{min-height:1.08em;transition:opacity 1100ms ease, filter 1100ms ease;will-change:opacity, filter}.stable-output.stable-output-pending{opacity:.38;filter:saturate(.85) brightness(.86)}.stable-output.stable-output-loaded,.stable-output.is-loaded{opacity:1;filter:none;animation:simpleDataFadeIn 1100ms ease both}body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output-loaded,body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output.is-loaded{opacity:0}body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output-loaded,body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output.is-loaded{opacity:0}@keyframes simpleDataFadeIn{from { opacity: 0; filter: saturate(.9) brightness(.9); } to { opacity: 1; filter: none; }}@keyframes secondOrbitSpinLeftOutside{from { transform: translate(-50%, -50%) rotate(0deg) translateX(-139px); } to { transform: translate(-50%, -50%) rotate(360deg) translateX(-139px); }}@keyframes secondOrbitSpinTopOutside{from { transform: translate(-50%, -50%) rotate(0deg) translateY(-139px); } to { transform: translate(-50%, -50%) rotate(360deg) translateY(-139px); }}@keyframes secondOrbitSpinTopOutsideFixed{from { transform: translate(-50%, -50%) rotate(0deg) translateY(-124px); } to { transform: translate(-50%, -50%) rotate(360deg) translateY(-124px); }}body.page-phases main.shell{margin:0 auto 80px}body.page-phases #current-time-and-weatherSection,body.page-phases #timelineStack,body.page-phases #workHoursGroupShell,body.page-phases #timeVisualizedGroupShell,body.page-phases #extendedTimeVisualizedGroupShell,body.page-phases #moreTimeGroupShell,body.page-phases #unitConverterGroupShell,body.page-phases #myWeatherCard,body.page-phases #worldClockCard,body.page-phases #oceanCurrentsCard,body.page-phases #aboutPageCard,body.page-phases #activitiesCard,body.page-phases #phaseCard #local-weatherSection,body.page-phases #phaseCard.today-weather-card{display:none}body.page-phases #phaseSummaryDashboard,body.page-phases #dayNightCycleGroupShell,body.page-phases #foodDrinkTimeGroupShell,body.page-phases #primaryProgress,body.page-phases #phaseTimeProgressGroupShell,body.page-phases #phaseSimulatorSection,body.page-phases #phaseOrbitSimulatorSection,body.page-phases #phaseBottomSimulatorsSection,body.page-phases #phaseBottomToolsSection,body.page-phases #bottomTimeDevicesSection,body.page-phases #nowSection{display:grid;width:100%}body.page-phases #phaseSummaryDashboard,body.page-phases #phaseSimulatorSection,body.page-phases #phaseOrbitSimulatorSection,body.page-phases #phaseBottomSimulatorsSection,body.page-phases #phaseBottomToolsSection,body.page-phases #bottomTimeDevicesSection,body.page-phases #nowSection{gap:18px;padding:24px;border:1px solid rgba(104, 190, 226, .28);border-radius:8px;background:#102236}body.page-phases #phaseSummaryDashboard .phase-summary-head{justify-items:center}body.page-phases #phaseSummaryDashboard .phase-summary-head h2,body.page-phases #nowSection .now-section-title{margin:0;text-align:center}body.page-phases .phase-summary-feature-grid,body.page-phases .phase-summary-circle-row,body.page-phases .phase-summary-calendar-guide,body.page-phases .phase-bottom-tools-grid,body.page-phases .bottom-time-device-grid{display:grid;gap:16px}body.page-phases .phase-summary-feature-grid{grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}body.page-phases .phase-summary-grid{display:grid;justify-items:center}body.page-phases .phase-summary-ordered-grid{grid-template-columns:1fr}body.page-phases .phase-summary-row{display:grid;justify-content:center;gap:12px;width:100%}body.page-phases .phase-summary-feature,body.page-phases .phase-summary-tile{gap:6px;width:100%}body.page-phases .phase-summary-circle-row{align-items:start;margin-top:6px}body.page-phases .phase-summary-moon-phase-row{justify-items:stretch;margin-top:0}body.page-phases .phase-summary-circle-card{display:grid;justify-items:center;gap:12px;min-height:300px;padding:18px;border:1px solid rgba(139, 202, 230, .24);border-radius:8px;background:#0b1c2b;text-align:center}body.page-phases .phase-section-circle-card{--natural-phase-circle-size: 270px;width:min(420px, 100%);min-height:0;margin:0 auto 6px;padding:20px 44px 24px;overflow:visible}body.page-phases .cycle-slider-label-container > .phase-section-circle-card{width:min(430px, 100%);margin:18px auto 0;padding:16px 44px 22px;border:0;background:transparent;box-shadow:none}body.page-phases #lunarMonthCard > .moon-phases-visual-panel{width:min(430px, 100%);margin:18px auto 0;padding:12px 18px 4px;border:0;background:transparent;box-shadow:none}body.page-phases .phase-summary-circle-card > span{color:#d9f4ff;font-size:1rem}body.page-phases .phase-section-circle-card > span{color:#9fdcff;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}body.page-phases .phase-section-circle-card .day-phase-visual,body.page-phases .phase-section-circle-card .moon-summary-position-circle,body.page-phases .phase-section-circle-card #moonPhaseClockIcon{width:min(var(--natural-phase-circle-size), 100%);height:min(var(--natural-phase-circle-size), 100vw);aspect-ratio:1;overflow:visible}body.page-phases .phase-section-circle-card .day-phase-visual{border-color:rgba(152, 216, 255, .7);background:radial-gradient(circle at 50% 50%, rgba(255, 210, 94, .2) 0 12%, transparent 13%), conic-gradient(from -90deg, #091625 0 23%, #1c618e 24% 50%, #1a7aa6 51% 64%, #10253d 65% 100%);box-shadow:inset 0 0 32px rgba(0, 0, 0, .25), 0 0 18px rgba(80, 184, 229, .14)}body.page-phases .phase-section-circle-card .phase-horizon-label{top:50%;z-index:4;min-width:66px;padding:5px 8px;color:#dff6ff;font-size:.76rem;border:1px solid rgba(164, 222, 255, .35);border-radius:999px;background:rgba(6, 20, 34, .88);transform:translateY(-50%)}body.page-phases .phase-section-circle-card .phase-label-sunrise{left:-50px}body.page-phases .phase-section-circle-card .phase-label-sunset{right:-50px}body.page-phases .phase-circle-marker{position:absolute;left:50%;z-index:5;display:grid;justify-items:center;gap:4px;color:#cfeeff;font-size:.72rem;font-style:normal;transform:translateX(-50%)}body.page-phases .phase-circle-marker::before{content:"";width:2px;height:18px;background:rgba(229, 248, 255, .78)}body.page-phases .phase-circle-marker em{font-style:normal;padding:3px 7px;border:1px solid rgba(164, 222, 255, .25);border-radius:999px;background:rgba(6, 20, 34, .78)}body.page-phases .phase-circle-midday-marker{top:-8px}body.page-phases .phase-circle-midnight-marker{bottom:-8px}body.page-phases .phase-circle-midnight-marker::before{order:2}body.page-phases .moon-summary-position-circle{position:relative;width:min(230px, 100%);aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(122, 193, 255, .7);border-radius:50%;background:radial-gradient(circle at 50% 50%, #163753 0 10%, transparent 11%), radial-gradient(circle at 50% 50%, #0d2538 0 42%, #071623 43% 100%);box-shadow:inset 0 0 28px rgba(0, 0, 0, .28), 0 0 18px rgba(89, 178, 255, .14);overflow:visible}body.page-phases .moon-position-path{position:absolute;inset:16px;border:1px dashed rgba(214, 239, 255, .34);border-radius:50%}body.page-phases .moon-position-hand{position:absolute;left:50%;top:50%;width:2px;height:41%;background:rgba(225, 245, 255, .82);transform:translate(-50%, -100%) rotate(var(--day-clock-angle, -90deg));transform-origin:50% 100%}body.page-phases .moon-position-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(5, 18, 30, .82);border:1px solid rgba(214, 239, 255, .32);font-size:2.4rem;line-height:1;transform:rotate(var(--day-clock-angle, -90deg)) translateY(calc(var(--natural-phase-circle-size, 230px) * -.36)) rotate(calc(-1 * var(--day-clock-angle, -90deg)))}body.page-phases .moon-circle-label{position:absolute;z-index:5;min-width:64px;padding:4px 8px;color:#dff6ff;font-size:.74rem;border:1px solid rgba(164, 222, 255, .3);border-radius:999px;background:rgba(6, 20, 34, .86);text-align:center}body.page-phases .moon-label-rise{left:-48px;top:50%;transform:translateY(-50%)}body.page-phases .moon-label-set{right:-48px;top:50%;transform:translateY(-50%)}body.page-phases .moon-label-high{left:50%;top:-24px;transform:translateX(-50%)}body.page-phases .moon-label-low{left:50%;bottom:-24px;transform:translateX(-50%)}body.page-phases .moon-position-center{width:12px;height:12px;border-radius:50%;background:#f8fbff;box-shadow:0 0 12px rgba(255, 255, 255, .45)}body.page-phases .phase-section-circle-card #moonPhaseClockIcon{display:grid;place-items:center;border:2px solid rgba(152, 216, 255, .7);border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(120, 180, 230, .18) 0 44%, transparent 45%), radial-gradient(circle, #0d2538 0 52%, #061321 100%);box-shadow:inset 0 0 30px rgba(0, 0, 0, .28), 0 0 18px rgba(89, 178, 255, .14)}body.page-phases .phase-section-circle-card #moonPhaseVisual{display:grid;place-items:center;width:72%;height:72%;font-size:clamp(4.5rem, 9vw, 6.4rem);line-height:1;border:0;background:transparent}body.page-phases #dayNightTrack :is(.day-night-sunrise-label,.day-night-sunset-label,.day-night-midday-label,.day-night-midnight-label),body.page-phases #periodScale :is(.label-sunrise,.label-midday,.label-sunset,.label-middle-of-night){top:-42px;bottom:auto}body.page-phases #sunCycleScale .sun-moment-label{top:-42px;bottom:auto}body.page-phases .phase-summary-calendar-guide{align-items:stretch}body.page-phases .phase-summary-calendar-guide article,body.page-phases .phase-major-group,body.page-phases .phase-section-group{display:grid;gap:14px;padding:18px;border:1px solid rgba(139, 202, 230, .24);border-radius:8px;background:#0b1c2b}body.page-phases .phase-summary-calendar-guide h3,body.page-phases .phase-major-group-title,body.page-phases .phase-section-group-title{margin:0;color:#f4fbff;font-size:1.1rem;text-align:center}body.page-phases .phase-major-group{gap:18px;background:#0f2033}body.page-phases .phase-major-group-title{font-size:1.35rem}body.page-phases .phase-major-group-body{display:grid;gap:16px}body.page-phases .phase-manual-order{display:grid;gap:24px;width:100%}body.page-phases .phase-order-section{display:grid;gap:18px;width:100%;max-width:none;padding:24px;border:1px solid rgba(104, 190, 226, .28);border-radius:8px;background:#102236}body.page-phases .phase-order-title{margin:0;color:#eef9ff;font-size:clamp(1.35rem, 2.2vw, 1.95rem);text-align:center}body.page-phases .phase-order-body{display:grid;gap:16px;width:100%}body.page-phases .phase-bottom-calendar-guide{width:100%;max-width:none;margin-top:0}body.page-phases .phase-summary-calendar-guide dl{display:grid;gap:10px;margin:0}body.page-phases .phase-summary-calendar-guide dl div{display:grid;gap:3px;padding:10px 12px;border-radius:8px;background:#102236}body.page-phases .phase-summary-calendar-guide dt{color:#d9f4ff}body.page-phases .phase-summary-calendar-guide dd{margin:0;color:#b8cbd7}body.page-phases .phase-section-group{width:100%}body.page-phases .phase-section-group-body{display:grid;gap:16px}body.page-phases .phase-info-card{min-height:auto}body.page-phases .phase-info-list{display:grid;gap:10px;margin:0}body.page-phases .phase-info-list div{display:grid;gap:3px;padding:10px 12px;border-radius:8px;background:#102236}body.page-phases .phase-info-list dt{color:#d9f4ff}body.page-phases .phase-info-list dd{margin:0;color:#b8cbd7}body.page-phases #phaseSimulatorSection,body.page-phases #phaseOrbitSimulatorSection{justify-items:center}body.page-phases #phaseSimulatorSection .standalone-weather-simulator-controls,body.page-phases #phaseOrbitSimulatorSection .time-orbit-toggle-row{display:flex;justify-content:center;width:100%}body.page-phases #phaseSimulatorSection :is(#orbitSimulationToggle,#orbitSimulationWrap),body.page-phases #phaseOrbitSimulatorSection #orbitSimulationWrap[hidden]{display:none}body.page-phases #phaseSimulatorSection #weatherLogoCombo:not([hidden]){display:block}body.page-phases #phaseOrbitSimulatorSection #orbitSimulationWrap:not([hidden]){display:flex}body.page-phases .phase-bottom-simulators-stack{display:grid;gap:18px;width:100%}body.page-phases #phaseBottomSimulatorsSection{& :is(#phaseSimulatorSection,#phaseOrbitSimulatorSection){width:100%;margin:0}& :is(.standalone-weather-simulator-controls,.time-orbit-toggle-row){display:grid;justify-content:center;gap:14px;width:100%}& :is(#weatherSimulationToggle,#orbitSimulationToggle){min-height:58px;width:100%;padding:16px 24px;color:#f2fbff;font-size:1.12rem;letter-spacing:0;background:linear-gradient(180deg, #1f6fa3, #123f68);border:1px solid rgba(159, 220, 255, .5);border-radius:8px;box-shadow:0 12px 26px rgba(0, 0, 0, .26)}& .isolated-simulator-card{display:grid;justify-items:center;gap:16px;overflow:hidden}& .isolated-simulator-toggle{min-height:64px;width:min(100%, 560px);padding:18px 28px;color:#f4fbff;font-size:1.2rem;letter-spacing:0;background:linear-gradient(180deg, #216f9c, #12375d);border:1px solid rgba(155, 219, 255, .58);border-radius:8px;box-shadow:0 14px 30px rgba(0, 0, 0, .28)}& :is(.isolated-simulator-toggle:hover,.isolated-simulator-toggle:focus-visible){background:linear-gradient(180deg, #2e8fc4, #174c78);border-color:rgba(196, 236, 255, .78)}& .isolated-simulator-frame-shell{border:1px solid rgba(137, 203, 238, .32);border-radius:10px;background:#071827;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04);overflow:hidden}& .isolated-simulator-frame{display:block;width:100%;min-height:820px;border:0;background:#071827}& .isolated-orbit-frame{min-height:860px}& .isolated-phase-frame{height:735px;min-height:735px;overflow:hidden}}body.page-phases .lunar-layer-stack{display:grid;gap:18px;width:100%;margin:4px 0 18px}body.page-phases .lunar-layer-row{display:grid;grid-template-columns:150px minmax(0, 1fr);align-items:center;gap:16px}body.page-phases .lunar-layer-label{color:#bfeaff;font-style:italic;text-align:right}body.page-phases .moon-phases-visual-panel{display:grid;justify-items:center;gap:10px}body.page-phases .moon-phase-live-icon{width:78px;height:78px;display:grid;place-items:center;font-size:3.8rem;line-height:1;background:#081827;border:1px solid rgba(178, 222, 255, 0.38);border-radius:50%;box-shadow:inset 0 0 18px rgba(255, 255, 255, 0.08), 0 0 24px rgba(89, 178, 255, 0.18)}body.page-phases #phaseSummaryMoonPhaseIcon{font-size:2rem;line-height:1}body.page-phases .lunar-mini-marker,body.page-phases .lunar-phase-stop b{font-size:1.6rem;line-height:1}body.page-phases .lunar-mini-track,body.page-phases #nowSection .now-track{position:relative;min-height:54px;border:1px solid rgba(139, 202, 230, .38);border-radius:8px;background:#0b1c2b;overflow:visible}body.page-phases .lunar-mini-marker,body.page-phases .lunar-phase-stop,body.page-phases #nowSection .now-present-marker{position:absolute;top:50%;transform:translate(-50%, -50%);display:grid;place-items:center}body.page-phases #nowSection{& :is(.now-timeline,.now-labels){display:grid;gap:12px}& .now-labels{grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:end;font-weight:750}& .now-labels span:nth-child(2){text-align:center}& .now-labels span:last-child{text-align:right}}body.page-phases .seven-planets-card{margin:0;padding:18px;background:#112236;border:1px solid rgba(122, 193, 255, 0.28);border-radius:8px}body.page-phases .seven-planets-grid{display:grid;gap:12px}body.page-phases .seven-planet-day{min-height:138px;display:grid;place-items:center;gap:8px;padding:14px 10px;text-align:center;background:rgba(4, 19, 34, 0.72);border:1px solid rgba(122, 193, 255, 0.24);border-radius:8px}body.page-phases .planet-icon{width:54px;height:54px;display:block;box-shadow:inset -12px -10px 18px rgba(0, 0, 0, 0.36), 0 0 18px rgba(88, 178, 255, 0.18)}body.page-phases .planet-sun{background:radial-gradient(circle at 32% 28%, #fff4b8 0 18%, #ffd45a 34%, #f58a23 72%);box-shadow:0 0 24px rgba(255, 199, 67, 0.5)}body.page-phases .planet-moon{background:radial-gradient(circle at 34% 26%, #ffffff 0 12%, #d9e2ed 34%, #7b8da0 76%)}body.page-phases .planet-mars{background:radial-gradient(circle at 30% 26%, #ffb18c 0 14%, #c85635 42%, #7f251d 78%)}body.page-phases .planet-mercury{background:radial-gradient(circle at 32% 28%, #e9e0cf 0 12%, #9c9287 42%, #5f6470 78%)}body.page-phases .planet-jupiter{background:linear-gradient(180deg, #c99b63 0 16%, #f1d4a0 16% 30%, #9b6046 30% 44%, #e6bd7c 44% 62%, #8b523d 62% 75%, #d8a96f 75%)}body.page-phases .planet-venus{background:radial-gradient(circle at 34% 26%, #fff0b8 0 14%, #d9a85f 40%, #8e6942 78%)}body.page-phases .planet-saturn{background:radial-gradient(circle at 34% 26%, #fff0b8 0 14%, #d8b877 42%, #8f7042 78%)}body.page-phases .planet-saturn::before{content:"";inset:20px -14px;border:4px solid rgba(238, 215, 157, 0.78);transform:rotate(-14deg)}body.page-phases .planet-day-name{color:rgba(226, 239, 255, 0.78);font-size:0.92rem}body.page-phases .seven-planet-day strong{color:#ffffff;font-size:1.05rem;font-weight:400}@media (max-width: 760px){body.page-phases .phase-summary-circle-row,body.page-phases .phase-summary-calendar-guide,body.page-phases .phase-summary-row-two,body.page-phases .phase-summary-row-three,body.page-phases .lunar-layer-row,body.page-phases #nowSection .now-labels{grid-template-columns:1fr;text-align:center}body.page-phases .lunar-layer-label,body.page-phases #nowSection .now-labels span:last-child{text-align:center}body.page-phases .seven-planets-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}body.page-phases main.shell,body.page-phases main.shell *{font-weight:400}body.page-phases #generationCard{& .segment-labels span{min-width:64px;padding:0 4px;color:rgba(243, 249, 255, 0.9);font-size:0.72rem;line-height:1.05;white-space:normal;overflow-wrap:anywhere}& .generation-segment-name{display:block}& .top-label{color:rgba(199, 221, 235, 0.78);font-size:0.72rem}}body.page-phases{overflow-x:hidden}body.page-phases main.shell{width:min(var(--section-max-width, 1530px), calc(100vw - 32px))}body.page-phases .phase-summary-circle-row,body.page-phases .phase-summary-moon-phase-row,body.page-phases .phase-summary-calendar-guide,body.page-phases .phase-bottom-tools-grid,body.page-phases .bottom-time-device-grid,body.page-phases .seven-planets-grid{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}body.page-phases .seven-planets-grid{grid-template-columns:repeat(auto-fit, minmax(112px, 1fr))}body.page-phases .alternate-week-table th,body.page-phases .alternate-week-table td{overflow-wrap:anywhere}body.page-phases .phase-summary-feature,body.page-phases .phase-summary-tile{justify-items:start;align-items:center;align-content:center}body.page-phases .phase-summary-feature small:not(:empty)::before,body.page-phases .phase-summary-tile small:not(:empty)::before{color:rgba(169, 199, 232, .7)}body.page-phases .phase-summary-feature,body.page-phases .phase-summary-tile{border-color:rgba(85, 126, 205, .3)}body.page-phases .phase-summary-feature .phase-summary-icon,body.page-phases .phase-summary-tile .phase-summary-icon{border-color:rgba(152, 192, 255, .42)}body.page-phases #phaseBottomSimulatorsSection :is(.standalone-weather-simulator-controls,.time-orbit-toggle-row){grid-template-columns:minmax(0, min(100%, 520px))}@media (max-width: 980px){body.page-phases main.shell{width:min(100%, calc(100vw - 24px));gap:18px}body.page-phases .phase-summary-circle-row,body.page-phases .phase-summary-moon-phase-row,body.page-phases .phase-summary-calendar-guide,body.page-phases .phase-bottom-tools-grid,body.page-phases .bottom-time-device-grid{grid-template-columns:1fr}body.page-phases .seven-planets-grid{grid-template-columns:repeat(auto-fit, minmax(118px, 1fr))}}@media (max-width: 560px){body.page-phases main.shell{width:min(100%, calc(100vw - 16px))}body.page-phases .phase-summary-row-one,body.page-phases .phase-summary-row-two,body.page-phases .phase-summary-row-three,body.page-phases .seven-planets-grid{grid-template-columns:1fr}}body.page-phases #bottomTimeDevicesSection{width:min(1180px, calc(100vw - 32px));margin:36px auto 0}body.page-phases #bottomTimeDevicesSection{& > .progress-section-title{margin:0 0 14px;color:#8fc7ff;font-family:Georgia, "Times New Roman", serif;font-size:clamp(1.25rem, 2vw, 1.75rem);font-weight:400;letter-spacing:.08em;text-align:center;text-transform:uppercase}& .bottom-time-device-grid{display:grid;grid-template-columns:repeat(2, minmax(320px, 1fr));gap:18px;align-items:stretch}& :is(#timeTravelCard,#teleportCard){min-height:330px;padding:24px;border:1px solid rgba(103, 183, 255, .34);border-radius:18px;background:linear-gradient(135deg, rgba(12, 26, 44, .96), rgba(4, 14, 29, .98)), repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.045), 0 22px 42px rgba(0,0,0,.3)}& #timeTravelCard{gap:16px}& #teleportCard{align-content:start;gap:16px}& .time-machine-title{margin:0;color:#d8edff;font-size:clamp(1.3rem, 2vw, 1.75rem);font-weight:400;letter-spacing:.04em;text-align:center}& :is(.time-travel-status-panel,.time-travel-controls){gap:12px;padding:16px;border:1px solid rgba(125, 204, 255, .22);border-radius:14px;background:rgba(2, 16, 34, .64)}& .time-travel-status-panel span,& :is(.teleport-copy,.teleport-status-row),& .teleport-field span{color:#a9c8e6;font-size:.95rem;font-weight:400}& #timeTravelStatus{margin:0;color:#f3fbff;font-size:1.12rem}& :is(.time-travel-date-stepper,.teleport-control-row,.teleport-status-row){display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}& :is(.time-travel-field-pair,.teleport-field){display:grid;gap:6px}& input{width:100%;min-height:38px;padding:8px 10px;color:#eaf8ff;border:1px solid rgba(99, 188, 255, .34);border-radius:10px;background:rgba(2, 13, 29, .9)}& button{min-height:36px;padding:8px 14px;color:#dff7ff;border:1px solid rgba(82, 192, 232, .46);border-radius:10px;background:linear-gradient(180deg, rgba(20, 67, 111, .9), rgba(8, 34, 65, .95));font-weight:400}& button:not(:disabled):hover{color:#ffffff;border-color:rgba(137, 224, 255, .72);filter:brightness(1.08)}& button:disabled{opacity:.55}& .time-travel-arrow-stack{display:flex;gap:6px}}@media (max-width: 820px){body.page-phases #bottomTimeDevicesSection :is(.bottom-time-device-grid,.time-travel-date-stepper,.teleport-control-row,.teleport-status-row){grid-template-columns:1fr}}body.page-phases .phase-summary-head h2{margin:0}body.page-phases #phaseSummaryDashboard{gap:16px;background:linear-gradient(180deg, rgba(21, 31, 47, .98), rgba(12, 19, 33, .98)), #0c1321}body.page-phases #phaseSummaryDashboard{& .phase-summary-head{gap:4px}& .phase-summary-head p{margin:0;color:#8fb9e8;font-size:1rem;letter-spacing:.04em;text-transform:none}}body.page-phases .phase-summary-grid{gap:10px}body.page-phases .phase-summary-row-one,body.page-phases .phase-summary-row-two,body.page-phases .phase-summary-row-three,body.page-phases .phase-summary-work-row{grid-template-columns:repeat(auto-fit, minmax(220px, 260px));gap:10px;justify-content:center}body.page-phases .phase-summary-feature,body.page-phases .phase-summary-tile{display:grid;grid-template-columns:58px minmax(0, 1fr);grid-template-areas:"icon label" "icon value" "icon detail";min-height:74px;padding:10px 13px;column-gap:12px;row-gap:1px;border-radius:20px;background:linear-gradient(135deg, rgba(27, 38, 59, .98), rgba(15, 25, 44, .98) 56%, rgba(11, 35, 48, .96));border:1px solid rgba(102, 146, 184, .32);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 5, 18, .24);text-align:left}body.page-phases .phase-summary-feature .phase-summary-icon,body.page-phases .phase-summary-tile .phase-summary-icon{grid-area:icon;align-self:center;display:inline-grid;place-items:center;width:54px;min-width:54px;height:54px;min-height:54px;padding:0;color:#ecf7ff;font-size:1.95rem;line-height:1;border-radius:18px;border:1px solid rgba(141, 181, 222, .42);background:radial-gradient(circle at 35% 24%, rgba(255, 255, 255, .16), transparent 30%), linear-gradient(145deg, rgba(46, 70, 104, .82), rgba(15, 25, 43, .96));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 18px rgba(77, 133, 190, .12)}body.page-phases .phase-summary-feature .phase-summary-label,body.page-phases .phase-summary-tile > span:not(.phase-summary-icon){grid-area:label;align-self:end;color:#9ec5f2;font-size:.88rem;line-height:1.08;letter-spacing:0;text-transform:none;white-space:nowrap}body.page-phases .phase-summary-feature .phase-summary-label::after,body.page-phases .phase-summary-tile > span:not(.phase-summary-icon)::after{content:":"}body.page-phases .phase-summary-feature strong,body.page-phases .phase-summary-tile strong{grid-area:value;align-self:center;min-width:0;color:#f7fbff;font-size:1.12rem;line-height:1.08;overflow-wrap:anywhere}body.page-phases .phase-summary-feature small,body.page-phases .phase-summary-tile small{grid-area:detail;align-self:start;min-width:0;color:#b5cce5;font-size:.92rem;line-height:1.08;overflow-wrap:anywhere}body.page-phases .phase-summary-feature small:not(:empty)::before,body.page-phases .phase-summary-tile small:not(:empty)::before{content:""}body.page-phases .phase-summary-feature small:empty,body.page-phases .phase-summary-tile small:empty{display:none}body.page-phases #phaseCard{& .natural-cycle-card{background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;border-color:rgba(146, 164, 185, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 16px 34px rgba(0, 4, 14, .24)}& .natural-cycle-card :is(.cycle-slider-label-container,.moon-phases-visual-panel){background:rgba(12, 18, 28, .46);border-color:rgba(151, 172, 196, .22)}& .natural-cycle-card :is(.weather-period-scale-title,.moon-position-title,.cycle-phase-detail){color:#e3edf7}& .natural-cycle-card .phase-section-circle-card{--natural-phase-circle-size: 210px;transform:translateY(-50px)}}body.page-phases #lunarMonthCard .moon-phases-visual-panel,body.page-phases #phaseCard .moon-cycle-panel .moon-phases-visual-panel{transform:translateY(-50px)}body.page-phases #lunarMonthCard .moon-phase-current-line,body.page-phases #phaseCard .moon-cycle-panel .moon-phase-current-line{margin-bottom:2px}html body.page-phases #phaseCard .natural-cycle-card .phase-section-circle-card{--natural-phase-circle-size: 180px}html body.page-phases .phase-day-panel.natural-cycle-card .phase-section-circle-card,html body.page-phases .sun-cycle-panel.natural-cycle-card .phase-section-circle-card,html body.page-phases .moon-cycle-panel.natural-cycle-card .phase-section-circle-card{--natural-phase-circle-size: 180px}html body.page-phases #phaseOrderTimeOfDay .phase-section-circle-card,html body.page-phases #phaseOrderSunPosition .phase-section-circle-card,html body.page-phases #phaseOrderMoonPosition .phase-section-circle-card{--natural-phase-circle-size: 160px}body.page-phases .traffic-cycle-card{display:grid;gap:22px;width:min(100%, var(--page-card-width, 1210px));margin:22px auto;padding:24px 28px 28px;border:1px solid rgba(116, 204, 226, .32);border-radius:14px;background:linear-gradient(180deg, rgba(8, 33, 54, .96), rgba(5, 20, 36, .98)), repeating-linear-gradient(180deg, rgba(92, 181, 207, .05) 0 2px, transparent 2px 14px);box-shadow:inset 0 1px 0 rgba(230, 255, 255, .08), 0 20px 42px rgba(0, 7, 20, .28)}body.page-phases .traffic-cycle-head{display:grid;justify-items:center;gap:8px;text-align:center}body.page-phases .traffic-cycle-head h2{margin:0;color:#eaf8ff;font-size:clamp(1.8rem, 3vw, 2.55rem);font-weight:500}body.page-phases .traffic-cycle-head p{max-width:760px;margin:0;color:#bfd7de;font-size:.98rem}body.page-phases .traffic-current-badge{min-width:220px;padding:8px 16px;border:1px solid rgba(140, 215, 238, .34);border-radius:999px;background:rgba(8, 31, 52, .86);color:#f0dfbd;font-size:1.08rem}body.page-phases .traffic-timeline{position:relative;display:grid;grid-template-columns:5fr 2fr 2fr 2fr 4fr 1fr 3fr 2fr 3fr;min-height:98px;border:1px solid rgba(147, 224, 243, .42);background:rgba(2, 9, 20, .52);overflow:visible}body.page-phases .traffic-segment{display:grid;align-content:center;justify-items:center;gap:5px;min-width:0;padding:10px 8px;border-right:1px solid rgba(235, 255, 255, .16);color:#eef9ff;text-align:center}body.page-phases .traffic-segment:last-child{border-right:0}body.page-phases .traffic-segment b,body.page-phases .traffic-segment small{white-space:nowrap}body.page-phases .traffic-segment b{font-size:clamp(.76rem, 1.05vw, 1rem);font-weight:500}body.page-phases .traffic-segment small{color:rgba(238, 249, 255, .8);font-size:.76rem}body.page-phases .traffic-low{background:linear-gradient(180deg, rgba(32, 122, 83, .82), rgba(14, 71, 51, .88))}body.page-phases .traffic-medium{background:linear-gradient(180deg, rgba(168, 138, 38, .84), rgba(104, 84, 25, .9))}body.page-phases .traffic-high{background:linear-gradient(180deg, rgba(169, 54, 48, .88), rgba(100, 27, 29, .94))}body.page-phases .traffic-segment.is-current{outline:3px solid rgba(130, 238, 255, .86);outline-offset:-4px;filter:saturate(1.12) brightness(1.14)}body.page-phases .traffic-now-marker{position:absolute;top:-22px;left:var(--traffic-now, 0%);width:2px;height:128px;transform:translateX(-50%);background:#e9f9ff;box-shadow:0 0 14px rgba(106, 230, 255, .72);z-index:4}body.page-phases .traffic-now-marker::before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);background:#e9f9ff}body.page-phases .traffic-graph{display:grid;grid-template-columns:repeat(10, minmax(0, 1fr));align-items:end;gap:12px;height:180px;padding:18px 18px 30px;border:1px solid rgba(129, 209, 235, .24);background:linear-gradient(180deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 100% 25%, rgba(2, 10, 22, .5)}body.page-phases .traffic-graph span{position:relative;display:block;height:var(--traffic-height);min-height:18px;border:1px solid rgba(255, 255, 255, .16);border-radius:0}body.page-phases .traffic-graph b{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);color:#d9eff6;font-size:.78rem;font-weight:400}body.page-phases .traffic-legend{display:flex;justify-content:center;gap:18px;color:#d6ebf2}body.page-phases .traffic-legend span{display:inline-flex;align-items:center;gap:7px}body.page-phases .traffic-legend i{display:inline-block;width:18px;height:12px;border:1px solid rgba(255, 255, 255, .18)}:root{--app-standard-card-width: 1260px;--app-section-max-width: var(--app-standard-card-width);--app-section-side-gutter: clamp(14px, 3vw, 48px);--app-card-radius: 8px;--app-control-gap: 10px;--app-compact-text-min: 0;--nav-grid-columns: minmax(0, 1fr) auto;--nav-compact-grid-columns: minmax(0, 1fr) auto}@keyframes sharedPageContentFadeIn{from { opacity: 0; } to { opacity: 1; }}html body > :not(script):not(style){opacity:0}@media (prefers-reduced-motion: reduce){html body > :not(script):not(style){opacity:1}}html body{--section-max-width: var(--app-section-max-width);--section-side-gutter: var(--app-section-side-gutter)}html body,html body *{box-sizing:border-box}@media (max-width: 920px){html body :where(.time-zone-row, .progress-grid, .insight-grid, .phase-summary-dashboard, .weather-cycle-wrapper, .work-dashboard, .language-clock-grid, .binary-clock-grid, .alternate-week-table-wrap){scrollbar-width:thin}}@keyframes simulator-lightning-bolt{0%, 66%, 100% { opacity: 0; } 68%, 88% { opacity: .88; } 96% { opacity: 0; }}@keyframes simulator-tornado-cross{0% { left: 15%; opacity: 0; transform: translate(-50%, 0) scale(1.65); } 8%, 88% { opacity: .9; } 50% { left: 82%; transform: translate(-50%, 0) scale(1.9); } 100% { left: 38%; opacity: 0; transform: translate(-50%, 0) scale(1.7); }}@keyframes secondOrbitSpinFromTopFitted{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px); }}@keyframes secondOrbitSpinFromTopFitted{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px); }}@keyframes secondOrbitSpinActuallyMoves{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px) rotate(90deg); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px) rotate(-270deg); }}@property --second-orbit-angle{syntax:"<angle>";inherits:false;initial-value:-90deg}@keyframes secondOrbitAngleSpin{from { --second-orbit-angle: -90deg; } to { --second-orbit-angle: 270deg; }}@keyframes secondOrbitSynced{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px) rotate(90deg); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px) rotate(-270deg); }}@keyframes collect-card-pulse{0%, 100% { filter: brightness(1) saturate(1); box-shadow: 0 0 12px rgba(216, 152, 58, .28), 0 8px 18px rgba(0, 0, 0, .26); } 45% { filter: brightness(1.2) saturate(1.16); box-shadow: 0 0 30px rgba(255, 206, 88, .58), 0 0 10px rgba(99, 221, 156, .28), 0 12px 24px rgba(0, 0, 0, .34); }}@keyframes collect-cash-flight{0% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 72% { opacity: 1; transform: translate(calc(-50% + var(--fly-x)), calc(-50% + var(--fly-y))) scale(.72); } 100% { opacity: 0; transform: translate(calc(-50% + var(--fly-x)), calc(-50% + var(--fly-y))) scale(.32); }}@keyframes work-cards-button-glow{0%, 100% { filter: brightness(1); box-shadow: 0 0 18px rgba(220, 205, 91, .38), 0 8px 20px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 220, .16); } 50% { filter: brightness(1.18); box-shadow: 0 0 34px rgba(245, 227, 120, .68), 0 10px 26px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 220, .2); }}@keyframes work-cards-arrow-nudge{0%, 100% { transform: translate(-4px, -50%); } 50% { transform: translate(6px, -50%); }}html img[loading="lazy"],html iframe[loading="lazy"]{content-visibility:auto}html body :is(.stable-output, .weather-detail-value, .card-title-subline, .compact-top-lines){min-width:var(--stable-output-min-width, auto)}@keyframes secondBubbleOrbitSpin{from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); }}@keyframes secondOrbitButtonSpin{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(50px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(50px); }}@keyframes secondOrbitCleanSpin{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(50px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(50px); }}@keyframes secondOrbitIndependentSpin{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(64px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(64px); }}html body.page-phases{--cycles-day-planet-icon-size: 74px;--cycles-day-planet-icon-y: 10px;--cycles-week-label-column: 78px;--cycles-moon-card-width: 1180px;--cycles-moon-inner-width: 1170px}html body.page-phases #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon{--day-week-planet-surface: radial-gradient(circle at 30% 32%, #c8ced3 0 7%, transparent 8%), radial-gradient(circle at 62% 60%, #323942 0 11%, transparent 12%), radial-gradient(circle at 48% 42%, #707984 0 9%, transparent 10%), linear-gradient(135deg, #d8dde2, #78818d 58%, #252b33)}& #phaseSummaryCalendarIcon:is(*,#_).planet-sun{--day-week-planet-surface: radial-gradient(circle at 40% 35%, #fff5a8 0 18%, #f4bd3e 34%, #a74d1d 72%, #3a1d11 100%)}& #phaseSummaryCalendarIcon:is(*,#_).planet-moon{--day-week-planet-surface: radial-gradient(circle at 30% 32%, #c8ced3 0 7%, transparent 8%), radial-gradient(circle at 62% 60%, #323942 0 11%, transparent 12%), radial-gradient(circle at 48% 42%, #707984 0 9%, transparent 10%), linear-gradient(135deg, #d8dde2, #78818d 58%, #252b33)}& #phaseSummaryCalendarIcon:is(*,#_).planet-mars{--day-week-planet-surface: radial-gradient(circle at 62% 38%, rgba(63,28,20,.8) 0 9%, transparent 10%), repeating-linear-gradient(25deg, rgba(255,170,104,.16) 0 4px, rgba(76,26,22,.16) 4px 9px), linear-gradient(135deg, #a74932, #5d221f 64%, #281514)}& #phaseSummaryCalendarIcon:is(*,#_).planet-mercury{--day-week-planet-surface: radial-gradient(circle at 35% 30%, #b7ada0 0 8%, transparent 9%), radial-gradient(circle at 62% 58%, rgba(40,34,30,.75) 0 8%, transparent 9%), linear-gradient(135deg, #777066, #aaa092 45%, #4e4944)}& #phaseSummaryCalendarIcon:is(*,#_).planet-jupiter{--day-week-planet-surface: radial-gradient(ellipse at 65% 58%, rgba(151,66,47,.9) 0 9%, transparent 10%), repeating-linear-gradient(180deg, #c7ad89 0 5px, #7d6048 5px 10px, #d1c0a4 10px 14px, #4f3b32 14px 20px)}& #phaseSummaryCalendarIcon:is(*,#_).planet-venus{--day-week-planet-surface: repeating-linear-gradient(170deg, rgba(255,235,176,.24) 0 5px, rgba(111,75,34,.2) 5px 11px), linear-gradient(135deg, #d2a05e, #7f512e 62%, #3e2c22)}& #phaseSummaryCalendarIcon:is(*,#_).planet-saturn{--day-week-planet-surface: linear-gradient(135deg, #c2aa7d, #6b5943 58%, #2d2720)}}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table-wrap:is(*,._){--alternate-week-progress: var(--alternate-week-progress, 0%)}html body.page-phases:is(*,._) .seasonal-chart-label.spring{left:14%}html body.page-phases:is(*,._) .seasonal-chart-label.summer{left:38%}html body.page-phases:is(*,._) .seasonal-chart-label.fall{left:62%}html body.page-phases:is(*,._) .seasonal-chart-label.winter{right:8%}html body{--first-card-top-gap: 20px}html body{--delayed-data-wait: 1s;--delayed-data-fade: .55s}html body:not(.delayed-data-visible).page-weather #local-weatherSection:is(*,#_) :is( #weatherCityNameWrapper, #todayWeatherCity, #todayWeatherZip, #weatherThermometer, .weather-temp-control-wrap, #todayWeatherTemp, #todayWeatherMainCondition, #todayWeatherIcon, #localForecastStrip ),html body:not(.delayed-data-visible).page-time #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, #digitalClock, #currentDate, #topSecondsToggle ),html body:not(.delayed-data-visible).page-time #languageClocksSection:is(*,#_) .time-readout strong,html body:not(.delayed-data-visible).page-time :is( #utcTimeHero, #utcTime, #mainTime, #militaryTime, #romanTime, #greekTime, #arabicTime, #japaneseTime, #kanjiTime, #chineseTime, #devanagariTime, #thaiTime, #indianTime, #binaryTime ),html body:not(.delayed-data-visible).page-geography #weatherGeographySection:is(*,#_) :is( #localGeographySummary, #localGeoFullLocation, #localGeoCoordinates, #localGeoLatitudeZone, #localGeoHemisphere, #localGeoTimezone, #localElevation, #localElevationDetail, #localClimateType, #localClimateDetail, #localCoastDistance, #localCoastDetail, #localLandscapeType, #localLandscapeDetail, #localLandscapePreview ),html body:not(.delayed-data-visible).page-phases #phaseSummaryDashboard:is(*,#_) :is( .phase-summary-grid strong, .phase-summary-grid em, .phase-summary-grid small, .phase-summary-grid .phase-summary-icon, .phase-summary-circle-row .day-phase-visual, .phase-summary-circle-row .moon-summary-position-circle ){will-change:opacity, visibility}html body.delayed-data-visible.page-phases #phaseSummaryDashboard:is(*,#_) :is( .phase-summary-grid strong, .phase-summary-grid em, .phase-summary-grid small, .phase-summary-grid .phase-summary-icon, .phase-summary-circle-row .day-phase-visual, .phase-summary-circle-row .moon-summary-position-circle ){will-change:auto}:root{--site-responsive-edge-gap: 24px;--site-responsive-first-gap: 8px;--site-responsive-design-width: 1260px}@media (max-width: 760px){html.mobile-low-power body :is(main.shell > section, main.home-shell > section, main.home-test-shell > section, .progress-card:not(:where(#workweekCard)), .timeline-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .rainfall-card, .snowfall-card, .wind-card, .air-card, .geography-card, .calendar-summary-popup-button, .work-test-slider-card, .mini-progress-card){content-visibility:auto;contain-intrinsic-size:640px}}html body.page-home-test{--site-responsive-design-width: 1320px}html body.page-phases{--site-responsive-design-width: 1260px}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-card-title-font: 1rem}html{-webkit-text-size-adjust:118%;text-size-adjust:118%}}@media (max-width: 520px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 0px}html{-webkit-text-size-adjust:124%;text-size-adjust:124%}}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-subtitle-font: 1rem;--mobile-label-font: .76rem;--mobile-icon-size: 2.05rem}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-page-pad: 6px;--mobile-card-gap: 10px;--mobile-card-radius: 8px;--mobile-section-font: 1.08rem;--mobile-small-font: .76rem;--mobile-data-font: .98rem;width:100%;min-width:0;max-width:100vw}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-title-font: 1.22rem;--mobile-section-title-font: 1.08rem;--mobile-body-font: .94rem;--mobile-table-font: .78rem;--mobile-icon-box: 2.35rem;--mobile-icon-font: 1.75rem}}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 24px;--site-responsive-first-gap: 10px;--app-body-font: 16px;--app-small-font: 13px;--app-label-font: 14px;--app-table-font: 14px;--app-section-title-font: 22px;--app-page-title-font: 24px;--app-icon-sm: 20px;--app-icon-md: 28px;--app-icon-lg: 42px}html body img,html body svg,html body canvas{max-width:100%}@media (max-width: 1280px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 16px;--site-responsive-first-gap: 10px;--app-body-font: 15.5px;--app-table-font: 13.5px;--app-section-title-font: 21px;--app-page-title-font: 23px}}@media (max-width: 980px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 10px;--app-body-font: 15px;--app-table-font: 13px;--app-section-title-font: 20px;--app-page-title-font: 22px;--app-icon-sm: 18px;--app-icon-md: 25px;--app-icon-lg: 36px}}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 8px;--site-responsive-first-gap: 8px;--app-body-font: 15px;--app-small-font: 12.5px;--app-label-font: 13px;--app-table-font: 12.5px;--app-section-title-font: 19px;--app-page-title-font: 20px;--app-icon-sm: 18px;--app-icon-md: 24px;--app-icon-lg: 34px}}:root{--app-icon-xs: 16px;--app-icon-sm: 22px;--app-icon-md: 36px;--app-icon-lg: 72px;--app-icon-xl: 116px;--app-icon-fit: contain;--app-icon-logo: url("../home/site-logo-cloud-sunset.svg?v=a9577319d510");--app-icon-gear: url("../icons/ui/gear.svg");--app-icon-donut: url("../icons/decorative/donut.png");--app-icon-coffee: url("../icons/decorative/coffee.png");--app-icon-weather-clear: url("../icons/decorative/weather-clear.png");--app-icon-weather-partly: url("../icons/decorative/weather-partly.png");--app-icon-weather-cloud: url("../icons/decorative/weather-cloud.png");--app-icon-weather-rain: url("../icons/decorative/weather-rain.png");--app-icon-weather-snow: url("../icons/decorative/weather-snow.png");--app-icon-weather-storm: url("../icons/decorative/weather-storm.png");--app-icon-weather-fog: url("../icons/decorative/weather-fog.png")}.weather-asset-clear{--app-weather-icon: var(--app-icon-weather-clear)}.weather-asset-partly{--app-weather-icon: var(--app-icon-weather-partly)}.weather-asset-cloud{--app-weather-icon: var(--app-icon-weather-cloud)}.weather-asset-rain{--app-weather-icon: var(--app-icon-weather-rain)}.weather-asset-snow{--app-weather-icon: var(--app-icon-weather-snow)}.weather-asset-storm{--app-weather-icon: var(--app-icon-weather-storm)}.weather-asset-fog{--app-weather-icon: var(--app-icon-weather-fog)}html body{--readability-tiny-font: 15px;--readability-tiny-line: 1.34}@media (max-width: 760px){html body{--readability-tiny-font: 14px}}html body{--app-standard-page-shell-width: 1530px;--app-standard-page-card-width: 1480px;--app-standard-page-card-radius: 18px;--app-standard-page-side-gutter: 48px}@media (max-width: 760px){html body{--app-standard-page-side-gutter: 22px}}html body.page-phases:is(*,._._) .natural-calendar-circle{--natural-circle-size: clamp(410px, 48vw, 540px);--natural-circle-label-radius: calc(var(--natural-circle-size) * .405);--natural-circle-progress: 0deg;--natural-circle-gradient: conic-gradient(from -90deg, #28586d, #3f766f, #30445f, #28586d)}@media (max-width: 720px){html body.page-phases:is(*,._._) .natural-calendar-circle,html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){--natural-circle-size: min(82vw, 360px);--natural-circle-label-radius: calc(var(--natural-circle-size) * .4)}}html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_){--moon-information-circle-size: 360px}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_){--moon-information-circle-size: 300px}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) .seasonal-direction-track:is(*,._){--direction-axis-y: 86px}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) .seasonal-direction-track:is(*,._){--direction-axis-y: 100px}}html body.page-phases .planet-icon.planet-sun{--planet-png: url("../../phases/assets/planets/sun.png")}html body.page-phases .planet-icon.planet-moon{--planet-png: url("../../phases/assets/planets/moon.png")}html body.page-phases .planet-icon.planet-mars{--planet-png: url("../../phases/assets/planets/mars.png")}html body.page-phases .planet-icon.planet-mercury{--planet-png: url("../../phases/assets/planets/mercury.png")}html body.page-phases .planet-icon.planet-jupiter{--planet-png: url("../../phases/assets/planets/jupiter.png")}html body.page-phases .planet-icon.planet-venus{--planet-png: url("../../phases/assets/planets/venus.png")}html body.page-phases .planet-icon.planet-saturn{--planet-png: url("../../phases/assets/planets/saturn.png")}html body.page-phases #gregorianYearCard .calendar-circle-stage{--calendar-ring-gradient: #0b3358 0deg 30deg, #104769 30deg 60deg, #155b75 60deg 90deg, #146c82 90deg 120deg, #1e7d89 120deg 150deg, #2c7980 150deg 180deg, #315c70 180deg 210deg, #28465e 210deg 240deg, #1f3850 240deg 270deg, #193047 270deg 300deg, #12293e 300deg 330deg, #0d2740 330deg 360deg}html body.page-phases #seasonCard .calendar-circle-stage{--calendar-ring-gradient: #0d5f39 0deg 90deg, #176f95 90deg 180deg, #9c4d17 180deg 270deg, #163c7b 270deg 360deg}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_).planet-icon.planet-sun:is(*,._){--rayless-sun-body-size: 72px}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._){--rayless-sun-body-size: 54px}@media (max-width: 760px){html body.page-phases:is(*,._._._) #dayNightPhaseCombinedScale.day-night-phase-combined-scale{--day-night-track-height: 780px}}html body.page-phases:is(*,._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card:is(*,._){--moon-information-circle-size: 360px}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card:is(*,._){--moon-information-circle-size: 300px}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight-start, .period-circle-major-label.label-evening-twilight-end ){--period-major-radius: min(54vw, 430px)}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight-start, .period-circle-major-label.label-evening-twilight-end ){--period-major-radius: min(62vw, 260px)}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){--period-major-radius: min(52vw, 410px)}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){--period-major-radius: min(60vw, 248px)}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale .period-circle-time-label[data-minute="1320"]{--period-time-radius: min(48.9vw, 330px)}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale{& .period-circle-time-label{--period-time-radius: min(45vw, 186px)}& .period-circle-time-label[data-minute="1320"]{--period-time-radius: min(43vw, 178px)}}}html body.page-phases:is(*,._._._._._._._._) #seasonalSunDeclinationCard:is(*,#_#_#_){& .solar-declination-legend-item:is(*,._){--declination-legend-color: #d8f7fb}& .solar-declination-legend-item.is-current{--declination-legend-color: #ff8b67}& .solar-declination-legend-item.is-summer{--declination-legend-color: #ffd166}& .solar-declination-legend-item.is-equinox{--declination-legend-color: #63e6ad}& .solar-declination-legend-item.is-winter{--declination-legend-color: #68aef5}& .solar-declination-definition-table:is(*,._) tbody tr{--declination-definition-color: #d8f7fb}& .solar-declination-definition-table tbody tr.is-current{--declination-definition-color: #ff8b67}& .solar-declination-definition-table tbody tr.is-summer{--declination-definition-color: #ffd166}& .solar-declination-definition-table tbody tr.is-equinox{--declination-definition-color: #63e6ad}& .solar-declination-definition-table tbody tr.is-winter{--declination-definition-color: #68aef5}}html body.page-phases .planet-icon.planet-moon{--weekday-planet-art-size: 71px;--summary-planet-art-size: 111px}html body.page-phases .planet-icon.planet-mars{--weekday-planet-art-size: 73px;--summary-planet-art-size: 114px}html body.page-phases .planet-icon.planet-mercury{--weekday-planet-art-size: 75px;--summary-planet-art-size: 117px}html body.page-phases .planet-icon.planet-jupiter{--weekday-planet-art-size: 64px;--summary-planet-art-size: 100px}html body.page-phases .planet-icon.planet-venus{--weekday-planet-art-size: 71px;--summary-planet-art-size: 112px}html body.page-phases{--natural-shared-circle-size: min(88vw, 460px)}@media (max-width: 560px){html body.page-phases{--natural-shared-circle-size: 460px}}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{--week-wheel-size: clamp(340px, 42vw, 470px)}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{--week-wheel-size: 470px}}html body.page-phases:is(*,._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon.moon-sky-position-wheel{& .moon-sky-n{left:50%;transform:translateX(-50%)}& .moon-sky-e{top:50%;transform:translateY(-50%)}& .moon-sky-s{left:50%;transform:translateX(-50%)}& .moon-sky-w{top:50%;transform:translateY(-50%)}}html body.page-phases:is(*,._._._._._) #lunarMonthCard:is(*,#_#_#_) .moon-live-view:is(*,._){--moon-live-sky: linear-gradient(180deg, #06121e 0%, #030912 58%, #010408 100%)}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_){& .moon-live-view.is-before-sunset{--moon-live-sky: linear-gradient(180deg, #0a2032 0%, #061522 52%, #020912 100%)}& .moon-live-view.is-after-sunset{--moon-live-sky: linear-gradient(180deg, #02060b 0%, #010307 58%, #000 100%)}}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-sun, #phaseOrderDayNames .alternate-week-planet-image-row .planet-sun ){--flat-weekday-planet-surface: repeating-linear-gradient( 0deg, rgba(255, 236, 166, .12) 0 2px, rgba(193, 119, 38, .1) 2px 5px ), linear-gradient(#d99c36, #d99c36)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-moon, #phaseOrderDayNames .alternate-week-planet-image-row .planet-moon ){--flat-weekday-planet-surface: radial-gradient(circle at 29% 28%, #6d747a 0 7%, transparent 8%), radial-gradient(circle at 67% 38%, #777e84 0 5%, transparent 6%), radial-gradient(circle at 40% 70%, #6c7379 0 8%, transparent 9%), radial-gradient(circle at 72% 72%, #747b81 0 10%, transparent 11%), linear-gradient(#969da1, #969da1)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-mars, #phaseOrderDayNames .alternate-week-planet-image-row .planet-mars ){--flat-weekday-planet-surface: radial-gradient(ellipse at 36% 31%, #8e3d2d 0 9%, transparent 10%), radial-gradient(ellipse at 68% 61%, #8b3a2e 0 12%, transparent 13%), radial-gradient(ellipse at 36% 73%, #91402f 0 7%, transparent 8%), linear-gradient(#bd6044, #bd6044)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-mercury, #phaseOrderDayNames .alternate-week-planet-image-row .planet-mercury ){--flat-weekday-planet-surface: radial-gradient(circle at 30% 29%, #766f66 0 7%, transparent 8%), radial-gradient(circle at 64% 33%, #777067 0 5%, transparent 6%), radial-gradient(circle at 69% 70%, #726b62 0 10%, transparent 11%), radial-gradient(circle at 37% 73%, #756e65 0 7%, transparent 8%), linear-gradient(#a49a8e, #a49a8e)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-jupiter, #phaseOrderDayNames .alternate-week-planet-image-row .planet-jupiter ){--flat-weekday-planet-surface: radial-gradient(ellipse at 68% 66%, #9d553e 0 7%, transparent 8%), repeating-linear-gradient( 180deg, #cdb48e 0 9%, #8b694f 10% 19%, #dac8a8 20% 29%, #6f5142 30% 38% )}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-venus, #phaseOrderDayNames .alternate-week-planet-image-row .planet-venus ){--flat-weekday-planet-surface: repeating-linear-gradient( 168deg, #d1a765 0 9%, #b58142 10% 18%, #e0bc78 19% 27%, #9b6b39 28% 37% )}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-saturn, #phaseOrderDayNames .alternate-week-planet-image-row .planet-saturn ){--flat-weekday-planet-surface: repeating-linear-gradient( 174deg, #d9c086 0 9%, #b99861 10% 18%, #8b6c45 19% 27%, #caae72 28% 36%, #755a3d 37% 44% )}html body.page-phases:is(*,._._._._) #julianYearCard:is(*,#_#_) .calendar-circle-stage:is(*,._){--calendar-ring-gradient: #0b3358 0deg 30deg, #104769 30deg 60deg, #155b75 60deg 90deg, #146c82 90deg 120deg, #1e7d89 120deg 150deg, #2c7980 150deg 180deg, #315c70 180deg 210deg, #28465e 210deg 240deg, #1f3850 240deg 270deg, #193047 270deg 300deg, #12293e 300deg 330deg, #0d2740 330deg 360deg}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_) #dayNightPhaseCombinedScale.day-night-phase-circular-scale{--day-night-marker-angle: 0deg;--circle-phase-radius: min(39vw, 238px);--circle-time-radius: min(31vw, 190px);--circle-major-radius: min(47vw, 288px);--circle-marker-radius: min(36vw, 220px)}@media (max-width: 720px){html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_) #dayNightPhaseCombinedScale.day-night-phase-circular-scale{--circle-phase-radius: 198px;--circle-time-radius: 155px;--circle-major-radius: 230px;--circle-marker-radius: 180px}}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_){& #periodScale.period-circle-scale{--period-marker-angle: 0deg;--period-phase-radius: min(31vw, 190px);--period-major-radius: min(45vw, 340px);--period-marker-radius: calc(min(41.55vw, 280px) - 10px);--period-label-extra-radius: 78px}& #periodScale.period-circle-scale .period-circle-phase-label.label-late-night{--period-phase-radius: min(35vw, 214px)}& #periodScale.period-circle-scale .period-circle-phase-label.label-evening-twilight{--period-phase-radius: min(31vw, 190px)}}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale.period-circle-scale{--period-phase-radius: 185px;--period-major-radius: 220px;--period-marker-radius: 190px;--period-label-extra-radius: 0px}}html body{--shared-page-top-gap: 20px}@media (max-width: 760px){html body{--shared-page-top-gap: 20px}}html body.page-phases #phaseSummaryDashboard{& .phase-summary-sun-row > :nth-child(1){--overview-card-start: #123846;--overview-card-mid: #1b4c59;--overview-card-end: #0b2632;--overview-card-border: rgba(91, 196, 208, .34)}& .phase-summary-sun-row > :nth-child(2){--overview-card-start: #17364b;--overview-card-mid: #225068;--overview-card-end: #0e273a;--overview-card-border: rgba(104, 177, 215, .34)}& .phase-summary-sun-row > :nth-child(3){--overview-card-start: #1a3048;--overview-card-mid: #28435f;--overview-card-end: #101f33;--overview-card-border: rgba(118, 164, 211, .32)}& .phase-summary-daily-row > :nth-child(1){--overview-card-start: #153d42;--overview-card-mid: #205357;--overview-card-end: #0d292f;--overview-card-border: rgba(105, 194, 184, .32)}& .phase-summary-daily-row > :nth-child(2){--overview-card-start: #163844;--overview-card-mid: #224b58;--overview-card-end: #0d2733;--overview-card-border: rgba(101, 189, 202, .31)}& .phase-summary-daily-row > :nth-child(3){--overview-card-start: #202f48;--overview-card-mid: #33435e;--overview-card-end: #141f33;--overview-card-border: rgba(139, 157, 207, .31)}& .phase-summary-moon-row > :nth-child(1){--overview-card-start: #173445;--overview-card-mid: #234a59;--overview-card-end: #0d2432;--overview-card-border: rgba(102, 184, 207, .32)}& .phase-summary-moon-row > :nth-child(2){--overview-card-start: #1a304b;--overview-card-mid: #29435f;--overview-card-end: #101f35;--overview-card-border: rgba(119, 157, 215, .32)}& .phase-summary-moon-row > :nth-child(3){--overview-card-start: #242e4b;--overview-card-mid: #38415e;--overview-card-end: #171d34;--overview-card-border: rgba(145, 153, 207, .32)}& .phase-summary-year-row > :nth-child(1){--overview-card-start: #163a3b;--overview-card-mid: #245052;--overview-card-end: #0d282b;--overview-card-border: rgba(100, 188, 177, .31)}& .phase-summary-year-row > :nth-child(2){--overview-card-start: #1d3348;--overview-card-mid: #2b4a60;--overview-card-end: #112438;--overview-card-border: rgba(111, 173, 207, .31)}& .phase-summary-year-row > :nth-child(3){--overview-card-start: #222f4a;--overview-card-mid: #35435e;--overview-card-end: #151f34;--overview-card-border: rgba(134, 157, 207, .31)}}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .day-night-phases-scale-mount{width:min(100%, 1080px);margin:24px auto 0}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-scale{width:100%;padding:14px 74px 6px}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-block > h4{position:relative;top:0;order:1;z-index:6;display:block;margin:0 0 12px;color:#a9d8df;font-size:1rem;font-weight:800;letter-spacing:.12em;line-height:1;text-align:center}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .is-night-block > h4{position:relative;left:auto;top:0;margin:0 0 12px;color:#b9b1d6;transform:none}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-block{position:relative;display:grid;grid-template-columns:minmax(0, 1fr)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-block + .daylight-phase-block{margin-top:36px;padding-top:0;border-top:0}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels{position:relative;left:auto;right:auto;order:2;z-index:7;display:flex;align-items:start;justify-content:space-between;min-height:38px;margin:0 0 10px;color:#b8dce4;pointer-events:none}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels > span{position:relative;display:grid;gap:2px;text-align:center}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels > span:first-child{align-items:center;text-align:center;transform:translateX(-50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels > span:last-child{align-items:center;text-align:center;transform:translateX(50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels b{order:2;color:#f2cb83;font-size:1rem}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels small{order:1;color:#ffad5a;font-weight:700;text-shadow:0 0 7px rgba(255, 154, 66, .24)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-track{order:3;position:relative;display:grid;grid-template-columns:var(--daylight-segment-columns, repeat(var(--daylight-segment-count, 6), minmax(0, 1fr)));min-height:94px;overflow:visible;border:2px solid rgba(139, 216, 224, .52);border-radius:0;background:#0a2533;box-shadow:inset 0 0 24px rgba(3, 18, 26, .42), 0 10px 22px rgba(0, 0, 0, .16)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-track{border-inline-color:#ef9950}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-track::before,html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-track::after{content:"";display:none;position:absolute;top:0;z-index:6;width:2px;height:0;background:#ef9950;box-shadow:0 0 6px rgba(239, 153, 80, .34);pointer-events:none}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-track::before{left:-2px}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-track::after{right:-2px}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-segment{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:12px 5px;color:#d7edf0;text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--daylight-segment-color) 88%, #173848), color-mix(in srgb, var(--daylight-segment-color) 58%, #102b39));border-right:1px solid rgba(202, 240, 239, .26)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-segment:first-child{border-radius:0}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-segment:last-of-type{border-right:0;border-radius:0}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-segment b{color:#e9f5f3;font-size:15px;line-height:1.2}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-segment small{color:#b9d4d6;font-size:12px;line-height:1.35}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker{position:absolute;left:var(--daylight-marker-left, 50%);top:-9px;bottom:-9px;z-index:5;width:3px;border-radius:0;background:#f6d36f;box-shadow:0 0 9px rgba(246, 211, 111, .66);opacity:0;transform:translateX(-50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker::before{content:"";position:absolute;left:50%;top:-6px;width:13px;height:13px;border:2px solid #fff0aa;border-radius:50%;background:#e7aa31;transform:translateX(-50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker b{position:absolute;left:50%;top:-43px;bottom:auto;padding:4px 9px;border:1px solid rgba(246, 211, 111, .38);border-radius:7px;color:#f4d985;font-size:.82rem;font-weight:700;white-space:nowrap;background:#0a2230;transform:translateX(-50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker.is-current-track{opacity:1}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker.is-night-marker{background:#aeb8f1;box-shadow:0 0 9px rgba(174, 184, 241, .62)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker.is-night-marker::before{border-color:#dce2ff;background:#7582c1}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker.is-night-marker b{border-color:rgba(174, 184, 241, .38);color:#cbd3ff}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-labels{order:4;position:relative;height:34px;margin-top:13px}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label{position:absolute;left:var(--daylight-boundary-left);color:#8eb9c2;font-size:1rem;white-space:nowrap;transform:translateX(-50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-landmark-label{display:grid;gap:1px;justify-items:center;line-height:1.05;color:#d8eff4}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-landmark-label b{color:#f2cb83;font-size:.8em}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-landmark-label small{color:#a8cad1;font-size:.72em}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-middle-of-night-label b{color:#c6d7ff}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-midnight-label{transform:translate(-50%, 56px)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-midnight-label::before,html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker > b::before{content:"";position:absolute;left:50%;width:0;height:0;border-inline:6px solid transparent;border-top:9px solid #ffe76a;filter:drop-shadow(0 0 5px rgba(255, 223, 75, .96));transform:translateX(-50%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-midnight-label::before{top:-13px}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-marker > b::before{top:-12px}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-sunrise{transform:none}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label.is-sunset{transform:translateX(-100%)}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-boundary-label:is(.is-sunrise, .is-sunset){display:none}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-phase-explanation{max-width:760px;margin:8px auto 0;color:#86aeb7;font-size:.78rem;line-height:1.5;text-align:center}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_){& .daylight-phase-marker:is(*,._) > b{border-color:rgba(91, 171, 213, .76);box-shadow:0 3px 9px rgba(2, 12, 24, .5), 0 0 8px rgba(54, 145, 194, .18)}& .daylight-phase-marker.is-night-marker:is(*,._) > b{background:linear-gradient(135deg, #0b314b, #124663)}& .daylight-phase-segment > b{position:relative;z-index:7}}html body.page-phases:is(*,._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_){& .is-daylight-block > h4{--phase-heading-half-width: 25px}& .is-night-block > h4{--phase-heading-half-width: 36px}& .daylight-phase-block > h4{/**/ --phase-heading-rule-width: clamp(46px, 7vw, 64px)}& .daylight-phase-block > h4::before,& .daylight-phase-block > h4::after{content:"";position:absolute;top:50%;width:var(--phase-heading-rule-width);height:1px;opacity:.72;transform:translateY(-50%)}& .daylight-phase-block > h4::before{right:calc(50% + var(--phase-heading-half-width));background:linear-gradient(90deg, transparent, currentColor)}& .daylight-phase-block > h4::after{left:calc(50% + var(--phase-heading-half-width));background:linear-gradient(90deg, currentColor, transparent)}}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_){& .daylight-phase-block{--daylight-edge-pointer-length: 70px;--daylight-edge-label-gap: 8px}& .daylight-edge-labels:is(*,._) > span::before{content:"";position:absolute;top:calc(-1 * var(--daylight-edge-pointer-length) + 7px);left:50%;width:1px;height:calc(var(--daylight-edge-pointer-length) - 7px);background:linear-gradient(to top, rgba(242, 196, 146, .38), #ef9950);box-shadow:0 0 5px rgba(239, 153, 80, .34);transform:translateX(-50%)}& .daylight-edge-labels:is(*,._) > span::after{content:"";position:absolute;top:calc(-1 * var(--daylight-edge-pointer-length));left:50%;border-right:5px solid transparent;border-bottom:8px solid #ef9950;border-left:5px solid transparent;filter:drop-shadow(0 0 3px rgba(239, 153, 80, .45));transform:translateX(-50%)}}html body.page-phases #phaseBottomWeekHistorySection{box-sizing:border-box;width:100%;margin:0;padding:0}html body.page-phases #phaseBottomWeekHistorySection{& .week-origins-history{box-sizing:border-box;width:min(100%, var(--app-standard-page-card-width, 1480px));max-width:var(--app-standard-page-card-width, 1480px);margin:16px auto;padding:clamp(20px, 3vw, 30px);border:1px solid rgba(120, 176, 190, .34);border-radius:var(--app-standard-page-card-radius, 24px);background:radial-gradient(circle at 12% 0%, rgba(70, 126, 145, .16), transparent 36%), radial-gradient(circle at 88% 8%, rgba(118, 91, 147, .14), transparent 34%), linear-gradient(145deg, rgba(14, 41, 53, .96), rgba(27, 39, 57, .97));box-shadow:inset 0 1px 0 rgba(207, 237, 239, .05), 0 12px 28px rgba(2, 15, 22, .22)}& .week-origins-head{max-width:860px;margin:0 auto 20px;text-align:center}& .week-origins-icon{position:relative;display:block;width:54px;height:54px;margin:0 auto 10px;border:2px solid rgba(131, 214, 219, .66);border-radius:50%;background:radial-gradient(circle at center, #e7c576 0 5px, transparent 6px), conic-gradient(from -12deg, rgba(109, 194, 200, .86) 0 9deg, transparent 9deg 50deg, rgba(109, 194, 200, .86) 50deg 59deg, transparent 59deg 102deg, rgba(109, 194, 200, .86) 102deg 111deg, transparent 111deg 154deg, rgba(109, 194, 200, .86) 154deg 163deg, transparent 163deg 206deg, rgba(109, 194, 200, .86) 206deg 215deg, transparent 215deg 258deg, rgba(109, 194, 200, .86) 258deg 267deg, transparent 267deg 310deg, rgba(109, 194, 200, .86) 310deg 319deg, transparent 319deg), radial-gradient(circle, rgba(19, 57, 70, .98), rgba(15, 35, 54, .98));box-shadow:0 0 0 5px rgba(75, 151, 160, .09)}& .week-origins-icon::after{content:"7";position:absolute;inset:0;display:grid;place-items:center;color:#f4d58e;font-family:Georgia, "Times New Roman", serif;font-size:1.25rem;font-weight:700}& .week-origins-head h3{margin:0;color:#9bdde3;font-family:Georgia, "Times New Roman", serif;font-size:clamp(1.45rem, 2.4vw, 1.9rem);font-weight:700;text-transform:none}& .week-origins-answer{margin:10px auto 0;color:#bad1d8;font-size:.96rem;line-height:1.6}& .week-origins-answer strong{color:#e7ca8b}& .week-origins-timeline{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:11px;max-width:960px;margin:0 auto 20px}& .week-origins-timeline article{min-width:0;padding:17px 18px;border:1px solid rgba(112, 167, 183, .24);border-radius:13px;background:linear-gradient(145deg, rgba(8, 31, 43, .68), rgba(35, 42, 62, .68));text-align:center}& .week-origins-timeline :is(span,strong){display:block;text-transform:none}& .week-origins-timeline span{margin-bottom:5px;color:#d6b77c;font-size:.78rem;font-weight:700}& .week-origins-timeline strong{color:#a8dce2;font-size:1rem}& .week-origins-timeline p{margin:7px 0 0;color:#afc7cf;font-size:.87rem;line-height:1.52}& .week-name-history-table-wrap{max-width:960px;margin:0 auto;overflow-x:auto;border:1px solid rgba(117, 171, 189, .3);border-radius:13px}& .week-name-history-table{width:100%;min-width:720px;border-collapse:collapse;background:rgba(7, 27, 40, .56);color:#c1d4da;font-size:.86rem}& .week-name-history-table caption{padding:14px 16px;background:rgba(38, 63, 79, .74);color:#9ed7df;font-family:Georgia, "Times New Roman", serif;font-size:1.08rem;font-weight:700;text-align:center}& .week-name-history-table :is(th,td){padding:10px 12px;border-bottom:1px solid rgba(120, 164, 180, .18);text-align:left}& .week-name-history-table thead th{background:rgba(52, 72, 91, .62);color:#d2e6e9;font-weight:700}& .week-name-history-table tbody th{color:#e2c47f;font-weight:700}& .week-name-history-table tbody tr:nth-child(even){background:rgba(74, 72, 101, .15)}& .week-name-history-table tbody tr:last-child :is(th,td){border-bottom:0}& .week-origins-modern-note{max-width:900px;margin:18px auto 0;padding:15px 18px;border:1px solid rgba(105, 145, 174, .36);border-radius:12px;background:rgba(34, 51, 70, .42);text-align:center}& .week-origins-modern-note strong{display:block;color:#adcce2;font-size:.94rem}& .week-origins-modern-note p{margin:6px 0 0;color:#b7c9d0;font-size:.86rem;line-height:1.5}& .week-origins-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 12px;max-width:930px;margin:17px auto 0;color:#8daab3;font-size:.75rem}& .week-origins-sources span{color:#b9cbd0;font-weight:700}& .week-origins-sources a{color:#8ccbd7;text-decoration-color:rgba(140, 203, 215, .42);text-underline-offset:3px}}@media (max-width: 760px){html body.page-phases #phaseBottomWeekHistorySection{& .week-origins-history{width:calc(100% - 12px);padding:20px 13px}& .week-origins-timeline{grid-template-columns:1fr}}}html body.page-phases:not(.page-calendars) #calendarDefinitionCard:is(*,#_)::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(137, 218, 235, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(137, 218, 235, .035) 1px, transparent 1px);background-size:34px 34px;pointer-events:none}html body.page-phases:not(.page-calendars) #calendarDefinitionCard{& .defining-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;max-width:800px;margin:0 auto 26px;text-align:center}& .defining-day-header > div{display:grid;justify-items:center;width:100%}& .defining-day-header-icon{display:grid;flex:0 0 72px;width:72px;height:72px;place-items:center;border:1px solid rgba(255, 215, 105, .48);border-radius:50%;background:radial-gradient(circle, rgba(255, 211, 90, .24), rgba(255, 184, 62, .08) 58%, transparent 60%);color:#ffd66e;font-size:3.1rem;line-height:1;box-shadow:0 0 24px rgba(255, 199, 74, .13), inset 0 0 16px rgba(255, 225, 139, .08)}& .defining-day-eyebrow{display:block;margin-bottom:4px;color:#83d8e8;font-size:.78rem;font-weight:750;letter-spacing:.16em}& .defining-day-panel{position:relative;box-sizing:border-box;min-width:0;border:1px solid rgba(122, 207, 224, .23);border-radius:18px;background:linear-gradient(145deg, rgba(24, 65, 79, .72), rgba(13, 42, 55, .83));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045)}& .defining-day-panel-primary{border-color:rgba(255, 209, 91, .32);background:linear-gradient(145deg, rgba(76, 66, 37, .52), rgba(20, 48, 57, .84))}& .defining-day-panel-icon{position:absolute;top:20px;left:20px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(116, 211, 231, .34);border-radius:12px;background:rgba(9, 34, 46, .72);color:#91e3ef;font-size:1.35rem;line-height:1}& .defining-day-panel-primary .defining-day-panel-icon{border-color:rgba(255, 208, 88, .38);color:#ffd46e}& .defining-day-panel ul{display:grid;gap:7px;list-style:none}& .defining-day-panel li{position:relative;padding-left:15px}& .defining-day-panel li::before{content:"";position:absolute;top:.65em;left:0;width:5px;height:5px;border-radius:50%;background:#72d5e5;box-shadow:0 0 7px rgba(114, 213, 229, .45)}& .defining-day-panel li b{color:#f6d478}& .defining-day-equation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin-top:16px;color:#dffaff}& .defining-day-equation span{padding:7px 12px;border:1px solid rgba(255, 210, 93, .28);border-radius:999px;background:rgba(11, 38, 48, .7)}& .defining-day-equation b{color:#f1c75f;font-size:1.15rem}& .defining-day-highlight{padding-top:12px;border-top:1px solid rgba(123, 207, 226, .2);font-weight:650}}@media (max-width: 760px){html body.page-phases:not(.page-calendars) #calendarDefinitionCard .defining-day-header{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 430px){html body.page-phases:not(.page-calendars) #calendarDefinitionCard .defining-day-panel-icon{top:17px;left:18px}}:root{--site-card-title-font: Georgia, "Times New Roman", serif}:root{--site-font-title: Georgia, "Times New Roman", serif;--site-font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;--site-font-interface: "Segoe UI", Arial, sans-serif;--site-font-mono: "Cascadia Mono", Consolas, "Courier New", monospace;--site-title-size: 2rem;--site-title-weight: 700;--site-title-line-height: 1.15;--site-title-letter-spacing: 0.01em;--site-subtitle-size: 1.25rem;--site-subtitle-weight: 600;--site-subtitle-line-height: 1.35;--site-section-title-size: 1.25rem;--site-section-title-weight: 600;--site-section-title-line-height: 1.3;--site-body-size: 1rem;--site-body-weight: 400;--site-body-line-height: 1.55;--site-label-size: 0.9375rem;--site-label-weight: 600;--site-label-line-height: 1.35;--site-value-size: 1rem;--site-value-weight: 600;--site-value-line-height: 1.4;--site-caption-size: 0.875rem;--site-caption-weight: 400;--site-caption-line-height: 1.45;--site-table-size: 1rem;--site-chart-size: 0.875rem;--site-chart-text-color: #d9f1f7;--site-chart-muted-text-color: #b9d8e2;--site-title-color: #79d7ff;--site-subtitle-color: #a8d8e8;--site-body-color: #d8e7ed;--site-label-color: #acd0dc;--site-value-color: #edf9fb;--site-caption-color: #a6bdc6;--site-link-color: #82d7f4}body.page-phases{--site-title-color: #82d5f1}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:auto}body{font-family:var(--site-font-body);font-size:var(--site-body-size);font-synthesis:none;-webkit-font-smoothing:auto}@media (max-width: 760px){:root{--site-title-size: 1.75rem;--site-subtitle-size: 1.125rem;--site-section-title-size: 1.125rem;--site-body-size: 1rem;--site-label-size: 0.9375rem;--site-table-size: 0.9375rem}}@media (max-width: 1024px){html body :is(input, select, textarea, button){min-width:0;max-width:100%}html body :is( [class*="table-wrap"], [class*="table-scroll"], [class*="table-container"], [class*="timeline-scroll"], [class*="chart-scroll"] ){overscroll-behavior-inline:contain;scrollbar-width:auto}html body :is( [class*="table-wrap"], [class*="table-scroll"], [class*="table-container"], [class*="timeline-scroll"], [class*="chart-scroll"] )::-webkit-scrollbar{height:12px}html body :is( [class*="table-wrap"], [class*="table-scroll"], [class*="table-container"], [class*="timeline-scroll"], [class*="chart-scroll"] )::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#68c6dd;background-clip:padding-box}html body :is(h1, h2, h3, h4, p, li, dd, dt, label, figcaption){max-width:100%;overflow-wrap:anywhere}}@media (max-width: 600px){html body :is( .glass-card, .progress-card, .timeline-card, .weather-simple-card, .weather-stat-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .geography-card, .phase-order-section, .isolated-simulator-card, .calendar-summary-section, .work-test-view-section, .work-test-slider-card ){padding-inline:clamp(10px, 3.2vw, 16px)}html body main :is(button, summary){white-space:normal;text-wrap:balance}}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_) .daylight-phase-block{--daylight-live-label-top: -19px;--daylight-live-icon-top: 19px;--daylight-phase-label-top: 7px}.page-phases #phaseOrderDayNightPhases .daylight-phase-block.is-night-block{--daylight-live-label-border: #c9eaff;--daylight-live-label-bg: #1c2b3a;--daylight-live-label-color: #edf7ff}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_) .daylight-boundary-label.is-midnight-label::before{top:-17px;width:1px;height:14px;border:0;background:linear-gradient(to top, rgba(140, 223, 240, .3), #8cdff0);box-shadow:0 0 5px rgba(110, 224, 250, .36);filter:none}}@layer components-default{[hidden]{display:none}.seconds-hidden .second-hand,.seconds-hidden #secondCard,.seconds-hidden .second-card{display:none}#periodScaleMount.weather-period-scale,#sunCycleScaleMount.weather-period-scale,.phase-day-panel #periodScaleMount,.sun-cycle-panel #sunCycleScaleMount{background:transparent;border-color:transparent;box-shadow:none}#periodScaleMount :is(.day-mini-scale,.weather-period-scale),#sunCycleScaleMount :is(.day-mini-scale,.weather-period-scale){background:transparent;border-color:transparent;box-shadow:none}#workDashboard{& .work-top-header{background:transparent;border-color:transparent;box-shadow:none}& .work-top-header > section{border-radius:16px;border:1px solid rgba(112, 128, 144, .34);background:#17212a;box-shadow:inset 0 10px 20px rgba(255,255,255,.03), 0 10px 18px rgba(0,0,0,.16)}& .work-top-header.status-time-off > section,& .work-top-header.status-before-work > section,& .work-top-header.status-after-work > section,& .work-top-header.status-completed > section,& .work-top-header.status-transition > section{color:#bfe8ff;background:linear-gradient(145deg, #102a44, #0a2035 62%, #071723);border-color:rgba(104, 190, 255, .56)}& .work-top-header.status-working > section,& .work-top-header.status-work-q1 > section,& .work-top-header.status-work-q2 > section,& .work-top-header.status-work-q3 > section,& .work-top-header.status-work-q4 > section,& .work-top-header.status-lunch > section{color:#ffd3ad;background:linear-gradient(145deg, #3a1d12, #261a15 62%, #111923);border-color:rgba(255, 156, 79, .58)}& .work-top-header.status-weekend > section,& .work-top-header.status-weekend-day > section,& .work-top-header.status-weekend-night > section{color:#cef7d2;background:linear-gradient(145deg, #11351f, #0d251b 62%, #081722);border-color:rgba(126, 245, 154, .58)}& .workday-mini-slider{min-height:132px;background:linear-gradient(145deg, #252b31, #171f27);border-color:rgba(150, 160, 170, .32);color:#a0abb4;box-shadow:inset 0 10px 18px rgba(255,255,255,.025)}& .workday-mini-slider:not(.is-active) .workday-mini-fill{background:linear-gradient(90deg, #5b636b, #343d46);opacity:.36}& .workday-mini-track{transform:translateY(-30px)}& .workday-mini-slider.is-active{border-width:4px}& #workdayWorkSlider.is-active{background:linear-gradient(145deg, #3a1d12, #261a15 62%, #111923);border-color:rgba(255, 163, 86, .95);box-shadow:0 0 0 2px rgba(255, 124, 54, .18), 0 0 26px rgba(255, 124, 54, .24)}& #workdayOffSlider.is-active{background:linear-gradient(145deg, #102a44, #0a2035 62%, #071723);border-color:rgba(104, 190, 255, .95);box-shadow:0 0 0 2px rgba(64, 169, 255, .18), 0 0 26px rgba(64, 169, 255, .24)}& #workdayWeekendSlider.is-active{background:linear-gradient(145deg, #11351f, #0d251b 62%, #081722);border-color:rgba(126, 245, 154, .95);box-shadow:0 0 0 2px rgba(80, 220, 112, .18), 0 0 26px rgba(80, 220, 112, .24)}& #workdayWorkSlider.is-active .workday-mini-fill{background:linear-gradient(90deg, #9b2d1c, #e66d2d, #ffc071)}& #workdayOffSlider.is-active .workday-mini-fill{background:linear-gradient(90deg, #1b4f8f, #2d8be8, #77d5ff)}& #workdayWeekendSlider.is-active .workday-mini-fill{background:linear-gradient(90deg, #1f6b36, #36a269, #9cf3a8)}& .workweek-slider-section :is(.work-day-cell,.weekend-day-cell){background:#3a4148}& .workweek-slider-section .workweek-transition-cell{background:#262f38}& .workweek-range-border.is-active{border-width:4px;border-color:rgba(255, 163, 86, .94);box-shadow:0 0 0 2px rgba(255, 124, 54, .18), 0 0 26px rgba(255, 124, 54, .28)}& .workweek-weekend-border.is-active{border-color:rgba(126, 245, 154, .95);box-shadow:0 0 0 2px rgba(80, 220, 112, .18), 0 0 26px rgba(80, 220, 112, .28)}& .workweek-range-border.is-muted{border-color:rgba(145, 155, 165, .35);box-shadow:none;opacity:.6}& .workweek-layout :is(.workweek-main-status,.weekend-status-panel){background:linear-gradient(145deg, #242b32, #151f28);border:1px solid rgba(145, 155, 165, .28);color:#aab5bd}& .workweek-layout .workweek-main-status.is-active{background:linear-gradient(145deg, #3a1d12, #261a15 62%, #111923);border-color:rgba(255, 163, 86, .62);color:#ffd3ad}& .workweek-layout :is(.workweek-main-status.status-transition.is-active,.workweek-main-status.status-time-off.is-active){background:linear-gradient(145deg, #102a44, #0a2035 62%, #071723);border-color:rgba(104, 190, 255, .68);color:#bfe8ff}& .workweek-layout .weekend-status-panel.is-active{background:linear-gradient(145deg, #11351f, #0d251b 62%, #081722);border-color:rgba(126, 245, 154, .62);color:#cef7d2}& #payCalculator .finance-adjustments{display:grid;justify-items:end}& #payCalculator :is(#toggleAdjustments,#comparePayRateButton){justify-self:end;min-width:210px}& #payCalculator .pay-action-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}& #payCalculator #calculatePayButton{grid-column:2;justify-self:center;min-width:240px;min-height:48px;font-size:1.08rem}& #payCalculator #comparePayRateButton{grid-column:3}& #budgetCalculatorBody{display:grid;gap:12px}& #budgetCalculatorBody :is(.budget-income-panel,.budget-expenditure-panel,.expense-groups){display:grid;gap:10px}& #budgetCalculatorBody .budget-income-panel{order:1}& #budgetCalculatorBody .budget-expenditure-panel{order:2}& #budgetCalculatorBody #calculateBudgetButton{order:3;justify-self:center;width:min(100%, 360px);min-height:50px;font-size:1.08rem}& #budgetCalculatorBody #expenseCalculatorOutput{order:4}& #budgetCalculatorBody .budget-income-panel > label{display:grid;grid-template-columns:minmax(160px, .7fr) minmax(180px, 1fr) minmax(150px, .55fr);gap:10px;align-items:center}}html body .progress-track,html body .progress-fill,html body .segment-band,html body .segment-band span,html body .minute-battery,html body .minute-smooth-fill,html body .minute-cell,html body .workday-mini-track,html body .workday-mini-fill,html body .workday-day-segment,html body .week-day-cell,html body .workweek-range-border,html body .marker,html body .minute-marker,html body .workday-mini-marker,html body .alternateWeek-card .progress-track,html body .alternateWeek-card .progress-fill{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;background-clip:border-box}.stable-output{min-width:var(--stable-output-min-width, auto)}@media (prefers-reduced-motion: reduce){.stable-output,.stable-output.stable-output-loaded,.stable-output.is-loaded{animation:none;transition-duration:1ms}}html body :is(.progress-track, .progress-fill, .marker, .card-value, .minute-battery, .minute-smooth-fill, .minute-marker, .segment-band, .alternateWeek-card .progress-track, .alternateWeek-card .progress-fill, .day-mini-scale, .mini-scale-track, .mini-sky-segments, .mini-scale-marker, .moon-cycle-scale, .moon-cycle-track, .moon-cycle-fill, .moon-cycle-marker, .wake-sleep-track, .wake-sleep-segments, .wake-sleep-marker, .workday-mini-track, .workday-mini-fill, .workday-mini-marker, .lunar-mini-track, .lunar-orbit-line, .lunar-mini-marker, .lunar-phase-stop, #nowSection .now-track, #nowSection .now-present-marker, .geologic-track, .geologic-present-marker){border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-clip:border-box}html body :is( .minute-cell, .segment-band span, .mini-sky-segments span, .wake-sleep-segment, .workday-day-segment, .week-day-cell, .workweek-range-border, .geologic-segment ){border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}html body :is(.progress-track, .progress-fill, .minute-battery, .minute-smooth-fill, .mini-scale-track, .moon-cycle-track, .moon-cycle-fill, .wake-sleep-track, .wake-sleep-segments, .workday-mini-track, .workday-mini-fill, .lunar-mini-track, #nowSection .now-track, .geologic-track)::before,html body :is(.progress-track, .progress-fill, .minute-battery, .minute-smooth-fill, .mini-scale-track, .moon-cycle-track, .moon-cycle-fill, .wake-sleep-track, .wake-sleep-segments, .workday-mini-track, .workday-mini-fill, .lunar-mini-track, #nowSection .now-track, .geologic-track)::after{border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}#workDashboard #workweekTrack.workweek-active-work .work-day-cell{background:linear-gradient(90deg, rgba(255, 143, 71, .82), rgba(126, 48, 25, .78))}#workDashboard #workweekTrack.workweek-active-weekend .weekend-day-cell{background:linear-gradient(90deg, rgba(118, 238, 140, .82), rgba(31, 107, 54, .78))}#workDashboard #workweekTrack.workweek-active-transition :is(.workweek-transition-cell,.morning-before-workweek-cell,.weekend-night-before){background:linear-gradient(90deg, rgba(94, 204, 255, .88), rgba(22, 83, 134, .82))}html body :is( .progress-track, .progress-fill, .segment-band, .segment-band span, .minute-battery, .minute-smooth-fill, .minute-cell, .day-mini-scale, .mini-scale-track, .mini-sky-segments, .mini-sky-segments span, .moon-cycle-track, .moon-cycle-fill, .lunar-layer-track, .lunar-phase-track, .lunar-mini-track, .workday-mini-track, .workday-mini-fill, .work-earnings-slider, .work-earnings-slider-fill ){border-radius:0}html body :is( .progress-track::before, .progress-track::after, .progress-fill::before, .progress-fill::after, .minute-battery::before, .minute-battery::after, .minute-smooth-fill::before, .minute-smooth-fill::after, .mini-scale-track::before, .moon-cycle-track::before ){border-radius:0}html body :is(.progress-track:is(*, ._), .progress-fill:is(*, ._), .segment-band:is(*, ._), .segment-band:is(*, ._) span, .minute-battery:is(*, ._), .minute-smooth-fill:is(*, ._), .minute-cell:is(*, ._), .day-mini-scale:is(*, ._), .mini-scale-track:is(*, ._), .mini-sky-segments:is(*, ._), .mini-sky-segments:is(*, ._) span, .moon-cycle-track:is(*, ._), .moon-cycle-fill:is(*, ._), .wake-sleep-track:is(*, ._), .wake-sleep-segments:is(*, ._), .workday-mini-track:is(*, ._), .workday-mini-fill:is(*, ._), .lunar-mini-track:is(*, ._), .lunar-layer-track:is(*, ._), .lunar-phase-track:is(*, ._), .work-earnings-slider:is(*, ._), .work-earnings-slider-fill:is(*, ._), #nowSection #nowSection .now-track, .geologic-track:is(*, ._)){border-radius:0}html body .progress-track:is(*,._)::before,html body .progress-track:is(*,._)::after,html body .progress-fill:is(*,._)::before,html body .progress-fill:is(*,._)::after,html body .minute-battery:is(*,._)::before,html body .minute-battery:is(*,._)::after,html body .minute-smooth-fill:is(*,._)::before,html body .minute-smooth-fill:is(*,._)::after,html body .mini-scale-track:is(*,._)::before,html body .moon-cycle-track:is(*,._)::before{border-radius:0}html body :is( #primaryProgress .progress-track, #timelineStack .progress-track, #timeVisualizedGroup .progress-track, #extendedTimeVisualizedGroup .progress-track, #moreTimeGroup .progress-track, #phaseManualOrderSection .mini-scale-track, #phaseManualOrderSection .moon-cycle-track, #foodDrinkTimeGroup .mini-scale-track, #dayNightCycleGroup .progress-track, #workDashboard .progress-track, #workDashboard .workday-mini-track, #workDashboard .work-earnings-slider )::before,html body :is( #primaryProgress .progress-track, #timelineStack .progress-track, #timeVisualizedGroup .progress-track, #extendedTimeVisualizedGroup .progress-track, #moreTimeGroup .progress-track, #phaseManualOrderSection .mini-scale-track, #phaseManualOrderSection .moon-cycle-track, #foodDrinkTimeGroup .mini-scale-track, #dayNightCycleGroup .progress-track, #workDashboard .progress-track, #workDashboard .workday-mini-track, #workDashboard .work-earnings-slider )::after{border-radius:0}html body.page-phases .named-cycle-current{color:#dcefff;font-size:1rem}html body.page-phases .named-cycle-current strong{display:inline-block;margin-left:4px}html body.page-phases :is(#seasonCard, #generationCard, #zodiacCard, #thirteenCard, #lunarYearCard) .compact-top-lines{display:grid;justify-content:center;gap:5px;margin-top:8px}html body.page-phases #phaseOrderDayNames{& .alternate-week-table :is(th,td){border-color:rgba(91, 117, 139, .26)}& .alternate-week-planet-row td:not(.alternate-week-star-column){display:table-cell;text-align:center;vertical-align:middle}& .alternate-week-planet-row .planet-icon{filter:saturate(.86) contrast(1.08) drop-shadow(0 0 10px rgba(164, 215, 255, .16))}& .alternate-week-symbol-row td:not(.alternate-week-star-column){color:#b5bec8;font-weight:500}}html body.page-phases #phaseCard :is(#phaseDayTitleValue.phase-title-bubble,#sunCycleTitleValue.sun-cycle-title-bubble),html body.page-phases #phaseCard :is(#moonCycleTitleValue,#moonPhaseName){display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:118px;padding:8px 16px;margin-left:8px;transform:translateY(-10px);border:1px solid rgba(146, 215, 255, .34);border-radius:8px;background:linear-gradient(145deg, rgba(20, 50, 68, .94), rgba(7, 18, 31, .98));color:#f3fbff;font-size:clamp(1.08rem, 1.6vw, 1.38rem);font-weight:600}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .moon-phases-visual-panel,html body.page-phases #lunarMonthCard .moon-phases-visual-panel,html body.page-phases #phaseCard .moon-cycle-panel .moon-phases-visual-panel{min-height:240px;margin-left:auto;margin-right:auto}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-layer-stack,html body.page-phases #lunarMonthCard .lunar-layer-stack,html body.page-phases #phaseCard .moon-cycle-panel .lunar-layer-stack{width:min(100%, 1060px);max-width:1060px;margin-left:auto;margin-right:auto}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-mini-track,html body.page-phases #lunarMonthCard .lunar-mini-track{width:100%}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table .alternate-week-day-row :is(td.alternate-day-0,td.alternate-day-1,td.alternate-day-2,td.alternate-day-3,td.alternate-day-4,td.alternate-day-5,td.alternate-day-6),html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table tr:nth-child(2) :is(td.alternate-day-0,td.alternate-day-1,td.alternate-day-2,td.alternate-day-3,td.alternate-day-4,td.alternate-day-5,td.alternate-day-6){background-image:linear-gradient(180deg, rgba(24, 45, 67, .96), rgba(7, 18, 32, .98))}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-day-row td:not(.alternate-week-star-column),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-day-row td:not(.alternate-week-star-column){color:#9fdcff;font-weight:400;font-style:normal}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-planet-row .planet-icon:is(*,._),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-planet-row .planet-icon:is(*,._){width:58px;height:58px;min-width:58px;min-height:58px;max-width:58px;max-height:58px;transform:none}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-symbol-row td:not(.alternate-week-star-column),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-symbol-row td:not(.alternate-week-star-column){font-size:clamp(2.35rem, 3.4vw, 3.35rem);font-weight:500;line-height:1}html body.page-phases #phaseCard.phase-card :is(#phaseDayTitleValue:is(*,#_),#sunCycleTitleValue:is(*,#_),#moonCycleTitleValue:is(*,#_),#moonPhaseName:is(*,#_)){position:relative;top:-10px;transform:none;min-height:42px;min-width:126px;font-size:clamp(1.14rem, 1.72vw, 1.46rem)}html body.page-phases #phaseTimeProgressGroup #lunarMonthCard:is(*,#_),html body.page-phases #lunarMonthCard:is(*,#_){width:min(100%, 1180px);max-width:1180px;justify-self:center}html body.page-phases #phaseTimeProgressGroup #lunarMonthCard:is(*,#_) :is(.moon-phases-visual-panel,.lunar-layer-stack),html body.page-phases #lunarMonthCard:is(*,#_) :is(.moon-phases-visual-panel,.lunar-layer-stack){width:min(100%, 1120px);max-width:1120px}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-day-row td.is-active-day,html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-day-row td.is-active-day{color:#9fdcff;font-weight:400;font-style:normal}html body.page-phases #phaseDayTitleValue:is(*,#_),html body.page-phases #sunCycleTitleValue:is(*,#_),html body.page-phases #moonCycleTitleValue:is(*,#_),html body.page-phases #moonPhaseName:is(*,#_){position:relative;top:-10px;transform:none;min-height:42px;min-width:126px;padding:8px 16px;font-size:clamp(1.14rem, 1.72vw, 1.46rem)}html body.page-phases :is(.phase-day-panel, .sun-cycle-panel, .moon-cycle-panel) :is(.weather-period-scale-title, .moon-position-title, .moon-phase-current-line){align-items:center}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-planet-row td:not(.alternate-week-star-column),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-planet-row td:not(.alternate-week-star-column){display:table-cell;text-align:center;vertical-align:middle}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-planet-row .planet-icon:is(*,._),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-planet-row .planet-icon:is(*,._){display:block;margin:0 auto 5px}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-planet-row em,html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-planet-row em{display:block}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-symbol-row td:not(.alternate-week-star-column),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-symbol-row td:not(.alternate-week-star-column){color:#b5bec8}html body.page-phases #phaseTimeProgressGroup #alternateWeekCard:is(*,#_) #phaseOrderDayNames .alternate-week-table .alternate-week-symbol-row td.is-active-day:not(.alternate-week-star-column),html body.page-phases #alternateWeekCard:is(*,#_) .alternate-week-table .alternate-week-symbol-row td.is-active-day:not(.alternate-week-star-column),html body.page-phases #phaseOrderDayNames #alternateWeekCard .alternate-week-table tr.alternate-week-symbol-row td.is-active-day{color:#b5bec8}html body.page-phases .cycle-status-format{display:grid;gap:5px;justify-items:center;width:min(100%, 520px);margin:4px auto 14px;padding:12px 16px;border:1px solid rgba(143, 232, 255, .22);border-radius:8px;background:linear-gradient(180deg, rgba(9, 27, 43, .78), rgba(4, 13, 24, .9));text-align:center}html body.page-phases :is(#seasonCard, #generationCard, #zodiacCard, #thirteenCard, #lunarYearCard) .compact-detail-metrics > .cycle-status-format:first-child{margin-top:0}html body.page-phases .cycle-status-format .named-cycle-current{color:#d9eef8;font-size:1.02rem}html body.page-phases .cycle-status-format .named-cycle-current b{font-weight:500}html body.page-phases .cycle-status-format .named-cycle-current strong{color:#8fe8ff;font-size:1.28rem;font-weight:600}html body.page-phases .cycle-status-format .named-cycle-progress{color:#f2fbff;font-size:1rem}html body.page-phases .cycle-status-format .named-cycle-remaining{color:#b8cfdd;font-size:.94rem}html body.page-phases #zodiacCard{& #zodiacLabels.segment-labels span{display:grid;grid-template-rows:auto auto auto;align-content:start;justify-items:center;gap:1px;color:#edf8ff;line-height:1.05;white-space:normal}& #zodiacLabels .zodiac-label-stack{display:grid;justify-items:center;gap:1px}& #zodiacLabels .zodiac-label-name{color:#f4fbff;font-size:.82rem;font-weight:600}& #zodiacLabels small{color:#b8cddb;font-size:.68rem;font-weight:500}& #zodiacLabels .zodiac-element-icon{display:block;color:#f8fbff;font-size:1.05rem;font-weight:400;line-height:1}& .zodiac-wheel-core :is(span,b){display:none}}html body.page-phases #foodIcon span.active b,html body.page-phases #drinkIcon span.active b{transform:translateY(4px)}body.page-phases main.shell{padding-top:calc(var(--nav-height, 58px) + 16px)}body.page-phases .progress-track,body.page-phases .progress-fill,body.page-phases .segment-band,body.page-phases .segment-band span{border-radius:0}body.page-phases main.shell > *,body.page-phases #phaseSummaryDashboard,body.page-phases #dayNightCycleGroupShell,body.page-phases #foodDrinkTimeGroupShell,body.page-phases #primaryProgress,body.page-phases #phaseTimeProgressGroupShell,body.page-phases #phaseBottomSimulatorsSection,body.page-phases #phaseBottomToolsSection,body.page-phases #bottomTimeDevicesSection,body.page-phases #nowSection,body.page-phases .progress-card,body.page-phases .timeline-card,body.page-phases .calendar-card{min-width:0;max-width:100%}body.page-phases .progress-track,body.page-phases .segment-band,body.page-phases .lunar-mini-track,body.page-phases #nowSection .now-track{width:100%;min-width:0;max-width:100%}body.page-phases .segment-labels,body.page-phases .top-labels,body.page-phases .tick-labels,body.page-phases .progress-labels{min-width:0;max-width:100%}body.page-phases .alternate-week-table{width:100%;min-width:0;max-width:100%;table-layout:fixed}body.page-phases .alternate-week-table th,body.page-phases .alternate-week-table td{min-width:0;max-width:none}body.page-phases #alternateWeekTrack{width:100%;margin-left:0;margin-right:0}body.page-phases .phase-summary-circle-card,body.page-phases .phase-summary-moon-phase-card,body.page-phases .seven-planets-card,body.page-phases #phaseBottomSimulatorsSection :is(.isolated-simulator-card,.isolated-simulator-frame-shell){width:100%;max-width:100%}@media (max-width: 980px){body.page-phases #phaseSummaryDashboard,body.page-phases #phaseSimulatorSection,body.page-phases #phaseOrbitSimulatorSection,body.page-phases #phaseBottomSimulatorsSection,body.page-phases #phaseBottomToolsSection,body.page-phases #bottomTimeDevicesSection,body.page-phases #nowSection,body.page-phases .progress-card,body.page-phases .timeline-card{padding-left:16px;padding-right:16px}}@media (max-width: 560px){body.page-phases #phaseSummaryDashboard,body.page-phases #phaseSimulatorSection,body.page-phases #phaseOrbitSimulatorSection,body.page-phases #phaseBottomSimulatorsSection,body.page-phases #phaseBottomToolsSection,body.page-phases #bottomTimeDevicesSection,body.page-phases #nowSection,body.page-phases .progress-card,body.page-phases .timeline-card{padding-left:12px;padding-right:12px}}body.page-phases #bottomTimeDevicesSection{padding:0;border:0;background:transparent;box-shadow:none}body.page-phases #bottomTimeDevicesSection{& :is(#timeTravelCard,#teleportCard){display:grid;visibility:visible;opacity:1;width:100%;margin:0;transform:none}& :is(.time-travel-status-panel,.time-travel-controls){display:grid}& .time-machine-car{display:none}}html body.page-phases #phaseOrderDayNames{margin:0 auto;border-color:rgba(103, 216, 230, .34);background:radial-gradient(circle at 12% 0%, rgba(46, 166, 184, .18), transparent 34%), radial-gradient(circle at 86% 12%, rgba(126, 100, 230, .16), transparent 34%), linear-gradient(145deg, #0c2034, #071423 62%, #0a1f25)}html body.page-phases #phaseOrderDayNames{& .phase-order-title{color:#9eedff;font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-size:clamp(1.35rem, 2vw, 1.8rem);font-weight:400;letter-spacing:.12em;text-align:center;text-transform:uppercase}& .phase-order-body{display:grid;gap:16px}& .seven-planets-card,& #alternateWeekCard{border-color:rgba(116, 209, 239, .28);background:rgba(5, 18, 34, .64);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}& .seven-planets-grid{grid-template-columns:repeat(7, minmax(92px, 1fr))}& .seven-planet-day{min-height:126px;border-radius:15px;background:linear-gradient(160deg, rgba(13, 41, 66, .94), rgba(5, 16, 30, .96))}}html body.page-phases #phaseSummaryDashboard .phase-summary-day-tile #phaseSummaryCalendarIcon,html body.page-phases .phase-summary-day-tile #phaseSummaryCalendarIcon{display:block;border-radius:50%;opacity:1;visibility:visible;transform:none}html body.page-phases #nowSection{position:relative;overflow:hidden;gap:22px;padding:34px 38px;border:1px solid rgba(202, 137, 255, .42);border-radius:22px;background:radial-gradient(circle at 50% -18%, rgba(198, 120, 255, .22), transparent 38%), radial-gradient(circle at 8% 100%, rgba(46, 212, 204, .16), transparent 34%), linear-gradient(145deg, #21143a, #071627 55%, #0b2627);box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 24px 50px rgba(0, 0, 0, .36)}html body.page-phases #nowSection{& .now-section-title{order:1;color:#f3e8ff;font-family:Georgia, "Times New Roman", serif;font-size:clamp(2rem, 4vw, 3.4rem);font-weight:400;letter-spacing:.08em;text-shadow:0 0 24px rgba(196, 132, 252, .3)}& .now-bracket{order:3;display:grid;place-items:center;min-height:78px}& .now-timeline{order:2}& .now-bracket::before{content:"∞";display:block;color:rgba(217, 188, 255, .92);font-family:Georgia, "Times New Roman", serif;font-size:clamp(4rem, 10vw, 8rem);line-height:.72;text-shadow:0 0 30px rgba(145, 109, 255, .42)}& .now-bracket-label{display:none}& .now-track{min-height:74px;border:1px solid rgba(224, 196, 255, .5);border-radius:999px;background:linear-gradient(90deg, rgba(62, 42, 106, .92), rgba(20, 78, 95, .9) 48%, rgba(62, 42, 106, .92));box-shadow:inset 0 10px 28px rgba(0, 0, 0, .44), 0 0 26px rgba(87, 205, 215, .14)}& .now-track::before,& .now-track::after{content:"∞";position:absolute;top:50%;color:rgba(236, 221, 255, .92);font-family:Georgia, "Times New Roman", serif;font-size:2.2rem;line-height:1;transform:translateY(-54%);z-index:3}& .now-track::before{left:18px}& .now-track::after{right:18px}& .now-track-line{background:linear-gradient(90deg, #a979ff, #48d7d8, #a979ff);height:4px;box-shadow:0 0 18px rgba(105, 221, 226, .42)}& .now-present-marker{width:22px;height:22px;border:3px solid #f3eaff;background:#6ce7e4;box-shadow:0 0 22px rgba(109, 231, 228, .6)}& .now-labels{color:#decfff;font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-size:1.05rem;letter-spacing:.06em}}@media (max-width: 820px){html body.page-phases #phaseOrderDayNames .seven-planets-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){html body.page-phases #phaseOrderDayNames .seven-planets-grid{grid-template-columns:1fr}}body.page-phases .phase-summary-head h2{color:#dbe9ff;font-family:Georgia, "Times New Roman", serif;font-size:clamp(1.65rem, 2.4vw, 2.35rem);font-weight:400;line-height:1.12;letter-spacing:0;text-align:center;text-shadow:0 1px 12px rgba(107, 167, 232, .32)}body.page-phases #phaseCard .natural-cycle-card .phase-section-circle-card :is(.day-phase-visual,.moon-summary-position-circle),body.page-phases #phaseCard .natural-cycle-card .phase-section-circle-card #moonPhaseClockIcon{width:min(var(--natural-phase-circle-size), 100%);height:min(var(--natural-phase-circle-size), 100vw)}body.page-phases #lunarMonthCard .moon-phases-visual-panel,body.page-phases #phaseCard .moon-cycle-panel .moon-phases-visual-panel{padding:8px 16px 10px}body.page-phases #phaseCard .phase-day-panel .cycle-slider-label-container,body.page-phases #phaseCard .sun-cycle-panel .cycle-slider-label-container,body.page-phases #phaseCard .moon-cycle-panel .cycle-slider-label-container{background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;border-color:rgba(146, 164, 185, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 4, 14, .18)}html body.page-phases #phaseCard{& :is(section.cycle-panel.phase-day-panel.natural-cycle-card,section.cycle-panel.sun-cycle-panel.natural-cycle-card,section.cycle-panel.moon-cycle-panel.natural-cycle-card){background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;border-color:rgba(146, 164, 185, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 16px 34px rgba(0, 4, 14, .24)}& .phase-day-panel.natural-cycle-card :is(.cycle-slider-label-container,.day-mini-scale),& .sun-cycle-panel.natural-cycle-card :is(.cycle-slider-label-container,.day-mini-scale),& .moon-cycle-panel.natural-cycle-card :is(.cycle-slider-label-container,.moon-cycle-scale),& .phase-day-panel.natural-cycle-card :is(#periodScaleMount,#periodScale),& .sun-cycle-panel.natural-cycle-card :is(#sunCycleScaleMount,#sunCycleScale),& .moon-cycle-panel.natural-cycle-card :is(#moonCycleScaleMount,#moonCycleScale){background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;border-color:rgba(146, 164, 185, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 4, 14, .18)}& .phase-day-panel.natural-cycle-card .cycle-slider-label-container,& .sun-cycle-panel.natural-cycle-card .cycle-slider-label-container,& .moon-cycle-panel.natural-cycle-card .cycle-slider-label-container{overflow:visible}& .natural-cycle-card .phase-section-circle-card{width:min(300px, 100%);margin-top:-24px;margin-bottom:-44px;padding:4px 28px 6px;transform:translateY(-40px)}& .natural-cycle-card .phase-section-circle-card :is(.day-phase-visual,.moon-summary-position-circle),& .natural-cycle-card .phase-section-circle-card #moonPhaseClockIcon{width:min(var(--natural-phase-circle-size), 100%);height:min(var(--natural-phase-circle-size), 100vw)}}html body.page-phases #lunarMonthCard .moon-phases-visual-panel,html body.page-phases #phaseCard .moon-cycle-panel .moon-phases-visual-panel{margin-top:-24px;margin-bottom:-44px;transform:translateY(-40px)}html body.page-phases #lunarMonthCard .moon-phase-live-icon,html body.page-phases #phaseCard .moon-cycle-panel .moon-phase-live-icon{width:48px;height:48px;font-size:1.85rem}html body.page-phases section.cycle-panel.phase-day-panel.natural-cycle-card,html body.page-phases section.cycle-panel.sun-cycle-panel.natural-cycle-card,html body.page-phases section.cycle-panel.moon-cycle-panel.natural-cycle-card,html body.page-phases .phase-day-panel.natural-cycle-card .cycle-slider-label-container,html body.page-phases .sun-cycle-panel.natural-cycle-card .cycle-slider-label-container,html body.page-phases .moon-cycle-panel.natural-cycle-card .cycle-slider-label-container,html body.page-phases .phase-day-panel.natural-cycle-card #periodScaleMount,html body.page-phases .sun-cycle-panel.natural-cycle-card #sunCycleScaleMount,html body.page-phases .moon-cycle-panel.natural-cycle-card #moonCycleScaleMount,html body.page-phases .phase-day-panel.natural-cycle-card #periodScale,html body.page-phases .sun-cycle-panel.natural-cycle-card #sunCycleScale,html body.page-phases .moon-cycle-panel.natural-cycle-card #moonCycleScale,html body.page-phases .phase-day-panel.natural-cycle-card .day-mini-scale,html body.page-phases .sun-cycle-panel.natural-cycle-card .day-mini-scale,html body.page-phases .moon-cycle-panel.natural-cycle-card .moon-cycle-scale{background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;border-color:rgba(146, 164, 185, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 4, 14, .18)}html body.page-phases .phase-day-panel.natural-cycle-card .cycle-slider-label-container,html body.page-phases .sun-cycle-panel.natural-cycle-card .cycle-slider-label-container,html body.page-phases .moon-cycle-panel.natural-cycle-card .cycle-slider-label-container{overflow:visible}html body.page-phases .phase-day-panel.natural-cycle-card .phase-section-circle-card,html body.page-phases .sun-cycle-panel.natural-cycle-card .phase-section-circle-card,html body.page-phases .moon-cycle-panel.natural-cycle-card .phase-section-circle-card{width:min(300px, 100%);margin-top:-24px;margin-bottom:-44px;padding:4px 28px 6px;transform:translateY(-40px)}html body.page-phases .phase-day-panel.natural-cycle-card .phase-section-circle-card .day-phase-visual,html body.page-phases .sun-cycle-panel.natural-cycle-card .phase-section-circle-card .day-phase-visual,html body.page-phases .moon-cycle-panel.natural-cycle-card .phase-section-circle-card .moon-summary-position-circle,html body.page-phases .moon-cycle-panel.natural-cycle-card .phase-section-circle-card #moonPhaseClockIcon{width:min(var(--natural-phase-circle-size), 100%);height:min(var(--natural-phase-circle-size), 100vw)}html body.page-phases #phaseOrderTimeOfDay.phase-order-section,html body.page-phases #phaseOrderSunPosition.phase-order-section,html body.page-phases #phaseOrderMoonPosition.phase-order-section,html body.page-phases #phaseOrderTimeOfDay :is(.phase-order-body,.cycle-slider-label-container,.day-mini-scale),html body.page-phases #phaseOrderSunPosition :is(.phase-order-body,.cycle-slider-label-container,.day-mini-scale),html body.page-phases #phaseOrderMoonPosition :is(.phase-order-body,.cycle-slider-label-container,.moon-cycle-scale),html body.page-phases #phaseOrderTimeOfDay > .phase-order-body > .phase-day-panel,html body.page-phases #phaseOrderSunPosition > .phase-order-body > .sun-cycle-panel,html body.page-phases #phaseOrderMoonPosition > .phase-order-body > .moon-cycle-panel,html body.page-phases #phaseOrderTimeOfDay :is(#periodScaleMount,#periodScale),html body.page-phases #phaseOrderSunPosition :is(#sunCycleScaleMount,#sunCycleScale),html body.page-phases #phaseOrderMoonPosition :is(#moonCycleScaleMount,#moonCycleScale){background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;border-color:rgba(146, 164, 185, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 4, 14, .18)}html body.page-phases #phaseOrderTimeOfDay .phase-section-circle-card,html body.page-phases #phaseOrderSunPosition .phase-section-circle-card,html body.page-phases #phaseOrderMoonPosition .phase-section-circle-card{width:min(260px, 100%);margin-top:-34px;margin-bottom:-58px;padding:0 22px 4px;transform:translateY(-40px)}html body.page-phases #phaseOrderTimeOfDay .phase-section-circle-card .day-phase-visual,html body.page-phases #phaseOrderSunPosition .phase-section-circle-card .day-phase-visual,html body.page-phases #phaseOrderMoonPosition .phase-section-circle-card .moon-summary-position-circle,html body.page-phases #phaseOrderMoonPosition .phase-section-circle-card #moonPhaseClockIcon{width:min(var(--natural-phase-circle-size), 100%);height:min(var(--natural-phase-circle-size), 100vw)}html body.page-phases #foodCard #mealScale,html body.page-phases #drinkCard #drinkScale{margin-top:10px;margin-bottom:4px}html body.page-phases #foodCard .insight-art,html body.page-phases #drinkCard .insight-art{margin-top:8px}html body.page-phases #foodCard.meal-cycle-panel,html body.page-phases #drinkCard.drink-cycle-panel{position:relative;display:grid;grid-template-rows:auto;gap:14px;padding:24px;overflow:visible}html body.page-phases #foodCard .insight-copy,html body.page-phases #drinkCard .insight-copy{order:1;justify-self:stretch;margin:0;text-align:left}html body.page-phases #foodCard .inline-insight-title,html body.page-phases #drinkCard .inline-insight-title{justify-content:flex-start;margin:0;line-height:1.05;letter-spacing:0;text-align:left;text-shadow:none}html body.page-phases #foodCard .inline-insight-title span,html body.page-phases #drinkCard .inline-insight-title span{font:inherit}html body.page-phases #foodCard #foodRange,html body.page-phases #drinkCard #drinkRange{margin:4px 0 0}html body.page-phases #foodCard #mealScale,html body.page-phases #drinkCard #drinkScale{order:2;margin:4px 0 0}html body.page-phases #foodCard .insight-art,html body.page-phases #drinkCard .insight-art{order:3;display:flex;justify-content:center;width:100%;margin:8px 0 0;transform:none}html body.page-phases #foodCard #foodIcon,html body.page-phases #drinkCard #drinkIcon,html body.page-phases #foodCard .food-icon,html body.page-phases #drinkCard .drink-icon{display:flex;align-items:stretch;justify-content:center;gap:18px;width:100%;height:auto;margin:0 auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#f4fbff;font-size:4.8rem}html body.page-phases #foodCard #foodIcon span,html body.page-phases #drinkCard #drinkIcon span{position:relative;display:grid;place-items:center;width:152px;border:2px solid rgba(128, 157, 185, .42);border-radius:18px;background:linear-gradient(180deg, #202a35, #151d27);color:#eef8ff;opacity:.58;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 0, 0, .2);cursor:default;transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease}html body.page-phases #foodCard #foodIcon span b,html body.page-phases #drinkCard #drinkIcon span b{color:#d9ecff;font-family:"Segoe UI", Arial, sans-serif;font-size:1rem;font-weight:500;line-height:1.05;text-align:center}html body.page-phases #foodCard #foodIcon span em,html body.page-phases #drinkCard #drinkIcon span em{color:inherit;font-style:normal;line-height:1}html body.page-phases #foodCard #foodIcon span.active,html body.page-phases #drinkCard #drinkIcon span.active{z-index:2;border-width:4px;opacity:1;cursor:pointer;transform:scale(1.08)}html body.page-phases #foodCard #foodIcon span.active b,html body.page-phases #drinkCard #drinkIcon span.active b{color:#f4fbff;font-size:1.12rem}html body.page-phases #foodCard #foodIcon span.active em,html body.page-phases #drinkCard #drinkIcon span.active em{font-size:4.8rem}html body.page-phases #foodCard #foodIcon span.meal-action-active,html body.page-phases #drinkCard #drinkIcon span.meal-action-active{color:#fff7ff}html body.page-phases #foodCard #foodIcon .meal-action-bubble,html body.page-phases #drinkCard #drinkIcon .meal-action-bubble{display:none}html body.page-phases .phase-summary-ordered-grid{gap:12px}html body.page-phases .phase-summary-row{padding:12px;border:1px solid rgba(126, 169, 205, .18);border-radius:14px}html body.page-phases .phase-summary-day-row{grid-template-columns:minmax(260px, 420px);justify-content:center;background:linear-gradient(135deg, rgba(18, 37, 58, .82), rgba(12, 24, 41, .86))}html body.page-phases .phase-summary-row-one.phase-summary-day-row{grid-template-columns:minmax(260px, 420px)}html body.page-phases .phase-summary-row-two{grid-template-columns:repeat(2, minmax(230px, 260px))}html body.page-phases .phase-summary-row-three{grid-template-columns:repeat(3, minmax(230px, 260px))}html body.page-phases .phase-summary-sun-row{background:linear-gradient(135deg, rgba(20, 48, 70, .78), rgba(10, 31, 50, .88))}html body.page-phases .phase-summary-moon-row{background:linear-gradient(135deg, rgba(18, 38, 68, .78), rgba(13, 25, 50, .88))}html body.page-phases .phase-summary-year-row{background:linear-gradient(135deg, rgba(30, 43, 66, .78), rgba(18, 27, 48, .88))}html body.page-phases .phase-summary-daily-row{background:linear-gradient(135deg, rgba(24, 51, 58, .78), rgba(13, 32, 43, .88))}html body.page-phases .phase-summary-work-row{background:linear-gradient(135deg, rgba(30, 40, 59, .78), rgba(16, 25, 39, .88))}html body.page-phases .phase-summary-day-tile .phase-summary-icon{font-size:clamp(2.4rem, 5vw, 3.7rem)}html body.page-phases #phaseOrderTimeOfDay.phase-order-section,html body.page-phases #phaseOrderSunPosition.phase-order-section,html body.page-phases #phaseOrderMoonPosition.phase-order-section,html body.page-phases #phaseOrderMoonPhases.phase-order-section{border-color:rgba(92, 174, 218, .34);background:radial-gradient(circle at 18% 0%, rgba(57, 126, 170, .18), transparent 34%), radial-gradient(circle at 82% 12%, rgba(36, 87, 134, .18), transparent 38%), linear-gradient(180deg, rgba(10, 42, 68, .96), rgba(5, 22, 39, .98) 55%, rgba(8, 31, 54, .96));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 38px rgba(0, 5, 18, .32)}html body.page-phases #phaseOrderTimeOfDay .phase-order-body,html body.page-phases #phaseOrderSunPosition .phase-order-body,html body.page-phases #phaseOrderMoonPosition .phase-order-body,html body.page-phases #phaseOrderMoonPhases .phase-order-body{background:transparent;border:0;box-shadow:none}html body.page-phases #phaseOrderTimeOfDay .cycle-slider-label-container > .phase-section-circle-card,html body.page-phases #phaseOrderSunPosition .cycle-slider-label-container > .phase-section-circle-card,html body.page-phases #phaseOrderMoonPosition .cycle-slider-label-container > .phase-section-circle-card{margin-top:34px;margin-bottom:-138px;border:0;background:transparent;box-shadow:none}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-track,html body.page-phases #lunarMonthCard .lunar-phase-track{min-height:156px;padding:18px 12px 82px;overflow:visible;box-sizing:border-box}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-track::before,html body.page-phases #lunarMonthCard .lunar-phase-track::before{content:"";position:absolute;left:12px;right:12px;top:48px;height:8px;border-radius:999px;background:linear-gradient(90deg, #182033 0%, #25335b 18%, #415e8f 34%, #d8e5ff 50%, #536c9b 66%, #26375f 82%, #151d32 100%);box-shadow:inset 0 0 0 1px rgba(236, 247, 255, .16), 0 0 18px rgba(99, 166, 255, .16)}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-scale,html body.page-phases #lunarMonthCard .lunar-day-scale{position:absolute;left:12px;right:12px;top:26px;height:54px;display:block;pointer-events:none}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-tick,html body.page-phases #lunarMonthCard .lunar-day-tick{position:absolute;top:0;transform:translateX(-50%);display:grid;justify-items:center;gap:7px;min-width:14px;color:#b8d9f0;font-size:.62rem;line-height:1}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-tick i,html body.page-phases #lunarMonthCard .lunar-day-tick i{display:block;width:1px;height:18px;background:rgba(214, 238, 255, .32)}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-tick b,html body.page-phases #lunarMonthCard .lunar-day-tick b{font-weight:500}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-tick.is-current-lunar-day,html body.page-phases #lunarMonthCard .lunar-day-tick.is-current-lunar-day{color:#ffe5a3;transform:translateX(-50%) scale(1.18)}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-tick.is-current-lunar-day i,html body.page-phases #lunarMonthCard .lunar-day-tick.is-current-lunar-day i{width:2px;height:24px;background:#ffe5a3;box-shadow:0 0 10px rgba(255, 219, 128, .6)}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-progress-marker,html body.page-phases #lunarMonthCard .lunar-day-progress-marker{position:absolute;z-index:5;top:2px;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;color:#fff0b8;text-shadow:0 0 10px rgba(255, 220, 137, .46);white-space:nowrap;pointer-events:none}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-progress-marker i,html body.page-phases #lunarMonthCard .lunar-day-progress-marker i{font-style:normal;font-size:1.6rem;line-height:1}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-progress-marker b,html body.page-phases #lunarMonthCard .lunar-day-progress-marker b{padding:2px 7px;border:1px solid rgba(255, 234, 176, .48);border-radius:999px;background:rgba(10, 16, 28, .78);font-size:.72rem;font-weight:700}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-label-row,html body.page-phases #lunarMonthCard .lunar-phase-label-row{position:absolute;left:12px;right:12px;bottom:12px;height:54px;pointer-events:none}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-stop,html body.page-phases #lunarMonthCard .lunar-phase-stop{top:0;transform:translateX(-50%);display:grid;justify-items:center;align-content:start;gap:2px}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-stop b,html body.page-phases #lunarMonthCard .lunar-phase-stop b{font-size:1.2rem}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-stop small,html body.page-phases #lunarMonthCard .lunar-phase-stop small{max-width:74px;color:#d5f3ff;font-size:.68rem;line-height:1.05;text-align:center;white-space:normal}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-marker,html body.page-phases #lunarMonthCard .lunar-phase-marker{top:52px;z-index:4;width:34px;height:34px;border:1px solid rgba(255, 239, 183, .52);border-radius:50%;background:rgba(5, 12, 24, .86);box-shadow:0 0 18px rgba(255, 224, 152, .24)}@media (max-width: 760px){html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-day-tick,html body.page-phases #lunarMonthCard .lunar-day-tick{font-size:.54rem}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard .lunar-phase-stop small,html body.page-phases #lunarMonthCard .lunar-phase-stop small{font-size:.58rem;max-width:56px}}html body.page-phases #phaseSummaryDashboard .phase-summary-head h2{font-family:"Segoe UI", Arial, sans-serif;letter-spacing:.03em;text-align:center;text-shadow:none;text-transform:none}html body.page-phases main.shell{display:grid}html body.page-phases .page-body-title{margin:0}html body.page-phases #foodCard .inline-insight-title,html body.page-phases #drinkCard .inline-insight-title{color:#eaf7ff;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(1.25rem, 2vw, 1.65rem);font-style:normal;font-weight:400}html body.page-phases #foodCard .inline-insight-title #foodTime,html body.page-phases #drinkCard .inline-insight-title #drinkTime{color:#ffd58f;font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-style:italic}html body.page-phases #foodCard #foodRange,html body.page-phases #drinkCard #drinkRange{margin-top:7px;color:#7fcce7;font-size:1.06rem}html body.page-phases #periodScale :is(.mini-bottom-label.label-before-sunrise,.mini-bottom-label.label-before-sunset),html body.page-phases #sunCycleScale :is(.mini-bottom-label.label-pre-sunrise-glow,.mini-bottom-label.label-pre-sunset-glow,.mini-bottom-label.label-lowest-night-arc){top:-56px}html body.page-phases #periodScale .mini-bottom-label.label-late-night{left:2%;text-align:center;transform:translateX(-50%)}html body.page-phases :is(#periodScale, #sunCycleScale) .mini-midnight-end-label{top:-34px;display:grid;gap:2px;color:#e5f7ff;font-size:.9rem;line-height:1.05;text-align:right;transform:translateX(-100%)}html body.page-phases #wakeSleepCycle{& .wake-sleep-head{align-items:start}& #wakeSleepPhase{font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-weight:400}& .wake-sleep-controls input{width:128px;min-width:128px}& .wake-sleep-labels .wake-sleep-label.label-top{top:-58px}& .wake-sleep-labels .wake-sleep-label.label-bottom{top:calc(100% + 16px)}}html body.page-phases #foodCard #foodIcon span.active::before,html body.page-phases #drinkCard #drinkIcon span.active::before{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:16px solid #69f2ff}html body.page-phases #foodCard #foodIcon span.active,html body.page-phases #drinkCard #drinkIcon span.active{border-color:rgba(156, 206, 144, .96);background:linear-gradient(180deg, #1c3840, #132936);box-shadow:0 0 0 3px rgba(143, 196, 135, .2), 0 0 24px rgba(137, 191, 132, .2), inset 0 1px 0 rgba(255, 255, 255, .08)}html body.page-phases #foodCard #foodIcon span.active::before,html body.page-phases #drinkCard #drinkIcon span.active::before{content:"";position:absolute;top:-42px;left:50%;width:6px;height:26px;border:0;border-radius:999px;background:#9ccd91;transform:translateX(-50%);filter:drop-shadow(0 0 8px rgba(156, 205, 145, .5))}html body.page-phases #foodCard #foodIcon span.active::after,html body.page-phases #drinkCard #drinkIcon span.active::after{content:"";position:absolute;top:-18px;left:50%;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:17px solid #9ccd91;transform:translateX(-50%);filter:drop-shadow(0 0 8px rgba(156, 205, 145, .5))}html body.page-phases #foodCard #foodIcon span.meal-action-active,html body.page-phases #drinkCard #drinkIcon span.meal-action-active{border-width:6px;border-color:rgba(75, 225, 225, .98);background:linear-gradient(180deg, #124d57, #0b293b);box-shadow:0 0 0 5px rgba(70, 220, 220, .22), 0 0 42px rgba(43, 213, 220, .48), inset 0 1px 0 rgba(255, 255, 255, .12);transform:scale(1.14)}html body.page-phases .meal-drink-action-popup{min-width:360px;max-width:min(440px, calc(100vw - 32px));padding:18px 22px;gap:18px;border-color:rgba(111, 225, 227, .55);background:radial-gradient(circle at 18% 20%, rgba(73, 221, 216, .26), transparent 40%), linear-gradient(135deg, rgba(13, 91, 102, .98), rgba(12, 38, 79, .98));box-shadow:0 20px 42px rgba(0, 15, 28, .46), 0 0 32px rgba(43, 202, 205, .22)}html body.page-phases .meal-drink-action-popup .meal-drink-person-icon{width:148px;height:148px;font-size:6.5rem}html body.page-phases .meal-drink-action-popup .meal-drink-person-base{font-size:6.8rem}html body.page-phases .meal-drink-action-popup .meal-drink-held-item{right:-2px;width:62px;height:62px;font-size:3rem}html body.page-phases .meal-drink-action-popup strong{color:#efffff;font-size:clamp(1.25rem, 2.4vw, 1.75rem)}html body.page-phases .meal-drink-action-popup small{color:#aaf7ea;font-size:1.15rem}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile{& > span:not(.phase-summary-icon){width:auto}& #phaseSummaryCalendar{width:auto}& #phaseSummaryPlanetName{width:auto}& #phaseSummaryCalendarDetail{width:auto}}html body.page-phases :is(.mini-bottom-label, .mini-fixed-time-label, .moon-cycle-label, .wake-sleep-label, .meal-name-bottom, .lunar-layer-label, .lunar-phase-stop small, .segment-labels span, .top-label, .tick-label, .phase-time-grid-label){font-size:1rem;line-height:1.12}html body.page-phases :is(.scale-label-time, .moon-cycle-label .scale-label-time, .wake-sleep-label small, .lunar-phase-stop small, .top-label){font-size:.9rem}html body.page-phases :is(#seasonCard, #zodiacCard, #thirteenCard, #lunarYearCard, #generationCard, #alternateWeekCard) .segment-labels span{color:#c7e9ff;font-size:1.05rem}html body.page-phases :is(#seasonCard, #zodiacCard, #thirteenCard, #lunarYearCard, #generationCard, #alternateWeekCard) .top-label{color:#8edcff;font-size:.98rem}html body.page-phases .phase-summary-calendar-guide :is(dt, dd, li, p),html body.page-phases .calendar-definition-card :is(h4, p, li){font-size:1.03rem}html body.page-phases #phaseSummaryRow .phase-summary-day-tile,html body.page-phases .phase-summary-day-tile{display:grid;grid-template-columns:104px minmax(0, 1fr);grid-template-areas:"icon label" "icon day" "icon planet" "icon date";align-items:center;width:min(390px, 100%);min-height:128px;padding:15px 18px;border:1px solid rgba(106, 201, 236, .38);border-radius:24px;background:radial-gradient(circle at 14% 24%, rgba(91, 191, 232, .22), transparent 42%), linear-gradient(135deg, #0f2842, #08182d 62%, #07111f);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 16px 32px rgba(0, 5, 18, .32)}html body.page-phases #phaseSummaryCalendarIcon{grid-area:icon;width:96px;height:96px;font-size:4.6rem;place-self:center}html body.page-phases .phase-summary-day-tile .phase-summary-label{grid-area:label;color:#9bdfff;font-size:1.18rem;letter-spacing:.08em;text-align:left}html body.page-phases #phaseSummaryDayOfWeek{grid-area:day;color:#eef9ff;font-size:clamp(1.9rem, 3.1vw, 2.55rem);line-height:1;text-align:left}html body.page-phases #phaseSummaryDayPlanet{grid-area:planet;color:#ffd46d;font-family:Georgia, "Times New Roman", serif;font-size:1.18rem;font-style:italic;text-align:left}html body.page-phases #phaseSummaryCalendarDate{grid-area:date;color:#a7c9e6;font-size:1rem;text-align:left}html body.page-phases :is( .mini-bottom-label, .mini-fixed-time-label, .moon-cycle-label, .wake-sleep-label, .meal-name-bottom, .drink-name-bottom, .lunar-layer-label, .lunar-phase-stop small, .segment-labels span, .top-label, .tick-label, .phase-time-grid-label, .season-segment-label, .zodiac-segment-label, .thirteen-segment-label, .lunar-year-segment-label, .generation-segment-label, .alternate-week-label, .calendar-definition-card, .calendar-definition-card p, .calendar-definition-card li, .calendar-definition-card td, .calendar-definition-card th ){font-size:clamp(1rem, 1.35vw, 1.16rem);line-height:1.18}html body.page-phases :is(.scale-label-text, .scale-label-time, .moon-cycle-label span, .moon-cycle-label small){font-size:1.02rem}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile,html body.page-phases article.phase-summary-tile.phase-summary-day-tile{display:grid;border:1px solid rgba(106, 201, 236, .38);border-radius:24px;background:radial-gradient(circle at 14% 24%, rgba(91, 191, 232, .22), transparent 42%), linear-gradient(135deg, #0f2842, #08182d 62%, #07111f)}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon{place-self:center}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon),html body.page-phases article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon){color:#9bdfff}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendar,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendar{color:#eef9ff;line-height:1}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryPlanetName,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryPlanetName{font-family:Georgia, "Times New Roman", serif;font-style:italic}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarDetail,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarDetail{grid-area:date;color:#a7c9e6;font-size:1rem}html body.page-phases #phaseOrderDayNames{& :is(.phase-order-body,.seven-planets-card),& #alternateWeekCard{width:100%;max-width:none}& .phase-order-title{display:none}}html body.page-phases #phaseSummaryDashboard,html body.page-phases #phaseOrderDayNames.phase-order-section,html body.page-phases #phaseOrderDayNames,html body.page-phases #phaseCard,html body.page-phases #phaseOrbitSimulatorSection,html body.page-phases #phaseSimulatorSection,html body.page-phases #nowSection,html body.page-phases .activities-card,html body.page-phases .calendar-definition-card,html body.page-phases .cycle-panel.glass-card{width:min(100%, 1480px);max-width:1480px;margin-left:auto;margin-right:auto}html body.page-phases #phaseSimulatorSection:is(*,#_){overflow:visible}html body.page-phases #phaseBottomSimulatorsSection:is(*,#_){& .isolated-simulator-card:not(.is-open){min-height:0;padding-top:20px;padding-bottom:20px;gap:12px}& .isolated-simulator-card:not(.is-open) .weather-period-scale-title{margin:0}}html body.page-phases #phaseOrbitSimulatorSection:is(*,#_).is-open{overflow:visible}html body.page-phases #phaseSimulatorSection:is(*,#_) :is(.isolated-simulator-frame-shell,.isolated-phase-frame){min-height:1040px;height:1040px;overflow:hidden}html body.page-phases #phaseOrbitSimulatorSection:is(*,#_) :is(.isolated-simulator-frame-shell,.isolated-orbit-frame){min-height:1180px;height:1180px;overflow:hidden}html body.page-phases #phaseOrderSleep .phase-order-title{color:#aee8ff}html body.page-phases #wakeSleepCycle{& .wake-sleep-title-copy{display:grid;gap:8px}& .wake-sleep-head h2{color:#eaf9ff;font-size:clamp(1.65rem, 2.4vw, 2.1rem);font-weight:400}& .wake-sleep-cycle-stats{display:grid;gap:5px;color:#bcd9e8;font-size:.98rem;line-height:1.25}& .wake-sleep-cycle-stats span{flex-wrap:wrap;align-items:baseline}& .wake-sleep-cycle-stats b{color:#9defff;font-weight:400}& .wake-sleep-cycle-stats em{color:#d9eef6;font-style:normal}& .wake-sleep-cycle-stats strong{color:#c6f7b4;font-weight:400}& .wake-sleep-status{justify-items:center;background:linear-gradient(135deg, rgba(9, 33, 50, .96), rgba(7, 20, 38, .96))}& #wakeSleepPhase{color:#a7f3ff;font-size:clamp(1.2rem, 2vw, 1.55rem)}& .wake-sleep-track{background:#071225;border-color:rgba(159, 227, 255, .76)}& .wake-awake-third-1{background:linear-gradient(90deg, #7fd6ff, #8ee6d0)}& .wake-awake-third-2{background:linear-gradient(90deg, #8ee6d0, #d4e88b)}& .wake-awake-third-3{background:linear-gradient(90deg, #d4e88b, #5f8bb8)}& .wake-sleep-third-1{background:linear-gradient(90deg, #4f6d9e, #2b3d78)}& .wake-sleep-third-2{background:linear-gradient(90deg, #26345f, #121c3c)}& .wake-sleep-third-3{background:linear-gradient(90deg, #10182f, #050914)}& .wake-sleep-icons{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:10px;width:min(960px, 100%);margin:-46px auto 0}& .wake-sleep-icon{display:grid;justify-items:center;gap:5px;min-height:74px;padding:10px 8px;border:1px solid rgba(144, 205, 229, .28);border-radius:14px;background:linear-gradient(180deg, rgba(16, 42, 61, .92), rgba(8, 21, 38, .95));color:#d7edf6}& .wake-icon-awake{background:linear-gradient(180deg, rgba(36, 101, 126, .9), rgba(18, 57, 76, .94));border-color:rgba(159, 235, 225, .34)}& .wake-icon-sleep{background:linear-gradient(180deg, rgba(23, 35, 70, .94), rgba(7, 12, 31, .96));border-color:rgba(122, 155, 220, .3)}& .wake-sleep-icon b{font-size:2rem;line-height:1}& .wake-sleep-icon em{color:#bdd9e7;font-size:.78rem;font-style:normal;line-height:1.1;text-align:center}& .wake-sleep-icon.is-active{border-color:rgba(172, 244, 182, .72);box-shadow:0 0 0 3px rgba(139, 216, 151, .16), 0 0 24px rgba(108, 218, 178, .24);transform:translateY(-3px)}}html body.page-phases #phaseOrderTimeOfDay .phase-section-circle-card .day-phase-visual,html body.page-phases #phaseOrderSunPosition .phase-section-circle-card .day-phase-visual{background:radial-gradient(circle at 50% 50%, rgba(255, 224, 117, .2) 0 11%, transparent 12%), linear-gradient(180deg, #286f9e 0 50%, #071329 50% 100%);border-color:rgba(166, 226, 255, .8)}html body.page-phases #phaseOrderTimeOfDay .phase-circle-midday-marker,html body.page-phases #phaseOrderSunPosition .phase-circle-midday-marker{top:-18px}html body.page-phases #phaseOrderTimeOfDay .phase-circle-midnight-marker,html body.page-phases #phaseOrderSunPosition .phase-circle-midnight-marker{bottom:-18px}@media (max-width: 860px){html body.page-phases #wakeSleepCycle{& .wake-sleep-head{grid-template-columns:1fr}& .wake-sleep-icons{grid-template-columns:repeat(3, minmax(0, 1fr));margin-top:-24px}}}html body.page-phases #phaseSummaryDashboard :is(.phase-summary-grid,.phase-summary-ordered-grid){transform:translateY(-20px);margin-bottom:-20px}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile,html body.page-phases article.phase-summary-tile.phase-summary-day-tile{text-align:center}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon),html body.page-phases article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon),html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile :is(#phaseSummaryCalendar,#phaseSummaryPlanetName,#phaseSummaryCalendarDetail),html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendar,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryPlanetName,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarDetail{justify-self:center;text-align:center}html body.page-phases #phaseOrderDayNames{& #alternateWeekCard :is(.card-head,.card-pie-meter,.progress-summary-line,.percent-inline,.compact-top-lines,.slider-gap,.progress-track,.segment-labels,.work-status){display:none}& #alternateWeekCard .detail-text{width:100%;margin:0;padding:0;background:transparent;border:0}& .alternate-week-table-wrap{margin:0 auto}& .alternate-week-table :is(th,td){text-align:center;font-weight:400}& .alternate-week-day-row td{color:#fff4bb;font-family:Georgia, "Times New Roman", serif;font-size:1.22rem;font-style:italic}& .alternate-week-table td.is-active-day{background:linear-gradient(135deg, #8ce7f0, #f4c774)}}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile,html body.page-phases article.phase-summary-tile.phase-summary-day-tile{grid-template-columns:1fr;grid-template-areas:"label" "day" "icon" "planet";width:min(270px, 100%);min-height:232px;padding:14px 18px 16px;justify-items:center;align-items:center;gap:7px}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon{grid-area:icon;width:92px;height:92px;min-width:92px;min-height:92px;margin:4px auto 0;border-radius:50%;font-size:0}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon),html body.page-phases article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon){grid-area:label;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendar,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendar{grid-area:day;font-size:clamp(1.35rem, 2vw, 1.65rem)}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryPlanetName,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryPlanetName{grid-area:planet;color:#ffd482;font-size:clamp(1.35rem, 2vw, 1.75rem);line-height:1.05;margin-top:0}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarDetail,html body.page-phases article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarDetail{display:none}html body.page-phases .planet-icon.planet-sun,html body.page-phases .phase-summary-day-tile .planet-icon.planet-sun{background:radial-gradient(circle at 32% 28%, #fff7c4 0 16%, #ffd65e 34%, #f28b24 68%, #9f3c10 100%);box-shadow:0 0 24px rgba(255, 199, 67, .52), inset -12px -10px 18px rgba(95, 43, 7, .34)}html body.page-phases .planet-icon.planet-moon,html body.page-phases .phase-summary-day-tile .planet-icon.planet-moon{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.9) 0 9%, transparent 10%), radial-gradient(circle at 58% 38%, rgba(96,109,126,.36) 0 8%, transparent 9%), radial-gradient(circle at 39% 68%, rgba(96,109,126,.32) 0 7%, transparent 8%), radial-gradient(circle at 34% 26%, #ffffff 0 12%, #d9e2ed 34%, #7b8da0 76%)}html body.page-phases .planet-icon.planet-mars,html body.page-phases .phase-summary-day-tile .planet-icon.planet-mars{background:radial-gradient(circle at 30% 26%, #ffbd96 0 14%, #c85635 42%, #6d1e18 86%)}html body.page-phases .planet-icon.planet-mercury,html body.page-phases .phase-summary-day-tile .planet-icon.planet-mercury{background:radial-gradient(circle at 28% 28%, rgba(255,255,255,.45) 0 10%, transparent 11%), radial-gradient(circle at 63% 58%, rgba(37,42,51,.3) 0 9%, transparent 10%), radial-gradient(circle at 32% 28%, #e9e0cf 0 12%, #9c9287 42%, #5f6470 78%)}html body.page-phases .planet-icon.planet-jupiter,html body.page-phases .phase-summary-day-tile .planet-icon.planet-jupiter{background:radial-gradient(ellipse at 68% 55%, rgba(120,45,35,.8) 0 8%, transparent 9%), linear-gradient(180deg, #c99b63 0 16%, #f1d4a0 16% 30%, #9b6046 30% 44%, #e6bd7c 44% 62%, #8b523d 62% 75%, #d8a96f 75%)}html body.page-phases .planet-icon.planet-venus,html body.page-phases .phase-summary-day-tile .planet-icon.planet-venus{background:radial-gradient(circle at 34% 26%, #fff0b8 0 14%, #d9a85f 40%, #8e6942 78%)}html body.page-phases .planet-icon.planet-saturn,html body.page-phases .phase-summary-day-tile .planet-icon.planet-saturn{overflow:visible;background:radial-gradient(circle at 34% 26%, #fff0b8 0 14%, #d8b877 42%, #8f7042 78%)}html body.page-phases #phaseOrderDayNames{& .seven-planets-card{display:none}& #alternateWeekCard{padding:14px}& .alternate-week-table :is(th,td){padding:8px 7px}& .alternate-week-planet-row td{padding:10px 6px 8px;vertical-align:middle}& .alternate-week-planet-row .planet-icon{margin:0 auto 6px}& .alternate-week-planet-row em{display:block;font-size:.82rem;letter-spacing:.04em}}html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile,html body.page-phases article.phase-summary-tile.phase-summary-day-tile{transform:translateX(50px)}html body.page-phases #phaseSummaryDashboard :is(.phase-summary-row,.phase-summary-row-one,.phase-summary-row-two,.phase-summary-row-three,.phase-summary-work-row){width:min(850px, calc(100vw - 98px));max-width:850px;margin-left:auto;margin-right:auto;border:1px solid rgba(108, 198, 225, .2);border-radius:18px;padding:10px 12px}html body.page-phases #phaseOrderDayNames{& #alternateWeekCard{margin-left:auto;margin-right:auto}& .alternate-week-table-wrap{margin-left:auto;margin-right:auto}}@media (max-width: 900px){html body.page-phases #phaseSummaryDashboard article.phase-summary-tile.phase-summary-day-tile,html body.page-phases article.phase-summary-tile.phase-summary-day-tile{transform:none}html body.page-phases #phaseSummaryDashboard :is(.phase-summary-row,.phase-summary-row-one,.phase-summary-row-two,.phase-summary-row-three,.phase-summary-work-row){width:min(100%, calc(100vw - 32px))}}html body.page-phases #phaseOrderDayNames{& .alternate-week-table-wrap{border-radius:12px;border-color:rgba(92, 187, 213, .22)}& .alternate-week-table :is(th,td){border-radius:0;border:1px solid rgba(132, 189, 207, .16);background:rgba(5, 16, 29, .94);box-shadow:none}& .alternate-week-table .alternate-week-planet-row td{background:rgba(5, 16, 29, .94)}& .alternate-week-table td.is-active-day{color:#ffffff}& .alternate-week-table-inner{position:relative}& .alternate-week-arrow-lane{position:absolute;left:var(--alternate-week-label-column);right:0}& .alternate-week-arrow-lane::before{position:absolute;left:0;right:0;bottom:6px;height:1px;background:linear-gradient(90deg, rgba(139, 232, 247, .08), rgba(139, 232, 247, .38), rgba(245, 207, 114, .22))}& .alternate-week-current-arrow{position:absolute;bottom:3px;color:#fff1a8;font-size:1.35rem;line-height:1;text-shadow:0 0 10px rgba(255, 215, 115, .48), 0 2px 6px rgba(0, 0, 0, .72)}& .alternate-week-table th{border-color:transparent;box-shadow:none;font-size:.76rem;letter-spacing:.015em;text-align:right}& .alternate-week-table td.is-active-day{border-color:rgba(132, 189, 207, .16);filter:none;box-shadow:none}& .alternate-week-table tr:not(.alternate-week-day-row) td.is-active-day{color:rgba(241, 251, 255, .92)}& .alternate-week-table .alternate-week-day-row td.is-active-day{color:#fff4bb}& .alternate-week-table td.alternate-week-star-column{width:54px;min-width:54px;padding:0;border-color:transparent}& .alternate-week-table td.alternate-week-star-column span{min-height:30px;font-size:1rem;line-height:1;text-shadow:0 0 8px rgba(126, 218, 255, .45), 0 0 16px rgba(255, 231, 152, .18)}& .alternate-week-table tr:nth-child(5n) td.alternate-week-star-column span,& .alternate-week-table tr:nth-child(9n) td.alternate-week-star-column span{color:#fff0a8;font-size:1.12rem;transform:rotate(-12deg)}}html body.page-phases #phaseOrderTimeOfDay .cycle-slider-label-container,html body.page-phases #phaseOrderSunPosition .cycle-slider-label-container,html body.page-phases #phaseOrderMoonPosition .cycle-slider-label-container,html body.page-phases #phaseCard .phase-day-panel .cycle-slider-label-container,html body.page-phases #phaseCard .sun-cycle-panel .cycle-slider-label-container,html body.page-phases #phaseCard .moon-cycle-panel .cycle-slider-label-container{position:relative;min-height:470px;padding:22px 22px 172px;border:1px solid rgba(146, 164, 185, .32);border-radius:12px;background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,4,14,.22);overflow:visible}html body.page-phases #phaseOrderTimeOfDay #periodScaleMount,html body.page-phases #phaseOrderSunPosition #sunCycleScaleMount,html body.page-phases #phaseOrderMoonPosition #moonCycleScaleMount,html body.page-phases #phaseCard :is(#periodScaleMount,#sunCycleScaleMount,#moonCycleScaleMount){border:0;background:transparent;box-shadow:none}html body.page-phases #phaseManualOrderSection #phaseOrderTimeOfDay.phase-order-section .phase-order-body .phase-day-panel.natural-cycle-card > .cycle-slider-label-container,html body.page-phases #phaseManualOrderSection #phaseOrderSunPosition.phase-order-section .phase-order-body .sun-cycle-panel.natural-cycle-card > .cycle-slider-label-container,html body.page-phases #phaseManualOrderSection #phaseOrderMoonPosition.phase-order-section .phase-order-body .moon-cycle-panel.natural-cycle-card > .cycle-slider-label-container{border:1px solid rgba(146, 164, 185, .32);border-radius:12px;background:linear-gradient(180deg, rgba(35, 43, 53, .98), rgba(25, 32, 41, .98)), #1f2731;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,4,14,.22)}html body.page-phases #phaseOrderMoonMath.phase-order-section{background:radial-gradient(circle at 12% 0%, rgba(123, 202, 255, .12), transparent 32%), linear-gradient(145deg, rgba(9, 20, 35, .98), rgba(3, 9, 18, .99));border-color:rgba(123, 202, 255, .22)}html body.page-phases #phaseOrderMoonMath .phase-order-body{display:grid;gap:18px}html body.page-phases .moon-math-calendar-section{display:grid;gap:18px;padding:18px;border:1px solid rgba(116, 190, 218, .22);border-radius:12px;background:linear-gradient(180deg, rgba(10, 26, 44, .98), rgba(4, 12, 24, .98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 38px rgba(0,0,0,.28)}html body.page-phases .moon-math-equation-row{display:grid;grid-template-columns:repeat(9, auto);justify-content:center;align-items:center;gap:10px;padding:12px;border:1px solid rgba(149, 214, 236, .22);border-radius:10px;background:linear-gradient(90deg, rgba(15, 40, 62, .88), rgba(8, 20, 36, .9));color:#c8f0ff;font-size:.9rem}html body.page-phases .moon-math-equation-row span{display:inline-grid;place-items:center;min-height:34px;padding:6px 10px;border:1px solid rgba(139, 215, 237, .26);border-radius:8px;background:rgba(4, 15, 28, .8);white-space:nowrap}html body.page-phases .moon-math-equation-row b{color:#fff0a8;font-size:1.15rem}html body.page-phases .moon-math-simple-card{display:grid;gap:10px;justify-items:center;padding:18px;border:1px solid rgba(149, 214, 236, .22);border-radius:10px;background:linear-gradient(90deg, rgba(15, 40, 62, .88), rgba(8, 20, 36, .9));color:#eaf9ff;text-align:center}html body.page-phases .moon-math-simple-card strong{color:#dff6ff;font-size:1.05rem}html body.page-phases .moon-math-simple-card p{margin:0;width:min(100%, 420px);padding:8px 10px;border:1px solid rgba(139, 215, 237, .22);border-radius:8px;background:rgba(4, 15, 28, .72);color:#c8f0ff}html body.page-phases .moon-math-grid{display:grid;grid-template-columns:minmax(260px, .8fr) minmax(420px, 1.2fr);gap:14px;align-items:stretch}html body.page-phases .moon-math-year-panel{grid-column:1 / -1}html body.page-phases .moon-math-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(129, 184, 207, .2);border-radius:10px;background:repeating-linear-gradient(0deg, rgba(255,255,255,.024) 0 12px, rgba(0,0,0,.06) 12px 24px), linear-gradient(180deg, rgba(20, 33, 48, .96), rgba(10, 18, 31, .98))}html body.page-phases .moon-math-panel h3{margin:0;color:#dff6ff;font-size:.95rem;text-align:center}html body.page-phases .moon-math-week-table,html body.page-phases .moon-math-month-table,html body.page-phases .moon-math-combined-table{width:100%;border-collapse:collapse}html body.page-phases .moon-math-week-table td,html body.page-phases .moon-math-month-table th,html body.page-phases .moon-math-month-table td,html body.page-phases .moon-math-combined-table th,html body.page-phases .moon-math-combined-table td{border:1px solid rgba(132, 190, 211, .18);background:rgba(5, 16, 29, .88);color:#eaf9ff}html body.page-phases .moon-math-day-cell{min-width:56px;padding:8px 6px;text-align:center;vertical-align:middle}html body.page-phases .moon-math-day-cell .planet-icon{width:28px;height:28px;margin:0 auto 4px}html body.page-phases .moon-math-day-cell b,html body.page-phases .moon-math-day-cell span{display:block;color:#f5fbff;font-size:.8rem}html body.page-phases .moon-math-day-cell small{display:block;color:#a9d7e8;font-size:.64rem}html body.page-phases .moon-math-month-table th{width:76px;color:#aadff0;font-size:.74rem;text-align:right;white-space:nowrap}html body.page-phases .moon-math-sign-grid{display:grid;grid-template-columns:repeat(13, minmax(58px, 1fr));gap:5px}html body.page-phases .moon-math-sign-card{display:grid;justify-items:center;gap:4px;min-height:96px;padding:8px 5px;border:1px solid rgba(142, 201, 222, .18);border-radius:8px;background:linear-gradient(180deg, rgba(7, 22, 39, .95), rgba(3, 10, 20, .98));text-align:center}html body.page-phases .moon-math-month-number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0f3048;color:#bceeff;font-size:.7rem}html body.page-phases .moon-math-sign-card b{color:#fff4bb;font-size:.72rem;line-height:1.1}html body.page-phases .moon-math-sign-card small{display:flex;align-items:center;justify-content:center;gap:4px;color:#b9d9e8;font-size:.62rem;line-height:1.1}html body.page-phases .moon-math-sign-card .planet-icon{width:18px;height:18px}html body.page-phases .moon-math-combined-scroll{width:100%;overflow-x:auto;padding-bottom:6px}html body.page-phases .moon-math-combined-table{min-width:1320px}html body.page-phases .moon-math-combined-table th{width:145px;min-width:145px;padding:7px 8px;background:#020912;text-align:left}html body.page-phases .moon-math-combined-table th span,html body.page-phases .moon-math-combined-table th b,html body.page-phases .moon-math-combined-table th small{display:block}html body.page-phases .moon-math-combined-table th span{color:#91c8dc;font-size:.62rem}html body.page-phases .moon-math-combined-table th b{color:#fff4bb;font-size:.76rem}html body.page-phases .moon-math-combined-table th small{display:flex;align-items:center;gap:5px;color:#a5cede;font-size:.62rem}html body.page-phases .moon-math-combined-table th .planet-icon{flex:0 0 auto;width:16px;height:16px;min-width:16px;min-height:16px;margin:0}html body.page-phases .moon-math-combined-day{width:38px;min-width:38px;height:34px;padding:2px;text-align:center;vertical-align:middle}html body.page-phases .moon-math-combined-day span,html body.page-phases .moon-math-combined-day i{display:block;font-style:normal;line-height:1}html body.page-phases .moon-math-combined-day span{color:#eaf8ff;font-size:.62rem}html body.page-phases .moon-math-combined-day i{color:#83dfff;font-size:.7rem}html body.page-phases .moon-math-day-0{background:rgba(174, 193, 216, .18)}html body.page-phases .moon-math-day-1{background:rgba(207, 86, 56, .2)}html body.page-phases .moon-math-day-2{background:rgba(169, 159, 145, .18)}html body.page-phases .moon-math-day-3{background:rgba(216, 168, 102, .2)}html body.page-phases .moon-math-day-4{background:rgba(221, 174, 98, .2)}html body.page-phases .moon-math-day-5{background:rgba(217, 190, 126, .18)}html body.page-phases .moon-math-day-6{background:rgba(255, 205, 76, .2)}@media (max-width: 1100px){html body.page-phases .moon-math-equation-row,html body.page-phases .moon-math-grid{grid-template-columns:1fr}html body.page-phases .moon-math-sign-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}html body.page-phases #phaseSummaryDashboard{& :is(.phase-summary-row,.phase-summary-row-one,.phase-summary-row-two,.phase-summary-row-three,.phase-summary-work-row){background:linear-gradient(180deg, rgba(10, 24, 42, .96), rgba(5, 15, 30, .98));border-color:rgba(119, 154, 184, .2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 24px rgba(0,0,0,.22)}& .phase-summary-row :is(.phase-summary-feature,.phase-summary-tile){background:linear-gradient(180deg, rgba(67, 74, 84, .96), rgba(35, 41, 50, .98));border-color:rgba(185, 193, 202, .18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 20px rgba(0,0,0,.2)}& .phase-summary-row .phase-summary-feature:nth-child(2),& .phase-summary-row .phase-summary-tile:nth-child(2){background:linear-gradient(180deg, rgba(83, 89, 98, .96), rgba(43, 48, 57, .98))}& .phase-summary-row .phase-summary-feature:nth-child(3),& .phase-summary-row .phase-summary-tile:nth-child(3){background:linear-gradient(180deg, rgba(58, 65, 76, .96), rgba(29, 35, 44, .98))}}html body.page-phases #phaseOrderDayNames .alternate-week-table .alternate-week-planet-row td:not(.alternate-week-star-column){align-items:center;gap:6px}html body.page-phases #phaseOrderTimeOfDay .phase-label-sunset,html body.page-phases #phaseOrderSunPosition .phase-label-sunset{left:-74px;right:auto;top:50%;transform:translateY(-50%)}html body.page-phases #phaseOrderTimeOfDay .phase-label-sunrise,html body.page-phases #phaseOrderSunPosition .phase-label-sunrise{right:-74px;left:auto;top:50%;transform:translateY(-50%)}html body.page-phases #phaseOrderSunPosition .phase-section-circle-card .day-phase-visual::after{position:absolute;z-index:6;border-radius:999px;line-height:1;text-align:center}html body.page-phases :is( #phaseSummaryMoonVisibility .phase-summary-icon, #phaseSummaryMoonPositionIcon, #phaseSummaryMoonPhaseIcon, #moonPhaseIcon, #moonCycleMovingIcon, #orbitMoonIcon, .moon-cycle-orb, .moon-phase-live-icon, .lunar-mini-marker, .lunar-phase-stop b ){filter:grayscale(1) brightness(.82) contrast(1.12) drop-shadow(0 0 8px rgba(112, 190, 255, .52));text-shadow:0 0 8px rgba(116, 194, 255, .48), 0 0 16px rgba(116, 194, 255, .24)}html body.page-phases #phaseOrderDayNames{& :is(.phase-order-body,.progress-card),& #alternateWeekCard{width:min(100%, 1500px);max-width:1500px}& .alternate-week-table-wrap{width:100%;max-width:none}& .alternate-week-table td:not(.alternate-week-star-column){border-top:1px solid rgba(218, 238, 255, .28);border-bottom:1px solid rgba(218, 238, 255, .2)}& .alternate-week-table tr:first-child td:not(.alternate-week-star-column){border-top-width:2px}& .alternate-week-table tr:last-child td:not(.alternate-week-star-column){border-bottom-width:2px}& .alternate-week-table td.alternate-day-0{border-left:2px solid rgba(218, 238, 255, .42)}& .alternate-week-table td.alternate-day-6{border-right:2px solid rgba(218, 238, 255, .42)}& .alternate-week-table td.alternate-day-0{color:#f1fbff}& .alternate-week-table td.alternate-day-1{color:#ffb18b}& .alternate-week-table td.alternate-day-2{color:#a8ffbf}& .alternate-week-table td.alternate-day-3{color:#bbb7ff}& .alternate-week-table td.alternate-day-4{color:#ffb9df}& .alternate-week-table td.alternate-day-5{color:#a9c7ff}& .alternate-week-table td.alternate-day-6{color:#ffe39a}& .alternate-week-table .alternate-week-day-row td:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-symbol-row td:not(.alternate-week-star-column){text-shadow:0 0 10px currentColor}& .alternate-week-table tr td.alternate-day-0{color:#f1fbff}& .alternate-week-table tr td.alternate-day-1{color:#ffb18b}& .alternate-week-table tr td.alternate-day-2{color:#a8ffbf}& .alternate-week-table tr td.alternate-day-3{color:#bbb7ff}& .alternate-week-table tr td.alternate-day-4{color:#ffb9df}& .alternate-week-table tr td.alternate-day-5{color:#a9c7ff}& .alternate-week-table tr td.alternate-day-6{color:#ffe39a}}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table tr{& td.alternate-day-0:not(.alternate-week-star-column){color:#f1fbff}& td.alternate-day-1:not(.alternate-week-star-column){color:#ffb18b}& td.alternate-day-2:not(.alternate-week-star-column){color:#a8ffbf}& td.alternate-day-3:not(.alternate-week-star-column){color:#bbb7ff}& td.alternate-day-4:not(.alternate-week-star-column){color:#ffb9df}& td.alternate-day-5:not(.alternate-week-star-column){color:#a9c7ff}& td.alternate-day-6:not(.alternate-week-star-column){color:#ffe39a}}html body.page-phases #phaseOrderTimeOfDay{& #periodScaleMount{transform:translateY(20px);margin-bottom:20px}& #periodScale .mini-fixed-time-label{white-space:nowrap}& #periodScale .mini-midnight-start-label{transform:translateX(0) translateY(-5px);text-align:left}& #periodScale .mini-midnight-end-label{transform:translateX(-100%) translateY(-5px);text-align:right}& #periodScale .mini-bottom-label.phase-label-top{transform:translate(-50%, -5px)}& #periodScale :is(.label-before-sunrise, .label-before-sunset){transform:translate(-50%, -15px)}}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-section-circle-card .day-phase-visual .phase-label-sunset{position:absolute;left:0;right:auto;top:50%;transform:translate(calc(-100% - 18px), -50%);width:max-content}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-section-circle-card .day-phase-visual .phase-label-sunrise{position:absolute;right:0;left:auto;top:50%;transform:translate(calc(100% + 18px), -50%);width:max-content}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-section-circle-card .phase-horizon-label.phase-label-sunset{position:absolute;left:0;right:auto;top:50%;transform:translate(calc(-100% - 18px), -50%);width:max-content}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-section-circle-card .phase-horizon-label.phase-label-sunrise{position:absolute;right:0;left:auto;top:50%;transform:translate(calc(100% + 18px), -50%);width:max-content}html body.page-phases #phaseSummaryDashboard .phase-summary-day-tile #phaseSummaryPlanetName{font-family:"Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive}html body.page-phases .planet-icon{position:relative;background-blend-mode:overlay, normal}html body.page-phases .planet-icon::after{position:absolute;inset:0;border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none}html body.page-phases .planet-mercury{background:radial-gradient(circle at 35% 30%, #b7ada0 0 8%, transparent 9%), radial-gradient(circle at 62% 58%, rgba(40,34,30,.75) 0 8%, transparent 9%), linear-gradient(135deg, #777066, #aaa092 45%, #4e4944)}html body.page-phases .planet-venus{background:repeating-linear-gradient(170deg, rgba(255,235,176,.24) 0 5px, rgba(111,75,34,.2) 5px 11px), linear-gradient(135deg, #d2a05e, #7f512e 62%, #3e2c22)}html body.page-phases .planet-mars{background:radial-gradient(circle at 62% 38%, rgba(63,28,20,.8) 0 9%, transparent 10%), repeating-linear-gradient(25deg, rgba(255,170,104,.16) 0 4px, rgba(76,26,22,.16) 4px 9px), linear-gradient(135deg, #a74932, #5d221f 64%, #281514)}html body.page-phases .planet-jupiter{background:radial-gradient(ellipse at 65% 58%, rgba(151,66,47,.9) 0 9%, transparent 10%), repeating-linear-gradient(180deg, #c7ad89 0 5px, #7d6048 5px 10px, #d1c0a4 10px 14px, #4f3b32 14px 20px)}html body.page-phases .planet-saturn{background:linear-gradient(135deg, #c2aa7d, #6b5943 58%, #2d2720);box-shadow:0 0 0 2px rgba(188, 168, 124, .22), inset -8px -6px 13px rgba(0,0,0,.58), inset 5px 4px 8px rgba(255,255,255,.16)}html body.page-phases .planet-moon{background:radial-gradient(circle at 30% 32%, #c8ced3 0 7%, transparent 8%), radial-gradient(circle at 62% 60%, #323942 0 11%, transparent 12%), radial-gradient(circle at 48% 42%, #707984 0 9%, transparent 10%), linear-gradient(135deg, #d8dde2, #78818d 58%, #252b33);box-shadow:inset -8px -6px 13px rgba(0,0,0,.6), inset 5px 4px 8px rgba(255,255,255,.18), 0 0 12px rgba(117, 184, 255, .25)}html body.page-phases .planet-sun{background:radial-gradient(circle at 40% 35%, #fff5a8 0 18%, #f4bd3e 34%, #a74d1d 72%, #3a1d11 100%)}html body.page-phases #phaseOrderDayNames .alternate-week-table-wrap{padding:40px 24px 24px}html body.page-phases :is(#phaseOrderTimeOfDay #periodScale, #phaseOrderSunPosition #sunCycleScale) .mini-fixed-time-label{line-height:1.05;text-align:center}html body.page-phases :is(#phaseOrderTimeOfDay #periodScale, #phaseOrderSunPosition #sunCycleScale) .mini-midnight-start-label{transform:translateX(0) translateY(-5px)}html body.page-phases :is(#phaseOrderTimeOfDay #periodScale, #phaseOrderSunPosition #sunCycleScale) .mini-midnight-end-label{transform:translateX(-100%) translateY(-5px)}html body.page-phases #phaseSummaryDashboard #phaseSummaryCalendarIcon:is(*,#_),html body.page-phases #phaseSummaryCalendarIcon.phase-summary-icon.phase-planet-image.planet-icon{font-size:1rem}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table .alternate-week-day-row td:not(.alternate-week-star-column){color:#fff;-webkit-text-fill-color:#fff;text-shadow:none}html body.page-phases #phaseSummaryDashboard #phaseSummaryCalendarIcon:is(*,#_),html body.page-phases #phaseSummaryCalendarIcon.phase-summary-icon.phase-planet-image.planet-icon{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px}html body.page-phases #phaseOrderDayNames{& :is(.alternate-week-end-col,.alternate-week-star-column){display:table-cell;width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& .alternate-week-table td:not(.alternate-week-star-column){width:calc((100% - (var(--alternate-week-label-column) * 2)) / 7);padding:9px 6px;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.16}& .alternate-week-table th{padding:9px 6px;white-space:normal;overflow-wrap:anywhere;line-height:1.12}& .alternate-week-table .alternate-week-planet-row td:not(.alternate-week-star-column){font-size:.88rem}& .alternate-week-table td.alternate-week-star-column{border-left:2px solid rgba(218, 238, 255, .42);text-align:center}& .alternate-week-table td.alternate-week-star-column span{display:inline-grid;place-items:center;width:24px;height:24px}}html body.page-phases :is(#phaseOrderTimeOfDay #periodScale, #phaseOrderSunPosition #sunCycleScale) .mini-fixed-time-label{width:46px;max-width:46px;white-space:nowrap;overflow-wrap:normal}html body.page-phases #periodScale .mini-bottom-label.label-middle-of-night,html body.page-phases #sunCycleScale .mini-bottom-label.label-lowest-night-arc{width:150px;max-width:150px;white-space:nowrap}html body.page-phases #periodScale :is(.mini-bottom-label.label-before-sunrise,.mini-bottom-label.label-before-sunset,.mini-bottom-label.label-evening-twilight),html body.page-phases #sunCycleScale :is(.mini-bottom-label.label-pre-sunrise-glow,.mini-bottom-label.label-pre-sunset-glow,.mini-bottom-label.label-evening-afterglow){transform:translate(calc(-50% - 10px), -15px)}html body.page-phases #foodCard #foodIcon,html body.page-phases #drinkCard #drinkIcon,html body.page-phases #foodCard .food-icon,html body.page-phases #drinkCard .drink-icon{transform:translateY(-20px);margin-bottom:-20px}html body.page-phases #foodCard #foodIcon span,html body.page-phases #drinkCard #drinkIcon span{grid-template-rows:1fr auto;height:132px;min-height:132px;padding:10px 12px}html body.page-phases #foodCard #foodIcon span b,html body.page-phases #drinkCard #drinkIcon span b{order:2;align-self:end}html body.page-phases #foodCard #foodIcon span em,html body.page-phases #drinkCard #drinkIcon span em{order:1;align-self:center;font-size:3.8rem}html body.page-phases #phaseOrderTimeOfDay #periodScale :is(.mini-bottom-label.label-before-sunrise,.mini-bottom-label.label-before-sunset,.mini-bottom-label.label-evening-twilight),html body.page-phases #phaseOrderSunPosition #sunCycleScale :is(.mini-bottom-label.label-pre-sunrise-glow,.mini-bottom-label.label-pre-sunset-glow,.mini-bottom-label.label-evening-afterglow){transform:translate(calc(-50% - 10px), -15px)}html body.page-phases :is( .progress-track, .progress-fill, .day-mini-scale, .mini-scale-track, .mini-sky-segments, .mini-sky-segments span, .moon-cycle-track, .moon-cycle-fill, .lunar-layer-track, .lunar-phase-track, .lunar-mini-track, .wake-sleep-track, .wake-sleep-fill ){border-radius:0}html body.page-phases :is( .progress-track::before, .progress-track::after, .progress-fill::before, .progress-fill::after, .mini-scale-track::before, .moon-cycle-track::before ){border-radius:0}html body.page-phases .progress-track::before,html body.page-phases .progress-track::after,html body.page-phases .progress-fill::before,html body.page-phases .progress-fill::after,html body.page-phases .mini-scale-track::before,html body.page-phases .moon-cycle-track::before{border-radius:0}html body.page-phases :is(#seasonCard, #generationCard, #zodiacCard, #thirteenCard, #lunarYearCard, #financialYearCard) .compact-top-lines{display:grid;justify-content:center;gap:5px;margin-top:8px;text-align:center}html body.page-phases .named-cycle-current,html body.page-phases .named-cycle-progress,html body.page-phases .named-cycle-remaining{display:block;text-align:center;line-height:1.28}html body.page-phases .named-cycle-current strong{color:#8fe8ff;font-size:1.28rem;font-weight:600}html body.page-phases .named-cycle-progress{color:#eef8ff;font-size:.98rem}html body.page-phases .named-cycle-remaining{color:#aac3d4;font-size:.92rem}html body.page-phases #phaseOrderDayNames{& .alternate-week-label-col,& .alternate-week-table th{width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& .alternate-week-table td:not(.alternate-week-star-column){min-width:112px;color:#d7e9f4}& .alternate-week-table td.alternate-day-0{background:linear-gradient(180deg, #20262b, #0b1118)}& .alternate-week-table td.alternate-day-1{background:linear-gradient(180deg, #2a1716, #120a0b)}& .alternate-week-table td.alternate-day-2{background:linear-gradient(180deg, #172419, #08120d)}& .alternate-week-table td.alternate-day-3{background:linear-gradient(180deg, #171829, #090b18)}& .alternate-week-table td.alternate-day-4{background:linear-gradient(180deg, #281826, #111015)}& .alternate-week-table td.alternate-day-5{background:linear-gradient(180deg, #111b2a, #05070b)}& .alternate-week-table td.alternate-day-6{background:linear-gradient(180deg, #2b2416, #100b05)}& .alternate-week-day-row td:not(.alternate-week-star-column){color:#9fdcff;font-weight:400;font-style:normal}& .alternate-week-planet-row .planet-icon{width:54px;height:54px;min-width:54px;min-height:54px}& .alternate-week-planet-row em{color:#8fe8ff;font-style:normal;font-weight:500}& .alternate-week-symbol-row td:not(.alternate-week-star-column){font-size:clamp(2rem, 3vw, 3.1rem);line-height:1}}html body.page-phases #phaseCard :is(#phaseDayTitleValue,#sunCycleTitleValue,#moonCycleTitleValue,#moonPhaseName){min-height:38px;min-width:118px;padding:8px 16px;margin-left:8px;transform:translateY(-10px);font-size:clamp(1.08rem, 1.6vw, 1.38rem)}html body.page-phases #phaseOrderMoonPhases #lunarMonthCard :is(.moon-phases-visual-panel,.lunar-layer-stack),html body.page-phases #lunarMonthCard :is(.moon-phases-visual-panel,.lunar-layer-stack),html body.page-phases #phaseCard .moon-cycle-panel .moon-phases-visual-panel{width:min(100%, 1120px);max-width:1120px}html body.page-phases #foodIcon span.active em,html body.page-phases #drinkIcon span.active em{transform:translateY(-10px) scale(1.12)}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& :is(.seasonal-sun-visual,.seasonal-sun-controls,.seasonal-slider-block,.seasonal-sun-chart,.seasonal-sun-analemma-chart){width:100%;max-width:none}& .seasonal-sun-visual{grid-template-columns:1fr}& .seasonal-sun-arc{width:min(520px, 100%)}& .seasonal-slider-block{grid-template-columns:1fr;padding:14px 16px 16px;border:1px solid rgba(104, 199, 217, .18);border-radius:12px;background:rgba(4, 19, 31, .45)}& .seasonal-sun-analemma-chart{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, .04) 1px, transparent 1px), radial-gradient(circle at 62% 26%, rgba(245, 166, 54, .2), transparent 34%), linear-gradient(180deg, #10202d 0%, #07131f 100%);background-size:10% 100%, 100% 16.66%, auto, auto;border:1px solid rgba(112, 201, 220, .28);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 14px 28px rgba(0, 0, 0, .2)}& .seasonal-sun-analemma-chart svg{position:absolute;inset:44px 34px 28px;overflow:visible}& .seasonal-analemma-title{position:absolute;left:18px;right:18px;top:14px;z-index:3;align-items:center;justify-content:space-between}& .seasonal-analemma-title span{color:rgba(218, 246, 255, .76);font-size:12px;text-transform:uppercase;letter-spacing:.04em}& .seasonal-analemma-title b{color:#ffe2a1;font-size:14px;font-style:italic}& .seasonal-analemma-path{fill:none;stroke-dasharray:1.2 2.2}& .seasonal-analemma-dot{filter:drop-shadow(0 0 4px rgba(255, 198, 84, .4))}& .seasonal-analemma-month-dot{fill:#fff1bf;stroke:rgba(0, 0, 0, .55);stroke-width:.45;vector-effect:non-scaling-stroke}& .seasonal-analemma-current{fill:#ff7b2f;stroke:#ffe4a3;stroke-width:.7;filter:drop-shadow(0 0 7px rgba(255, 133, 54, .72));vector-effect:non-scaling-stroke}& .seasonal-analemma-month-label{fill:rgba(232, 244, 247, .78);font-size:3.2px;paint-order:stroke;stroke:rgba(5, 12, 20, .86);stroke-width:.9px;vector-effect:non-scaling-stroke}& .seasonal-analemma-note{position:absolute;right:18px;color:rgba(218, 246, 255, .58);font-size:11px}& .seasonal-analemma-note.north{top:54px}& .seasonal-analemma-note.south{bottom:10px}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .phase-summary-row-one.phase-summary-day-row{position:relative;overflow:visible}& .natural-shooting-star{position:absolute;top:50%;z-index:4;width:150px;height:58px;pointer-events:none;transform:translateY(-52%) rotate(-17deg);filter:drop-shadow(0 0 10px rgba(131, 229, 255, .28))}& .natural-shooting-star-left{right:calc(50% + 185px)}& .natural-shooting-star-right{left:calc(50% + 185px);transform:translateY(-52%) scaleX(-1) rotate(-17deg)}& .natural-shooting-star-tail{position:absolute;left:4px;top:25px;width:116px;height:8px;border-radius:999px 0 0 999px;background:linear-gradient(90deg, rgba(117, 221, 255, 0), rgba(117, 221, 255, .2) 18%, rgba(169, 241, 255, .7) 62%, rgba(255, 244, 188, .98));box-shadow:0 0 13px rgba(102, 214, 255, .32), 0 0 24px rgba(255, 220, 121, .18)}& .natural-shooting-star-tail::before,& .natural-shooting-star-tail::after{content:"";position:absolute;right:8px;width:70px;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(117, 221, 255, 0), rgba(182, 243, 255, .62), rgba(255, 238, 176, .92))}& .natural-shooting-star-tail::before{top:-11px;transform:rotate(-10deg)}& .natural-shooting-star-tail::after{bottom:-11px;transform:rotate(10deg)}& .natural-shooting-star-head{position:absolute;right:8px;top:15px;width:30px;height:30px;background:#fff3bd;clip-path:polygon(50% 0%, 61% 34%, 98% 35%, 68% 56%, 79% 94%, 50% 70%, 20% 94%, 31% 56%, 2% 35%, 38% 34%);box-shadow:0 0 0 1px rgba(255, 255, 255, .45), 0 0 16px rgba(255, 231, 141, .72), 0 0 30px rgba(105, 222, 255, .3)}}@media (max-width: 860px){html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .natural-shooting-star{width:102px;transform:translateY(-54%) scale(.78) rotate(-17deg)}& .natural-shooting-star-left{right:calc(50% + 122px)}& .natural-shooting-star-right{left:calc(50% + 122px);transform:translateY(-54%) scaleX(-1) scale(.78) rotate(-17deg)}}}html body.page-phases:is(*,._) #primaryProgress:is(*,#_).natural-time-moved-progress{display:grid;grid-template-columns:1fr;gap:24px;width:100%;max-width:100%;margin:18px auto 24px}html body.page-phases:is(*,._) #timelineStack:is(*,#_).natural-time-moved-timeline{display:none}html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_){width:100%;max-width:none;margin:0 auto;padding:24px 22px 28px;border:1px solid rgba(107, 194, 222, .34);border-radius:18px;background:linear-gradient(180deg, rgba(12, 38, 54, .94), rgba(6, 18, 31, .98)), repeating-linear-gradient(180deg, rgba(92, 166, 198, .05) 0 2px, transparent 2px 10px);box-shadow:inset 0 0 0 1px rgba(203, 242, 255, .06), 0 18px 34px rgba(0, 0, 0, .18)}html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_) > .progress-section-title,html body.page-phases:is(*,._) #naturalGenerationGroup:is(*,#_) > .progress-section-title,html body.page-phases:is(*,._) #naturalLongPeriodsGroup:is(*,#_) > .progress-section-title{margin:0 auto 20px;color:#9beaff;font-size:clamp(1.55rem, 2.4vw, 2.15rem);font-weight:500;letter-spacing:0;text-align:center}html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_){& .calendar-summary-section{position:relative;width:100%;margin:0 auto 24px;padding:22px;border:1px solid rgba(122, 211, 239, .28);border-radius:16px;background:linear-gradient(180deg, rgba(7, 25, 40, .88), rgba(3, 13, 24, .94))}& .calendar-actual-date{width:max-content;margin:0 auto 16px;color:#ecd7a8;font-size:clamp(1.05rem, 1.6vw, 1.32rem)}& .calendar-summary-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;width:100%}& .calendar-summary-card{display:grid;align-content:center;justify-items:center;min-height:136px;padding:16px 14px;border:1px solid rgba(111, 200, 236, .25);border-radius:12px;background:linear-gradient(180deg, rgba(13, 40, 58, .92), rgba(5, 17, 29, .96));text-align:center}& .calendar-summary-icon{font-size:2rem;line-height:1}& .calendar-summary-card h3{margin:8px 0 5px;color:#83ddff;font-size:1rem;font-weight:600}& .calendar-summary-card :is(p,strong){margin:2px 0;color:#d9edf7;font-size:.92rem;font-weight:400}}html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_) .calendars-card-grid,html body.page-phases:is(*,._) #naturalGenerationGroup:is(*,#_),html body.page-phases:is(*,._) #naturalLongPeriodsGroup:is(*,#_){display:grid;grid-template-columns:1fr;gap:22px;width:100%}html body.page-phases:is(*,._) #naturalGenerationGroupShell:is(*,#_),html body.page-phases:is(*,._) #naturalLongPeriodsGroupShell:is(*,#_){width:100%;max-width:none;margin:0}html body.page-phases:is(*,._) #naturalGenerationGroup:is(*,#_),html body.page-phases:is(*,._) #naturalLongPeriodsGroup:is(*,#_){padding:24px 22px 28px;border:1px solid rgba(107, 194, 222, .28);border-radius:18px;background:linear-gradient(180deg, rgba(9, 31, 45, .92), rgba(5, 18, 31, .98))}html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_) .calendars-card-grid > :is(.progress-card, .timeline-card),html body.page-phases:is(*,._) #naturalGenerationGroup:is(*,#_) > :is(.progress-card, .timeline-card),html body.page-phases:is(*,._) #naturalLongPeriodsGroup:is(*,#_) > :is(.progress-card, .timeline-card){box-sizing:border-box;width:100%;max-width:none;min-height:360px;margin-left:auto;margin-right:auto}@media (max-width: 760px){html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_) .calendar-summary-grid{grid-template-columns:1fr}}html body.page-phases:is(*,._) main.shell.shell #naturalGenerationGroup:is(*,#_){& #generationTrack:is(*,#_).progress-track{background:linear-gradient( 90deg, #173c4a 0 10%, #2e4a4a 10% 20%, #4b4936 20% 30%, #5b432f 30% 40%, #3b5a52 40% 50%, #25565b 50% 60%, #465d3c 60% 70%, #6a5632 70% 80%, #654232 80% 90%, #563b4f 90% 100% )}& #generationTopLines:is(*,#_){transform:translate(40px, -25px)}& #generationTopLines:is(*,#_) .compact-remaining-line:is(*,._){transform:translateX(-15px)}& #generationTrack:is(*,#_) > :is(.top-label.generation-start-1900-label,.tick-label.generation-start-1900-label){left:0;transform:translateX(0);text-align:left;color:#d8f4ff;-webkit-text-fill-color:#d8f4ff;font-size:.94rem;font-weight:600}& #generationTrack:is(*,#_) .generation-name-label:is(*,._){top:80px;min-width:116px;max-width:132px;overflow:visible;color:var(--generation-label-color, #d7e8df);-webkit-text-fill-color:var(--generation-label-color, #d7e8df);font-size:.98rem;text-shadow:0 1px 4px rgba(0, 0, 0, .62)}& #generationLabels:is(*,#_) > span{white-space:normal}& #generationLabels:is(*,#_) .generation-segment-name:is(*,._){display:block;font-size:.95rem;text-shadow:none}& #generationLabels:is(*,#_) > span:nth-child(1) .generation-segment-name{color:#85a9bd;-webkit-text-fill-color:#85a9bd}& #generationLabels:is(*,#_) > span:nth-child(2) .generation-segment-name{color:#b5bec4;-webkit-text-fill-color:#b5bec4}& #generationLabels:is(*,#_) > span:nth-child(3) .generation-segment-name{color:#d0a574;-webkit-text-fill-color:#d0a574}& #generationLabels:is(*,#_) > span:nth-child(4) .generation-segment-name{color:#aa9bc8;-webkit-text-fill-color:#aa9bc8}& #generationLabels:is(*,#_) > span:nth-child(5) .generation-segment-name{color:#74b5c9;-webkit-text-fill-color:#74b5c9}& #generationLabels:is(*,#_) > span:nth-child(6) .generation-segment-name{color:#78bfae;-webkit-text-fill-color:#78bfae}& #generationLabels:is(*,#_) > span:nth-child(7) .generation-segment-name{color:#9bbb70;-webkit-text-fill-color:#9bbb70}& #generationLabels:is(*,#_) > span:nth-child(8) .generation-segment-name{color:#d1ae66;-webkit-text-fill-color:#d1ae66}& #generationLabels:is(*,#_) > span:nth-child(9) .generation-segment-name{color:#c58772;-webkit-text-fill-color:#c58772}& #generationLabels:is(*,#_) > span:nth-child(10) .generation-segment-name{color:#bd80a0;-webkit-text-fill-color:#bd80a0}& #generationCard:is(*,#_) .generation-age-table:is(*,._){background-image:linear-gradient(180deg, #12314a, #081c31)}& #generationCard:is(*,#_) .generation-age-table table{background-image:none}& #generationCard:is(*,#_) .generation-age-table th{background-image:none}& #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr td{background-image:none}& #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr:nth-child(even) td{background-image:none}& #generationCard:is(*,#_) .generation-age-table:is(*,._) :is(h4, p, .generation-name-chip){-webkit-text-fill-color:currentColor}& #generationCard:is(*,#_) .generation-age-table .generation-name-chip:is(*,._){display:inline-block;background:transparent;background-image:none;border:0;box-shadow:none;text-align:left}& #generationCard:is(*,#_) .generation-age-table tr.is-current-generation td{background-image:none}}html body.page-phases:is(*,._) #zodiacCard:is(*,#_){& .zodiac-circle-toggle:is(*,._){display:block;width:max-content;margin:10px auto 16px;min-height:34px;padding:7px 18px;border:1px solid rgba(126, 225, 255, .58);border-radius:8px;background:linear-gradient(180deg, #174c68, #0a263d);color:#d7f6ff;font:600 .92rem/1.1 "Trebuchet MS", "Segoe UI", sans-serif;letter-spacing:0;cursor:pointer;box-shadow:0 0 14px rgba(87, 210, 239, .18)}& .zodiac-circle-panel[hidden]{display:none}& .zodiac-circle-heading-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .seasonal-sun-analemma-chart{margin:22px auto 0}& .seasonal-analemma-title{width:min(100%, 560px);margin:0 auto 12px;display:grid;justify-items:center;gap:4px;text-align:center;color:#9feaff;font-size:clamp(1.05rem, 1.55vw, 1.35rem);font-weight:600}& .seasonal-analemma-title span{display:block}}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) .phase-summary-icon:is(*,._){margin-top:-10px}html body.page-phases:is(*,._) #phaseOrderSunPosition:is(*,#_) #sunPhaseClockIcon:is(*,#_) :is(.phase-circle-midday-marker,.phase-circle-midnight-marker){display:none}html body.page-phases:is(*,._) #phaseTimeProgressGroupShell:is(*,#_) :is(.progress-section-title,.section-toggle),html body.page-phases:is(*,._) #phaseTimeProgressGroupShell:is(*,#_) > h2{display:none}html body.page-phases:is(*,._) #phaseTimeProgressGroup:is(*,#_){& :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard){width:min(100%, 1040px);margin:16px auto;padding:24px 28px 30px;border-radius:8px;background:linear-gradient(180deg, #102a3a 0%, #091a29 100%);border:1px solid rgba(112, 206, 232, .34);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 18px 34px rgba(0, 0, 0, .24)}& :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard) :is(.card-title, .card-value, .progress-summary-line, .percent-inline, .detail-text){text-align:center}}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .seasonal-sun-angle-tables{width:min(100%, 1020px);margin:18px auto 0;display:grid;gap:16px}& .seasonal-sun-angle-tables article{padding:14px 16px 16px;border:1px solid rgba(126, 214, 235, .28);border-radius:10px;background:rgba(6, 21, 32, .62)}& .seasonal-sun-angle-tables h4{margin:0 0 10px;color:#a8ecff;text-align:center;font-size:1.05rem}& .seasonal-sun-angle-tables table{width:100%;border-collapse:collapse;table-layout:fixed;color:#d9f3fa}& .seasonal-sun-angle-tables :is(th,td){padding:8px 9px;border-bottom:1px solid rgba(142, 216, 235, .16);text-align:center}& .seasonal-sun-angle-tables th{color:#ffe0a2;font-size:.82rem;font-weight:700}}html body.page-phases:is(*,._) #phaseTimeProgressGroup:is(*,#_){display:grid;grid-template-columns:minmax(0, 1fr);gap:14px;width:100%;max-width:100%}html body.page-phases:is(*,._) #phaseTimeProgressGroup:is(*,#_){& > :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard){box-sizing:border-box;width:100%;max-width:100%;min-height:0;margin:0;grid-column:1 / -1;text-align:center;padding:24px 28px 30px;border-radius:8px;background:radial-gradient(circle at 50% -14%, rgba(255, 255, 255, .06), transparent 36%), linear-gradient(145deg, rgba(23, 49, 68, .98), rgba(17, 35, 53, .98) 58%, rgba(15, 41, 52, .96));border:1px solid rgba(166, 213, 235, .28);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 38px rgba(0, 5, 14, .24)}& > :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard) :is(.card-pie-meter, .card-hourglass-meter, .percent-inline, .progress-summary-line, .time-slider-bubble-row, .card-title-subline){display:none}& :is(.card-head, .card-title-wrap, .card-title-line, .title-value-stack, .compact-top-lines){display:grid;justify-items:center;text-align:center}& .compact-top-lines{margin:0 auto 14px;width:min(100%, 620px);min-height:0}& .calendar-simple-stack{display:grid;gap:8px;justify-items:center;margin:0 auto;color:#e9f8ff;text-align:center}& .calendar-simple-stack h4{margin:0;color:#7edcff;font-size:clamp(1.35rem, 2vw, 1.85rem);font-weight:500;letter-spacing:0}& .calendar-simple-stack strong{color:#fff0b8;font-size:clamp(1.2rem, 1.8vw, 1.55rem);font-weight:500}& .calendar-simple-stack :is(span,p,em){margin:0;color:#dceefa;font-size:1.02rem;font-style:normal;font-weight:400;line-height:1.35}& .calendar-simple-stack em{color:#b7e6d8}& > :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard) .slider-gap{height:8px;min-height:8px;margin:0}& > :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard) .progress-track{width:100%;max-width:100%;margin:18px auto 0}& > :is(#seasonCard, #gregorianYearCard, #zodiacCard, #financialYearCard, #thirteenCard, #lunarYearCard) :is(.segment-labels,.tick-label,.top-label){color:#d6edf7;font-size:.9rem;font-weight:500;text-align:center}& .zodiac-circle-panel[hidden],& .zodiac-circle-panel[hidden][hidden]{display:none;height:0;min-height:0;overflow:hidden}& .zodiac-circle-section:has(.zodiac-circle-panel[hidden]){min-height:0;height:auto;margin-top:12px;padding:0}& #financialYearCard:is(*,#_) .detail-text:is(*,._){display:grid;justify-items:center;margin-top:24px}& #financialYearCard:is(*,#_) .financial-business-layout:is(*,._){order:2;margin:0 auto}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .phase-summary-day-tile:is(*,._){margin-top:0;margin-bottom:0}& .phase-summary-day-night-icon{width:2.5rem;justify-content:center;font-size:1.75rem;letter-spacing:-5px}& .phase-summary-moon-row .phase-summary-icon,& :is(#phaseSummaryMoonPhaseIcon,#phaseSummarySeasonIcon,#phaseSummaryZodiacIcon),& .phase-summary-year-row .phase-summary-tile .phase-summary-icon{color:#aeeaff;-webkit-text-fill-color:#aeeaff;font-family:"Georgia", "Times New Roman", serif;text-shadow:0 0 12px rgba(122, 224, 255, .34)}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) .natural-shooting-star{display:none}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .seasonal-slider-block,& #seasonalSunAnalemmaChart{display:none}& .seasonal-sun-chart svg{overflow:visible}& .seasonal-chart-x-label{position:absolute;bottom:18px;width:90px;transform:translateX(-50%);color:#d8edf5;font-size:.76rem;line-height:1.05;text-align:center}& .seasonal-chart-current-label{position:absolute;top:28px;transform:translateX(-50%);color:#ffe39a;font-size:.82rem;font-weight:600;white-space:nowrap}& .seasonal-daylight-comparison{grid-column:1 / -1}& .seasonal-daylight-note{margin:0 0 10px;color:rgba(218, 238, 250, .78);font-size:.82rem;line-height:1.35}& .seasonal-daylight-bar{display:inline-grid;width:92px;height:9px;margin-right:8px;vertical-align:middle;background:rgba(8, 28, 44, .88);border:1px solid rgba(105, 167, 211, .32);overflow:hidden}& .seasonal-daylight-bar i{display:block;width:var(--daylight-pct, 0%);height:100%;background:linear-gradient(90deg, #246fd4, #3fc7ed, #66e38b)}& .seasonal-daylight-comparison td:nth-child(2){white-space:nowrap}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) .phase-summary-row :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label, .phase-summary-tile strong, .phase-summary-feature strong, .phase-summary-tile em, .phase-summary-tile small, .phase-summary-feature small){margin-left:0;margin-right:0}html body.page-phases:is(*,._) #egyptianCalendarCard.egyptian-calendar-card{width:min(100%, 1120px);margin:18px auto 18px;padding:24px 30px 28px;border-color:rgba(124, 179, 190, .42);background:radial-gradient(circle at 14% 10%, rgba(184, 143, 78, .16), transparent 32%), linear-gradient(145deg, rgba(22, 35, 42, .96), rgba(13, 22, 30, .98) 58%, rgba(23, 31, 37, .96))}html body.page-phases:is(*,._) #egyptianCalendarCard{& .weather-period-scale-title{color:#e8c98a;letter-spacing:0;text-align:center;text-transform:none}& .egyptian-calendar-layout{display:grid;gap:18px}& .egyptian-calendar-intro{display:grid;justify-items:center;gap:8px;text-align:center}& .egyptian-calendar-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(232, 201, 138, .44);border-radius:50%;color:#f1d695;background:rgba(16, 24, 30, .7);font-size:2rem}& h4{margin:0 0 6px;color:#f0d89b;font-size:1.08rem}& p{margin:0;color:#d9e5e8;line-height:1.5}& .egyptian-time-split{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:min(100%, 620px);margin:0 auto}& .egyptian-time-split > div,& .egyptian-calendar-grid > article{border:1px solid rgba(113, 166, 181, .36);background:linear-gradient(145deg, rgba(26, 41, 48, .92), rgba(14, 24, 31, .96))}& .egyptian-time-split > div{display:grid;justify-items:center;gap:3px;padding:14px 12px}& .egyptian-time-split b{color:#ffdd91;font-size:2.15rem;line-height:.9}& .egyptian-time-split span{color:#b7eff5;font-size:1rem}& .egyptian-time-split small{color:#b8c9ce;font-size:.82rem}& .egyptian-calendar-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}& .egyptian-calendar-grid > article{padding:16px 18px}}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) > small{grid-column:1}html body.page-phases:is(*,._) #naturalCalendarsDashboard:is(*,#_),html body.page-phases:is(*,._) #moonVisibilityInfoCard:is(*,#_),html body.page-phases:is(*,._) #chineseLunarYearInfoCard:is(*,#_){display:none}html body.page-phases:is(*,._) #zodiacCard:is(*,#_){& #zodiacTrack:is(*,#_) .top-label:is(*,._){transform:translate(-50%, -20px)}& #zodiacLabels:is(*,#_).segment-labels span{padding-top:9px;min-height:112px}& #zodiacLabels:is(*,#_) .zodiac-label-name{transform:translateY(5px)}& #zodiacLabels:is(*,#_) small{transform:translateY(10px)}& #zodiacLabels:is(*,#_) .zodiac-element-icon{transform:translateY(20px)}& .slider-gap:is(*,._){margin-bottom:40px}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) table.alternate-week-table:is(*,._) tr.alternate-week-symbol-row th[scope="row"]{color:#62bdff;-webkit-text-fill-color:#62bdff}html body.page-phases .phase-moon-glyph{position:relative;display:inline-grid;place-items:center;width:31px;height:31px;min-width:31px;border-radius:999px;overflow:hidden;color:transparent;font-size:0;line-height:0;vertical-align:middle;background:#111927;border:1px solid rgba(216, 235, 245, .48);box-shadow:inset 0 0 10px rgba(0, 0, 0, .5), 0 0 12px rgba(151, 201, 255, .22)}html body.page-phases .phase-moon-glyph::before,html body.page-phases .phase-moon-glyph::after{content:"";position:absolute;inset:2px;border-radius:999px}html body.page-phases .phase-moon-glyph::before{background:radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .64), transparent 0 7%, transparent 8%), radial-gradient(circle at 66% 62%, rgba(115, 120, 130, .22), transparent 0 9%, transparent 10%), radial-gradient(circle at 45% 72%, rgba(86, 91, 102, .2), transparent 0 7%, transparent 8%), linear-gradient(145deg, #fff8da 0%, #e6dfc5 54%, #bdc0ba 100%);box-shadow:inset -6px -5px 9px rgba(92, 102, 122, .28)}html body.page-phases .phase-moon-glyph::after{background:#111927;box-shadow:inset 3px 0 8px rgba(0, 0, 0, .32)}html body.page-phases .phase-moon-glyph.moon-new::before,html body.page-phases .phase-moon-glyph.moon-phase-new::before,html body.page-phases .phase-moon-glyph.moon-phase-new-moon::before{background:radial-gradient(circle at 34% 28%, rgba(94, 113, 137, .28), transparent 0 8%, transparent 9%), linear-gradient(145deg, #263142 0%, #111827 70%, #080c14 100%)}html body.page-phases .phase-moon-glyph.moon-new::after,html body.page-phases .phase-moon-glyph.moon-phase-new::after,html body.page-phases .phase-moon-glyph.moon-phase-new-moon::after,html body.page-phases .phase-moon-glyph.moon-full::after,html body.page-phases .phase-moon-glyph.moon-phase-full::after,html body.page-phases .phase-moon-glyph.moon-phase-full-moon::after{display:none}html body.page-phases .phase-moon-glyph.moon-waxing-crescent::after,html body.page-phases .phase-moon-glyph.moon-phase-waxing-crescent::after{inset:2px 2px 2px 7px;transform:translateX(-7px)}html body.page-phases .phase-moon-glyph.moon-first-quarter::after,html body.page-phases .phase-moon-glyph.moon-phase-first-quarter::after{inset:2px 50% 2px 2px;border-radius:999px 0 0 999px}html body.page-phases .phase-moon-glyph.moon-waxing-gibbous::after,html body.page-phases .phase-moon-glyph.moon-phase-waxing-gibbous::after{inset:2px 68% 2px 2px;transform:translateX(5px)}html body.page-phases .phase-moon-glyph.moon-waning-gibbous::after,html body.page-phases .phase-moon-glyph.moon-phase-waning-gibbous::after{inset:2px 2px 2px 68%;transform:translateX(-5px)}html body.page-phases .phase-moon-glyph.moon-cycle-gibbous-icon::before,html body.page-phases .phase-moon-glyph.moon-cycle-gibbous-icon::after{display:none}html body.page-phases .phase-moon-glyph.moon-cycle-gibbous-icon svg{display:block;width:100%;height:100%}html body.page-phases .phase-moon-glyph.moon-last-quarter::after,html body.page-phases .phase-moon-glyph.moon-phase-last-quarter::after{inset:2px 2px 2px 50%;border-radius:0 999px 999px 0}html body.page-phases .phase-moon-glyph.moon-waning-crescent::after,html body.page-phases .phase-moon-glyph.moon-phase-waning-crescent::after{inset:2px 7px 2px 2px;transform:translateX(7px)}html body > :not(script):not(style){animation:sharedPageContentFadeIn 1s cubic-bezier(.22, 1, .36, 1) .06s both}@media (prefers-reduced-motion: reduce){html body > :not(script):not(style){animation:none}}html body :where(main.shell, .glass-card, .time-card, .cycle-panel, .phase-card, .weather-cycle-wrapper, .work-dashboard, .about-card){min-width:var(--app-compact-text-min);max-width:100%}html body :where(.time-zone-row, .progress-grid, .insight-grid, .timeline-stack, .phase-summary-dashboard, .weather-cycle-wrapper, .work-dashboard, .language-clock-grid, .binary-clock-grid){min-width:0;max-width:100%}html body :where(.weather-local-nav-row, .timezone-control-wrap, .dst-radio-wrap, .time-mode-picker, .weather-temp-layout, .weather-main-combo, .weather-middle-status, .local-weather-bottom-rows, .phase-summary-row, .workday-mini-labels, .work-collect-card-row){min-width:0;max-width:100%}html body :where(button, input, select, textarea, .section-scroll-button, .dst-choice, .time-chip, .work-top-status, .phase-summary-tile, .weather-stat-card, .language-clock-card){min-width:0;max-width:100%}html body :where(button, .section-scroll-button, .timezone-mode-label, .weather-location-line, .weather-zip-line, .phase-summary-tile > span, .phase-summary-tile > strong, .phase-summary-tile > small, .work-top-status, .clock-language-label){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 920px){html body :where(.time-zone-row, .progress-grid, .insight-grid, .phase-summary-dashboard, .weather-cycle-wrapper, .work-dashboard, .language-clock-grid, .binary-clock-grid, .alternate-week-table-wrap){overflow-x:auto;overflow-y:visible}html body :where(.weather-temp-layout, .weather-main-combo, .local-weather-bottom-rows, .phase-summary-row, .dst-radio-wrap){flex-wrap:nowrap}}html body .top-nav[data-shared-nav]{min-width:0}html body .top-nav[data-shared-nav] .nav-left-group,html body .top-nav[data-shared-nav] .global-format-controls,html body .top-nav[data-shared-nav] .nav-location-search,html body .top-nav[data-shared-nav] .nav-time-machine-mini,html body .top-nav[data-shared-nav] .floating-site-actions,html body .top-nav[data-shared-nav] .nav-live-summary{flex-wrap:nowrap;min-width:0;max-width:100%}html body .top-nav[data-shared-nav] .nav-site-title,html body .top-nav[data-shared-nav] .page-menu-button,html body .top-nav[data-shared-nav] .page-nav-link,html body .top-nav[data-shared-nav] .nav-about-right-link,html body .top-nav[data-shared-nav] .page-menu-dropdown a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body .top-nav[data-shared-nav] .nav-site-title{display:none}html body .top-nav[data-shared-nav] .nav-left-group{overflow:hidden}html body .top-nav[data-shared-nav] .nav-mobile-toggle{display:none}@media (max-width: 980px){html body .top-nav[data-shared-nav] .nav-mobile-toggle{border-radius:8px}html body .top-nav[data-shared-nav] .nav-left-group,html body .top-nav[data-shared-nav] .global-format-controls{justify-self:stretch}html body .top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group,html body .top-nav[data-shared-nav].is-mobile-menu-open .global-format-controls{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:8px}html body .top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group{grid-row:2}html body .top-nav[data-shared-nav] .page-menu-item,html body .top-nav[data-shared-nav] .nav-options-menu,html body .top-nav[data-shared-nav] .page-menu-button,html body .top-nav[data-shared-nav] .page-nav-link,html body .top-nav[data-shared-nav] .nav-about-right-link,html body .top-nav[data-shared-nav] #optionsMenuButton{width:100%;min-width:0;max-width:none}}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo::before{top:-30px;height:31%;background-size:100% 100%;opacity:.82}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-overcast::before,html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-snow::before{height:33%;opacity:.88}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-rain::before{height:35%;opacity:.9}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-stormy::before,html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-tornado::before{height:37%;opacity:.92}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo{& .scene-cloud:is(*,._){width:132px;height:42px;z-index:42;border:1px solid rgba(214, 225, 235, .42);border-radius:999px;background:rgba(224, 233, 239, .82);box-shadow:32px -15px 0 6px rgba(224, 233, 239, .82), 68px -19px 0 12px rgba(224, 233, 239, .82), 104px -4px 0 4px rgba(224, 233, 239, .82), 0 8px 16px rgba(15, 23, 42, .12);filter:none}& .scene-cloud::before,& .scene-cloud::after{border-width:1px;border-color:rgba(214, 225, 235, .42);border-bottom:0}}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-cloudy .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-overcast .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-rain .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-snow .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-stormy .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-tornado .scene-cloud:is(*,._){display:block;visibility:visible}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-cloudy .scene-cloud:is(*,._){opacity:.76}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-overcast .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-rain .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-snow .scene-cloud:is(*,._){opacity:.86;background:rgba(178, 188, 197, .86);border-color:rgba(218, 227, 235, .34);box-shadow:32px -15px 0 6px rgba(178, 188, 197, .86), 68px -19px 0 12px rgba(178, 188, 197, .86), 104px -4px 0 4px rgba(178, 188, 197, .86), 0 8px 16px rgba(15, 23, 42, .14)}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-stormy .scene-cloud:is(*,._),html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-tornado .scene-cloud:is(*,._){opacity:.88;background:rgba(140, 150, 160, .9);border-color:rgba(210, 219, 227, .32);box-shadow:32px -15px 0 6px rgba(140, 150, 160, .9), 68px -19px 0 12px rgba(140, 150, 160, .9), 104px -4px 0 4px rgba(140, 150, 160, .9), 0 8px 16px rgba(15, 23, 42, .16)}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo{& .scene-cloud-one{left:3%;top:14%;transform:translate(-50%, -50%) scale(.68)}& .scene-cloud-two{left:12%;top:17%;transform:translate(-50%, -50%) scale(.82)}& .scene-cloud-three{left:22%;top:13%;transform:translate(-50%, -50%) scale(.74)}& .scene-cloud-four{left:33%;top:16%;transform:translate(-50%, -50%) scale(.92)}& .scene-cloud-five{left:44%;top:13%;transform:translate(-50%, -50%) scale(.8)}& .scene-cloud-six{left:55%;top:17%;transform:translate(-50%, -50%) scale(.9)}& .scene-cloud-seven{left:66%;top:14%;transform:translate(-50%, -50%) scale(.78)}& .scene-cloud-eight{left:77%;top:16%;transform:translate(-50%, -50%) scale(.9)}& .scene-cloud-nine{left:88%;top:13%;transform:translate(-50%, -50%) scale(.76)}& .scene-cloud-ten{left:98%;top:17%;transform:translate(-50%, -50%) scale(.72)}& .scene-cloud-eleven{left:8%;top:27%;transform:translate(-50%, -50%) scale(.86)}& .scene-cloud-twelve{left:19%;top:30%;transform:translate(-50%, -50%) scale(.98)}& .scene-cloud-thirteen{left:31%;top:26%;transform:translate(-50%, -50%) scale(.86)}& .scene-cloud-fourteen{left:43%;top:30%;transform:translate(-50%, -50%) scale(1.02)}& .scene-cloud-fifteen{left:55%;top:26%;transform:translate(-50%, -50%) scale(.9)}& .scene-cloud-sixteen{left:67%;top:30%;transform:translate(-50%, -50%) scale(1)}& .scene-cloud-seventeen{left:80%;top:27%;transform:translate(-50%, -50%) scale(.88)}& .scene-cloud-eighteen{left:93%;top:30%;transform:translate(-50%, -50%) scale(.82)}& .scene-cloud-nineteen{left:14%;top:40%;transform:translate(-50%, -50%) scale(.74)}& .scene-cloud-twenty{left:29%;top:43%;transform:translate(-50%, -50%) scale(.88)}& .scene-cloud-twenty-one{left:45%;top:39%;transform:translate(-50%, -50%) scale(.78)}& .scene-cloud-twenty-two{left:61%;top:43%;transform:translate(-50%, -50%) scale(.92)}& .scene-cloud-twenty-three{left:77%;top:39%;transform:translate(-50%, -50%) scale(.76)}& .scene-cloud-twenty-four{left:92%;top:42%;transform:translate(-50%, -50%) scale(.84)}}html body :is(.standalone-weather-simulator-section, #phaseSimulatorSection) #weatherLogoCombo.weather-logo-combo.weather-cloudy :is(.scene-cloud-nineteen, .scene-cloud-twenty, .scene-cloud-twenty-one, .scene-cloud-twenty-two, .scene-cloud-twenty-three, .scene-cloud-twenty-four){display:none;visibility:hidden;opacity:0}html body .nav-options-menu.is-options-open #optionsMenuPanel.options-menu-panel,html body #optionsMenuPanel.options-menu-panel:not([hidden]){display:grid;visibility:visible;opacity:1;pointer-events:auto;z-index:100000}html body .top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel[hidden]{display:none}html body :is( main.shell > .time-zone-row, main.shell > .progress-grid, main.shell > .timeline-stack, main.shell > .insight-grid, main.shell > .phase-summary-dashboard, main.shell > .weather-cycle-wrapper, main.shell > .calendar-reference-page, main.shell > .moon-math-calendar-section, main.shell > .about-card, main.shell > .work-dashboard, #current-time-and-weatherSection, #primaryProgress, #timelineStack, #timeVisualizedGroupShell, #extendedTimeVisualizedGroupShell, #moreTimeGroupShell, #workHoursGroupShell, #workDashboard, #calendarsDashboard, #phaseSummaryDashboard, #phaseOrderDayNames, #phaseOrderDayPhases, #phaseOrderSunPosition, #phaseOrderMoonPosition, #phaseOrderMoonPhases, #weatherGeographySection, #weatherSimulatorSection, #orbitSimulatorSection ){box-sizing:border-box;width:min(var(--app-standard-card-width), calc(100vw - 48px));max-width:var(--app-standard-card-width);margin-left:auto;margin-right:auto}html body :is( #primaryProgress, #timelineStack, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup, #phaseTimeProgressGroup, #calendarsDashboard .calendars-card-grid, #workDashboard ) :is(.progress-card, .timeline-card, .finance-card, .workweek-cards-standalone){box-sizing:border-box;width:100%;max-width:100%}html body :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_) ) > .collapsible-group-shell:is(*,._).expanded-section-shell,html body :is( #timeVisualizedGroupShell:is(*,#_), #extendedTimeVisualizedGroupShell:is(*,#_), #moreTimeGroupShell:is(*,#_), #workHoursGroupShell:is(*,#_) ){padding-left:0;padding-right:0;border-left-width:0;border-right-width:0}html body .top-nav[data-shared-nav],html body .top-nav[data-shared-nav] .global-format-controls:is(*,._),html body .top-nav[data-shared-nav] .nav-options-menu:is(*,._){overflow:visible}html body .top-nav[data-shared-nav] .nav-options-menu.is-options-open #optionsMenuPanel.options-menu-panel,html body .top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel:not([hidden]){display:grid;visibility:visible;opacity:1;pointer-events:auto;z-index:100000}html body .screen-center-guide-line{position:fixed;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background:rgba(255, 87, 190, .95);box-shadow:0 0 8px rgba(255, 87, 190, .55);pointer-events:none;z-index:2147483647;display:none}html body.show-screen-center-line .screen-center-guide-line{display:block}html body .top-nav[data-shared-nav] #centerLineToggleButton.center-line-toggle-button{width:100%}.collect-cash-flyer{position:fixed;z-index:99999;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:24px;padding:4px 7px;border-radius:999px;background:rgba(24, 54, 38, .96);color:#ffe79b;-webkit-text-fill-color:#ffe79b;font-size:.9rem;font-weight:750;box-shadow:0 0 18px rgba(255, 210, 78, .65);pointer-events:none;transform:translate(-50%, -50%);animation:collect-cash-flight .72s cubic-bezier(.18, .84, .32, 1) forwards}html,html body,html body[class]{--page-bg: #0b1529;--page-bg-2: #0b1529;background-image:none}html body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output.is-loaded,html body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output.stable-output-loaded{opacity:0}html body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output.is-loaded,html body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output.stable-output-loaded{opacity:0}html .seo-deferred-render{content-visibility:auto;contain-intrinsic-size:auto var(--seo-intrinsic-size, 760px)}.meal-drink-action-popup{overflow:hidden;padding-bottom:24px;background:linear-gradient(90deg, rgba(87, 231, 255, .24) var(--meal-drink-action-pct, 1%), rgba(8, 20, 35, .98) var(--meal-drink-action-pct, 1%)), radial-gradient(circle at 16% 20%, rgba(128, 213, 255, .2), transparent 34%), linear-gradient(135deg, rgba(8, 20, 35, .98), rgba(10, 42, 67, .98))}.meal-drink-action-popup::after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:7px;border-radius:999px;background:linear-gradient(90deg, #58e7ff var(--meal-drink-action-pct, 1%), rgba(160, 219, 238, .18) var(--meal-drink-action-pct, 1%));box-shadow:inset 0 0 0 1px rgba(190, 240, 255, .2), 0 0 12px rgba(88, 231, 255, .24)}.work-snack-progress-popup:is(*,._){left:var(--snack-progress-left, 50%);top:var(--snack-progress-top, 50%);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:190px;min-height:82px;padding:11px 14px;border-radius:15px;border:1px solid rgba(128, 226, 255, .5);background:radial-gradient(circle at 18% 0%, rgba(115, 225, 255, .18), transparent 36%), linear-gradient(145deg, rgba(11, 27, 42, .96), rgba(5, 12, 22, .98));transform:translate(-100%, -50%) translateX(-8px)}.work-snack-progress-popup:is(*,._).is-visible{transform:translate(-100%, -50%) translateX(-14px)}.work-snack-progress-popup:is(*,._) b{color:#eafcff;-webkit-text-fill-color:#eafcff;font-size:.95rem;line-height:1.1}.snack-coffee-cup-progress{position:relative;width:64px;height:46px;border:4px solid #d8f7ff;border-top-width:6px;border-radius:8px 8px 19px 19px;background:linear-gradient(180deg, #f9fdff, #c7eef8);box-shadow:inset 0 2px 0 rgba(255, 255, 255, .65), 0 8px 18px rgba(0, 0, 0, .3)}.snack-coffee-cup-progress::before{content:"";position:absolute;right:-23px;top:10px;width:20px;height:20px;border:4px solid #d8f7ff;border-left:0;border-radius:0 999px 999px 0}.snack-coffee-cup-progress::after{content:"";position:absolute;left:-7px;right:-7px;bottom:-9px;height:5px;border-radius:999px;background:rgba(216, 247, 255, .78)}.snack-coffee-liquid{position:absolute;min-height:0;transition:height .28s linear}.snack-coffee-shine{position:absolute;left:9px;top:7px;width:13px;height:26px;border-radius:999px;background:rgba(255, 255, 255, .28);pointer-events:none}.snack-donut-progress{position:relative;width:66px;height:66px;border-radius:50%;filter:drop-shadow(0 8px 14px rgba(0, 0, 0, .32))}.snack-donut-progress::before{content:"";position:absolute;border-radius:50%}.snack-donut-progress span{position:absolute;border-radius:50%}.snack-coffee-cup-progress{overflow:hidden}.snack-coffee-cup-progress::before,.snack-coffee-cup-progress::after{z-index:4}.snack-coffee-liquid{left:6px;right:6px;bottom:14px;max-height:calc(100% - 24px);height:min(calc(100% - var(--coffee-empty-pct, 0%)), calc(100% - 24px));border-radius:5px 5px 12px 12px;background:linear-gradient(180deg, #9b5528 0%, #6e3519 54%, #35170d 100%);box-shadow:inset 0 4px 6px rgba(255, 226, 174, .22), inset 0 -6px 8px rgba(30, 12, 6, .28)}.snack-coffee-shine{z-index:5}.snack-donut-progress{background:radial-gradient(circle at 50% 50%, #0b1529 0 24%, transparent 25%), conic-gradient(from -90deg, transparent 0deg var(--donut-bite-deg, 0deg), #c9863f var(--donut-bite-deg, 0deg) 360deg);box-shadow:inset 0 0 0 4px rgba(118, 65, 24, .2), 0 8px 14px rgba(0, 0, 0, .32)}.snack-donut-progress::before{inset:7px;background:radial-gradient(circle at 50% 50%, #0b1529 0 28%, transparent 29%), conic-gradient(from -90deg, transparent 0deg var(--donut-bite-deg, 0deg), #f3a6ca var(--donut-bite-deg, 0deg) 360deg);clip-path:polygon(50% 0%, 62% 7%, 72% 4%, 82% 12%, 88% 23%, 96% 32%, 92% 45%, 100% 56%, 92% 69%, 94% 82%, 81% 88%, 72% 96%, 58% 94%, 47% 100%, 36% 92%, 23% 95%, 14% 84%, 4% 76%, 8% 62%, 0% 51%, 8% 39%, 5% 26%, 16% 17%, 26% 7%, 39% 9%)}.snack-donut-progress span{inset:11px;background:radial-gradient(circle at 21% 24%, #fff06f 0 2px, transparent 3px), radial-gradient(circle at 74% 25%, #76efff 0 2px, transparent 3px), radial-gradient(circle at 32% 72%, #94ff75 0 2px, transparent 3px), radial-gradient(circle at 70% 70%, #fff 0 2px, transparent 3px), radial-gradient(circle at 47% 18%, #ff6a7a 0 2px, transparent 3px), radial-gradient(circle at 84% 52%, #ffd96f 0 2px, transparent 3px), radial-gradient(circle at 50% 50%, transparent 0 30%, rgba(255, 255, 255, .16) 31% 33%, transparent 34%);clip-path:polygon(50% 0%, 62% 7%, 72% 4%, 82% 12%, 88% 23%, 96% 32%, 92% 45%, 100% 56%, 92% 69%, 94% 82%, 81% 88%, 72% 96%, 58% 94%, 47% 100%, 36% 92%, 23% 95%, 14% 84%, 4% 76%, 8% 62%, 0% 51%, 8% 39%, 5% 26%, 16% 17%, 26% 7%, 39% 9%)}html,body,html body,html body[class]{background:#152e38;background-color:#152e38}html body .top-nav[data-shared-nav] .global-format-controls{gap:5px}html body .top-nav[data-shared-nav] .nav-about-right-link{display:none}html body .top-nav[data-shared-nav] .page-menu-button,html body .top-nav[data-shared-nav] .page-nav-link,html body .top-nav[data-shared-nav] #optionsMenuButton{width:auto;max-width:98px;letter-spacing:0}html body .top-nav[data-shared-nav] #workMenuButton,html body .top-nav[data-shared-nav] #phasesMenuButton{min-width:92px}html body .top-nav[data-shared-nav] .nav-options-menu{flex:0 0 auto}@media (max-width: 980px){html body .top-nav[data-shared-nav]{grid-template-columns:44px minmax(0, 1fr) 44px;grid-template-rows:auto auto;align-items:center;overflow:visible;min-height:54px;padding:8px 10px}html body .top-nav[data-shared-nav] .nav-mobile-toggle{grid-column:1;grid-row:1;justify-self:start;display:inline-grid;place-items:center;width:40px;min-width:40px;height:36px;min-height:36px;padding:0;border-color:rgba(255, 255, 255, .62);background:rgba(8, 16, 29, .2);color:transparent;font-size:0;box-shadow:none}html body .top-nav[data-shared-nav] .nav-mobile-toggle::before{content:"";width:21px;height:15px;background:linear-gradient(#ffffff, #ffffff) 0 0 / 100% 2px no-repeat, linear-gradient(#ffffff, #ffffff) 0 6px / 100% 2px no-repeat, linear-gradient(#ffffff, #ffffff) 0 13px / 100% 2px no-repeat}html body .top-nav[data-shared-nav] .nav-live-summary{position:static;grid-column:2;grid-row:1;justify-self:center;align-self:center;display:flex;width:min(100%, 360px);min-width:0;max-width:100%;min-height:34px;margin:0 auto;padding:5px 8px;opacity:.96;transform:none;pointer-events:auto;text-align:center}html body .top-nav[data-shared-nav] .global-format-controls{grid-column:3;grid-row:1;justify-self:end;display:flex;width:40px;min-width:40px;max-width:40px;overflow:visible}html body .top-nav[data-shared-nav] .global-format-controls .nav-about-right-link{display:none}html body .top-nav[data-shared-nav] .global-format-controls .nav-options-menu{display:block;width:40px;min-width:40px;max-width:40px}html body .top-nav[data-shared-nav] #optionsMenuButton{display:inline-grid;place-items:center;width:40px;min-width:40px;max-width:40px;height:36px;min-height:36px;padding:0;border-color:rgba(255, 255, 255, .62);background:rgba(8, 16, 29, .2);color:transparent;font-size:0;box-shadow:none}html body .top-nav[data-shared-nav] #optionsMenuButton::before{content:"\2699";color:#ffffff;-webkit-text-fill-color:#ffffff;font-size:22px;line-height:1}html body .top-nav[data-shared-nav] .nav-left-group{grid-column:1 / -1;grid-row:2;display:none;width:100%;min-width:0;max-width:100%;overflow:visible}html body .top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(121, 151, 183, .28)}html body .top-nav[data-shared-nav].is-mobile-menu-open .global-format-controls{grid-row:1;padding-bottom:0}html body .top-nav[data-shared-nav] .nav-left-group .page-menu-item,html body .top-nav[data-shared-nav] .nav-left-group .page-menu-button,html body .top-nav[data-shared-nav] .nav-left-group .page-nav-link{width:100%;min-width:0;max-width:none}html body .top-nav[data-shared-nav] .options-menu-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(300px, calc(100vw - 20px));min-width:0;max-width:calc(100vw - 20px);margin-top:0}}@media (max-width: 460px){html body .top-nav[data-shared-nav] .nav-live-summary{gap:2px 6px;padding-left:6px;padding-right:6px}html body .top-nav[data-shared-nav] .nav-live-summary > span,html body .top-nav[data-shared-nav] .nav-weather-summary,html body .top-nav[data-shared-nav] .nav-weather-summary .nav-weather-temp,html body .top-nav[data-shared-nav] .nav-weather-summary .nav-weather-condition{font-size:.7rem}}html body .top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel{width:min(290px, calc(100vw - 20px));min-width:290px;max-width:calc(100vw - 20px)}@media (max-width: 980px){html body .top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel{width:min(290px, calc(100vw - 20px));min-width:0}}html body #navCurrentDate:is(*,#_).nav-current-date,html body #navCurrentDate:is(*,#_).nav-current-date:not(.is-loaded){opacity:1;color:#93a6bc;text-shadow:none}html body :is(.page-body-title, #homeTitle){display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}html body .page-title-icon:is(*,._){display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;margin:0;padding:0;border:1px solid rgba(255, 219, 146, .28);border-radius:8px;background:rgba(255, 216, 134, .08);color:#ffe09a;-webkit-text-fill-color:#ffe09a;font-family:"Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Arial, sans-serif;font-size:1.18rem;font-style:normal;line-height:1;text-shadow:none;box-shadow:none}html body :is( #current-time-and-weatherSection, #phaseSummaryDashboard, #calendarsDashboard, .calendar-reference-page, .weather-cycle-wrapper, .geography-main-card, .natural-time-main-card ){background:radial-gradient(circle at 50% -20%, rgba(70, 113, 158, .28), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 10% 10%, rgba(58, 93, 136, .18), rgba(0, 0, 0, 0) 30%), repeating-linear-gradient( rgba(24, 45, 75, .38) 0 20px, rgba(37, 63, 98, .38) 20px 40px, rgba(20, 40, 70, .36) 40px 60px, rgba(44, 69, 104, .32) 60px 80px, rgba(24, 51, 84, .36) 80px 100px, rgba(52, 75, 111, .28) 100px 120px, rgba(17, 35, 64, .38) 120px 140px ), repeating-linear-gradient( rgba(255, 255, 255, .026) 0 1px, rgba(255, 255, 255, 0) 1px 7px ), linear-gradient(135deg, #10233a 0%, #172d47 48%, #0c1b2d 100%)}html body :is( .glass-card, .progress-card, .timeline-card, .cycle-panel, .phase-card, .weather-stat-card, .work-dashboard, .about-card, .home-directory, .home-hero, .quick-link-card, .calendar-definition-card, .phase-summary-calendar-guide article, .moon-math-simple-card ){background:radial-gradient(circle at 50% -14%, rgba(255, 255, 255, .052), transparent 36%), linear-gradient(135deg, #1b3244 0%, #172b3f 52%, #122536 100%);border-color:rgba(176, 218, 238, .23)}html body main.shell.shell > .page-body-title:is(*,._),html body main.shell.shell > .page-body-title,html body :is(.page-body-title, #homeTitle) .page-title-icon:is(*,._),html body #homeTitle .home-title-icon:is(*,._),html body .section-page-title-icon[data-page-title-icon]{display:none}html body main.shell.shell > .page-body-title + :is(section, article, div),html body main.shell.shell > #homeTitle + :is(section, article, div){margin-top:-4px}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{left:50%;right:auto;top:calc(var(--nav-height, 58px) - 8px);transition:opacity .24s ease, transform .24s ease}html body .top-nav[data-shared-nav]{grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;column-gap:12px;padding:7px 16px 8px}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._) > span,html body .top-nav[data-shared-nav] .nav-weather-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-weather-summary:is(*,._) span{color:inherit;font-size:.74rem;line-height:1}html body .top-nav[data-shared-nav] .nav-weather-summary:is(*,._){width:auto;min-width:0;max-width:none;gap:3px}html body .top-nav[data-shared-nav] .nav-left-group:is(*,._){position:static;grid-column:1 / -1;justify-self:center;justify-content:center;width:max-content;max-width:calc(100vw - 150px);gap:8px}html body .top-nav[data-shared-nav] .global-format-controls:is(*,._){grid-column:3;justify-self:end}html body .top-nav[data-shared-nav] .page-menu-button:is(*,._),html body .top-nav[data-shared-nav] .page-nav-link:is(*,._){box-sizing:border-box;min-width:82px;padding:3px 15px;font-size:.84rem;line-height:1}html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){min-width:32px;width:32px;padding:0;line-height:1}html body .top-nav[data-shared-nav] #navCurrentTime:is(*,#_){width:12ch;min-width:12ch;max-width:12ch;text-align:right}html body .top-nav[data-shared-nav] #navCurrentDate:is(*,#_){text-align:center}html body .top-nav[data-shared-nav] #navWeatherSummary:is(*,#_){width:20ch;min-width:20ch;max-width:20ch;justify-content:flex-start;text-align:left}html body main.shell.shell > .page-body-title:is(*,._),html body main.shell.shell > .page-body-title{position:absolute;inset:0 auto auto 0;display:block;width:0;height:0;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}html body .top-nav[data-shared-nav]::after{content:"";position:absolute;left:18px;right:18px;height:1px;pointer-events:none;background:linear-gradient(90deg, transparent, rgba(133, 201, 225, .26) 18%, rgba(133, 201, 225, .34) 50%, rgba(133, 201, 225, .26) 82%, transparent);box-shadow:0 1px 0 rgba(4, 14, 24, .4)}html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){font-size:1.5rem}html body .top-nav[data-shared-nav]{row-gap:2px}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;grid-column:1 / -1;grid-row:1;justify-self:center;align-self:start;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:calc(100vw - 40px);height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;opacity:1;pointer-events:auto}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._) > span{margin:0;padding:0;border:0;background:transparent;box-shadow:none}html body .top-nav[data-shared-nav] .nav-left-group:is(*,._),html body .top-nav[data-shared-nav] .global-format-controls:is(*,._){grid-row:2;align-self:start;margin-top:5px;transform:none}html,html body{--nav-height: 60px}html body .top-nav[data-shared-nav]{min-height:60px;height:60px;grid-template-rows:24px 28px;padding-top:0;padding-bottom:1px}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{margin-top:9px}html body .top-nav[data-shared-nav]::after{top:28px}html body .top-nav[data-shared-nav] #navCurrentDate:is(*,#_){width:27ch;min-width:27ch;max-width:27ch}@media (max-width: 760px){html,html body{--nav-height: 46px}html body .top-nav[data-shared-nav]{min-height:46px;height:46px;grid-template-columns:42px minmax(0, 1fr) 42px;grid-template-rows:42px;align-items:center;column-gap:6px;row-gap:0;padding:2px 8px;overflow:visible}html body .top-nav[data-shared-nav] .nav-mobile-toggle:is(*,._){display:inline-grid;grid-column:1;grid-row:1;justify-self:start;align-self:center;width:38px;min-width:38px;height:32px;min-height:32px;margin:0}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{grid-column:2;grid-row:1;justify-self:center;align-self:center;max-width:100%;margin:0}html body .top-nav[data-shared-nav] #navCurrentTime:is(*,#_){width:9ch;min-width:9ch;max-width:9ch;text-align:right}html body .top-nav[data-shared-nav] #navCurrentDate:is(*,#_){width:18ch;min-width:18ch;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body .top-nav[data-shared-nav] #navWeatherSummary:is(*,#_){width:12ch;min-width:12ch;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._) > span,html body .top-nav[data-shared-nav] .nav-weather-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-weather-summary:is(*,._) span{font-size:.68rem;line-height:1}html body .top-nav[data-shared-nav] .global-format-controls:is(*,._){display:inline-flex;grid-column:3;grid-row:1;justify-self:end;align-self:center;width:38px;min-width:38px;margin:0;padding:0;transform:none}html body .top-nav[data-shared-nav] .global-format-controls:is(*,._) .nav-options-menu{width:38px;min-width:38px}html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){width:38px;min-width:38px;max-width:38px;height:32px;min-height:32px;padding:0}html body .top-nav[data-shared-nav] .nav-left-group:is(*,._){display:none;grid-column:1 / -1;grid-row:2;width:100%;margin-top:4px}html body .top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group:is(*,._){display:grid;grid-template-columns:1fr;justify-items:stretch;gap:7px;padding:9px 0 8px}html body .top-nav[data-shared-nav]::after{display:none}}html body .top-nav[data-shared-nav].top-nav,html body .top-nav[data-shared-nav]{box-shadow:none}html body .top-nav[data-shared-nav] .page-nav-link:is(*,._):hover,html body .top-nav[data-shared-nav] .page-nav-link:is(*,._):focus-visible,html body .top-nav[data-shared-nav] .page-nav-link:is(*,._)[aria-current="page"]{border:0;text-decoration-thickness:1px;text-underline-offset:5px}html body .top-nav[data-shared-nav] #navCurrentTime:is(*,#_){color:#ffe19a;-webkit-text-fill-color:#ffe19a}html body .top-nav[data-shared-nav] #navCurrentDate:is(*,#_){color:#b9dbff;-webkit-text-fill-color:#b9dbff}html body .top-nav[data-shared-nav] #navWeatherSummary:is(*,#_),html body .top-nav[data-shared-nav] #navWeatherSummary:is(*,#_) span{color:#a7f1d0;-webkit-text-fill-color:#a7f1d0}html body .top-nav[data-shared-nav] .page-menu-button:is(*,._),html body .top-nav[data-shared-nav] .page-nav-link:is(*,._),html body .top-nav[data-shared-nav] .nav-about-right-link:is(*,._),html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){border:1px solid rgba(118, 194, 226, .22);border-radius:0;background:linear-gradient(180deg, rgba(30, 58, 76, .38), rgba(10, 24, 38, .28));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), inset 0 -1px 0 rgba(0, 0, 0, .22);color:#7fdefd;-webkit-text-fill-color:#7fdefd;text-decoration:none}html body .top-nav[data-shared-nav] .page-menu-button:is(*,._):hover,html body .top-nav[data-shared-nav] .page-menu-button:is(*,._):focus-visible,html body .top-nav[data-shared-nav] .page-nav-link:is(*,._):hover,html body .top-nav[data-shared-nav] .page-nav-link:is(*,._):focus-visible,html body .top-nav[data-shared-nav] .nav-about-right-link:is(*,._):hover,html body .top-nav[data-shared-nav] .nav-about-right-link:is(*,._):focus-visible,html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_):hover,html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_):focus-visible{border-color:rgba(145, 225, 252, .36);background:linear-gradient(180deg, rgba(42, 78, 98, .48), rgba(12, 31, 48, .34));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 1px rgba(119, 210, 242, .08);color:#ccf7ff;-webkit-text-fill-color:#ccf7ff;text-decoration:none}html body .top-nav[data-shared-nav] .page-nav-link:is(*,._)[aria-current="page"]{border-color:rgba(156, 233, 255, .44);background:linear-gradient(180deg, rgba(33, 73, 96, .62), rgba(11, 36, 55, .52));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .085), inset 0 -1px 0 rgba(0, 0, 0, .16);color:#e4fbff;-webkit-text-fill-color:#e4fbff;text-decoration:none}html body .top-nav[data-shared-nav].top-nav,html body .top-nav[data-shared-nav]{border-bottom:3px solid rgba(123, 187, 214, .46)}html body .top-nav[data-shared-nav] .page-menu-button:is(*,._),html body .top-nav[data-shared-nav] .page-nav-link:is(*,._),html body .top-nav[data-shared-nav] .nav-about-right-link:is(*,._),html body .top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){min-height:21px;height:21px;padding-top:0;padding-bottom:0}html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{column-gap:17px;gap:17px;transform:translateX(-5px)}html body .top-nav[data-shared-nav] #navCurrentTime:is(*,#_){margin-right:5px}@media (max-width: 760px){html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{column-gap:12px;gap:12px;transform:none}}html body.page-phases #phaseSummaryDashboard:is(*,#_) .phase-summary-row{grid-auto-columns:minmax(0, 1fr);min-width:0}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table-wrap{overflow-x:auto;overflow-y:visible}html body.page-phases #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile{padding-top:0;padding-bottom:0}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon{margin-top:0;margin-bottom:10px}& #phaseSummaryTimeDetail:is(*,#_){color:#e7d2a7;-webkit-text-fill-color:#e7d2a7}& .phase-summary-row:not(.phase-summary-day-row) article.phase-summary-tile small{color:#e7d2a7;-webkit-text-fill-color:#e7d2a7}}@media (max-width: 920px){html body.page-phases #phaseOrderDayNames:is(*,#_){& .alternate-week-table-inner{width:100%;min-width:0;max-width:100%}& .alternate-week-table{width:100%;min-width:0;max-width:100%;table-layout:fixed}& .alternate-week-table :is(th,td,em){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .alternate-week-table .alternate-week-planet-row .planet-icon:is(*,._){width:clamp(24px, 5vw, 58px);height:clamp(24px, 5vw, 58px);min-width:clamp(24px, 5vw, 58px);min-height:clamp(24px, 5vw, 58px)}}}html body.page-phases .natural-cycle-card .weather-period-scale-title,html body.page-phases .natural-cycle-card .moon-position-title,html body.page-phases .natural-cycle-card .moon-phase-current-line{font-size:1.4rem}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-phase-middle-night,html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-middle-night,html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-deep-night{width:150px;min-width:150px;max-width:150px;white-space:nowrap}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-deep-night{transform:translateX(calc(-50% + 10px))}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-before-sunrise{transform:translateX(calc(-50% - 10px))}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-before-sunset{transform:translateX(calc(-50% - 10px))}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) :is(#periodScale, #sunCycleScale) .mini-bottom-label.label-evening-twilight{transform:translate(calc(-50% - 10px), 5px)}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-section-circle-card > span{display:none}html body.page-phases #phaseOrderSleep .phase-order-title{display:none}html body.page-phases #wakeSleepCycle{& .wake-sleep-top-bubble{display:inline-grid;place-items:center;width:max-content;max-width:100%;margin:4px auto 0;padding:7px 16px;border:1px solid rgba(179, 214, 255, .34);border-radius:999px;background:linear-gradient(180deg, rgba(45, 73, 103, .9), rgba(18, 30, 48, .94));color:#e5f2ff;font-size:1rem;line-height:1}& :is(#wakeSleepPhase,#wakeSleepWindow){display:none}& .wake-awake-segment{background:linear-gradient(90deg, #b9d9f5, #d6eafa, #a8cdec)}& .wake-sleeping-segment.wake-sleep-third-1{background:linear-gradient(90deg, #102b56, #0a1c3d)}& .wake-sleeping-segment.wake-sleep-third-2{background:linear-gradient(90deg, #071630, #030912)}& .wake-sleeping-segment.wake-sleep-third-3{background:linear-gradient(90deg, #02050b, #000000)}}html body.page-phases #foodCard{& .inline-insight-title{display:grid;justify-items:center;gap:6px}& .inline-insight-title span:first-child{display:none}& .inline-insight-title #foodTime{display:inline-grid;place-items:center;min-width:120px;padding:7px 16px;border:1px solid rgba(230, 207, 157, .36);border-radius:999px;background:linear-gradient(180deg, rgba(75, 62, 42, .85), rgba(32, 28, 24, .92));color:#f3d9a0;font-size:1.15rem}}html body.page-phases #phaseOrderDayNames{& .alternate-week-table{color:#ffffff}& .alternate-week-table :is(th,td){color:#ffffff;-webkit-text-fill-color:#ffffff}& .alternate-week-table .alternate-week-planet-row td:not(.alternate-week-star-column){background:linear-gradient(180deg, #111316, #030405)}& .alternate-week-table .alternate-week-symbol-row td:not(.alternate-week-star-column){background:linear-gradient(180deg, #25282d, #121418)}& .alternate-week-table td.alternate-day-0:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(25, 29, 33, .98), rgba(9, 12, 15, .98))}& .alternate-week-table td.alternate-day-1:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(35, 20, 18, .92), rgba(13, 9, 9, .98))}& .alternate-week-table td.alternate-day-2:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(18, 31, 22, .92), rgba(7, 13, 9, .98))}& .alternate-week-table td.alternate-day-3:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(23, 22, 38, .92), rgba(8, 8, 17, .98))}& .alternate-week-table td.alternate-day-4:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(36, 22, 34, .9), rgba(13, 10, 14, .98))}& .alternate-week-table td.alternate-day-5:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(15, 22, 34, .95), rgba(4, 6, 10, .98))}& .alternate-week-table td.alternate-day-6:not(.alternate-week-star-column){background:linear-gradient(180deg, rgba(30, 26, 20, .9), rgba(10, 8, 6, .98))}& .alternate-week-table .alternate-week-day-row td:not(.alternate-week-star-column){font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:1.08rem;font-weight:400}& .alternate-week-table .alternate-week-planet-row .planet-icon{width:76px;height:76px;min-width:76px;min-height:76px;filter:none;box-shadow:none}& .alternate-week-table .alternate-week-planet-row .planet-icon::before,& .alternate-week-table .alternate-week-planet-row .planet-icon::after,& .planet-icon::after{display:none;content:none}& .alternate-week-table .alternate-week-planet-row em{color:#9edcff;-webkit-text-fill-color:#9edcff;font-size:1.08rem;font-weight:500;font-style:normal}& .alternate-week-table td.alternate-week-star-column,& .alternate-week-table td.alternate-week-star-column span{background:transparent;box-shadow:none;color:transparent}}html body.page-phases #wakeSleepCycle{display:grid;justify-items:center;text-align:center;gap:16px}html body.page-phases #wakeSleepCycle{& .wake-sleep-head{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;text-align:center;gap:16px}& :is(.wake-sleep-title-copy,.wake-sleep-cycle-stats,.wake-sleep-controls){justify-items:center;justify-content:center;text-align:center}& .wake-sleep-controls{display:grid;gap:14px;margin-top:4px}& .wake-sleep-cycle-stats span{display:block;text-align:center}}html body.page-phases #drinkCard .inline-insight-title span:first-child:not(#drinkTime){display:none}html body.page-phases :is(#foodCard, #drinkCard) .insight-art,html body.page-phases :is(#foodCard, #drinkCard) .day-mini-scale{order:2}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-circle-midnight-marker em{width:170px;white-space:nowrap}html body.page-phases #phaseOrderSunPosition .phase-section-circle-card .day-phase-visual::after{content:var(--sun-angle-text, "--")}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._){& .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._){width:76px;height:76px;min-width:76px;min-height:76px;filter:none;box-shadow:none}& .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column){background:linear-gradient(180deg, #25282d, #121418)}}html body.page-phases #phaseSimulatorSection{& :is(.weather-period-scale-title,.weather-period-scale-title),& h3{text-transform:none}& .weather-period-scale-title,& h3.weather-period-scale-title{font-size:1.45rem}& .weather-period-scale-title{color:#eaf6ff}}html body.page-phases #phaseOrbitSimulatorSection,html body.page-phases #phaseOrbitSimulatorSection :is(#orbitSimulationWrap,#orbitSimulator){overflow:visible}html body.page-phases #phaseOrbitSimulatorSection{& .orbit-stage{overflow:visible}& :is(.orbit-ring,.orbit-center){border-width:1px;box-shadow:none;opacity:.46}& .orbit-earth-map{object-fit:contain;filter:saturate(.92) brightness(.92) contrast(.96)}& .orbit-earth-shadow{background:radial-gradient(circle 50px at var(--orbit-light-x, 50%) var(--orbit-light-y, 50%), rgba(255, 238, 156, .46) 0, rgba(255, 226, 132, .32) 38px, rgba(255, 220, 120, .12) 64px, transparent 118px), radial-gradient(circle at var(--orbit-light-x, 50%) var(--orbit-light-y, 50%), rgba(255, 234, 165, .11) 0, rgba(255, 234, 165, .04) 36%, rgba(5, 20, 43, .25) 68%, rgba(3, 10, 24, .44) 100%);mix-blend-mode:screen;opacity:.95}& .orbit-moon,& #orbitMoonIcon{filter:drop-shadow(0 0 8px rgba(116, 194, 255, .74)) drop-shadow(0 0 18px rgba(77, 151, 255, .34))}}html body.page-phases #phaseSimulatorSection{& #weatherLogoCombo.weather-logo-combo{min-height:760px;background:linear-gradient(180deg, #6aa8dc 0%, #8ebee3 46%, #c2d8df 62%, #32452f 100%)}& #weatherLogoCombo .scene-sky{background:linear-gradient(180deg, rgba(77, 151, 211, .95), rgba(152, 195, 224, .88) 58%, rgba(209, 224, 224, .78))}& :is(#weatherLogoCombo.weather-cloudy,#weatherLogoCombo.weather-overcast,#weatherLogoCombo.weather-rain){background:linear-gradient(180deg, #5f96c7 0%, #8cb5d1 48%, #b7cbd1 62%, #32452f 100%)}& :is(#weatherLogoCombo.weather-stormy,#weatherLogoCombo.weather-tornado){background:linear-gradient(180deg, #4f718e 0%, #6f8796 48%, #9ca9a8 62%, #2f3f2d 100%)}& #weatherLogoCombo .scene-stream{left:-8%;right:-8%;bottom:22%;width:116%;height:34%;border-radius:48% 52% 0 0 / 22% 24% 0 0;background:linear-gradient(180deg, rgba(99, 169, 207, .9), rgba(34, 111, 161, .96)), repeating-linear-gradient(175deg, rgba(255,255,255,.12) 0 18px, transparent 18px 54px);opacity:.96;z-index:20;transform:none}& #weatherLogoCombo:is(.sun-sunrise, .sun-sunset) .scene-sun{z-index:18;transform:translate(-50%, -50%) scale(.9)}& #weatherLogoCombo .scene-cloud{opacity:.74}& #weatherLogoCombo.weather-cloudy .scene-cloud:nth-of-type(n+7),& #weatherLogoCombo.weather-overcast .scene-cloud,& #weatherLogoCombo.weather-rain .scene-cloud,& #weatherLogoCombo.weather-stormy .scene-cloud,& #weatherLogoCombo.weather-tornado .scene-cloud{display:block;opacity:.88}& #weatherLogoCombo.weather-overcast .scene-cloud,& #weatherLogoCombo.weather-rain .scene-cloud{filter:brightness(.72) saturate(.62)}& #weatherLogoCombo.weather-stormy .scene-cloud,& #weatherLogoCombo.weather-tornado .scene-cloud{filter:brightness(.58) saturate(.55)}& #weatherLogoCombo.weather-rain .scene-rain-layer,& #weatherLogoCombo.weather-stormy .scene-rain-layer{opacity:.72}& #weatherLogoCombo .rain-drop{width:1px;height:calc(var(--size, 6px) * 3.2);border-radius:999px;background:linear-gradient(180deg, transparent, rgba(196, 231, 255, .72));animation-duration:calc(var(--duration, 1s) * 2.25);transform:rotate(10deg)}& #weatherLogoCombo.weather-fog::after{content:"";position:absolute;inset:0;z-index:80;pointer-events:none;background:linear-gradient(180deg, rgba(219, 230, 229, .58), rgba(210, 224, 224, .74)), repeating-linear-gradient(0deg, rgba(255,255,255,.14) 0 28px, transparent 28px 62px);backdrop-filter:blur(4px) saturate(.82)}& #weatherLogoCombo.weather-stormy .scene-lightning,& #weatherLogoCombo.weather-tornado .scene-lightning{display:block;opacity:0;animation:simulator-lightning-bolt 10s infinite;background:linear-gradient(180deg, #fbfdff, #d8eeff 52%, transparent 53%);clip-path:polygon(47% 0, 60% 0, 54% 35%, 68% 35%, 42% 100%, 48% 50%, 34% 50%);width:72px;height:180px;box-shadow:0 0 16px rgba(205, 235, 255, .65)}& #weatherLogoCombo.weather-stormy .scene-lightning-two,& #weatherLogoCombo.weather-tornado .scene-lightning-two{left:62%;top:15%;animation-delay:3.4s}& #weatherLogoCombo.weather-stormy .scene-lightning-three,& #weatherLogoCombo.weather-tornado .scene-lightning-three{left:34%;top:20%;animation-delay:6.8s}& #weatherLogoCombo.weather-tornado .scene-tornado{display:block;width:190px;height:360px;opacity:.9;transform-origin:50% 100%;animation:simulator-tornado-cross 60s linear forwards}& #weatherLogoCombo.weather-flood .scene-flood-water{display:block;height:55%;bottom:0;opacity:.88;background:linear-gradient(180deg, rgba(84, 160, 207, .78), rgba(23, 91, 146, .96)), repeating-linear-gradient(170deg, rgba(255,255,255,.15) 0 20px, transparent 20px 62px);z-index:78}}html body.page-phases #phaseSummaryDashboard{& :is(.phase-summary-tile,.phase-summary-feature){border-color:rgba(150, 174, 194, .24);box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.26)}& :is(.phase-summary-tile, .phase-summary-feature):nth-of-type(1){background:linear-gradient(145deg, #141b23, #26303a 58%, #10161d)}& :is(.phase-summary-tile, .phase-summary-feature):nth-of-type(2){background:linear-gradient(145deg, #151d22, #24342f 58%, #101718)}& :is(.phase-summary-tile, .phase-summary-feature):nth-of-type(3){background:linear-gradient(145deg, #171a24, #2d2b39 58%, #11131d)}& .phase-summary-row-two .phase-summary-tile:first-child,& .phase-summary-row-three .phase-summary-tile:first-child{background:linear-gradient(145deg, #151a1d, #2f332f 58%, #101414)}& .phase-summary-row-two .phase-summary-tile:last-child,& .phase-summary-row-three .phase-summary-tile:nth-child(2){background:linear-gradient(145deg, #141922, #243042 58%, #10141c)}& .phase-summary-row-three .phase-summary-tile:nth-child(3),& .phase-summary-daily-row .phase-summary-tile:nth-child(3){background:linear-gradient(145deg, #181820, #302d33 58%, #111219)}}html body.page-phases #phaseSummaryDashboard:is(*,#_){& .phase-summary-day-tile:is(*,._){background:linear-gradient(145deg, #141b23, #26303a 58%, #10161d)}& .phase-summary-feature.phase-summary-season{background:linear-gradient(145deg, #151d20, #293532 58%, #101716)}& .phase-summary-feature.phase-summary-zodiac{background:linear-gradient(145deg, #171923, #2d2c39 58%, #11131c)}& #phaseSummaryCalendar:is(*,#_){color:#c7daf0;-webkit-text-fill-color:#c7daf0;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-style:normal;font-weight:500}}html body.page-phases #phaseOrderDayNames:is(*,#_),html body.page-phases #phaseOrderDayNames:is(*,#_) .phase-order-body,html body.page-phases #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_),html body.page-phases #phaseOrderDayNames:is(*,#_) :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._)){margin-top:0;padding-top:0}html body.page-phases #phaseOrderDayNames:is(*,#_){& .alternate-week-table-wrap:is(*,._){display:contents;border:0}& .alternate-week-table-inner:is(*,._){border:0}}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;text-align:center;gap:14px}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .insight-copy:is(*,._){display:grid;justify-items:center;justify-self:center;gap:7px;width:min(100%, 1120px);max-width:1120px;margin-left:auto;margin-right:auto}html body.page-phases #foodCard#foodCard .inline-insight-title:is(*,._)::before{content:none;display:none}html body.page-phases #drinkCard:is(*,#_) .inline-insight-title:is(*,._)::before{content:none;display:none}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .inline-insight-title:is(*,._){display:grid;justify-items:center;justify-content:center;gap:8px;width:100%;margin:0;padding:0;text-align:center}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .inline-insight-title:is(*,._)::before{color:#f5fbff;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:1.42rem;font-weight:500;line-height:1.1}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#foodTime#foodTime, #drinkTime:is(*,#_)){display:inline-grid;place-items:center;margin:0 auto;text-align:center}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#foodRange:is(*,#_), #drinkRange:is(*,#_)){margin:0;color:#e7d2a7;-webkit-text-fill-color:#e7d2a7;text-align:center}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)){order:2;width:min(100%, 1120px)}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .insight-art:is(*,._){order:3}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)){transform:none;margin:0}html body.page-phases #phaseOrderDayNames:is(*,#_).phase-order-section{padding:0;border:0;background:transparent;box-shadow:none}html body.page-phases #phaseOrderDayNames:is(*,#_){& > .phase-order-title{margin:0 0 18px}& > .phase-order-body{padding:0;border:0;background:transparent;box-shadow:none}& #alternateWeekCard:is(*,#_){position:relative;margin-top:24px;padding-top:28px;background-size:140px 120px, 170px 150px, 210px 190px, 160px 140px, 240px 210px, 190px 170px, 220px 200px, 150px 130px, 100% 100%, auto;border-color:rgba(112, 142, 168, .34)}& #alternateWeekCard:is(*,#_) .alternate-week-table-wrap{margin-top:18px}}html body.page-phases :is(#phaseOrderMeal:is(*,#_), #phaseOrderDrink:is(*,#_)) > .phase-order-title{margin-bottom:10px}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .insight-copy:is(*,._){order:0;align-self:start;margin:-2px auto 12px}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .inline-insight-title:is(*,._){font-size:1.62rem}html body.page-phases :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#foodRange:is(*,#_), #drinkRange:is(*,#_)){font-size:1.05rem}html body.page-phases #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon::before{content:"";position:static;display:block;border-radius:50%;background:var(--day-week-planet-surface)}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;mix-blend-mode:soft-light;pointer-events:none}& .phase-summary-row-one.phase-summary-day-row{justify-self:center;max-width:100%}& article.phase-summary-tile.phase-summary-day-tile{padding:10px 12px}& article.phase-summary-tile.phase-summary-day-tile > span:not(.phase-summary-icon){font-size:.9rem;line-height:1.05}& #phaseSummaryCalendar:is(*,#_){font-size:1.72rem;line-height:1}& #phaseSummaryPlanetName:is(*,#_){color:#e7d2a7;-webkit-text-fill-color:#e7d2a7;font-family:"Segoe UI", Arial, sans-serif;font-style:normal;font-size:1.05rem;font-weight:500;line-height:1.05;transform:none}& #phaseSummaryCalendarDetail:is(*,#_){font-size:.82rem;line-height:1.1}}html body.page-phases #phaseOrderDayNames:is(*,#_){& .alternate-week-table-title:is(*,._){position:relative;z-index:4;margin-bottom:10px;background:transparent;border:0}& .alternate-week-header-spacer:is(*,._){display:block;width:100%;max-height:10px;margin:0;padding:0;background:#010305;border:0;box-shadow:none;line-height:0}& .alternate-week-arrow-lane:is(*,._){top:auto;bottom:auto;height:0;border:0;background:transparent;box-shadow:none;transform:translateY(12px);pointer-events:none;z-index:3}& #alternateWeekCard:is(*,#_),& :is(#alternateWeekCard:is(*,#_).glass-card,#alternateWeekCard:is(*,#_).alternateWeek-card){background-color:#06182f;background-image:linear-gradient(180deg, #081b33, #041020)}& :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._)){background-image:none;box-shadow:none}& .alternate-week-table-title{display:block;margin:0 0 14px;line-height:1.1;text-align:center}& .alternate-week-table:is(*,._){background-image:none;border-color:rgba(112, 173, 220, .44)}& .alternate-week-table th,& .alternate-week-table td:not(.alternate-week-star-column){background:#010305;background-image:none}& .alternate-week-table .alternate-week-day-row td.alternate-day-0,& .alternate-week-table tr:nth-child(2) td.alternate-day-0{background:linear-gradient(180deg, #20262b, #0b1118)}& .alternate-week-table .alternate-week-day-row td.alternate-day-1,& .alternate-week-table tr:nth-child(2) td.alternate-day-1{background:linear-gradient(180deg, #2a1716, #120a0b)}& .alternate-week-table .alternate-week-day-row td.alternate-day-2,& .alternate-week-table tr:nth-child(2) td.alternate-day-2{background:linear-gradient(180deg, #172419, #08120d)}& .alternate-week-table .alternate-week-day-row td.alternate-day-3,& .alternate-week-table tr:nth-child(2) td.alternate-day-3{background:linear-gradient(180deg, #171829, #090b18)}& .alternate-week-table .alternate-week-day-row td.alternate-day-4,& .alternate-week-table tr:nth-child(2) td.alternate-day-4{background:linear-gradient(180deg, #281826, #111015)}& .alternate-week-table .alternate-week-day-row td.alternate-day-5,& .alternate-week-table tr:nth-child(2) td.alternate-day-5{background:linear-gradient(180deg, #111b2a, #05070b)}& .alternate-week-table .alternate-week-day-row td.alternate-day-6,& .alternate-week-table tr:nth-child(2) td.alternate-day-6{background:linear-gradient(180deg, #2b2416, #100b05)}& .alternate-week-table :is(.alternate-week-planet-row, .alternate-week-symbol-row) td:not(.alternate-week-star-column){background:#010305;background-image:none}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-0:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-0 em{color:#d7f3ff;-webkit-text-fill-color:#d7f3ff}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-1:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-1 em{color:#ff9f7c;-webkit-text-fill-color:#ff9f7c}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-2:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-2 em{color:#a8ffbf;-webkit-text-fill-color:#a8ffbf}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-3:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-3 em{color:#bbb7ff;-webkit-text-fill-color:#bbb7ff}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-4:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-4 em{color:#ffb9df;-webkit-text-fill-color:#ffb9df}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-5:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-5 em{color:#a9c7ff;-webkit-text-fill-color:#a9c7ff}& .alternate-week-table tr:nth-child(n+5) td.alternate-day-6:not(.alternate-week-star-column),& .alternate-week-table .alternate-week-planet-row td.alternate-day-6 em{color:#ffe39a;-webkit-text-fill-color:#ffe39a}}html body.page-phases #phaseSummaryDashboard:is(*,#_) article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon{display:grid;place-items:center;padding:0;overflow:visible;transform:none;border:1px solid rgba(255, 214, 142, .28);filter:none}html body.page-phases #phaseOrderDayNames:is(*,#_){& .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column){position:relative;top:-5px;filter:none;box-shadow:none}& .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column)::before,& .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column)::after{box-shadow:none;filter:none;text-shadow:none}& .alternate-week-table:is(*,._){border-top-width:4px;border-bottom-width:4px;border-top-color:rgba(120, 178, 228, .72);border-bottom-color:rgba(120, 178, 228, .72)}& .alternate-week-table:is(*,._) tbody{border-top:4px solid rgba(120, 178, 228, .72);border-bottom:4px solid rgba(120, 178, 228, .72)}& .alternate-week-table:is(*,._) .alternate-week-bottom-spacer,& .alternate-week-table:is(*,._) .alternate-week-bottom-spacer :is(th,td){height:10px;min-height:10px;max-height:10px;padding:0;border:0;background:#010305;background-image:none;line-height:0}}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-planet-row .planet-icon.planet-saturn,html body.page-phases .planet-icon.planet-saturn,html body.page-phases .planet-saturn{position:relative;overflow:visible}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-planet-row .planet-icon.planet-saturn::before,html body.page-phases .planet-icon.planet-saturn::before,html body.page-phases .planet-saturn::before{content:"";display:block;position:absolute;left:-36%;top:42%;width:172%;height:22%;transform:rotate(-18deg);border:2px solid rgba(220, 204, 159, .8);border-left-color:rgba(220, 204, 159, .36);border-right-color:rgba(220, 204, 159, .36);border-radius:50%;background:rgba(90, 70, 45, .18);box-shadow:0 0 8px rgba(210, 190, 140, .18);pointer-events:none;z-index:3}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-planet-row .planet-icon.planet-saturn::after,html body.page-phases .planet-icon.planet-saturn::after,html body.page-phases .planet-saturn::after{content:"";display:block;position:absolute;inset:0;border-radius:50%;background:inherit;clip-path:inset(0 0 50% 0);pointer-events:none;z-index:4}html body:is(.page-weather, .page-work-time, .page-phases, .page-calendars, .page-about) :is( #current-time-and-weatherSection, #local-weatherSection, #workHoursGroupShell, #workDashboard, #phaseSummaryDashboard, #calendarsDashboard, #aboutPageCard ){border-radius:18px}html body.page-phases #phaseOrderDayNames:is(*,#_){& .alternate-week-current-arrow:is(*,._){left:var(--alternate-week-progress);transform:translateX(-50%)}& .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) :is(th, td){height:34px;min-height:34px;padding-top:2px;padding-bottom:2px;background:#010305;color:rgba(240, 246, 250, .76);-webkit-text-fill-color:rgba(240, 246, 250, .76);font-size:1.18rem;text-shadow:none;filter:none}& .alternate-week-table:is(*,._) tr:nth-child(n+4) td:not(.alternate-week-star-column):not(.is-active-day){color:rgba(238, 244, 248, .78);-webkit-text-fill-color:rgba(238, 244, 248, .78)}}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-circle-midday-marker em{transform:translate(calc(-50% + 10px), -71px)}html body.page-phases :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .phase-circle-midnight-marker em{transform:translate(calc(-50% + 45px), 72px)}html body.page-phases #phaseOrderSunPosition .phase-section-circle-card .day-phase-visual::after{left:50%;top:50%;right:auto;bottom:auto;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;color:#ffb347;font-size:1.02rem;font-weight:600;transform:translate(-50%, -50%) rotate(var(--day-clock-angle, -90deg)) translateY(calc(var(--natural-phase-circle-size, 230px) * -.58)) rotate(calc(-1 * var(--day-clock-angle, -90deg)))}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td[class*="alternate-day-"]:not(.alternate-week-star-column),html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) th{background:#010305;background-image:none;color:rgba(238, 244, 248, .72);-webkit-text-fill-color:rgba(238, 244, 248, .72);font-size:1rem;box-shadow:none;text-shadow:none}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td[class*="alternate-day-"]:not(.alternate-week-star-column),html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) th{background:#010305;background-image:none;color:rgba(238, 244, 248, .72);-webkit-text-fill-color:rgba(238, 244, 248, .72);font-size:1rem;text-shadow:none;filter:none}html body.page-phases #phaseOrderDayNames:is(*,#_) .alternate-week-table:is(*,._) tr:not(.alternate-week-day-row):not(.alternate-week-planet-row):not(.alternate-week-symbol-row) td[class*="alternate-day-"]:not(.alternate-week-star-column){color:rgba(238, 244, 248, .78);-webkit-text-fill-color:rgba(238, 244, 248, .78)}html body.page-phases #phaseOrbitSimulatorSection:is(*,#_),html body.page-phases #phaseOrbitSimulatorSection:is(*,#_) :is(#orbitSimulationWrap:is(*,#_),#orbitSimulator:is(*,#_)){min-height:860px}html body.page-phases #phaseOrbitSimulatorSection:is(*,#_){& .orbit-simulator:is(*,._){--orbit-size: 840px;--orbit-radius: 340px;--orbit-layer: 335px;min-height:840px}& .orbit-stage:is(*,._){width:min(100%, 890px);height:890px}& .orbit-earth-map:is(*,._){width:98%;height:98%}}html body.page-phases:is(*,._) #phaseOrderTimeOfDay:is(*,#_){& #dayPhaseClockIcon:is(*,#_).day-phase-visual::before,& #dayPhaseClockIcon:is(*,#_).day-phase-visual::after{pointer-events:none;box-shadow:0 0 8px rgba(106, 215, 239, .16)}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-label:is(*,._){max-width:none;font-size:.82rem;font-weight:500;line-height:1.05;z-index:8}& #dayPhaseClockIcon:is(*,#_) .day-clock-hand{z-index:4}& #dayPhaseClockIcon:is(*,#_) .day-clock-sun{z-index:5}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) article.phase-summary-tile.phase-summary-day-tile{& > span:not(.phase-summary-icon){margin-bottom:5px;text-transform:none;letter-spacing:0}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-planet-symbol.planet-icon{display:grid;place-items:center;width:62px;height:62px;min-width:62px;min-height:62px;margin:6px 0 4px;padding:0;overflow:visible;transform:none;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--summary-planet-color, #d9eef8);-webkit-text-fill-color:var(--summary-planet-color, #d9eef8);font-family:"Times New Roman", "Cambria Math", Georgia, serif;font-size:4.4rem;font-weight:400;line-height:.78;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--summary-planet-color, #d9eef8) 42%, transparent))}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-planet-symbol.planet-icon::before,& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-planet-symbol.planet-icon::after{content:none;display:none}& #phaseSummaryPlanetName:is(*,#_){color:var(--summary-planet-color, #d9eef8);-webkit-text-fill-color:var(--summary-planet-color, #d9eef8)}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon{display:block;width:64px;height:64px;min-width:64px;min-height:64px;margin:6px 0 4px;padding:0;transform:none;border:0;border-radius:50%;color:var(--summary-planet-color, #d9eef8);-webkit-text-fill-color:var(--summary-planet-color, #d9eef8);font-size:0;line-height:0}}html body.page-phases:is(*,._) #phaseOrderSunPosition:is(*,#_) #sunCycleScale:is(*,#_) #sunCycleSunOrb.sun-scale-orb{border:1px solid rgba(0, 0, 0, .9);box-shadow:0 0 16px rgba(248, 207, 79, .8), inset 0 0 0 1px rgba(0, 0, 0, .32)}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-title{margin-bottom:8px}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value{justify-items:center}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value strong{display:inline-flex;align-items:center;justify-content:center;min-width:230px;max-width:min(520px, 90%);border:1px solid rgba(103, 220, 239, .42);border-radius:999px;background:rgba(10, 58, 76, .72);font-size:clamp(1.25rem, 2.2vw, 1.75rem);font-style:italic;line-height:1.05;white-space:nowrap}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value span{color:#ffe0a7;font-size:1rem;line-height:1.15;white-space:nowrap}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)){padding-top:20px}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) > .insight-copy:is(*,._){display:none}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)){margin-top:0}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span b{white-space:nowrap;overflow:visible;text-wrap:nowrap;font-size:.74rem}html body.page-phases:is(*,._) :is(#mealDayMarker:is(*,#_), #drinkDayMarker:is(*,#_)).mini-scale-marker{display:grid;place-items:center;color:#fff1bd}html body.page-phases:is(*,._) #wakeSleepCycle:is(*,#_){min-height:15px;padding-bottom:calc(var(--card-padding, 24px) + 15px)}html body.page-phases:is(*,._) #wakeSleepCycle:is(*,#_){& .wake-sleep-cycle-stats span{justify-content:center;gap:6px}& .wake-sleep-marker#wakeSleepMarker{top:-37px;margin-left:-17px;border-radius:999px;color:#eaf9ff}& .wake-sleep-marker.is-sleep-marker{background:radial-gradient(circle at 35% 30%, #22305c, #060a18 72%);border-color:rgba(150, 180, 235, .86);box-shadow:0 0 15px rgba(107, 154, 235, .3), inset 0 0 8px rgba(255, 255, 255, .08)}& .wake-sleep-icons{transform:translateY(15px);margin-bottom:15px}& .wake-two-hour-1{background:#8ed9f0}& .wake-two-hour-2{background:#9edfcf}& .wake-two-hour-3{background:#bddf9a}& .wake-two-hour-4{background:#ded58b}& .wake-two-hour-5{background:#d1c17f}& .wake-two-hour-6{background:#8eb4ad}& .wake-two-hour-7{background:#5f829f}& .wake-two-hour-8{background:#3d557b}& .wake-two-hour-9{background:#253461}& .wake-two-hour-10{background:#172146}& .wake-two-hour-11{background:#0d1630}& .wake-two-hour-12{background:#101d3a}}html body.page-phases:is(*,._) #phaseOrderTimeOfDay:is(*,#_){& #dayPhaseClockIcon:is(*,#_).day-phase-visual{border-color:rgba(105, 218, 236, .82);box-shadow:inset 0 0 28px rgba(0, 0, 0, .32), 0 0 18px rgba(74, 205, 225, .18)}& #dayPhaseClockIcon:is(*,#_) :is(.phase-horizon-label,.day-clock-label,.phase-circle-marker){display:none}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-label{position:absolute;width:max-content;color:#e7f8ff;-webkit-text-fill-color:#e7f8ff;text-align:center;text-shadow:0 1px 4px rgba(0, 0, 0, .58)}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-night{color:#c8dbff;-webkit-text-fill-color:#c8dbff}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-late-night{color:#ccd5ec;-webkit-text-fill-color:#ccd5ec}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-morning{color:#d8f5ff;-webkit-text-fill-color:#d8f5ff}& #dayPhaseClockIcon:is(*,#_) .day-clock-hand{background:linear-gradient(180deg, #f7d66e, #f08b42);box-shadow:0 0 12px rgba(245, 174, 65, .5)}& #dayPhaseClockIcon:is(*,#_) .day-clock-sun{width:16px;height:16px;background:radial-gradient(circle at 36% 34%, #fff4b5, #f1b74a 58%, #b95e24 100%);box-shadow:0 0 13px rgba(244, 176, 69, .55), 0 0 4px rgba(255, 242, 178, .45)}& #periodScale:is(*,#_) #periodSunOrb.sun-scale-orb{width:26px;height:26px;border:2px solid rgba(174, 232, 255, .9);background:radial-gradient(circle at center, #11263a 0 58%, #081522 59% 100%);box-shadow:0 0 10px rgba(92, 209, 231, .42), inset 0 0 0 2px rgba(215, 245, 255, .16)}& #periodScale:is(*,#_) #periodSunOrb.sun-scale-orb::before,& #periodScale:is(*,#_) #periodSunOrb.sun-scale-orb::after{content:"";position:absolute;left:50%;top:50%;border-radius:999px;background:#dff8ff;transform-origin:50% 100%}& #periodScale:is(*,#_) #periodSunOrb.sun-scale-orb::before{width:2px;height:8px;transform:translate(-50%, -100%) rotate(0deg)}& #periodScale:is(*,#_) #periodSunOrb.sun-scale-orb::after{width:2px;height:7px;transform:translate(-50%, -100%) rotate(96deg)}}html body.page-phases:is(*,._) #phaseOrderSunPosition:is(*,#_){& .phase-section-circle-card .phase-horizon-label.phase-label-sunrise{position:absolute;left:0;right:auto;top:50%;transform:translate(calc(-100% - 18px), -50%);width:max-content}& .phase-section-circle-card .phase-horizon-label.phase-label-sunset{position:absolute;right:0;left:auto;top:50%;transform:translate(calc(100% + 18px), -50%);width:max-content}& .phase-section-circle-card .phase-circle-midday-marker{transform:translate(calc(-50% + 10px), 10px)}& .phase-section-circle-card .phase-circle-midnight-marker{transform:translate(calc(-50% + 10px), -10px)}& .cycle-slider-label-container:is(*,._){padding-top:42px}& #sunCycleScaleMount:is(*,#_),& .phase-section-circle-card:is(*,._){transform:translateY(20px)}}html body.page-phases:is(*,._) #phaseOrderTimeOfDay:is(*,#_){& #dayPhaseClockIcon:is(*,#_).day-phase-visual{overflow:visible;background:radial-gradient(circle at center, rgba(249, 204, 91, .2) 0 9%, transparent 10%), conic-gradient(from 0deg, #184f76 0 25%, #081b3c 25% 50%, #030713 50% 75%, #113257 75% 100%)}& #dayPhaseClockIcon:is(*,#_).day-phase-visual::before{content:"";position:absolute;z-index:2;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:rgba(171, 229, 246, .34)}& #dayPhaseClockIcon:is(*,#_).day-phase-visual::after{content:"";position:absolute;z-index:2;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:rgba(171, 229, 246, .34)}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-afternoon{top:24px;right:-76px}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-night{right:-48px;bottom:24px}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-late-night{left:-70px;bottom:24px}& #dayPhaseClockIcon:is(*,#_) .phase-quadrant-morning{left:-64px;top:24px}}html body.page-phases:is(*,._) #phaseOrderSunPosition:is(*,#_) .phase-section-circle-card:is(*,._){transform:translateY(-10px)}html body.page-phases:is(*,._) #seasonalSunAnglePanel.seasonal-sun-angle-panel{order:3;min-height:0;padding:22px 24px 24px;background:linear-gradient(145deg, rgba(7, 28, 42, .96) 0%, rgba(8, 38, 48, .94) 56%, rgba(4, 14, 27, .98) 100%);border:1px solid rgba(96, 204, 216, .24);box-shadow:inset 0 1px 0 rgba(202, 251, 255, .08), 0 18px 38px rgba(0, 8, 20, .28)}html body.page-phases:is(*,._) .moon-cycle-panel{order:4}html body.page-phases:is(*,._) #seasonalSunAnglePanel .weather-period-scale-title{color:#d8fbff}html body.page-phases:is(*,._) #seasonalSunAngleTitleValue{color:#8ee8d7;font-style:italic}html body.page-phases:is(*,._) .seasonal-sun-grid{display:grid;grid-template-columns:minmax(220px, 300px) minmax(0, 1fr);gap:22px;align-items:stretch}html body.page-phases:is(*,._) .seasonal-sun-visual{display:grid;gap:12px;align-content:center}html body.page-phases:is(*,._) .seasonal-sun-arc{position:relative;width:min(260px, 100%);aspect-ratio:1.35;margin:0 auto;border-radius:140px 140px 18px 18px;overflow:hidden;background:radial-gradient(circle at var(--seasonal-sun-x, 50%) var(--seasonal-sun-y, 30%), rgba(255, 219, 92, .38), transparent 18%), linear-gradient(180deg, rgba(19, 78, 102, .58), rgba(5, 20, 34, .94));border:1px solid rgba(112, 201, 220, .28)}html body.page-phases:is(*,._) .seasonal-horizon,html body.page-phases:is(*,._) .seasonal-equator-line{position:absolute;left:8%;right:8%;height:1px;background:rgba(207, 248, 255, .28)}html body.page-phases:is(*,._) .seasonal-horizon{bottom:18%}html body.page-phases:is(*,._) .seasonal-equator-line{top:50%;border-top:1px dashed rgba(135, 226, 223, .4);background:transparent}html body.page-phases:is(*,._) .seasonal-sun-orb{position:absolute;left:var(--seasonal-sun-x, 50%);top:var(--seasonal-sun-y, 28%);width:28px;height:28px;border-radius:50%;transform:translate(-50%, -50%);background:radial-gradient(circle, #fff6b6 0%, #ffd45d 48%, #f59e0b 100%);border:1px solid rgba(0, 0, 0, .55);box-shadow:0 0 22px rgba(255, 210, 88, .68)}html body.page-phases:is(*,._) .seasonal-sun-ray{position:absolute;left:50%;bottom:18%;width:2px;height:52%;transform:rotate(calc(var(--seasonal-local-angle, 45deg) - 90deg));transform-origin:bottom center;background:linear-gradient(180deg, rgba(255, 226, 119, .08), rgba(255, 226, 119, .62))}html body.page-phases:is(*,._) .seasonal-sun-readout,html body.page-phases:is(*,._) .seasonal-sun-stats > div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(4, 19, 31, .78);border:1px solid rgba(97, 189, 204, .22)}html body.page-phases:is(*,._) .seasonal-sun-readout span,html body.page-phases:is(*,._) .seasonal-sun-stats span,html body.page-phases:is(*,._) .seasonal-slider-head span{color:rgba(218, 246, 255, .72);font-size:12px;text-transform:uppercase;letter-spacing:.04em}html body.page-phases:is(*,._) .seasonal-sun-readout strong,html body.page-phases:is(*,._) .seasonal-sun-stats b,html body.page-phases:is(*,._) .seasonal-slider-head b{color:#dffbff;font-size:15px}html body.page-phases:is(*,._) .seasonal-sun-controls{display:grid;gap:18px}html body.page-phases:is(*,._) .seasonal-slider-block{display:grid;gap:9px}html body.page-phases:is(*,._) .seasonal-slider-head{display:flex;align-items:center;justify-content:space-between;gap:14px}html body.page-phases:is(*,._) .seasonal-slider{position:relative;height:54px;padding-top:14px}html body.page-phases:is(*,._) .seasonal-slider-track{position:absolute;left:0;right:0;top:20px;height:16px;border-radius:999px;border:1px solid rgba(124, 205, 220, .28);background:linear-gradient(90deg, #09223a 0%, #0a3a46 50%, #4d3510 100%)}html body.page-phases:is(*,._) .seasonal-location-slider .seasonal-slider-track{background:linear-gradient(90deg, #071525 0%, #0b3a45 52%, #806316 100%)}html body.page-phases:is(*,._) .seasonal-slider-mid{position:absolute;left:50%;top:13px;bottom:14px;width:1px;background:rgba(255, 255, 255, .38)}html body.page-phases:is(*,._) .seasonal-slider-marker{position:absolute;left:50%;top:11px;width:28px;height:28px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle, #fff3a8 0%, #ffd35b 52%, #f59e0b 100%);border:1px solid rgba(0, 0, 0, .65);box-shadow:0 0 18px rgba(255, 203, 79, .42);z-index:3}html body.page-phases:is(*,._) .seasonal-slider-label{position:absolute;top:40px;transform:translateX(-50%);color:rgba(215, 244, 255, .66);font-size:11px;white-space:nowrap}html body.page-phases:is(*,._) .seasonal-slider-left{left:0;transform:none}html body.page-phases:is(*,._) .seasonal-slider-center{left:50%}html body.page-phases:is(*,._) .seasonal-slider-right{right:0;transform:none}html body.page-phases:is(*,._) .seasonal-sun-chart{position:relative;min-height:118px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg, rgba(9, 35, 52, .82), rgba(4, 17, 30, .96));border:1px solid rgba(95, 188, 207, .22)}html body.page-phases:is(*,._) .seasonal-sun-chart svg{position:absolute;inset:14px 12px 28px;width:calc(100% - 24px);height:calc(100% - 42px)}html body.page-phases:is(*,._) .seasonal-sun-chart polyline{fill:none;stroke:#7de4d8;stroke-width:3;vector-effect:non-scaling-stroke}html body.page-phases:is(*,._) .seasonal-chart-marker{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%, 50%);background:#ffe08a;border:1px solid rgba(0, 0, 0, .65);box-shadow:0 0 14px rgba(255, 224, 138, .5)}html body.page-phases:is(*,._) .seasonal-chart-label{position:absolute;bottom:8px;color:rgba(218, 246, 255, .62);font-size:11px}html body.page-phases:is(*,._) .seasonal-sun-stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;margin-top:16px}@media (max-width: 760px){html body.page-phases:is(*,._) .seasonal-sun-grid,html body.page-phases:is(*,._) .seasonal-sun-stats{grid-template-columns:1fr}}html body.page-phases:is(*,._) #phaseOrderSunPosition:is(*,#_) #seasonalSunAnglePanel:is(*,#_).seasonal-sun-angle-panel.natural-cycle-card{background-image:linear-gradient(145deg, rgba(7, 28, 42, .96) 0%, rgba(8, 38, 48, .94) 56%, rgba(4, 14, 27, .98) 100%);background-color:#061c2a;border:1px solid rgba(96, 204, 216, .24);box-shadow:inset 0 1px 0 rgba(202, 251, 255, .08), 0 18px 38px rgba(0, 8, 20, .28)}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .seasonal-sun-grid{grid-template-columns:minmax(0, 1fr);gap:18px}& .seasonal-sun-controls{display:grid;grid-template-columns:minmax(0, 1fr);gap:16px}& :is(.seasonal-slider-block, .seasonal-sun-chart, .seasonal-sun-analemma-chart){justify-self:center}& .seasonal-chart-title{position:absolute;top:8px;left:0;right:0;text-align:center;color:#8ee7ff;font-size:.92rem;font-weight:700}& .seasonal-chart-y-label{position:absolute;left:8px;color:rgba(230, 244, 255, .76);font-size:.66rem}& .seasonal-chart-y-high{top:42px}& .seasonal-chart-y-low{bottom:44px}& .seasonal-chart-grid-line{stroke:rgba(255, 255, 255, .14);stroke-width:.6}}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value{margin-bottom:10px}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value strong,html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value b,html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value .current-phase-value,html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value #currentMealHeaderValue,html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value #currentDrinkHeaderValue{padding:10px 26px;color:#62f8ff;-webkit-text-fill-color:#62f8ff;font-weight:400}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span{position:relative;cursor:pointer;opacity:1}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.faded{opacity:1}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.meal-action-active:not(.meal-action-completed){filter:brightness(1.12) saturate(1.08)}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) .meal-completed-label{position:absolute;top:-20px;left:50%;transform:translateX(-50%);padding:3px 9px;border-radius:999px;background:rgba(7, 37, 46, .94);border:1px solid rgba(98, 248, 255, .58);color:#62f8ff;font-size:.68rem;font-style:normal;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;pointer-events:none}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) article.phase-summary-tile.phase-summary-day-tile{& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon{background-blend-mode:normal}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon::after{content:none;display:none;background:none}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& .alternate-week-table-wrap:is(*,._){padding:0;border:0;box-shadow:none}& .alternate-week-table-inner:is(*,._){padding:0;border:0;border-radius:0}& .alternate-week-table:is(*,._){overflow:visible;border:0;border-collapse:separate;border-spacing:0;border-radius:0;outline:2px solid rgba(139, 195, 228, .62);outline-offset:0}}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)){min-height:0;padding-bottom:12px}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)).day-mini-scale{margin-top:-10px;margin-bottom:-20px;transform:translateY(-10px)}html body.page-phases:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .insight-art:is(*,._){margin-bottom:-20px}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.active::before,html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.active::after,html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) .meal-active-arrow{content:none;display:none;border:0;background:none;box-shadow:none;filter:none}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.active,html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.meal-action-active,html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span.meal-action-completed{background:transparent;border-color:transparent;box-shadow:none}html body.page-phases:is(*,._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)) span em{transform:translateY(-20px);background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, .42))}html body.page-phases:is(*,._) :is(#mealDayMarker:is(*,#_), #drinkDayMarker:is(*,#_)).mini-scale-marker{width:46px;height:46px;margin-left:-23px;top:4px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:2.65rem;line-height:1;transform:translateY(-16px);filter:drop-shadow(0 7px 10px rgba(0, 0, 0, .55))}html body.page-phases:is(*,._) .meal-drink-action-popup .meal-drink-person-icon{transform:translateY(-20px);background:transparent;border:0;border-radius:0;box-shadow:none}html body.page-phases:is(*,._) .meal-drink-action-popup .meal-drink-person-base,html body.page-phases:is(*,._) .meal-drink-action-popup .meal-drink-held-item{background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, .42))}html body.page-phases:is(*,._) .meal-drink-action-popup .meal-drink-held-item{top:38px}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_){& .alternate-week-table-inner:is(*,._){width:min(100%, 1160px);min-width:0;max-width:1160px;margin-left:auto;margin-right:auto}& .alternate-week-table:is(*,._){min-width:0;border-collapse:separate;border-spacing:0;border-radius:0}& .alternate-week-table:is(*,._) :is(th:first-child, td:first-child){color:#f0c85a;-webkit-text-fill-color:#f0c85a}& .alternate-week-table:is(*,._) :is(th:last-child, td:last-child),& .alternate-week-table:is(*,._) .alternate-week-star-column,& .alternate-week-table:is(*,._) .alternate-week-star-column span{background:#030405;background-color:#030405}& .alternate-week-table:is(*,._) tr:first-child :is(th, td),& .alternate-week-table:is(*,._) tbody tr:first-child :is(th, td),& .alternate-week-table:is(*,._) tr:last-child :is(th, td){padding-top:calc(.6rem + 3px);padding-bottom:calc(.6rem + 2px)}& :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._)){background:#24272d;background-color:#24272d}& .alternate-week-table-title:is(*,._){color:#5eaaf8;-webkit-text-fill-color:#5eaaf8;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:1.25rem;font-style:italic;font-weight:500;letter-spacing:0;text-transform:none;text-shadow:0 0 14px rgba(94, 170, 248, .18)}& .alternate-week-header-spacer:is(*,._){height:0;min-height:0}& .alternate-week-table:is(*,._){width:min(100%, 1060px);max-width:1060px;margin-left:auto;margin-right:auto;border:2px solid rgba(149, 170, 184, .88);border-top:2px solid rgba(177, 195, 207, .94);outline:0;background:#24272d;background-color:#24272d;box-shadow:0 0 0 1px rgba(3, 6, 10, .75), inset 0 0 18px rgba(0, 0, 0, .36)}& .alternate-week-table:is(*,._) tbody tr:first-child :is(th, td){border-top:0}& .alternate-week-table:is(*,._) :is(.alternate-week-label-col,.alternate-week-end-col,.alternate-week-star-column),& .alternate-week-table:is(*,._) th{width:58px;min-width:58px;max-width:58px}& .alternate-week-table:is(*,._) th[scope="row"],& .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) th[scope="row"]{color:#aeb4bd;-webkit-text-fill-color:#aeb4bd;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:.82rem;font-style:normal;font-weight:600;letter-spacing:0;text-transform:none}& .alternate-week-table:is(*,._) :is(:is(th:first-child, td:first-child),:is(th:last-child, td:last-child)),& .alternate-week-table:is(*,._) .alternate-week-star-column{border-left:0;border-right:0;border-top-color:transparent;border-bottom-color:transparent;background:#24272d;background-color:#24272d}& .alternate-week-table:is(*,._) :is(th, td){border-color:rgba(106, 124, 138, .46)}& .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column){font-size:2.35rem;line-height:1;color:#dceeff;-webkit-text-fill-color:#dceeff;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Segoe UI", sans-serif;text-shadow:0 0 14px rgba(120, 198, 255, .18)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._){border-width:2px;border-style:solid;border-top-width:2px;border-top-style:solid;border-top-color:rgba(177, 195, 207, .94)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) :is(:is(th:first-child, td:first-child),:is(th:last-child, td:last-child)),& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-star-column{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) th[scope="row"],& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) th[scope="row"]{color:#aeb4bd;-webkit-text-fill-color:#aeb4bd;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:.82rem;font-style:normal;font-weight:600}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td[class*="alternate-day-"]:not(.alternate-week-star-column),& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column){font-size:2.35rem;line-height:1;color:#dceeff;-webkit-text-fill-color:#dceeff}}html body.page-phases:is(*,._) #phaseManualOrderSection:is(*,#_) #phaseOrderSeasonalSunAngle:is(*,#_){width:100%}html body.page-phases:is(*,._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_).seasonal-sun-angle-panel.natural-cycle-card,html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_).seasonal-sun-angle-panel.natural-cycle-card{display:block;width:100%;margin-top:0;background-image:linear-gradient(145deg, rgba(7, 28, 42, .96) 0%, rgba(8, 38, 48, .94) 56%, rgba(4, 14, 27, .98) 100%);background-color:#061c2a;border:1px solid rgba(96, 204, 216, .24);box-shadow:inset 0 1px 0 rgba(202, 251, 255, .08), 0 18px 38px rgba(0, 8, 20, .28)}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .weather-period-scale-title{margin-bottom:7px}& .seasonal-current-season{margin:0 auto 16px;color:#8ee8d7;-webkit-text-fill-color:#8ee8d7;font-size:1rem;font-style:italic;text-align:center}& .seasonal-sun-analemma-chart{padding:24px 18px 34px}& .seasonal-sun-analemma-chart svg{display:block;width:100%;margin:10px auto 0}& :is(.seasonal-analemma-axis,.seasonal-analemma-horizon){stroke:rgba(218, 246, 255, .34);stroke-width:.55;vector-effect:non-scaling-stroke}& .seasonal-analemma-equator{stroke-dasharray:2 2;stroke:rgba(142, 232, 215, .42)}& .seasonal-analemma-horizon{stroke:rgba(255, 224, 138, .52)}& .seasonal-analemma-axis-label{fill:rgba(228, 244, 255, .74);font-size:3.2px;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;letter-spacing:0}& .seasonal-analemma-horizon-label{fill:rgba(255, 224, 138, .82)}& .seasonal-analemma-path{stroke-width:1.5;stroke:#ff6f9c;vector-effect:non-scaling-stroke}& .seasonal-analemma-dot{fill:rgba(255, 221, 137, .62)}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._),.alternate-week-table:is(*,._)),html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) :is(:is(th:first-child, td:first-child),:is(th:last-child, td:last-child)),html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-star-column{background:#050e1a;background-color:#050e1a}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile,& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon{overflow:visible}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon.planet-saturn{margin-top:10px;margin-bottom:8px}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& .alternate-week-table-inner:is(*,._){background-color:transparent;background-image:none;box-shadow:none}& .alternate-week-table-title:is(*,._){display:block;position:static;width:100%;margin:0 0 12px;padding:0;text-align:center;transform:none}& .alternate-week-table:is(*,._) :is(:is(th:first-child, td:first-child),:is(th:last-child, td:last-child)),& .alternate-week-table:is(*,._) .alternate-week-star-column{background:#000000;background-color:#000000;background-image:none}}html body.page-phases:is(*,._) #phaseOrderTimeOfDay:is(*,#_) #periodScale:is(*,#_){& .mini-bottom-label.label-middle-of-night{width:180px;min-width:180px;max-width:180px;white-space:nowrap}& .mini-bottom-label.label-before-sunset{top:-106px;transform:translateX(calc(-50% - 10px))}& .mini-bottom-label.label-night{transform:translateX(calc(-50% + 8px))}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& .alternate-week-table-title:is(*,._){-webkit-text-fill-color:#e4c99d;text-shadow:0 0 10px rgba(228, 201, 157, .2)}& .alternate-week-table:is(*,._) .alternate-week-label-col{width:95px}& .alternate-week-table:is(*,._) :is(.alternate-week-end-col,.alternate-week-star-column){width:53px;min-width:53px}& .alternate-week-table:is(*,._) tbody th:first-child{color:#9ca8b0;-webkit-text-fill-color:#9ca8b0}}html body.page-phases:is(*,._) #phaseOrderTimeOfDay:is(*,#_) #periodScale:is(*,#_){& .mini-bottom-label.phase-label-top{top:-66px}& .mini-bottom-label.phase-label-bottom{top:calc(100% + 13px)}& .mini-bottom-label.label-before-sunrise{top:-25px;transform:translateX(calc(-50% - 10px))}& .mini-bottom-label.label-deep-night{top:calc(100% + 33px);transform:translateX(calc(-50% + 10px))}& .mini-bottom-label.label-evening-twilight{top:calc(100% + 33px);transform:translateX(calc(-50% - 10px))}}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){width:min(100%, 1380px);max-width:1380px;margin-left:auto;margin-right:auto}html body.page-phases:is(*,._) #wakeSleepCycle:is(*,#_){& .wake-sleep-marker#wakeSleepMarker{width:48px;height:48px;font-size:2.25rem;line-height:1;display:grid;place-items:center;background:transparent;border:0;box-shadow:none}& .wake-awake-segment:is(*,._){filter:brightness(.72) saturate(.74)}& :is(.wake-two-hour-1, .wake-two-hour-2, .wake-two-hour-3, .wake-two-hour-4, .wake-two-hour-5).wake-awake-segment{background-image:linear-gradient(180deg, rgba(22, 91, 126, .82), rgba(11, 52, 74, .9))}}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& :is(.seasonal-slider-block, .seasonal-sun-chart, .seasonal-sun-analemma-chart){width:min(100%, 1040px);max-width:1040px}& .seasonal-sun-analemma-chart{width:min(100%, 1040px);max-width:1040px;min-height:470px}& .seasonal-sun-analemma-chart svg{height:370px}}html body.page-phases:is(*,._) #wakeSleepCycle:is(*,#_){& .wake-segment-0{background:#135076}& .wake-segment-1{background:#17627a}& .wake-segment-2{background:#176a55}& .wake-segment-3{background:#224b66}& .wake-segment-4{background:#155e72}& .wake-segment-5{background:#123a61}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) #phaseSummaryCalendarIcon:is(*,#_).planet-saturn{width:66px;height:66px;min-width:66px;min-height:66px}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .seasonal-sun-visual{position:relative;display:grid;grid-template-rows:minmax(220px, auto) auto;justify-items:center;min-height:330px;overflow:visible}& .seasonal-sun-visual .seasonal-sun-arc{display:none}& .seasonal-sun-visual::before{content:"";display:block;width:min(360px, 92%);aspect-ratio:1.55 / 1;align-self:end;border-radius:50% 50% 8px 8px / 72% 72% 8px 8px;background:linear-gradient(90deg, transparent 49.5%, rgba(255, 234, 174, .58) 49.5% 50.5%, transparent 50.5%), repeating-conic-gradient(from 216deg at 50% 100%, rgba(244, 211, 132, .65) 0deg 1.4deg, transparent 1.4deg 15deg), radial-gradient(ellipse at 50% 100%, rgba(238, 200, 118, .2) 0 8%, transparent 9%), linear-gradient(180deg, #184235 0%, #0e2a25 58%, #061914 100%);border:1px solid rgba(225, 190, 112, .46);box-shadow:inset 0 1px 0 rgba(255, 245, 200, .13), 0 16px 26px rgba(0, 0, 0, .24)}& .seasonal-sun-visual::after{content:"";position:absolute;top:74px;left:50%;width:10px;height:126px;transform:translateX(-50%) rotate(var(--seasonal-local-angle, 42deg));transform-origin:50% 100%;clip-path:polygon(50% 0, 100% 100%, 0 100%);background:linear-gradient(180deg, #ffe2a0, #7d5930);filter:drop-shadow(18px 18px 8px rgba(0, 0, 0, .32))}& .seasonal-sun-readout{position:relative;z-index:2;margin-top:-4px}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon.planet-saturn{width:66px;height:66px;min-width:66px;min-height:66px;max-width:66px;max-height:66px;border-radius:50%}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){margin-bottom:0}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .phase-summary-grid:is(*,._){transform:translateY(-5px);margin-bottom:-5px}& :is(.phase-summary-row, .phase-summary-circle-row){gap:10px}}html body.page-phases:is(*,._) #phaseCard:is(*,#_){margin-top:-10px}html body.page-phases:is(*,._) main.shell.shell{gap:10px;row-gap:10px}html body.page-phases:is(*,._) main.shell.shell > :is( section, article, div, .glass-card, .cycle-panel, .progress-grid, .timeline-stack ){margin-top:0;margin-bottom:0}html body:is( .page-home, .page-time, .page-work-time, .page-weather, .page-phases, .page-calendars, .page-geography, .page-about ){background:#152e38;background-image:none;background-color:#152e38}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) .phase-summary-day-row:is(*,._){border:0;background:transparent;box-shadow:none}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) main.shell.shell,html body.page-home-test .home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 20px)}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test) main.shell.shell,html body.page-home-test .home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 20px)}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){margin-top:-14px;overflow:hidden}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) > *{position:relative;z-index:1}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& .alternate-week-table-inner:is(*,._){position:relative;overflow:visible}& .natural-shooting-star{position:absolute;top:12px;z-index:7;width:132px;height:54px;pointer-events:none;filter:drop-shadow(0 0 12px rgba(131, 229, 255, .38));transform:rotate(-17deg)}& .natural-shooting-star-left{left:18px}& .natural-shooting-star-right{right:18px;transform:scaleX(-1) rotate(-17deg)}& .natural-shooting-star-tail{position:absolute;left:4px;top:24px;width:104px;height:7px;border-radius:999px 0 0 999px;background:linear-gradient(90deg, rgba(117, 221, 255, 0), rgba(117, 221, 255, .2) 18%, rgba(169, 241, 255, .75) 62%, rgba(255, 244, 188, .98));box-shadow:0 0 13px rgba(102, 214, 255, .32), 0 0 24px rgba(255, 220, 121, .18)}& .natural-shooting-star-tail::before,& .natural-shooting-star-tail::after{content:"";position:absolute;right:8px;width:62px;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(117, 221, 255, 0), rgba(182, 243, 255, .62), rgba(255, 238, 176, .92))}& .natural-shooting-star-tail::before{top:-10px;transform:rotate(-10deg)}& .natural-shooting-star-tail::after{bottom:-10px;transform:rotate(10deg)}& .natural-shooting-star-head{position:absolute;right:8px;top:14px;width:28px;height:28px;background:#fff3bd;clip-path:polygon(50% 0%, 61% 34%, 98% 35%, 68% 56%, 79% 94%, 50% 70%, 20% 94%, 31% 56%, 2% 35%, 38% 34%);box-shadow:0 0 0 1px rgba(255, 255, 255, .45), 0 0 16px rgba(255, 231, 141, .72), 0 0 30px rgba(105, 222, 255, .3)}}@media (max-width: 860px){html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& .natural-shooting-star{top:8px;width:96px;transform:scale(.8) rotate(-17deg)}& .natural-shooting-star-left{left:-2px}& .natural-shooting-star-right{right:-2px;transform:scaleX(-1) scale(.8) rotate(-17deg)}}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){background:linear-gradient(180deg, rgba(2, 6, 18, .66), rgba(2, 8, 20, .84)), radial-gradient(circle at 8% 18%, rgba(255, 255, 255, .96) 0 1px, transparent 1.7px), radial-gradient(circle at 18% 72%, rgba(178, 226, 255, .82) 0 1px, transparent 1.8px), radial-gradient(circle at 27% 38%, rgba(255, 248, 216, .88) 0 1.2px, transparent 2px), radial-gradient(circle at 39% 14%, rgba(130, 203, 255, .72) 0 1px, transparent 1.8px), radial-gradient(circle at 46% 84%, rgba(255, 255, 255, .9) 0 1px, transparent 1.9px), radial-gradient(circle at 61% 28%, rgba(255, 245, 210, .86) 0 1.2px, transparent 2px), radial-gradient(circle at 73% 66%, rgba(158, 219, 255, .82) 0 1px, transparent 1.8px), radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .95) 0 1px, transparent 1.7px), radial-gradient(circle at 96% 82%, rgba(197, 234, 255, .78) 0 1px, transparent 1.8px), radial-gradient(ellipse at 50% 105%, rgba(35, 102, 136, .28), transparent 58%), linear-gradient(145deg, #06101f, #020712 62%, #07111e);background-size:auto, 300px 190px, 340px 220px, 280px 180px, 360px 240px, 320px 210px, 390px 250px, 300px 220px, 420px 260px, 350px 230px, auto, auto;border-color:rgba(154, 218, 255, .28);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), inset 0 -80px 90px rgba(0, 5, 17, .64), 0 18px 48px rgba(0, 0, 0, .28)}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile{min-height:238px;border-color:rgba(162, 231, 255, .16);background:rgba(5, 15, 29, .18)}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon{width:124px;height:124px;min-width:124px;min-height:124px;margin:4px 0 8px;border-color:rgba(167, 226, 255, .12);border-radius:50%;background:rgba(4, 11, 24, .1);box-shadow:inset 0 0 28px rgba(255, 255, 255, .035), 0 0 24px rgba(120, 203, 255, .2), 0 0 48px rgba(120, 203, 255, .08)}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon::before{width:94px;height:94px;box-shadow:inset -18px -13px 24px rgba(0, 0, 0, .64), inset 11px 8px 16px rgba(255, 255, 255, .18), 0 0 20px rgba(117, 184, 255, .28), 0 0 42px rgba(117, 184, 255, .12)}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-planet-image.planet-icon::after{width:94px;height:94px;background:radial-gradient(circle at 33% 25%, rgba(255,255,255,.34), transparent 0 13%, transparent 44%), radial-gradient(circle at 64% 68%, rgba(255,255,255,.12), transparent 0 11%, transparent 34%), repeating-linear-gradient(20deg, rgba(255,255,255,.07) 0 2px, rgba(0,0,0,.08) 2px 7px)}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){grid-auto-flow:row}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature) .phase-summary-icon:is(*,._){margin-left:auto;margin-right:auto}& .phase-summary-row:is(*,._) :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label, strong, em, small){width:100%;margin-left:auto;margin-right:auto;text-align:center}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature) > *{grid-column:1;grid-row:auto;justify-self:center;align-self:center;text-align:center}& .phase-summary-row-one.phase-summary-day-row:is(*,._){row-gap:0}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){border:0;box-shadow:none}& .phase-summary-row-one.phase-summary-day-row:is(*,._){margin-top:0;margin-bottom:0;padding-top:8px;padding-bottom:8px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){margin-top:0;margin-bottom:0}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_){& #alternateWeekCard:is(*,#_),& :is(#alternateWeekCard:is(*,#_).glass-card,#alternateWeekCard:is(*,#_).alternateWeek-card){padding-bottom:26px;background:linear-gradient(180deg, #07111c, #030912)}& #alternateWeekCard:is(*,#_) .alternate-week-table-inner:is(*,._){background:linear-gradient(180deg, #07111c, #030912)}& #alternateWeekCard:is(*,#_) .natural-shooting-star{display:none}}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_){& .seasonal-sun-chart:is(*,._){position:relative;min-height:255px;padding:34px 34px 56px 50px}& .seasonal-sun-chart:is(*,._) svg{position:absolute;inset:46px 34px 58px 52px;width:calc(100% - 86px);height:calc(100% - 104px)}& :is(.seasonal-chart-angle-line,.seasonal-chart-season-line){stroke:rgba(177, 224, 239, .22);stroke-width:.55;vector-effect:non-scaling-stroke}& .seasonal-chart-current-line{stroke:rgba(255, 220, 132, .72);stroke-width:.9;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}& .seasonal-chart-angle-label{fill:#cbeefa;font-size:4px;paint-order:stroke;stroke:rgba(4, 12, 20, .86);stroke-width:.8px}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .phase-summary-row:is(*,._){align-items:center}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){display:grid;align-items:center;align-content:center;column-gap:10px}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature) .phase-summary-icon:is(*,._){grid-area:icon;align-self:center;justify-self:center;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;order:initial;font-size:1.55rem;letter-spacing:0}& .phase-summary-row:is(*,._) :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label){grid-area:label;justify-self:start;display:block;width:auto;margin:0;order:initial;text-align:left;white-space:nowrap}& .phase-summary-row:is(*,._) :is(.phase-summary-tile strong, .phase-summary-feature strong){grid-area:value;justify-self:start;display:block;width:auto;min-width:0;margin:0;order:initial;text-align:left}& .phase-summary-row:is(*,._) :is(.phase-summary-tile em, .phase-summary-tile small, .phase-summary-feature small){grid-area:detail;justify-self:start;display:block;width:auto;min-width:0;margin:0;order:initial;text-align:left}& :is(#phaseSummarySeasonIcon, #phaseSummaryZodiacIcon, .phase-summary-year-row .phase-summary-tile .phase-summary-icon){color:#aeeaff;-webkit-text-fill-color:#aeeaff;font-family:"Georgia", "Times New Roman", serif;text-shadow:0 0 12px rgba(122, 224, 255, .34)}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){grid-template-columns:48px minmax(0, 1fr);grid-template-areas:"icon label" "icon value" "icon detail";row-gap:2px}& .phase-summary-row:is(*,._) :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label){align-self:end;color:rgba(193, 210, 237, .82);font-size:.72rem;line-height:1.08}& .phase-summary-row:is(*,._) :is(.phase-summary-tile strong, .phase-summary-feature strong){align-self:center;font-size:.98rem;line-height:1.08}& .phase-summary-row:is(*,._) :is(.phase-summary-tile em, .phase-summary-tile small, .phase-summary-feature small){align-self:start;line-height:1.12}& .phase-summary-row:is(*,._){justify-items:start}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){justify-items:start;text-align:left}& .phase-summary-row:is(*,._) :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label, .phase-summary-tile strong, .phase-summary-feature strong, .phase-summary-tile em, .phase-summary-tile small, .phase-summary-feature small){text-align:left}& :is(.phase-summary-row:is(*,._),.phase-summary-row-one:is(*,._),.phase-summary-row-two:is(*,._),.phase-summary-row-three:is(*,._),.phase-summary-year-row:is(*,._),.phase-summary-daily-row:is(*,._)){width:max-content;max-width:calc(100vw - 96px);justify-self:center;justify-content:center;margin-left:auto;margin-right:auto}& .phase-summary-row-two:is(*,._){grid-template-columns:repeat(2, 240px)}& :is(.phase-summary-moon-row:is(*,._),.phase-summary-year-row:is(*,._)){grid-template-columns:repeat(3, 225px)}& .phase-summary-row-two:is(*,._) .phase-summary-tile{width:240px;min-width:0;max-width:240px}& .phase-summary-moon-row:is(*,._) .phase-summary-tile,& .phase-summary-year-row:is(*,._) :is(.phase-summary-feature, .phase-summary-tile){width:225px;min-width:0;max-width:225px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){width:240px;min-width:0;max-width:240px}& .phase-summary-year-row:is(*,._){grid-template-columns:repeat(3, 235px)}& .phase-summary-year-row:is(*,._) :is(.phase-summary-feature, .phase-summary-tile){width:235px;min-width:0;max-width:235px}& .phase-summary-daily-row:is(*,._){grid-template-columns:repeat(3, 250px)}& .phase-summary-daily-row:is(*,._) .phase-summary-tile{width:250px;min-width:0;max-width:250px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){transform:translateX(20px);row-gap:10px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){margin-bottom:14px}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_){& :is(.alternate-week-current-arrow:is(*,._),.alternate-week-arrow-lane:is(*,._)),& .alternate-week-arrow-lane:is(*,._)::before,& .alternate-week-arrow-lane:is(*,._)::after{display:none;content:none}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) :is(th,td){border-color:rgba(35, 72, 120, .68)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) tr > th[scope="row"]:first-child{color:#62bdff;-webkit-text-fill-color:#62bdff}& #alternateWeekCard:is(*,#_) .alternate-week-symbol-row:is(*,._) > th,& #alternateWeekCard:is(*,#_) .alternate-week-symbol-row:is(*,._) > td:not(.alternate-week-star-column){color:#78f2ff;-webkit-text-fill-color:#78f2ff}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) .alternate-week-symbol-row:is(*,._) > td.is-active-day:not(.alternate-week-star-column){color:#78f2ff;-webkit-text-fill-color:#78f2ff}}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile:is(*,._){align-content:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon){grid-row:1;grid-column:1}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > strong{grid-row:2;grid-column:1;margin:0;line-height:1.05;font-size:1.24rem}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > em{grid-row:4;grid-column:1;margin:0;line-height:1.05}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > small{grid-row:5}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon{grid-row:3;position:static;width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px;margin:0 auto}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) tr.alternate-week-symbol-row th[scope="row"]{color:#62bdff;-webkit-text-fill-color:#62bdff}html body main.shell,html body main.shell.shell,html body main.home-shell{margin-top:0;padding-top:calc(var(--nav-height, 60px) + var(--first-card-top-gap))}html body main.shell > .page-body-title + :is(section, article, div),html body main.shell.shell > .page-body-title + :is(section, article, div),html body main.shell > #homeTitle + :is(section, article, div),html body main.home-shell > :first-child{margin-top:0}html body main.shell > :is( .time-zone-row, #primaryProgress, #weatherGeographySection, #aboutPageCard, .about-card, .work-dashboard, .calendar-reference-page, .weather-cycle-wrapper ){margin-top:0}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._),html body.page-phases:is(*,._) main.shell.shell{margin-top:0}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > :first-child,html body.page-phases:is(*,._) main.shell.shell > #primaryProgress:is(*,#_).progress-grid,html body.page-phases:is(*,._) main.shell.shell > #phaseSummaryDashboard:is(*,#_).phase-summary-dashboard.glass-card{margin-top:0}html body:not(.delayed-data-visible).page-weather #local-weatherSection:is(*,#_) :is( #weatherCityNameWrapper, #todayWeatherCity, #todayWeatherZip, #weatherThermometer, .weather-temp-control-wrap, #todayWeatherTemp, #todayWeatherMainCondition, #todayWeatherIcon, #localForecastStrip ),html body:not(.delayed-data-visible).page-time #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, #digitalClock, #currentDate, #topSecondsToggle ),html body:not(.delayed-data-visible).page-time #languageClocksSection:is(*,#_) .time-readout strong,html body:not(.delayed-data-visible).page-time :is( #utcTimeHero, #utcTime, #mainTime, #militaryTime, #romanTime, #greekTime, #arabicTime, #japaneseTime, #kanjiTime, #chineseTime, #devanagariTime, #thaiTime, #indianTime, #binaryTime ),html body:not(.delayed-data-visible).page-geography #weatherGeographySection:is(*,#_) :is( #localGeographySummary, #localGeoFullLocation, #localGeoCoordinates, #localGeoLatitudeZone, #localGeoHemisphere, #localGeoTimezone, #localElevation, #localElevationDetail, #localClimateType, #localClimateDetail, #localCoastDistance, #localCoastDetail, #localLandscapeType, #localLandscapeDetail, #localLandscapePreview ),html body:not(.delayed-data-visible).page-phases #phaseSummaryDashboard:is(*,#_) :is( .phase-summary-grid strong, .phase-summary-grid em, .phase-summary-grid small, .phase-summary-grid .phase-summary-icon, .phase-summary-circle-row .day-phase-visual, .phase-summary-circle-row .moon-summary-position-circle ){opacity:0;visibility:hidden;transition:opacity var(--delayed-data-fade) ease}html body.delayed-data-visible.page-phases #phaseSummaryDashboard:is(*,#_) :is( .phase-summary-grid strong, .phase-summary-grid em, .phase-summary-grid small, .phase-summary-grid .phase-summary-icon, .phase-summary-circle-row .day-phase-visual, .phase-summary-circle-row .moon-summary-position-circle ){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}@media (prefers-reduced-motion: reduce){html body.page-phases #phaseSummaryDashboard:is(*,#_) :is( .phase-summary-grid strong, .phase-summary-grid em, .phase-summary-grid small, .phase-summary-grid .phase-summary-icon, .phase-summary-circle-row .day-phase-visual, .phase-summary-circle-row .moon-summary-position-circle ){opacity:1;visibility:visible;animation:none;transition:none}}html body.page-phases:is(*,._):not(.delayed-data-visible) #phaseSummaryDashboard:is(*,#_) .phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon){opacity:0;visibility:hidden;transition:opacity var(--delayed-data-fade) ease}html body.page-phases:is(*,._).delayed-data-visible #phaseSummaryDashboard:is(*,#_) .phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}@media (prefers-reduced-motion: reduce){html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) .phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon){opacity:1;visibility:visible;animation:none;transition:none}}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._){flex:0 0 46px;width:46px;min-width:46px;max-width:46px}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){display:inline-grid;place-items:center;flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:34px;min-height:34px;max-height:34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:0;line-height:1;color:#9defff;-webkit-text-fill-color:#9defff}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._){width:46px;min-width:46px;max-width:46px}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){border:0;border-radius:0;background:transparent;box-shadow:none}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){& .options-button-label{display:none}& .options-gear-icon{display:inline-grid;place-items:center;font-size:2rem;line-height:1}}@media (max-width: 760px){html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group#navMainLinks{grid-template-columns:minmax(0, 1fr);grid-auto-flow:row;grid-auto-columns:unset;background-color:#0d2437;background-image:linear-gradient(180deg, #17374f 0%, #102b40 52%, #091d2e 100%);border:1px solid rgba(126, 214, 244, .5);box-shadow:0 18px 34px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .08)}html body nav.top-nav[data-shared-nav]:not(.is-mobile-menu-open) .nav-left-group#navMainLinks{display:none}html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{& > .page-menu-item{grid-column:1 / -1;width:100%}& .page-nav-link[aria-current="page"]{background:linear-gradient(180deg, #225a78, #11364e);border-color:rgba(167, 240, 255, .62);color:#f2fdff;-webkit-text-fill-color:#f2fdff}}}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{background:linear-gradient(180deg, rgba(44, 81, 107, .82), rgba(15, 31, 48, .96)), #102235;border-bottom:2px solid rgba(116, 197, 228, .5);box-shadow:0 8px 20px rgba(0, 0, 0, .24)}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){box-sizing:border-box;display:inline-grid;place-items:center;width:108px;min-width:108px;max-width:108px;height:30px;min-height:30px;max-height:30px;padding:4px 16px;overflow:visible;color:#d9f8ff;-webkit-text-fill-color:#d9f8ff;font-size:.88rem;line-height:1;white-space:nowrap;text-align:center;text-transform:none}html body nav.top-nav[data-shared-nav] .options-menu-panel#optionsMenuPanel{right:0;box-sizing:border-box;width:min(390px, calc(100vw - 24px));min-width:min(390px, calc(100vw - 24px));max-width:min(390px, calc(100vw - 24px))}@media (max-width: 760px){html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{position:sticky;top:0;grid-template-columns:52px minmax(0, 1fr) 116px;grid-template-rows:42px;align-items:center;gap:8px;min-height:50px;height:50px;padding:4px 10px;overflow:visible;background:linear-gradient(180deg, rgba(39, 76, 102, .96), rgba(12, 27, 43, .98)), #102235;border-bottom:2px solid rgba(126, 214, 244, .58);box-shadow:0 8px 20px rgba(0, 0, 0, .34)}html body nav.top-nav[data-shared-nav] .nav-mobile-toggle#navMobileToggle{display:inline-grid;grid-column:1;grid-row:1;place-items:center;width:46px;min-width:46px;max-width:46px;height:34px;min-height:34px;max-height:34px;padding:0;border:1px solid rgba(137, 223, 248, .46);border-radius:0;background:linear-gradient(180deg, #1b3c55, #0e263a);color:transparent;-webkit-text-fill-color:transparent;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);overflow:hidden}html body nav.top-nav[data-shared-nav] .nav-mobile-toggle#navMobileToggle::before{content:"";display:block;width:20px;height:14px;border-top:2px solid #bff4ff;border-bottom:2px solid #bff4ff;background:linear-gradient(#bff4ff, #bff4ff) center / 20px 2px no-repeat}html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;grid-column:2;grid-row:1;justify-self:stretch;width:100%;min-width:0;max-width:100%;height:34px;min-height:34px;max-height:34px;grid-template-columns:auto minmax(82px, 1fr) minmax(72px, auto);column-gap:7px;padding:0;overflow:hidden}html body nav.top-nav[data-shared-nav] .nav-live-summary > span,html body nav.top-nav[data-shared-nav] .nav-weather-summary{font-size:.69rem;line-height:1.05}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._){grid-column:3;grid-row:1;justify-self:end;display:flex;width:116px;max-width:116px;justify-content:flex-end;overflow:visible}html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._){display:block;flex:0 0 108px;width:108px;min-width:108px;max-width:108px;overflow:visible}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item{display:block;flex:0 0 108px;width:108px;min-width:108px;max-width:108px}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){width:108px;min-width:108px;max-width:108px;height:34px;min-height:34px;max-height:34px;padding:0 10px;border:1px solid rgba(137, 223, 248, .42);background:linear-gradient(180deg, #19384e, #0d2539);color:#dcf8ff;-webkit-text-fill-color:#dcf8ff;font-size:.82rem;line-height:1}html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{position:absolute;left:10px;right:auto;top:calc(100% + 8px);z-index:700;display:none;grid-column:auto;grid-row:auto;width:calc(100vw - 20px);min-width:calc(100vw - 20px);max-width:none;padding:10px;transform:none;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;background-color:#0d2437;background-image:linear-gradient(180deg, #17374f, #091d2e);border:1px solid rgba(126, 214, 244, .44);box-shadow:0 18px 34px rgba(0, 0, 0, .46)}html body nav.top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group#navMainLinks{display:grid}html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{& :is(.page-menu-item,.page-menu-button,.page-nav-link){width:100%;min-width:0;max-width:none}& :is(.page-menu-button,.page-nav-link){box-sizing:border-box;height:40px;min-height:40px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid rgba(121, 206, 235, .32);background:linear-gradient(180deg, #173650, #0d2539);color:#bfefff;-webkit-text-fill-color:#bfefff;font-size:.9rem}}html body nav.top-nav[data-shared-nav] .options-menu-panel#optionsMenuPanel{position:absolute;top:calc(100% + 8px);right:0;width:min(360px, calc(100vw - 20px));min-width:min(360px, calc(100vw - 20px));max-width:min(360px, calc(100vw - 20px));padding:10px;background:linear-gradient(180deg, #132f44, #091d2e);border:1px solid rgba(126, 214, 244, .46);box-shadow:0 18px 34px rgba(0, 0, 0, .48)}}:root{--page-bg: #172430;--page-bg-2: #172430}html,html body,html body[class][class]{--page-bg: #172430;--page-bg-2: #172430;background:#172430;background-color:#172430;background-image:none}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_).phase-summary-dashboard:is(*,._){box-sizing:border-box}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& .phase-summary-row:is(*,._){box-sizing:border-box}& :is(.phase-summary-row-two:is(*,._),.phase-summary-row-three:is(*,._),.phase-summary-moon-row.phase-summary-row-three,.phase-summary-year-row.phase-summary-row-three){min-height:86px}& :is(.phase-summary-tile:is(*,._),.phase-summary-feature:is(*,._)){box-sizing:border-box;min-height:76px;align-content:center;transform:none;translate:none}& .phase-summary-day-tile:is(*,._){transform:translateX(8px)}& :is(strong, em, small, .phase-summary-icon){transform:none;translate:none}}html body nav.top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel{z-index:2147483647;top:calc(100% - 10px);width:250px;max-width:min(250px, calc(100vw - 18px));min-width:0;padding:10px;gap:8px;background:linear-gradient(145deg, #263946, #1a2b37 58%, #233244);border:2px solid rgba(139, 220, 242, .78);box-shadow:0 18px 42px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .08) inset}html body nav.top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel{& .nav-time-machine-mini{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px;min-height:0;background:rgba(11, 26, 36, .72);border:1px solid rgba(142, 213, 235, .34)}& .nav-time-field{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:6px}& .nav-time-field input{width:122px;min-width:0;height:24px}& .nav-time-arrows{display:flex;gap:3px}& .nav-time-arrows button{width:24px;min-width:24px;height:24px;padding:0}& .options-button-row{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px;min-height:28px;padding:5px 7px;background:rgba(12, 28, 39, .62);border:1px solid rgba(126, 197, 222, .22)}& .options-segmented-control{justify-self:end;width:auto;gap:4px}& .options-segmented-control button{min-width:34px;width:34px;padding-left:0;padding-right:0}& :is(#clearSavedValuesButton, #centerLineToggleButton){display:none}& #clearSiteCacheButton,& .options-action-button{width:auto;min-width:86px;max-width:104px;height:28px;padding:4px 9px;font-size:.78rem;white-space:nowrap}& .options-cache-row{grid-template-columns:54px 1fr}}html body :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._),html body :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title.site-page-title-sr-only{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;min-height:1px;max-height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}@media (max-width: 760px), (prefers-reduced-motion: reduce){html.mobile-low-power *,html.mobile-low-power *::before,html.mobile-low-power *::after,html.page-is-hidden *,html.page-is-hidden *::before,html.page-is-hidden *::after{animation-duration:.001ms;animation-delay:0ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}}@media (max-width: 760px){html.mobile-low-power body :is(.ambient, .ambient-one, .ambient-two){display:none}html.mobile-low-power body :is( .glass-card, .time-card, .progress-card, .timeline-card, .weather-simple-card, .weather-stat-card, .weather-ranking-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .rainfall-card, .snowfall-card, .wind-card, .air-card, .geography-card, .calendar-summary-popup-button, .work-test-layout, .work-test-status-card, .work-test-slider-card, .mini-progress-card ){-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;box-shadow:none;text-shadow:none}html.mobile-low-power body :is(main.shell > section, main.home-shell > section, main.home-test-shell > section, .progress-card:not(:where(#workweekCard)), .timeline-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .rainfall-card, .snowfall-card, .wind-card, .air-card, .geography-card, .calendar-summary-popup-button, .work-test-slider-card, .mini-progress-card){contain:layout paint style}html.mobile-low-power body.page-weather #weatherSimulatorCard{display:none}html.mobile-low-power body.page-weather :is(.weather-simulator-card, .isolated-simulator-card, .standalone-weather-simulator-section) iframe{display:none}html.mobile-low-power body :is( .weather-overlay-icon, .shooting-star, .geography-palm, .geography-fern, .rainfall-side-cloud, .rainfall-raindrop, .snowflake-decoration, .work-snack-progress-popup ){filter:none;text-shadow:none;box-shadow:none}}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){align-items:center;justify-content:center;gap:8px;width:min(95vw, 1180px);height:auto;color:#7ee9ff;font-family:"Segoe UI", Arial, sans-serif;font-weight:600;letter-spacing:.02em;text-align:center}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) .page-title-icon{color:#8df4ff;font-size:1.05em}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-left:var(--mobile-page-pad);padding-right:var(--mobile-page-pad);overflow-x:hidden}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is( h1, h2, h3, .page-body-title, .card-title, .section-title, .weather-section-title, .home-title, .home-test-title ){line-height:1.15;letter-spacing:0}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(.page-body-title, .home-title, .home-test-title){font-size:var(--mobile-title-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(.card-title, .section-title, .weather-section-title, .progress-section-title, h2){font-size:var(--mobile-section-title-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(p, li, dd, dt, label, button, input, select, .detail-text, .weather-detail-label, .weather-detail-value){font-size:var(--mobile-body-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(table, th, td, .weather-table, .distance-table, .ranked-table){font-size:var(--mobile-table-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is( .page-title-icon, .calendar-summary-icon, .weather-detail-icon, .weather-stat-icon, .phase-summary-icon, .geography-icon, .weather-icon, .work-test-title-icon, .mini-slider-icon, .nav-logo-mark ){width:var(--mobile-icon-box);max-width:var(--mobile-icon-box);height:var(--mobile-icon-box);max-height:var(--mobile-icon-box);min-width:0;min-height:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--mobile-icon-font);line-height:1;transform:none;object-fit:contain;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;font-variant-emoji:text}}@media (max-width: 980px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){overflow-x:hidden}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){transform-origin:top left}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > :not(.page-body-title),html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is( #current-time-and-weatherSection, #local-weatherSection, #phaseCard, #primaryProgress, #timelineStack, #timeVisualizedGroupShell, #extendedTimeVisualizedGroupShell, #moreTimeGroupShell, #workHoursGroupShell, #workDashboard, #calendarsDashboard, #phaseSummaryDashboard, #weatherGeographySection, #geographyDistanceCard, #landscapeDetailsCard, #weatherSimulatorSection, #worldClockCard, #myWeatherCard, #rainfallCard, #snowfallCard, #oceanCurrentsCard, #unitConverterGroupShell, #languageClocksSection ){width:100%;max-width:100%;justify-self:stretch;box-sizing:border-box}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){width:100%;min-width:0;max-width:100%;justify-self:stretch;margin-left:auto;margin-right:auto;box-sizing:border-box}html body.page-phases:is(*,._) main.shell.shell > :is(#phaseSummaryDashboard:is(*,#_), #primaryProgress:is(*,#_)){width:100%;min-width:0;max-width:100%;justify-self:stretch}@media (min-width: 981px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-top:clamp(132px, calc(348px - 22.1vw), 250px)}}@media (max-width: 980px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-top:calc((var(--nav-height, 78px) + var(--site-responsive-first-gap)) * var(--site-responsive-scale-inverse))}}@media (max-width: 1280px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > :not(.page-body-title),html body.page-home-test main.home-test-shell:is(*,._) > *{width:100%;min-width:0;max-width:100%;justify-self:stretch;box-sizing:border-box}html body.page-home-test:is(*,._) .home-test-dashboard:is(*,._){grid-template-columns:repeat(3, minmax(0, 1fr))}html body.page-home-test:is(*,._) .home-test-about:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}html body.page-phases:is(*,._) .phase-summary-row-two:is(*,._),html body.page-phases:is(*,._) .phase-summary-moon-phase-row:is(*,._),html body.page-phases:is(*,._) .phase-summary-circle-row:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}html body.page-phases:is(*,._) .phase-summary-row-three:is(*,._),html body.page-phases:is(*,._) .phase-summary-calendar-guide:is(*,._){grid-template-columns:repeat(3, minmax(0, 1fr))}html body :is( .weather-comparison-table-wrap, .weather-more-cities-window, .distance-table-scroll, .geography-distance-table-wrap, .alternate-week-table-wrap, .generation-age-table-wrap, .calendar-table-wrap, .table-scroll ){max-width:100%;overflow-x:auto;overflow-y:visible}html body.page-phases:is(*,._) main.shell.shell > #phaseSummaryDashboard:is(*,#_){width:100%;min-width:0;max-width:none;box-sizing:border-box}}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{position:fixed;top:0;left:0;right:0;width:100vw;display:grid;box-sizing:border-box;overflow:visible;z-index:10000}html body nav.top-nav[data-shared-nav] .nav-mobile-toggle#navMobileToggle{display:none}html body nav.top-nav[data-shared-nav] .nav-location-search,html body nav.top-nav[data-shared-nav] .floating-site-actions{display:none}@media (min-width: 981px){html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;grid-column:2;grid-row:1;align-self:center;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:15px;width:auto;min-width:0;max-width:100%;height:30px;min-height:30px;max-height:30px;margin:0;padding:0;overflow:hidden;transform:none}html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{align-self:stretch;justify-self:stretch;align-items:stretch;justify-content:stretch}html body nav.top-nav[data-shared-nav] .nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks > .page-menu-item{flex:1 1 0;display:block;width:auto;min-width:0;max-width:none;height:100%;box-sizing:border-box}}@media (max-width: 980px){html,html body{--nav-height: 72px}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{height:72px;min-height:72px;grid-template-columns:32px minmax(0, 1fr) 34px;grid-template-rows:33px 28px;gap:3px 4px;padding:4px 4px 5px;overflow:visible}html body nav.top-nav[data-shared-nav] .nav-site-logo:is(*,._){position:static;grid-column:1;grid-row:1;align-self:center;justify-self:center;display:inline-grid;place-items:center;width:31px;min-width:31px;max-width:31px;height:31px;min-height:31px;max-height:31px;margin:0;padding:0;transform:none}html body nav.top-nav[data-shared-nav] .nav-site-logo .site-logo-mark{width:26px;height:26px}html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;grid-column:2;grid-row:1;align-self:center;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;max-width:100%;height:29px;min-height:29px;max-height:29px;margin:0;padding:0;overflow:hidden;transform:none}html body nav.top-nav[data-shared-nav] .nav-live-summary > span,html body nav.top-nav[data-shared-nav] .nav-weather-summary,html body nav.top-nav[data-shared-nav] .nav-weather-summary .nav-weather-temp,html body nav.top-nav[data-shared-nav] .nav-weather-summary .nav-weather-condition{font-size:clamp(.46rem, 1.55vw, .64rem);line-height:1;letter-spacing:0}html body nav.top-nav[data-shared-nav] #navCurrentTime:is(*,#_){width:8.8ch;min-width:8.8ch;max-width:8.8ch}html body nav.top-nav[data-shared-nav] #navCurrentDate:is(*,#_){width:16.9ch;min-width:16.9ch;max-width:16.9ch}html body nav.top-nav[data-shared-nav] #navWeatherSummary:is(*,#_){width:11.2ch;min-width:11.2ch;max-width:11.2ch}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._){position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end;display:inline-flex;width:32px;min-width:32px;max-width:32px;height:31px;min-height:31px;max-height:31px;margin:0;padding:0;transform:none;overflow:visible}html body nav.top-nav[data-shared-nav] .global-format-controls .page-menu-item:not(.nav-options-menu){display:none}html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){width:32px;min-width:32px;max-width:32px}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){display:inline-grid;place-items:center;height:31px;min-height:31px;max-height:31px;padding:0;border:0;background:transparent;box-shadow:none;font-size:0;line-height:1}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_) .options-gear-icon{display:inline-grid;place-items:center;color:#9defff;-webkit-text-fill-color:#9defff;font-size:1.9rem;line-height:1}html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav]:not(.is-mobile-menu-open) .nav-left-group,html body nav.top-nav[data-shared-nav]:not(.is-mobile-menu-open) .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group,html body nav.top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group#navMainLinks{position:static;inset:auto;grid-column:1 / -1;grid-row:2;align-self:stretch;justify-self:stretch;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:2px;width:100%;min-width:0;max-width:100%;height:28px;min-height:28px;max-height:28px;margin:0;padding:0;transform:none;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto}html body nav.top-nav[data-shared-nav] .nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks > .page-menu-item{flex:1 1 0;display:block;width:auto;min-width:0;max-width:none;height:100%;box-sizing:border-box;margin:0;padding:0;background:transparent;border:0}html body nav.top-nav[data-shared-nav] .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav] .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link){display:grid;place-items:center;width:100%;min-width:0;max-width:none;height:26px;min-height:26px;max-height:26px;padding:0 1px;box-sizing:border-box;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(121, 206, 235, .26);border-radius:0;background:linear-gradient(180deg, rgba(28, 60, 82, .54), rgba(9, 24, 38, .5));color:#9eeeff;-webkit-text-fill-color:#9eeeff;font-size:clamp(.31rem, 1.18vw, .54rem);font-weight:600;line-height:1;letter-spacing:0}html body nav.top-nav[data-shared-nav]::after{display:none}html body nav.top-nav[data-shared-nav].nav-links-always-visible .nav-mobile-toggle#navMobileToggle{display:none;width:0;min-width:0;max-width:0;height:0;min-height:0;max-height:0;overflow:hidden;pointer-events:none}html body nav.top-nav[data-shared-nav].nav-links-always-visible .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].nav-links-always-visible .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].nav-links-always-visible:not(.is-mobile-menu-open) .nav-left-group,html body nav.top-nav[data-shared-nav].nav-links-always-visible:not(.is-mobile-menu-open) .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].nav-links-always-visible.is-mobile-menu-open .nav-left-group,html body nav.top-nav[data-shared-nav].nav-links-always-visible.is-mobile-menu-open .nav-left-group#navMainLinks{position:static;inset:auto;grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:2px;width:100%;min-width:0;max-width:100%;height:28px;min-height:28px;max-height:28px;margin:0;padding:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;background:transparent;border:0;box-shadow:none}html body.page-phases:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){padding-top:clamp(132px, calc(348px - 22.1vw), 250px)}}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{gap:0 4px}html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){top:2px;right:10px}@media (max-width: 760px){html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{right:34px;column-gap:3px;font-size:.68rem}}html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_){margin-right:-12px}@media (max-width: 760px){html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{right:34px}html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_){margin-right:-10px;text-align:right}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:15px}}html body nav.top-nav[data-shared-nav].top-nav{grid-template-columns:44px minmax(0, 1fr) 44px;column-gap:4px}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{position:static;top:auto;right:auto;bottom:auto;left:auto;grid-column:2;grid-row:1;align-self:center;justify-self:end;display:grid;grid-template-columns:max-content max-content max-content;align-items:center;justify-content:end;justify-items:center;column-gap:8px;row-gap:0;width:max-content;min-width:0;max-width:100%;height:30px;min-height:30px;max-height:30px;margin:0;padding:0;overflow:visible;white-space:nowrap;font-size:.75rem;line-height:1.1}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._) span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:max-content;max-width:none;height:auto;margin:0;padding:0;overflow:visible;text-overflow:clip;white-space:nowrap;text-align:center;transform:none;font-size:inherit;line-height:inherit}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:10px;color:#ffe38a;-webkit-text-fill-color:#ffe38a}html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_){color:#c7e3ff;-webkit-text-fill-color:#c7e3ff}html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._){color:#9ef5c5;-webkit-text-fill-color:#9ef5c5}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_){box-sizing:content-box;padding-left:5px;padding-right:5px}html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._){column-gap:12px;gap:12px}html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_){padding-left:10px;padding-right:10px}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end;margin:0;transform:none}@media (max-width: 980px){html body nav.top-nav[data-shared-nav].top-nav{grid-template-columns:38px minmax(0, 1fr) 38px;column-gap:3px}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{column-gap:6px;font-size:.64rem}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:7px}}@media (max-width: 520px){html body nav.top-nav[data-shared-nav].top-nav{grid-template-columns:34px minmax(0, 1fr) 34px;column-gap:2px}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{column-gap:4px;font-size:.58rem;margin-right:12px}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:5px}}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{transform:translateY(-4px)}html body nav.top-nav[data-shared-nav].top-nav::after{content:none;display:none;opacity:0;height:0;border:0;box-shadow:none}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks{transform:translateY(-4px)}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo:is(*,._){width:32px;min-width:32px;max-width:32px;height:28px;min-height:28px;transform:translateY(-4px)}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark{width:24px;height:24px}@media (max-width: 520px){html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo:is(*,._){width:28px;min-width:28px;max-width:28px;height:26px;min-height:26px}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark{width:22px;height:22px}}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark{border:0;box-shadow:none}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::before,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::after,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-hand{content:none}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){z-index:100000}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel.options-menu-panel:not([hidden]),html body .top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel:not([hidden]){display:grid;width:214px;min-width:214px;max-width:214px;padding:8px;gap:6px;right:0;top:18px;transform:translateY(-10px);z-index:100001;border:2px solid rgba(229, 191, 104, .92);border-radius:4px;background:radial-gradient(circle at 20% 0%, rgba(236, 204, 128, .16), transparent 42%), linear-gradient(180deg, #34464f, #202d38 58%, #18232d);box-shadow:0 16px 30px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 235, 167, .18)}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel{& .nav-time-machine-mini{display:none}& .nav-time-machine-mini.toolbar-time-section{display:grid}& .options-button-row{display:grid;grid-template-columns:74px minmax(0, 1fr);align-items:center;min-height:25px;padding:4px 6px;gap:5px;border:1px solid rgba(220, 190, 116, .48);border-radius:3px;background:linear-gradient(180deg, rgba(78, 92, 100, .95), rgba(45, 58, 68, .96));color:#f1e5bd;-webkit-text-fill-color:#f1e5bd;font-size:.68rem}& .options-button-row > span:first-child{text-align:left;font-size:.66rem}& .options-segmented-control{justify-content:end;gap:3px;min-width:0;width:auto}& .options-segmented-control button{width:30px;min-width:30px;max-width:30px;height:20px;min-height:20px;padding:0;border-radius:2px;border-color:rgba(124, 187, 208, .55);background:#152c39;color:#bdeeff;-webkit-text-fill-color:#bdeeff;font-size:.58rem}& .options-segmented-control :is(button.is-active,button[aria-pressed="true"]){border-color:#f1ce76;background:#4b3d22;color:#ffe6a3;-webkit-text-fill-color:#ffe6a3}& .options-action-button{justify-self:end;width:76px;min-width:76px;max-width:76px;height:21px;min-height:21px;padding:0 5px;border-radius:2px;background:#263846;border:1px solid rgba(236, 205, 132, .62);color:#ffe6a3;-webkit-text-fill-color:#ffe6a3;font-size:.56rem;line-height:1}& .options-cache-status{display:none}}html,body{overflow-x:hidden}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){left:auto}@media (max-width: 760px){html{font-size:18px}}@media (max-width: 520px){html{font-size:19px}}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{width:268px;min-width:268px;max-width:268px;padding:10px;gap:7px}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{& .nav-time-machine-mini:is(*,._){align-items:end;height:auto}& .nav-time-field:is(*,._){width:100%;min-width:0;height:auto}& .nav-time-field:is(*,._) span{display:block;margin:0}& .nav-time-arrows:is(*,._){min-width:0;margin:0}}@media (max-width: 760px){html body .page-body-title,html body .home-title,html body .home-test-title{font-size:var(--mobile-title-font);line-height:1.12;margin:8px 0 var(--mobile-card-gap);text-align:center}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is( #current-time-and-weatherSection, #phaseCard, #local-weatherSection, .today-weather-info, .current-weather-history-panel, .weather-middle-status, #primaryProgress, #timeVisualizedGroupShell, #extendedTimeVisualizedGroupShell, #moreTimeGroupShell, #workHoursGroupShell, #workHoursGroup, #workDashboard, #workTestLayout, #calendarsDashboard, #phaseSummaryDashboard, #phaseTimeProgressGroup, #naturalGenerationGroup, #weatherGeographySection, #geographyDistanceCard, #landscapeDetailsCard, .time-zone-row, .collapsible-group-shell, .collapsible-group-body, .weather-science-card-row ){width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin:var(--mobile-card-gap) 0;padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none;overflow:visible;transform:none}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is( .time-card, .weather-simple-card, .weather-detail-bubble, .local-forecast-strip-section, .world-clock-card, .weather-science-card, .weather-ranking-table-card, .precip-card, .cycle-panel, .calendar-card, .calendar-summary-section, .calendar-summary-item, .phase-summary-tile, .phase-summary-feature, .phase-summary-circle-card, .work-test-card, .work-test-view-card, .work-test-status-card, .work-test-day-panel, .work-mini-slider-card, .geography-card, .geo-detail-card, .landscape-detail-card, .distance-card, .about-page-card, .home-card, .home-test-card, .home-test-hero, .home-test-links, .placeholder-ad-slot ){width:100%;min-width:0;max-width:100%;margin:var(--mobile-card-gap) 0;padding:12px;box-sizing:border-box;border-radius:var(--mobile-card-radius);overflow:visible;transform:none}html body :is(h1, h2, h3, h4, .card-title, .section-title, .weather-period-scale-title, .precip-card-head h3){font-size:var(--mobile-title-font);line-height:1.15;letter-spacing:0}html body :is(label, .weather-detail-label, .compact-label, .detail-label, .geo-label, .options-button-row > span){font-size:var(--mobile-label-font);line-height:1.18}html body .weather-ranking-table-card::before,html body .weather-ranking-table-card::after{font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Noto Sans Symbols", Arial, sans-serif;font-variant-emoji:text;font-size:var(--mobile-icon-size);line-height:1;transform:none}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& :is(.phase-summary-tile,.phase-summary-feature){min-height:0;padding:12px}& .phase-summary-day-tile{width:100%;max-width:100%}}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){overflow-x:hidden}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){min-width:0;margin:0;padding:calc(var(--nav-height, 76px) + 18px) var(--mobile-page-pad) 16px;box-sizing:border-box;zoom:1;transform:none;transform-origin:initial}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is( #current-time-and-weatherSection, #phaseCard, #local-weatherSection, #weatherHistoryCard, #nearbyWeatherCard, #weatherSimulatorCard, #weatherRankingSection, #rainfallCard, #snowfallCard, #windCard, #airCard, #primaryProgress, #timeVisualizedGroupShell, #extendedTimeVisualizedGroupShell, #moreTimeGroupShell, #workHoursGroupShell, #workHoursGroup, #workDashboard, #workTestLayout, #calendarsDashboard, #phaseSummaryDashboard, #phaseTimeProgressGroup, #naturalGenerationGroup, #weatherGeographySection, #geographyDistanceCard, #landscapeDetailsCard, .today-weather-info, .current-weather-history-panel, .weather-middle-status, .weather-science-card-row, .time-zone-row, .collapsible-group-shell, .collapsible-group-body, .dashboard-section, .page-section, .section-shell, .content-shell ){width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin:var(--mobile-card-gap) 0;padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none;overflow:visible;transform:none}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is( .time-card, .weather-simple-card, .weather-detail-bubble, .local-forecast-strip-section, .world-clock-card, .weather-science-card, .weather-ranking-table-card, .precip-card, .cycle-panel, .calendar-card, .calendar-summary-section, .calendar-summary-item, .phase-summary-tile, .phase-summary-feature, .phase-summary-circle-card, .work-test-card, .work-test-view-card, .work-test-status-card, .work-test-day-panel, .work-mini-slider-card, .geography-card, .geo-detail-card, .landscape-detail-card, .distance-card, .about-page-card, .home-card, .home-test-card, .home-test-hero, .home-test-links, .placeholder-ad-slot, .table-card, .info-card, .summary-card, .metric-card ){width:100%;min-width:0;max-width:100%;margin:var(--mobile-card-gap) 0;padding:12px;box-sizing:border-box;border-radius:var(--mobile-card-radius);overflow:visible;transform:none}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is( .weather-temp-summary-bar, .local-weather-bottom-rows, .weather-ranking-grid, .rainfall-city-grid, .snowfall-ranking-grid, .weather-type-grid, .wind-air-grid, .calendar-summary-grid, .calendars-card-grid, .phase-summary-row, .phase-summary-grid, .phase-summary-circle-row, .phase-summary-calendar-guide, .distance-common-location-grid, .landscape-feature-grid, .featured-landscape-grid, .landscape-list-grid, .home-link-grid, .home-info-grid, .home-test-dashboard, .home-test-about, .work-test-mini-slider-grid, .work-dashboard-tokens ){display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--mobile-card-gap);width:100%;min-width:0;max-width:100%;margin:var(--mobile-card-gap) 0}html body :is(h1, .page-body-title, .home-title, .home-test-title){font-size:var(--mobile-title-font);line-height:1.15;letter-spacing:0;text-align:center}html body :is(h2, h3, h4, .card-title, .section-title, .weather-period-scale-title, .precip-card-head h3){font-size:var(--mobile-section-font);line-height:1.18;letter-spacing:0}html body :is(p, li, .detail-text, .weather-bubble-line, .compact-detail-metrics, .cycle-status-format, .local-weather-plain-summary, .work-test-status-card, .geo-output-line){font-size:var(--mobile-body-font);line-height:1.3}html body :is(label, .weather-detail-label, .compact-label, .detail-label, .geo-label, .options-button-row > span, .slider-label){font-size:var(--mobile-small-font);line-height:1.18}html body :is(strong, b, .weather-detail-value, .card-value, .detail-value, .geo-value, .cycle-current, .work-status-value){font-size:var(--mobile-data-font);line-height:1.2}html body :is(table, th, td){font-size:var(--mobile-table-font);line-height:1.22}html body :is(.table-scroll, .weather-comparison-table-scroll, .distance-table-scroll, .alternate-week-table-wrap, .generation-age-table-wrap, .calendar-table-wrap){width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}html body :is( .page-title-icon, .phase-summary-icon, .weather-detail-top-icon, .weather-icon, .calendar-icon, .card-icon, .mini-icon, .nav-icon ){width:var(--mobile-icon-box);min-width:var(--mobile-icon-box);max-width:var(--mobile-icon-box);height:var(--mobile-icon-box);min-height:var(--mobile-icon-box);max-height:var(--mobile-icon-box);display:inline-grid;place-items:center;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Noto Sans Symbols", Arial, sans-serif;font-variant-emoji:text;font-size:var(--mobile-icon-font);line-height:1;object-fit:contain;transform:none}html body.page-phases:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){width:100vw;min-width:0;max-width:100vw;margin:0;padding:90px var(--phone-shell-padding, 6px) 16px;box-sizing:border-box;zoom:1;transform:none;transform-origin:initial}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin:10px 0;padding:0;border:0;background:transparent;background-image:none;box-shadow:none;overflow:visible;transform:none}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_){& :is(.phase-summary-tile:is(*,._),.phase-summary-feature:is(*,._),.phase-summary-day-tile:is(*,._)){position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin:0;padding:12px;box-sizing:border-box;transform:none}& :is(.phase-summary-grid.phase-summary-ordered-grid,.phase-summary-row:is(*,._)){display:grid;grid-template-columns:minmax(0, 1fr);justify-content:stretch;justify-items:stretch;align-items:stretch;gap:10px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin:0;padding:0;transform:none}& .phase-summary-row:is(*,._) > :is(.phase-summary-tile:is(*,._),.phase-summary-feature:is(*,._)){width:100%;min-width:0;max-width:100%;justify-self:stretch}}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) .home-test-about:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) .home-test-about:is(*,._) > article{width:100%;min-width:0;max-width:100%}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){-webkit-text-size-adjust:100%;text-size-adjust:100%}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){width:100vw;min-width:0;max-width:100vw;margin:0;padding-left:6px;padding-right:6px;transform:none;zoom:1;box-sizing:border-box}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(.page-body-title, .home-title, .home-test-title){font-size:var(--mobile-title-font);line-height:1.15}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(.card-title, .section-title, .weather-section-title, .progress-section-title, h2){font-size:var(--mobile-section-title-font);line-height:1.16}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(p, li, dd, dt, label, button, input, select, .detail-text, .weather-detail-label, .weather-detail-value){font-size:var(--mobile-body-font);line-height:1.25}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(table, th, td, .weather-table, .distance-table, .ranked-table){font-size:var(--mobile-table-font)}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(.page-title-icon, .calendar-summary-icon, .weather-detail-icon, .weather-stat-icon, .phase-summary-icon, .geography-icon, .weather-icon, .work-test-title-icon, .mini-slider-icon, .nav-logo-mark){width:var(--mobile-icon-box);max-width:var(--mobile-icon-box);height:var(--mobile-icon-box);max-height:var(--mobile-icon-box);display:inline-flex;align-items:center;justify-content:center;font-size:var(--mobile-icon-font);line-height:1;transform:none;object-fit:contain;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;font-variant-emoji:text}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._){display:flex;align-items:center;justify-content:center;gap:9px;width:min(100%, 720px);height:auto;min-height:30px;margin:18px auto 14px;padding:0;overflow:visible;color:#8adffd;-webkit-text-fill-color:#8adffd;font-family:"Segoe UI", Arial, sans-serif;font-size:1.22rem;font-weight:600;letter-spacing:.02em;line-height:1.1;text-align:center;text-shadow:0 0 14px rgba(72, 190, 238, .24)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._) > span:not(.page-title-icon){display:inline-flex;align-items:center}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;margin:0;color:#8adffd;-webkit-text-fill-color:#8adffd;font-size:1.25rem;line-height:1;border:0;background:transparent;box-shadow:none}html body.page-home-test .home-test-hero h1#homeTestTitle{color:#aeefff;-webkit-text-fill-color:#aeefff;text-shadow:0 0 18px rgba(70, 220, 255, .28)}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._){background:url("../home/site-logo-cloud-sunset.svg?v=a9577319d510") center / contain no-repeat}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::before,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::after,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-hand,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._)::before,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._)::after,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._) .site-logo-hand{display:none}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._){margin:12px auto 12px;font-size:1.12rem}html body.page-home-test:is(*,._) .home-test-dashboard:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:12px;width:100%;padding-left:0;padding-right:0}html body.page-home-test:is(*,._) .home-test-dashboard:is(*,._) .home-test-feature:is(*,._){width:90%;max-width:90%;min-width:0;justify-self:center;grid-column:1 / -1}}html body.page-phases:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){height:auto}@media (max-width: 760px){html body.page-phases:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){position:static;display:flex;height:auto;padding:0;overflow:visible}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{display:flex;grid-template-columns:none;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data > span{position:static;min-width:0;max-width:none;transform:none;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) #navCurrentTime,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data #navCurrentTime{flex:0 0 auto}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) #navCurrentDate,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data #navCurrentDate{max-width:34vw}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) #navWeatherSummary,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data #navWeatherSummary{flex:0 1 auto;gap:5px}}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){position:static;align-items:center;justify-content:center;gap:8px;width:min(100%, 720px);color:#8beeff;-webkit-text-fill-color:#8beeff;font:600 1.08rem/1.15 "Segoe UI", Arial, sans-serif;letter-spacing:.02em;text-align:center;text-shadow:0 0 12px rgba(61, 205, 238, .24)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._) > span:not(.page-title-icon){display:inline-flex;visibility:visible;align-items:center}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._) .page-title-icon:is(*,._){place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;margin:0;color:#8beeff;-webkit-text-fill-color:#8beeff;font-size:1rem;line-height:1;border:0;background:transparent;box-shadow:none}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){font-size:1rem}}html body.page-phases:is(*,._) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){display:flex;visibility:visible;padding:0;overflow:visible}html body.page-phases:is(*,._) main.shell.shell > h1.page-body-title:is(*,._) > span:not(.page-title-icon),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) > span:not(.page-title-icon){display:inline-flex;visibility:visible}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){display:flex;visibility:visible;opacity:1;height:auto;min-height:22px;margin:4px auto 6px;padding:0;overflow:visible;line-height:1.12}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;visibility:visible;opacity:1}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){min-height:20px;margin:3px auto 5px;opacity:1;overflow:visible}}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile:is(*,._){margin-top:0;margin-bottom:0}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon){color:#63c5ff;-webkit-text-fill-color:#63c5ff;font-size:1.38rem;line-height:1.02}& #phaseSummaryCalendar:is(*,#_){color:#ffe2a6;-webkit-text-fill-color:#ffe2a6;font-size:2.22rem}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){margin-bottom:2px}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_){& .alternate-week-table-inner{--alternate-week-label-column: 64px}& .alternate-week-table:is(*,._){table-layout:fixed}& .alternate-week-table:is(*,._) :is(.alternate-week-label-col,.alternate-week-end-col,.alternate-week-star-column),& .alternate-week-table:is(*,._) th[scope="row"]{width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& .alternate-week-table:is(*,._) :is(col.alternate-week-label-col,col.alternate-week-end-col){width:5.5%}& .alternate-week-table:is(*,._) col.alternate-week-day-col{width:12.714%}& .alternate-week-table:is(*,._) :is(th[scope="row"],td.alternate-week-star-column){padding-left:3px;padding-right:3px;white-space:normal}}html{font-size:16px}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-scale: 1;--site-responsive-scale-inverse: 1;font-size:var(--app-body-font)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){width:min(var(--site-responsive-design-width), calc(100vw - var(--site-responsive-edge-gap)));min-width:0;max-width:var(--site-responsive-design-width);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box;zoom:1;transform:none;transform-origin:top center}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > :not(.page-body-title),html body.page-home-test main.home-test-shell:is(*,._) > :not(.page-body-title){box-sizing:border-box;width:100%;min-width:0;max-width:100%}html body :is(.page-body-title, .section-title, .card-section-title){font-size:var(--app-page-title-font);line-height:1.15}html body :is( .card-title, .time-card-title, .weather-section-title, .geography-section-title, .natural-time-section-title, .work-test-view-title, .calendar-section-title ){font-size:var(--app-section-title-font);line-height:1.18}html body :is(button, input, select, textarea){font-size:clamp(13px, .94rem, 16px);line-height:1.2}html body :is(table, th, td){font-size:var(--app-table-font);line-height:1.25}html body :is( .page-title-icon, .calendar-summary-icon, .weather-detail-icon, .weather-stat-icon, .phase-summary-icon, .geography-icon, .work-test-title-icon, .mini-slider-icon ){width:var(--app-icon-md);min-width:var(--app-icon-md);max-width:var(--app-icon-md);height:var(--app-icon-md);min-height:var(--app-icon-md);max-height:var(--app-icon-md);font-size:calc(var(--app-icon-md) * .72);line-height:1;object-fit:contain}@media (max-width: 980px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){width:calc(100vw - var(--site-responsive-edge-gap));max-width:calc(100vw - var(--site-responsive-edge-gap));min-width:0;margin-left:auto;margin-right:auto;transform:none;zoom:1}}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){width:calc(100vw - var(--site-responsive-edge-gap));max-width:calc(100vw - var(--site-responsive-edge-gap))}html body :is(.glass-card, .time-card, .progress-card, .timeline-card, .weather-simple-card, .weather-stat-card, .weather-ranking-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .rainfall-card, .snowfall-card, .wind-card, .air-card, .geography-card, .calendar-summary-popup-button, .work-test-layout, .work-test-status-card, .work-test-slider-card, .mini-progress-card){box-sizing:border-box;max-width:100%;min-width:0}html body :is(.page-body-title, .section-title, .card-section-title){font-size:var(--app-page-title-font)}html body :is( .card-title, .time-card-title, .weather-section-title, .geography-section-title, .natural-time-section-title, .work-test-view-title, .calendar-section-title ){font-size:var(--app-section-title-font)}html body :is(.time-slider-bubble, .card-subtitle, .time-subtitle, .summary-label, .summary-value){font-size:clamp(13px, .92rem, 15px)}html body.page-phases:is(*,._) :is( .moon-phase-live-icon, .food-icon, .meal-icon-row, .drink-icon-row, .food-icon span, .food-icon em, .meal-icon-row span, .meal-icon-row em, .drink-icon-row span, .drink-icon-row em ){font-size:34px;line-height:1.05}}@media (min-width: 981px){html body nav.top-nav[data-shared-nav].top-nav .nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks > .page-menu-item{flex:0 0 auto;width:auto;min-width:0;max-width:none}}@media (max-width: 980px){html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible .nav-left-group#navMainLinks{gap:2px}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link){height:29px;min-height:29px;padding:0 2px;font-size:clamp(.52rem, 1.9vw, .72rem);line-height:.95;white-space:normal;text-overflow:clip;overflow-wrap:normal}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){margin-top:0}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){inset:auto;gap:10px;box-sizing:border-box;width:min(100%, var(--app-section-max-width, 1280px));opacity:1;pointer-events:auto;color:#e7f3ff;-webkit-text-fill-color:#e7f3ff;font-size:var(--app-page-title-font, clamp(1.35rem, 2.4vw, 2rem));font-weight:700;line-height:1.1;text-shadow:none}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about, .page-home, .page-home-test ) h1.page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;place-items:center;flex:0 0 auto;width:34px;min-width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid rgba(255, 219, 146, .28);border-radius:8px;background:rgba(255, 216, 134, .08);color:#ffe09a;-webkit-text-fill-color:#ffe09a;font-size:1.05rem;line-height:1;opacity:1}html body .section-page-title-icon[data-page-title-icon]{display:none}html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{top:0;transform:translateX(-50%)}html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:absolute;left:50%;right:auto;top:4px;transform:translateX(-50%);justify-self:center;width:min(420px, 38vw);min-width:320px;max-width:420px;text-align:center}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 68px) + 8px)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){position:relative;top:0;transform:none;display:flex;visibility:visible;height:32px;min-height:32px;max-height:32px;margin:0 auto 12px;padding:0;align-items:center;justify-content:center;text-align:center;overflow:visible}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._) + :is(section, article, div),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) + :is(section, article, div){position:relative;top:0;transform:none;margin-top:0}@media (max-width: 980px){html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;left:auto;transform:none;width:100%;min-width:0;max-width:100%}}html body.page-phases:is(*,._) main.shell.shell > #phaseSummaryDashboard:is(*,#_):not(#firstCardFixA#firstCardFixB#firstCardFixC#firstCardFixD#firstCardFixE),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > .home-test-hero:is(*,._):not(#firstCardFixA#firstCardFixB#firstCardFixC#firstCardFixD#firstCardFixE){position:relative;top:auto;margin-top:12px;transform:none}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > .home-test-hero:is(*,._):not(#firstCardOffsetA#firstCardOffsetB#firstCardOffsetC#firstCardOffsetD#firstCardOffsetE){top:-8px}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 10px)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){min-height:32px;margin-bottom:12px}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._) + :is(section, article, div):not(#pageFrameFixA#pageFrameFixB#pageFrameFixC#pageFrameFixD),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) + :is(section, article, div):not(#pageFrameFixA#pageFrameFixB#pageFrameFixC#pageFrameFixD){margin-top:0;transform:none}html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data,html body .top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data{top:-4px;transform:translateX(-50%)}html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body .top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{top:0}html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body .top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data{transform:translateX(calc(-50% - 40px))}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{& .nav-time-machine-mini:is(*,._){display:grid;align-items:stretch;width:100%;min-width:0;max-width:none;margin:0 0 7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& :is(.nav-time-field:is(*,._),.nav-time-arrows:is(*,._),.nav-present-button:is(*,._)){min-height:30px;border:1px solid rgba(151, 197, 216, .24);border-radius:8px;background:rgba(71, 88, 103, .46);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06)}& .nav-time-field:is(*,._){display:grid;grid-template-rows:none;align-items:center}& .nav-time-field:is(*,._) span{color:#d2e9f2;-webkit-text-fill-color:#d2e9f2;font-weight:800;text-align:left;text-transform:none;white-space:nowrap}& .nav-time-field:is(*,._) input{box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(156, 214, 238, .28);border-radius:6px;background:rgba(8, 28, 43, .72);color:#f0fbff;-webkit-text-fill-color:#f0fbff;font:800 .78rem/1.1 Inter, system-ui, sans-serif;letter-spacing:0}& .nav-time-arrows:is(*,._){display:grid;align-items:center;width:auto;height:auto}& .nav-time-arrows:is(*,._) button,& .nav-present-button:is(*,._){display:inline-grid;place-items:center;min-width:0;max-width:none;height:22px;min-height:22px;padding:0 7px;border:1px solid rgba(126, 213, 255, .38);border-radius:6px;background:rgba(11, 34, 52, .78);color:#c9f2ff;-webkit-text-fill-color:#c9f2ff;font:900 .82rem/1 Inter, system-ui, sans-serif}& .nav-present-button:is(*,._){grid-column:1 / -1;display:inline-grid;width:100%}}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{top:calc(100% + 13px)}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{& .nav-time-machine-mini:is(*,._){grid-template-columns:minmax(0, 1fr) 52px;gap:5px}& .nav-time-field:is(*,._){grid-template-columns:34px minmax(0, 1fr);gap:5px;padding:3px 5px}& .nav-time-field:is(*,._) input{height:22px;min-height:22px;padding:1px 4px;font-size:.68rem;line-height:1}& .nav-time-arrows:is(*,._){grid-template-columns:repeat(2, 20px);justify-content:center;gap:3px;padding:3px 4px}& .nav-time-arrows:is(*,._) button{width:20px;min-width:20px;max-width:20px;padding:0;font-size:.76rem}& .nav-present-button:is(*,._){background:rgba(71, 88, 103, .46);border-color:rgba(151, 197, 216, .24);color:#d2e9f2;-webkit-text-fill-color:#d2e9f2}}@media (min-width: 981px){html,html body{--nav-height: 86px}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{position:fixed;top:0;left:0;right:0;width:100vw;height:86px;min-height:86px;max-height:86px;display:grid;grid-template-columns:54px minmax(0, 1fr) 58px;grid-template-rows:38px 36px;gap:3px 9px;padding:4px 14px 6px;box-sizing:border-box;overflow:visible;transform:none;zoom:1;z-index:10000}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo:is(*,._),html body nav.top-nav[data-shared-nav] .nav-site-logo:is(*,._){position:static;grid-column:1;grid-row:1;align-self:center;justify-self:start;display:inline-grid;place-items:center;width:48px;min-width:48px;max-width:48px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0;transform:none}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark,html body nav.top-nav[data-shared-nav] .nav-site-logo .site-logo-mark{width:36px;height:36px}html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._).has-live-data{position:absolute;left:50%;right:auto;top:3px;transform:translateX(calc(-50% - 40px));justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:15px;width:min(480px, 42vw);min-width:350px;max-width:480px;margin:0;padding:0;overflow:hidden;text-align:center}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary > span,html body nav.top-nav[data-shared-nav] .nav-live-summary > span,html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary,html body nav.top-nav[data-shared-nav] .nav-weather-summary{font-size:14px;line-height:1.1}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._){position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end;display:inline-flex;width:58px;min-width:58px;max-width:58px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0;transform:none;overflow:visible}html body nav.top-nav[data-shared-nav] .global-format-controls .page-menu-item:not(.nav-options-menu){display:none}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._){height:40px;min-height:40px;max-height:40px}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){display:inline-grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;font-size:0;line-height:1;transform:translateY(-3px);color:#9defff;-webkit-text-fill-color:#9defff}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){& .options-button-label{display:none}& .options-gear-icon{display:inline-grid;place-items:center;color:#9defff;-webkit-text-fill-color:#9defff;font-size:2.2rem;line-height:1}}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{position:static;grid-column:1 / -1;grid-row:2;align-self:stretch;justify-self:center;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:8px;width:auto;min-width:0;max-width:calc(100vw - 160px);height:36px;min-height:0;margin:0;padding:0;transform:translateY(-8px);background:transparent;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto}html body nav.top-nav[data-shared-nav].top-nav #navMainLinks.nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._) > .page-menu-item,html body nav.top-nav[data-shared-nav] #navMainLinks.nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._) > .page-menu-item{flex:0 0 126px;display:block;width:126px;min-width:126px;max-width:126px;height:36px;box-sizing:border-box}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link),html body nav.top-nav[data-shared-nav] .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav] .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link){display:grid;place-items:center;width:126px;min-width:126px;max-width:126px;height:36px;min-height:36px;max-height:36px;padding:0 12px;box-sizing:border-box;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;line-height:1;letter-spacing:0;transform:none}}@media (max-width: 760px){html body.page-phases:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){padding-top:calc(var(--nav-height, 50px) + 4px)}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) > h1.page-body-title:is(*,._._._),html body.page-home-test:is(*,._._._._._) main.home-test-shell:is(*,._._._._._) > h1.page-body-title:is(*,._._._){top:0}}.app-image-icon,.asset-icon,.site-logo-mark,.options-gear-icon,.coffee-side-icon,.workday-coffee-only,.work-test-consumption-icon,.work-test-consumption-image span,.weather-asset-icon{display:inline-block;inline-size:var(--app-icon-md);block-size:var(--app-icon-md);min-inline-size:var(--app-icon-md);min-block-size:var(--app-icon-md);max-inline-size:var(--app-icon-md);max-block-size:var(--app-icon-md);background-position:center;background-repeat:no-repeat;background-size:var(--app-icon-fit);color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;flex:0 0 auto}.site-logo-mark{inline-size:33px;block-size:33px;min-inline-size:33px;min-block-size:33px;max-inline-size:33px;max-block-size:33px;border:0;border-radius:50%;background-image:var(--app-icon-logo);background-color:transparent;box-shadow:none}.site-logo-mark::before,.site-logo-mark::after,.site-logo-mark .site-logo-hand{display:none;content:none}.home-site-logo-mark{inline-size:58px;block-size:58px;min-inline-size:58px;min-block-size:58px;max-inline-size:58px;max-block-size:58px}.top-nav[data-shared-nav] #optionsMenuButton .options-gear-icon{inline-size:30px;block-size:30px;min-inline-size:30px;min-block-size:30px;max-inline-size:30px;max-block-size:30px;background-image:var(--app-icon-gear);filter:drop-shadow(0 0 5px rgba(91, 224, 255, .36))}html body .top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_) .options-gear-icon:is(*,._){inline-size:30px;block-size:30px;min-inline-size:30px;min-block-size:30px;max-inline-size:30px;max-block-size:30px;background:transparent var(--app-icon-gear) center / contain no-repeat;color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;text-indent:-9999px}.work-test-consumption-icon,.work-test-view-snack-button span,.workday-large-donut span,.work-snack-donut > span,.work-test-snack-asset{background-image:var(--app-icon-donut)}.coffee-side-icon,.workday-coffee-only,.work-snack-coffee > span,.work-test-drink-asset,.work-test-main-drink-button .work-test-consumption-icon,.work-test-view-snack-button[data-work-snack-large="coffee"] span,[data-work-snack-large="coffee"] .work-test-consumption-icon{background-image:var(--app-icon-coffee)}[data-work-snack-large="donut"] .work-test-consumption-icon,.work-test-main-snack-button .work-test-consumption-icon,.work-test-view-snack-button[data-work-snack-large="donut"] span{background-image:var(--app-icon-donut)}.work-test-consumption-big .work-test-consumption-icon{inline-size:118px;block-size:118px;min-inline-size:118px;min-block-size:118px;max-inline-size:118px;max-block-size:118px;margin-inline:auto;transform:none}.work-test-consumption-image[data-work-consumption-kind="snack"] span{background-image:var(--app-icon-donut)}.work-test-consumption-image[data-work-consumption-kind="drink"] span{background-image:var(--app-icon-coffee)}.work-test-consumption-image span{inline-size:42px;block-size:42px;min-inline-size:42px;min-block-size:42px;max-inline-size:42px;max-block-size:42px}.work-snack-counter :is(span, .coffee-side-icon){inline-size:22px;block-size:22px;min-inline-size:22px;min-block-size:22px;max-inline-size:22px;max-block-size:22px}.work-test-view-snack-button span{inline-size:34px;block-size:34px;min-inline-size:34px;min-block-size:34px;max-inline-size:34px;max-block-size:34px}#todayWeatherIcon .weather-asset-icon,#todayWeatherIcon.weather-asset-icon{inline-size:92px;block-size:92px;min-inline-size:92px;min-block-size:92px;max-inline-size:92px;max-block-size:92px;background-image:var(--app-weather-icon, var(--app-icon-weather-cloud))}@media (max-width: 760px){.site-logo-mark{inline-size:29px;block-size:29px;min-inline-size:29px;min-block-size:29px;max-inline-size:29px;max-block-size:29px}.top-nav[data-shared-nav] #optionsMenuButton .options-gear-icon{inline-size:28px;block-size:28px;min-inline-size:28px;min-block-size:28px;max-inline-size:28px;max-block-size:28px}html body .top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_) .options-gear-icon:is(*,._){inline-size:28px;block-size:28px;min-inline-size:28px;min-block-size:28px;max-inline-size:28px;max-block-size:28px}.work-test-consumption-big .work-test-consumption-icon{inline-size:72px;block-size:72px;min-inline-size:72px;min-block-size:72px;max-inline-size:72px;max-block-size:72px}#todayWeatherIcon .weather-asset-icon,#todayWeatherIcon.weather-asset-icon{inline-size:46px;block-size:46px;min-inline-size:46px;min-block-size:46px;max-inline-size:46px;max-block-size:46px}html body.page-phases:is(*,._._) main.shell:is(*,._._) :is( .moon-phase-live-icon:is(*,._), .food-icon:is(*,._), .meal-icon-row:is(*,._), .drink-icon-row:is(*,._), .food-icon:is(*,._) span, .food-icon:is(*,._) em, .meal-icon-row:is(*,._) span, .meal-icon-row:is(*,._) em, .drink-icon-row:is(*,._) span, .drink-icon-row:is(*,._) em ){font-size:34px;line-height:1.05}html body.page-phases:is(*,._._) main.shell:is(*,._._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .insight-art:is(*,._),html body.page-phases:is(*,._._) main.shell:is(*,._._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .insight-art:is(*,._) :is(span, em),html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderMoonPhases:is(*,#_) #lunarMonthCard:is(*,#_) .moon-phase-live-icon:is(*,._),html body.page-phases:is(*,._._) main.shell:is(*,._._) #lunarMonthCard:is(*,#_) .moon-phase-live-icon:is(*,._){font-size:34px;line-height:1.05}html body.page-phases:is(*,._._) main.shell:is(*,._._) #foodCard:is(*,#_#_) #foodIcon:is(*,#_#_),html body.page-phases:is(*,._._) main.shell:is(*,._._) #drinkCard:is(*,#_#_) #drinkIcon:is(*,#_#_),html body.page-phases:is(*,._._) main.shell:is(*,._._) #foodDrinkTimeGroup:is(*,#_#_) :is(#foodIcon:is(*,#_#_),#drinkIcon:is(*,#_#_)),html body.page-phases:is(*,._._) main.shell:is(*,._._) #foodIcon:is(*,#_#_) :is(span, em),html body.page-phases:is(*,._._) main.shell:is(*,._._) #drinkIcon:is(*,#_#_) :is(span, em){font-size:34px;line-height:1.05}html body.page-phases:is(*,._._) main.shell:is(*,._._) #mealDayMarker:is(*,#_#_).mini-scale-marker,html body.page-phases:is(*,._._) main.shell:is(*,._._) #drinkDayMarker:is(*,#_#_).mini-scale-marker{font-size:28px;line-height:1.05}}html body.page-phases:is(*,._) main.shell.shell,html body.page-home-test:is(*,._) main.home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 0px)}html body.page-phases:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._._) > h1.page-body-title:is(*,._._){line-height:1.1}html body.page-phases:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._._) > h1.page-body-title:is(*,._._){font-size:clamp(16px, 1.2vw, 18px);min-height:20px;margin:0 auto 2px}html body.page-phases:is(*,._) main.shell.shell > h1.page-body-title + *,html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title + *{margin-top:0}@media (max-width: 760px){html body.page-phases:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._._) > h1.page-body-title:is(*,._._){font-size:clamp(15px, 4.1vw, 17px);min-height:18px;margin:0 auto 2px}}@media (min-width: 761px) and (max-width: 980px){html body.page-phases:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){padding-top:calc(var(--nav-height, 78px) + 0px)}}html body.page-phases:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._._) > h1.page-body-title:is(*,._._){position:relative;top:12px;z-index:2}html body :is( main.shell.shell > h1.page-body-title:is(*,._), main.home-shell:is(*,._) > h1.page-body-title:is(*,._), main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) ){position:relative;top:12px;transform:none;z-index:2}html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) > :is(.time-zone-row, .glass-card, .time-card, .phase-card, .activities-card, .progress-grid, .timeline-stack, .weather-cycle-wrapper, .phase-bottom-simulators-stack, .bottom-time-devices, .bottom-time-machine-slot, .site-bottom-ad),html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) > .time-zone-row > :is(.glass-card, .time-card, .phase-card),html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) :is(#primaryProgress, #timelineStack, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup) > :is(.progress-card, .timeline-card, .work-dashboard, .glass-card),html body.page-phases:is(*, ._) :is(#phaseSummaryDashboard, #phaseCard, #trafficCycleCard, #calendarDefinitionCard, #egyptianCalendarCard, #foodCard, #drinkCard, #phaseOrbitSimulatorSection){width:min(100%, var(--app-standard-page-card-width))}@media (min-width: 981px){html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark,html body nav.top-nav[data-shared-nav] .nav-site-logo .site-logo-mark{inline-size:36px;block-size:36px;min-inline-size:36px;min-block-size:36px;max-inline-size:36px;max-block-size:36px}html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._).has-live-data{height:36px;min-height:36px;max-height:36px;font-size:14px;line-height:1.1}html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data > span,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data > span,html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._).has-live-data > span,html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._) .nav-weather-summary,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._) .nav-weather-summary,html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._) .nav-weather-summary{font-size:14px;line-height:1.1}html body nav.top-nav[data-shared-nav].top-nav #navMainLinks.nav-left-group > .page-menu-item > .page-menu-button.page-nav-link,html body nav.top-nav[data-shared-nav].top-nav #navMainLinks.nav-left-group > .page-menu-item > :is(.page-menu-button,.page-nav-link),html body nav.top-nav[data-shared-nav] #navMainLinks.nav-left-group > .page-menu-item > .page-menu-button.page-nav-link,html body nav.top-nav[data-shared-nav] #navMainLinks.nav-left-group > .page-menu-item > :is(.page-menu-button,.page-nav-link){box-sizing:border-box;width:126px;min-width:126px;max-width:126px;height:36px;min-height:36px;max-height:36px;padding-left:12px;padding-right:12px;font-size:1.05rem;line-height:1}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){flex:0 0 58px;width:58px;min-width:58px;max-width:58px}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){height:40px;min-height:40px;max-height:40px}}html body :is( small, caption, figcaption, .caption, .hint, .tiny, .fine-print ){font-size:var(--readability-tiny-font);line-height:var(--readability-tiny-line)}html body .top-nav.top-nav[data-shared-nav] :is(.nav-time-field:is(*,._), .nav-time-field:is(*,._) span){font-size:var(--readability-tiny-font);line-height:var(--readability-tiny-line)}html body .top-nav.top-nav .nav-time-machine-mini:is(*,._) .nav-time-field:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel .nav-time-field:is(*,._) span{font-size:var(--readability-tiny-font);line-height:var(--readability-tiny-line)}html body :is(.orbit-simulator-app, .phase-simulator-app) :is( .orbit-note, .orbit-meta, .orbit-caption, .orbit-detail, .orbit-legend, .phase-note, .phase-meta, .phase-caption, .phase-detail, .phase-legend ){font-size:var(--readability-tiny-font);line-height:var(--readability-tiny-line)}html body .orbit-simulator-app:is(*,._) .orbit-control-row:is(*,._) > :is(span, b, button),html body .phase-simulator-app:is(*,._) .phase-control-row:is(*,._) > span:first-child{font-size:var(--readability-tiny-font);line-height:var(--readability-tiny-line)}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel .nav-time-field:is(*,._) > span{font-size:11px;line-height:1}html body.page-phases:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){width:min( var(--app-standard-page-shell-width), calc(100vw - var(--app-standard-page-side-gutter)) );max-width:var(--app-standard-page-shell-width);margin-left:auto;margin-right:auto}html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) > :is(.time-zone-row, .glass-card, .time-card, .phase-card, .activities-card, .progress-grid, .timeline-stack, .weather-cycle-wrapper, .phase-bottom-simulators-stack, .bottom-time-devices, .bottom-time-machine-slot, .site-bottom-ad),html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) > .time-zone-row > :is(.glass-card, .time-card, .phase-card),html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) :is(#primaryProgress, #timelineStack, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup) > :is(.progress-card, .timeline-card, .work-dashboard, .glass-card),html body.page-home-test:is(*, ._) :is(.home-test-hero, .home-test-dashboard, .home-test-about),html body.page-phases:is(*, ._) :is(#phaseSummaryDashboard, #phaseCard, #trafficCycleCard, #calendarDefinitionCard, #egyptianCalendarCard, #foodCard, #drinkCard, #phaseOrbitSimulatorSection){width:min(100%, var(--app-standard-page-card-width));max-width:var(--app-standard-page-card-width);margin-left:auto;margin-right:auto}html body :is(main.shell.shell, main.home-shell:is(*, ._), main.home-test-shell:is(*, ._)) :is(.glass-card, .time-card, .phase-card, .activities-card, .progress-card, .timeline-card, .work-dashboard, .weather-simulator-card, .weather-comparison-card, .weather-rankings-card, .my-weather-card, .ocean-currents-card, .geography-page-card, .geography-distance-card, .landscape-details-card, .local-nature-card, .calendar-definition-card, .food-card, .drink-card, .traffic-cycle-card, .isolated-simulator-card){border-radius:var(--app-standard-page-card-radius)}html body.page-phases:is(*,._._) main.shell.shell :is( #phaseSummaryDashboard:is(*,#_).phase-summary-dashboard:is(*,._), #phaseCard:is(*,#_).phase-card:is(*,._), #trafficCycleCard:is(*,#_).traffic-cycle-card:is(*,._), #calendarDefinitionCard:is(*,#_).calendar-definition-card:is(*,._), #egyptianCalendarCard:is(*,#_).egyptian-calendar-card:is(*,._), #foodCard#foodCard.food-card:is(*,._), #drinkCard:is(*,#_).drink-card:is(*,._), #phaseOrbitSimulatorSection:is(*,#_).isolated-simulator-card:is(*,._), #primaryProgress:is(*,#_) > article.progress-card:is(*,._), #timelineStack:is(*,#_) > article.timeline-card:is(*,._) ){width:min(100%, var(--app-standard-page-card-width));max-width:var(--app-standard-page-card-width);margin-left:auto;margin-right:auto;border-radius:var(--app-standard-page-card-radius)}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._) :is(.home-test-hero, .home-test-dashboard, .home-test-about){width:min(100%, var(--app-standard-page-card-width));max-width:var(--app-standard-page-card-width);margin-left:auto;margin-right:auto;border-radius:var(--app-standard-page-card-radius)}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) > h1.page-body-title:is(*,._){margin-top:6px;margin-bottom:6px}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) > .home-test-hero:is(*,._){min-height:300px;height:300px;padding:26px 34px}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) > .home-test-about:is(*,._){grid-template-columns:minmax(0, 1fr);justify-items:center;align-items:stretch;max-width:min(760px, 100%);margin-left:auto;margin-right:auto;text-align:center}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) > .home-test-about:is(*,._) > article{width:100%;max-width:760px;text-align:center}html body.page-home-test:is(*,._._._) main.home-test-shell:is(*,._._._){padding-top:calc(var(--nav-height, 78px) - 12px);gap:10px}html body.page-home-test:is(*,._._._) main.home-test-shell:is(*,._._._) > section.home-test-hero:is(*,._._){min-height:300px;height:300px;padding:26px 34px;margin-top:0}html body.page-home-test:is(*,._._._) main.home-test-shell:is(*,._._._) > section.home-test-about:is(*,._._){grid-template-columns:minmax(0, 1fr);justify-items:center;align-items:stretch;width:min(100%, 760px);max-width:760px;margin-left:auto;margin-right:auto;text-align:center}html body.page-home-test:is(*,._._._) main.home-test-shell:is(*,._._._) > section.home-test-about:is(*,._._) > article{width:100%;max-width:760px;text-align:center}html body.page-home-test:is(*,._._._) main.home-test-shell:is(*,._._._) > section.home-test-hero:is(*,._._):not(#firstCardFixA#firstCardFixB#firstCardFixC#firstCardFixD#firstCardFixE){margin-top:0;top:0}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_).phase-summary-dashboard:is(*,._){position:relative;top:auto;transform:none;translate:none;margin-top:0;transition:opacity var(--delayed-data-fade) ease, filter .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease}html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_) #lunarMonthCard:is(*,#_) .moon-current-phase-circle:is(*,._),html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_) #moonCycleCard:is(*,#_) .moon-cycle-circle-slider:is(*,._){margin-inline:auto;padding:6px 0 10px;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& > .seasonal-sun-outer-summary:is(*,._){display:none}& #seasonalSunAnglePanel:is(*,#_#_)[data-sun-angle-layout="educational"] .seasonal-sun-controls:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:16px;margin:0 auto}& #seasonalSunAnglePanel:is(*,#_#_) :is(#seasonalSunChart, #seasonalSunDirectionMount, #seasonalSunPathSky){display:none}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-info-section:is(*,._){box-sizing:border-box;display:grid;gap:12px;width:100%;padding:16px 18px 18px;border:1px solid rgba(126, 214, 235, .28);border-radius:10px;background:radial-gradient(circle at 18% 0%, rgba(255, 215, 128, .14), transparent 35%), radial-gradient(circle at 84% 8%, rgba(89, 199, 231, .13), transparent 38%), linear-gradient(150deg, rgba(11, 28, 41, .93), rgba(18, 35, 45, .96) 56%, rgba(10, 22, 34, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 14px 28px rgba(0, 0, 0, .2);overflow:hidden}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-section-head:is(*,._){display:flex;align-items:baseline;justify-content:space-between;gap:14px}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-section-head h4{margin:0;color:#e7d1aa;font-size:1.04rem;font-weight:650;letter-spacing:0;text-align:left}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-section-head b{flex:0 0 auto;color:#95f0ff;font-size:1.42rem;font-weight:500;letter-spacing:0;line-height:1}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-info-section p{margin:0;color:#d7edf1;font-size:.94rem;font-weight:400;line-height:1.45;text-align:left}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-layout:is(*,._){align-items:center;gap:18px}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-graph:is(*,._){width:100%;min-height:180px;border:1px solid rgba(135, 211, 230, .2);border-radius:10px;background:linear-gradient(180deg, rgba(30, 65, 83, .48), rgba(7, 20, 31, .82)), radial-gradient(circle at 82% 10%, rgba(255, 207, 104, .14), transparent 34%)}& #seasonalSunAnglePanel:is(*,#_#_) :is(.current-sun-angle-arc, .current-sun-angle-horizon, .current-sun-angle-overhead, .current-sun-angle-ray){fill:none;vector-effect:non-scaling-stroke}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-arc{stroke:rgba(248, 219, 139, .44);stroke-width:1.2}& #seasonalSunAnglePanel:is(*,#_#_) :is(.current-sun-angle-horizon, .current-sun-angle-overhead){stroke:rgba(206, 237, 244, .26);stroke-width:.75}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-ray{stroke:rgba(255, 213, 92, .9);stroke-width:1.55;filter:drop-shadow(0 0 5px rgba(255, 213, 92, .38))}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-sun{fill:#ffd76c;stroke:rgba(255, 246, 194, .95);stroke-width:.8;filter:drop-shadow(0 0 8px rgba(255, 211, 89, .48))}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-label{fill:rgba(222, 243, 247, .72);font-size:3.4px;font-weight:500}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-scale:is(*,._){position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;min-height:54px;padding-top:20px;color:#d8edf1}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-scale span{position:absolute;left:0;right:0;top:10px;height:9px;border-radius:999px;background:linear-gradient(90deg, rgba(83, 164, 198, .42), rgba(255, 216, 105, .92) var(--current-sun-angle-pct), rgba(55, 82, 95, .58) var(--current-sun-angle-pct));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .08)}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-scale b{justify-self:center;min-width:52px;padding:6px 9px;border:1px solid rgba(255, 218, 118, .42);border-radius:999px;background:rgba(7, 21, 31, .78);color:#ffe0a0;font-size:1rem;font-weight:500;text-align:center}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-scale :is(i, em){color:rgba(221, 242, 246, .74);font-size:.78rem;font-style:normal;font-weight:500}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-scale em{justify-self:end}& #seasonalSunAnglePanel:is(*,#_#_) .current-sun-angle-status:is(*,._){display:block;color:#b8eff9;font-size:.96rem;font-weight:500;line-height:1.3;text-align:left}& #seasonalSunAnglePanel:is(*,#_#_) .solar-declination-map:is(*,._){width:100%;min-height:260px;border:1px solid rgba(126, 214, 235, .22);border-radius:10px;background:linear-gradient(180deg, rgba(6, 19, 31, .5), rgba(5, 15, 24, .84))}}html body.page-phases:is(*,._._) #phaseOrderSeason:is(*,#_){& #seasonCard:is(*,#_) .card-head:is(*,._),& #seasonCard:is(*,#_) :is(.card-pie-meter, .card-hourglass-meter, .percent-inline, .progress-summary-line, .card-title-subline, .time-slider-bubble-row, .detail-text){display:none}& .season-header-summary:is(*,._){display:grid;justify-items:center;justify-content:center;width:min(100%, 620px);margin:4px auto 18px;gap:15px;text-align:center}& #seasonCard:is(*,#_) .compact-top-lines:is(*,._){display:none;justify-content:center;justify-items:center;width:min(100%, 620px);margin:0 auto 26px;min-height:0;gap:16px;text-align:center}& #seasonCard:is(*,#_) > .season-calendar-basis-note:is(*,._){display:block;width:min(100%, 760px);margin:18px auto 0;padding:12px 18px;border:1px solid rgba(126, 214, 235, .24);border-radius:10px;background:linear-gradient(135deg, rgba(8, 31, 47, .72), rgba(10, 42, 44, .64));color:#cce9ef;text-align:center;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035)}& #seasonCard:is(*,#_) > .season-calendar-basis-note:is(*,._) p{margin:0;color:#cce9ef;font-size:.96rem;font-weight:400;line-height:1.45}& :is(#seasonCard:is(*,#_), .season-header-summary:is(*,._)) .season-current-bubble:is(*,._){display:inline-flex;align-items:center;justify-content:center;min-width:148px;min-height:34px;padding:7px 22px;border:1px solid rgba(127, 229, 255, .44);border-radius:999px;background:linear-gradient(135deg, rgba(9, 45, 69, .96), rgba(15, 76, 80, .9)), radial-gradient(circle at 50% 0%, rgba(255, 240, 152, .18), transparent 62%);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .045), 0 9px 20px rgba(0, 0, 0, .22), 0 0 16px rgba(82, 219, 255, .1);color:#dcfbff;font-size:1.04rem;font-weight:600;letter-spacing:0;line-height:1}& :is(#seasonCard:is(*,#_), .season-header-summary:is(*,._)) .season-visible-summary:is(*,._){display:grid;justify-items:center;gap:7px;width:min(100%, 520px);margin:0 auto;color:#d7edf5;font-size:1.02rem;font-weight:500;letter-spacing:0;line-height:1.32;text-align:center}& :is(#seasonCard:is(*,#_), .season-header-summary:is(*,._)) .season-visible-summary:is(*,._) em{margin-top:10px;color:#d8dde8;font-size:.98rem;font-style:italic;font-weight:500}& #seasonCard:is(*,#_) #seasonTrack:is(*,#_).progress-track{margin-top:30px}& #seasonCard:is(*,#_) #seasonTrack:is(*,#_) .top-label:is(*,._){bottom:92px;width:max-content;min-width:112px;transform:translateX(-50%);color:#8eeaff;line-height:1.08}& #seasonCard:is(*,#_) #seasonTrack:is(*,#_) .season-top-label-stack:is(*,._){display:grid;justify-items:center;gap:3px;white-space:nowrap;text-align:center}& #seasonCard:is(*,#_) #seasonTrack:is(*,#_) .season-top-label-stack b{color:#f0dda1;font-size:.83rem;font-weight:600;letter-spacing:0}& #seasonCard:is(*,#_) #seasonTrack:is(*,#_) .season-top-label-stack span{color:#91efff;font-size:.78rem;font-weight:500;letter-spacing:0}}html body.page-phases:is(*,._._) #phaseOrderZodiacCalendar:is(*,#_){& #zodiacCard:is(*,#_) :is(.card-title-line, .card-pie-meter, .card-hourglass-meter, .progress-summary-line, .percent-inline, .time-slider-bubble-row, .card-title-subline){display:none}& #zodiacCard:is(*,#_) :is(.card-head:is(*,._),.card-title-wrap:is(*,._),.compact-top-lines:is(*,._)){display:grid;justify-items:center;text-align:center}& #zodiacCard:is(*,#_) .compact-top-lines:is(*,._){width:min(100%, 620px)}& .zodiac-header-summary:is(*,._){display:grid;justify-items:center;justify-content:center;width:min(100%, 620px);margin:4px auto 18px;gap:15px;text-align:center}& #zodiacCard:is(*,#_) :is(.card-head:is(*,._),.compact-top-lines:is(*,._)){display:none;min-height:0;margin:0;padding:0}& .zodiac-current-bubble:is(*,._){display:inline-flex;align-items:center;justify-content:center;min-width:148px;min-height:34px;padding:7px 22px;border:1px solid rgba(127, 229, 255, .44);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .045), 0 9px 20px rgba(0, 0, 0, .22), 0 0 16px rgba(82, 219, 255, .1);font-size:1.04rem;font-weight:600;letter-spacing:0;line-height:1}& .zodiac-visible-summary:is(*,._){display:grid;justify-items:center;gap:7px;width:min(100%, 520px);margin:0 auto;color:#d7edf5;font-size:1.02rem;font-weight:500;letter-spacing:0;line-height:1.32;text-align:center}& .zodiac-visible-summary:is(*,._) em{margin-top:10px;color:#d8dde8;font-size:.98rem;font-style:italic;font-weight:500}}html body.page-phases:is(*,._._) :is(#phaseOrderGregorianCalendar, #phaseOrderThirteenCalendar, #phaseOrderLunarYearCalendar) .calendar-header-summary:is(*,._){display:grid;justify-items:center;justify-content:center;width:min(100%, 620px);margin:4px auto 18px;gap:15px;text-align:center}html body.page-phases:is(*,._._) :is(#phaseOrderGregorianCalendar, #phaseOrderThirteenCalendar, #phaseOrderLunarYearCalendar) .calendar-current-bubble:is(*,._){display:inline-flex;align-items:center;justify-content:center;min-width:148px;min-height:34px;padding:7px 22px;border:1px solid rgba(127, 229, 255, .44);border-radius:999px;background:linear-gradient(135deg, rgba(9, 45, 69, .96), rgba(15, 76, 80, .9)), radial-gradient(circle at 50% 0%, rgba(255, 240, 152, .18), transparent 62%);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .045), 0 9px 20px rgba(0, 0, 0, .22), 0 0 16px rgba(82, 219, 255, .1);color:#dcfbff;font-size:1.04rem;font-weight:600;letter-spacing:0;line-height:1}html body.page-phases:is(*,._._) :is(#phaseOrderGregorianCalendar, #phaseOrderThirteenCalendar, #phaseOrderLunarYearCalendar) .calendar-visible-summary:is(*,._){display:grid;justify-items:center;gap:7px;width:min(100%, 520px);margin:0 auto;color:#d7edf5;font-size:1.02rem;font-weight:500;letter-spacing:0;line-height:1.32;text-align:center}html body.page-phases:is(*,._._) :is(#phaseOrderGregorianCalendar, #phaseOrderThirteenCalendar, #phaseOrderLunarYearCalendar) .calendar-visible-summary:is(*,._) em{margin-top:10px;color:#d8dde8;font-size:.98rem;font-style:italic;font-weight:500}html body.page-phases:is(*,._._) :is(#gregorianYearCard:is(*,#_), #thirteenCard:is(*,#_), #lunarYearCard:is(*,#_)) :is(.card-head, .card-pie-meter, .card-hourglass-meter, .progress-summary-line, .percent-inline, .card-title-subline, .time-slider-bubble-row){display:none}html body.page-phases:is(*,._._) :is(#gregorianYearCard:is(*,#_), #lunarYearCard:is(*,#_)) > .detail-text:is(*,._){display:none}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .solar-declination-ocean{fill:#102c43;stroke:rgba(146, 216, 234, .32);stroke-width:.45}& .solar-declination-land{fill:rgba(91, 119, 82, .82);stroke:rgba(214, 229, 196, .14);stroke-width:.35}& .land-euro-africa{fill:rgba(117, 105, 74, .84)}& .land-asia{fill:rgba(91, 123, 80, .8)}& .land-australia{fill:rgba(133, 102, 68, .82)}& .solar-declination-guide{stroke:rgba(220, 244, 248, .22);stroke-width:.45;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}& .solar-declination-guide.equator{stroke:rgba(216, 236, 238, .42);stroke-dasharray:none}& .solar-declination-map-label{fill:rgba(223, 244, 248, .78);font-size:3.2px;font-weight:500}& #seasonalSunAngleTables:is(*,#_) .seasonal-sun-angle-tables:is(*,._){width:min(100%, 900px);max-width:900px;margin:0 auto;gap:14px}& #seasonalSunAngleTables:is(*,#_) .seasonal-sun-angle-tables:is(*,._) article{width:100%;max-width:900px;padding:14px 16px 16px;border-radius:8px;background:linear-gradient(145deg, rgba(9, 27, 39, .82), rgba(18, 37, 47, .86))}& #seasonalSunAngleTables:is(*,#_) .seasonal-sun-angle-tables:is(*,._) table{table-layout:auto}& #seasonalSunAngleTables:is(*,#_) .seasonal-sun-angle-tables:is(*,._) :is(th, td){padding:8px 10px;font-size:.88rem;letter-spacing:0}& #seasonalSunAngleTables:is(*,#_) .seasonal-sun-angle-tables:is(*,._) td:first-child{color:#e8d6b8;text-align:left}& .seasonal-sun-table-note:is(*,._){margin:0 auto;color:rgba(222, 240, 244, .7);font-size:.82rem;line-height:1.35;text-align:center}& #seasonalSunAnalemmaChart:is(*,#_){margin-top:0}}@media (max-width: 700px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& :is(.seasonal-sun-section-head:is(*,._),.current-sun-angle-layout:is(*,._)){grid-template-columns:minmax(0, 1fr)}& .seasonal-sun-section-head:is(*,._){display:grid;justify-items:start}& :is(.current-sun-angle-graph, .solar-declination-map){min-height:210px}}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendar:is(*,#_){font-family:"Brush Script MT", "Lucida Handwriting", "Segoe Script", cursive;font-weight:400;letter-spacing:0}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& .phase-summary-grid:is(*,._){align-content:start;transform:none;translate:none;transition:none}& .phase-summary-row:is(*,._){transform:none;translate:none;transition:none}& .phase-summary-row-one.phase-summary-day-row{padding-top:4px;padding-bottom:4px;margin-top:0;margin-bottom:0}& .phase-summary-year-row:is(*,._){width:max-content;max-width:calc(100vw - 96px);justify-content:center;justify-self:center;margin-left:auto;margin-right:auto}& .phase-summary-year-row:is(*,._) :is(.phase-summary-feature, .phase-summary-tile){width:255px;min-width:255px;max-width:255px}& .phase-summary-daily-row:is(*,._){width:max-content;max-width:calc(100vw - 96px);justify-content:center;justify-self:center;margin-left:auto;margin-right:auto}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){order:3}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > strong{order:2;text-align:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > em{order:4;text-align:center;margin-top:2px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > small{order:5;text-align:center;display:none;min-height:0}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& .alternate-week-table:is(*,._){border-color:rgba(36, 84, 134, .86);box-shadow:inset 0 0 0 1px rgba(61, 112, 172, .42), 0 0 24px rgba(17, 59, 110, .28)}& .alternate-week-table:is(*,._) :is(th, td){border-color:rgba(35, 72, 120, .68)}& .alternate-week-table:is(*,._) th[scope="row"]{color:#62bdff;-webkit-text-fill-color:#62bdff}& .alternate-week-symbol-row:is(*,._) td:not(.alternate-week-star-column),& .alternate-week-symbol-row:is(*,._) th{color:#78f2ff;-webkit-text-fill-color:#78f2ff}}html body.page-phases:is(*,._) #phaseTimeProgressGroup:is(*,#_){& #financialYearCard:is(*,#_){position:relative}& #financialYearCard:is(*,#_) .card-pie-meter:is(*,._){position:absolute;top:18px;left:18px;display:grid;place-items:center;width:74px;min-width:74px;max-width:74px;height:74px;min-height:74px;max-height:74px;border-radius:50%;opacity:1;visibility:visible;background:conic-gradient(#4fc8ff var(--pie-pct, 0%), rgba(10, 38, 58, .92) 0);border:1px solid rgba(137, 224, 255, .62);box-shadow:inset 0 0 18px rgba(0, 0, 0, .34), 0 0 16px rgba(55, 187, 237, .18);transform:none}& #financialYearCard:is(*,#_) .card-pie-core{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#071d2c;color:#bdf3ff;font-size:.78rem}}html body.page-phases:not(.natural-summary-ready) #phaseSummaryDashboard:is(*,#_) > :is(.phase-summary-head, .phase-summary-grid, .phase-summary-circle-row){opacity:0;visibility:hidden}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile:is(*,._){padding-top:14px;padding-bottom:16px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){margin-top:4px}}html body.page-phases:not(.natural-summary-ready) #phaseSummaryDashboard :is(.phase-summary-tile, .phase-summary-feature, .phase-summary-circle-card){opacity:0;visibility:hidden}html body.page-phases:is(*,._) #seasonalSunAnglePanel:is(*,#_) .seasonal-current-angle-bubble{width:max-content;margin:8px auto 10px;padding:7px 16px;border:1px solid rgba(126, 213, 255, .52);border-radius:999px;background:rgba(7, 27, 42, .74);color:#b9f0ff;font-size:1rem;font-weight:800;letter-spacing:0;box-shadow:0 0 18px rgba(86, 201, 255, .18)}html body.page-phases:is(*,._) #moonPositionPhaseDetail:is(*,#_){display:none}html body.page-phases:is(*,._) #lunarMonthCard:is(*,#_){& .moon-phase-clean-summary{display:grid;justify-items:center;gap:8px;margin:2px auto 10px;color:#d9f5ff;text-align:center}& .moon-phase-current-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:7px 16px;border-radius:999px;font-size:1rem;font-weight:800}& .moon-phase-clean-line{display:block;max-width:92%;color:#d6edf5;font-size:.95rem;line-height:1.28}}html body.page-phases:is(*,._) :is(#foodCard #foodIcon, #drinkCard #drinkIcon){gap:10px}html body.page-phases:is(*,._) :is(#foodCard #foodIcon, #drinkCard #drinkIcon) span{width:84px;min-width:84px;max-width:84px;min-height:88px;height:88px;padding:8px 6px;gap:5px;transform:none}html body.page-phases:is(*,._) :is(#foodCard #foodIcon, #drinkCard #drinkIcon) span em{font-size:2.25rem;line-height:1}html body.page-phases:is(*,._) :is(#foodCard #foodIcon, #drinkCard #drinkIcon) span b{font-size:.78rem;line-height:1.05}html body.page-phases:is(*,._) #wakeSleepCycle:is(*,#_) .wake-sleep-marker#wakeSleepMarker{transform:translate(-50%, 10px)}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_){& article.phase-summary-tile.phase-summary-day-tile:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 18px 1px;row-gap:0;gap:0;text-align:center}& .phase-summary-grid:is(*,._){gap:0}& .phase-summary-row-two.phase-summary-sun-row{min-height:76px;height:76px;padding-top:0;padding-bottom:0;align-items:start}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon){order:1;align-self:center;justify-self:center;display:block;margin:-20px 0 10px;transform:translateX(0);text-align:center}& #phaseSummaryCalendar:is(*,#_){order:2;display:block;margin:0 0 20px;padding:0;text-align:center}& #phaseSummaryCalendarIcon:is(*,#_){order:3;align-self:center;justify-self:center;flex:0 0 auto;margin:0 auto 10px}& #phaseSummaryPlanetName:is(*,#_){order:4;display:block;margin:0;padding:0;text-align:center}& #phaseSummaryCalendarDetail:is(*,#_){order:5;display:none}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.planet-icon.planet-saturn,& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon.planet-saturn{position:relative;isolation:isolate;overflow:visible;width:82px;min-width:82px;max-width:82px;height:82px;min-height:82px;max-height:82px;border-radius:50%;background:transparent;background-color:transparent;background-image:none;box-shadow:none}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.planet-icon.planet-saturn::before,& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon.planet-saturn::before{content:"";position:absolute;left:-18px;right:auto;top:30px;width:118px;height:22px;border:6px solid rgba(238, 216, 166, .92);border-top-color:rgba(255, 238, 194, .98);border-bottom-color:rgba(143, 110, 68, .82);border-left-color:rgba(238, 216, 166, .5);border-right-color:rgba(238, 216, 166, .5);border-radius:50%;background:transparent;background-image:none;box-shadow:0 0 10px rgba(255, 226, 170, .22);transform:rotate(-15deg);z-index:0;pointer-events:none}& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.planet-icon.planet-saturn::after,& #phaseSummaryCalendarIcon:is(*,#_).phase-summary-icon.phase-summary-table-planet.planet-icon.planet-saturn::after{content:"";position:absolute;left:8px;right:auto;top:8px;bottom:auto;width:66px;height:66px;border-radius:50%;background:linear-gradient(180deg, transparent 0 42%, rgba(76, 55, 37, .38) 43% 57%, transparent 58% 100%), repeating-linear-gradient(178deg, rgba(255, 235, 185, .24) 0 5px, rgba(92, 70, 48, .2) 5px 10px), radial-gradient(circle at 34% 24%, #fff3c4 0 13%, #d7b16f 38%, #896541 70%, #352821 100%);box-shadow:inset -10px -12px 18px rgba(20, 14, 10, .45), inset 8px 8px 14px rgba(255, 241, 197, .22), 0 0 18px rgba(169, 199, 255, .16);z-index:1;pointer-events:none}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > span:not(.phase-summary-icon),& :is(#phaseSummaryCalendar:is(*,#_),#phaseSummaryCalendarIcon:is(*,#_),#phaseSummaryPlanetName:is(*,#_)){position:relative;left:18px}}html body.page-phases:is(*,._._) #thirteenCard:is(*,#_){& #thirteenDetails:is(*,#_){display:grid;place-items:center;margin:10px auto 0;padding:0;width:100%;max-width:100%}& .thirteen-turtle-calendar{display:grid;place-items:center;width:min(100%, 420px);margin:8px auto 0;padding:2px;border:0;border-radius:50%;background:transparent;box-shadow:none}& .thirteen-turtle-calendar svg{display:block;width:min(100%, 410px);height:auto;overflow:visible}& .turtle-shell-shadow{fill:rgba(58, 82, 55, .96);stroke:rgba(8, 34, 38, .95);stroke-width:4}& .turtle-inner-shell{fill:rgba(35, 66, 59, .98);stroke:rgba(9, 35, 42, .96);stroke-width:3}& .turtle-day-segment path{fill:rgba(126, 146, 92, .96);stroke:rgba(18, 45, 42, .86);stroke-width:1.55}& .turtle-day-segment text,& .turtle-month-cell text,& .turtle-month-label{fill:rgba(7, 27, 28, .95);font-family:Inter, system-ui, sans-serif;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none}& .turtle-day-segment text{font-size:10.5px}& .turtle-month-cell polygon{fill:rgba(54, 89, 70, .98);stroke:rgba(8, 34, 42, .94);stroke-width:3.25;stroke-linejoin:round}& .turtle-shell-lines line{stroke:rgba(15, 41, 48, .92);stroke-width:3.25;stroke-linecap:round;vector-effect:non-scaling-stroke}& .turtle-month-cell:nth-child(2n) polygon{fill:rgba(47, 81, 72, .98)}& .turtle-month-cell:nth-child(3n) polygon{fill:rgba(64, 94, 58, .98)}& .turtle-month-cell text,& .turtle-month-label{font-size:22px;opacity:.95;paint-order:stroke;stroke:rgba(167, 190, 134, .24);stroke-width:.65px}& .turtle-month-cell.is-current-month polygon,& .turtle-day-segment.is-current-day path{fill:rgba(241, 190, 89, .98);stroke:rgba(255, 238, 182, .92)}& .turtle-month-cell.is-current-month text,& .turtle-month-label.is-current-month,& .turtle-day-segment.is-current-day text{fill:rgba(8, 20, 18, .98);stroke:transparent}& .turtle-month-label.is-current-month{fill:rgba(8, 20, 18, .98);paint-order:stroke;stroke:transparent;stroke-width:0}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_).phase-summary-dashboard:is(*,._){justify-self:stretch;width:100%;max-width:100%;margin-bottom:0;row-gap:16px}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseManualOrderSection:is(*,#_).phase-manual-order{gap:10px;row-gap:10px;width:100%;max-width:100%;margin-top:0}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseManualOrderSection:is(*,#_){& > .phase-order-section:is(*,._).glass-card{justify-self:stretch;width:100%;max-width:100%;margin:0 auto;transform:none}& > .phase-order-section:is(*,._).glass-card > .phase-order-body:is(*,._){width:100%;max-width:100%;gap:10px;row-gap:10px}& > .phase-order-section:is(*,._).glass-card > .phase-order-body:is(*,._) > :is( .natural-cycle-card, .progress-card, .timeline-card, .food-card, .drink-card, .wake-sleep-card ){width:100%;max-width:100%;margin-left:auto;margin-right:auto}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_).natural-time-moved-progress,html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseTimeProgressGroup:is(*,#_),html body.page-phases:is(*,._._) main.shell:is(*,._._) #naturalGenerationGroup:is(*,#_){gap:10px;row-gap:10px}html body.page-phases:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_).natural-time-moved-progress{margin-bottom:0}html body.page-phases:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_) :is(.progress-card, .timeline-card).glass-card{justify-self:stretch;width:100%;max-width:100%;margin-left:auto;margin-right:auto}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderDayNames:is(*,#_){& > .phase-order-body:is(*,._){gap:0;row-gap:0}& #alternateWeekCard:is(*,#_){margin:0 auto}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) > .seasonal-sun-outer-summary:is(*,._),html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderMoonPhases:is(*,#_) > .moon-phase-outer-summary:is(*,._){display:grid;justify-items:center;gap:7px;width:min(100%, 760px);margin:-4px auto 12px;text-align:center}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_){& .seasonal-sun-outer-summary:is(*,._) #seasonalSunCurrentAngleValue:is(*,#_){width:max-content;max-width:100%;margin:0 auto;padding:7px 16px;border:1px solid rgba(126, 213, 255, .52);border-radius:999px;background:rgba(7, 27, 42, .74);color:#b9f0ff;letter-spacing:0;box-shadow:0 0 18px rgba(86, 201, 255, .18)}& .seasonal-sun-outer-summary:is(*,._) #seasonalSunAngleTitleValue:is(*,#_),& .seasonal-day-length-outer-row:is(*,._){display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0 auto;color:#f6e8b7;font-size:1rem;font-weight:700;line-height:1.18}& .seasonal-day-length-outer-row:is(*,._) span{color:#8eeeff;font-weight:700}& .seasonal-day-length-outer-row:is(*,._) b{color:#fff0bd;font-weight:800}& #seasonalSunAnglePanel:is(*,#_) :is(.weather-period-scale-title, .seasonal-sun-stats){display:none}& #seasonalSunAnglePanel:is(*,#_) .seasonal-sun-angle-tables:is(*,._){justify-items:center;width:min(100%, 780px);max-width:780px;margin-top:14px}& #seasonalSunAnglePanel:is(*,#_) .seasonal-sun-angle-tables:is(*,._) article{box-sizing:border-box;width:min(100%, 780px);max-width:780px;padding:12px 14px 14px}& #seasonalSunAnglePanel:is(*,#_) .seasonal-daylight-bar:is(*,._){display:none}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderDayNames:is(*,#_){& #alternateWeekCard:is(*,#_){padding-top:22px;padding-bottom:18px}& #alternateWeekCard:is(*,#_) table.alternate-week-table:is(*,._){margin-left:auto;margin-right:auto}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) :is(.alternate-week-label-col, .alternate-week-end-col){width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) :is(th[scope="row"],td.alternate-week-star-column){width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) td:not(.alternate-week-star-column){width:calc((100% - (var(--alternate-week-label-column) * 2)) / 7)}}html body.page-phases:is(*, ._):not(.delayed-data-visible) main.shell.shell > #phaseSummaryDashboard:is(*, #_#_){opacity:0;visibility:hidden;pointer-events:none}html body.page-phases:is(*, ._).delayed-data-visible main.shell.shell > #phaseSummaryDashboard:is(*, #_#_){opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease, visibility 0s linear 0s}html body.page-phases:is(*,._):not(.natural-summary-ready) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) :is(.alternate-week-table-title, .alternate-week-table-inner, .alternate-week-table){opacity:0;visibility:hidden}html body.page-phases:is(*,._).natural-summary-ready #phaseSummaryDashboard:is(*,#_) :is(.phase-summary-tile, .phase-summary-feature, .phase-summary-circle-card),html body.page-phases:is(*,._).natural-summary-ready #phaseSummaryDashboard:is(*,#_) > :is(.phase-summary-head, .phase-summary-grid, .phase-summary-circle-row),html body.page-phases:is(*,._).natural-summary-ready #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) :is(.alternate-week-table-title, .alternate-week-table-inner, .alternate-week-table){opacity:1;visibility:visible;transition:opacity .9s ease .12s, visibility 0s linear 0s}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) :is(.phase-summary-tile, .phase-summary-feature, .phase-summary-circle-card),html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_) :is(.phase-summary-tile, .phase-summary-feature, .phase-summary-circle-card) :is(.phase-summary-icon, span, strong, em, small){transition:opacity .9s ease .12s, filter .9s ease .12s}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_) .phase-summary-grid:is(*,._) .phase-summary-row:is(*,._){padding:0;border:0;border-radius:0;outline:0;background:transparent;background-image:none;box-shadow:none;overflow:visible}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_).phase-summary-dashboard:is(*,._){padding-top:10px;padding-bottom:10px}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-grid:is(*,._){min-height:0;row-gap:0}& .phase-summary-row-two.phase-summary-sun-row{grid-template-columns:repeat(2, 276px)}& :is(.phase-summary-moon-row:is(*,._),.phase-summary-year-row:is(*,._)){grid-template-columns:repeat(3, 282px)}& .phase-summary-daily-row:is(*,._){grid-template-columns:repeat(3, 306px)}& .phase-summary-row-two.phase-summary-sun-row .phase-summary-tile{width:276px;min-width:276px;max-width:276px}& :is(.phase-summary-moon-row, .phase-summary-year-row) :is(.phase-summary-tile, .phase-summary-feature){width:282px;min-width:282px;max-width:282px}& .phase-summary-daily-row:is(*,._) .phase-summary-tile{width:306px;min-width:306px;max-width:306px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){width:286px;min-width:286px;max-width:286px}& .phase-summary-row :is(.phase-summary-tile, .phase-summary-feature) :is(span:not(.phase-summary-icon), .phase-summary-label){font-size:.78rem;line-height:1.08}& .phase-summary-row :is(.phase-summary-tile, .phase-summary-feature) strong{font-size:.98rem;line-height:1.12}& .phase-summary-row :is(.phase-summary-tile, .phase-summary-feature) small{font-size:.82rem;line-height:1.13}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_) .alternate-week-table-title:is(*,._){margin-bottom:18px}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_){& #seasonalSunAnglePanel:is(*,#_){border-color:rgba(91, 175, 224, .34)}& #seasonalSunAnglePanel:is(*,#_) :is(.seasonal-sun-controls, .seasonal-sun-chart, .seasonal-sun-analemma-chart, .seasonal-slider-block){background:radial-gradient(circle at 50% 0%, rgba(255, 210, 101, .24), transparent 42%), linear-gradient(180deg, rgba(68, 43, 16, .9), rgba(22, 21, 31, .96));border-color:rgba(255, 200, 83, .42);box-shadow:inset 0 0 24px rgba(255, 175, 40, .08), 0 0 20px rgba(255, 181, 62, .12)}}html body.page-phases:is(*,._._) main.shell:is(*,._._) :is(#foodCard, #drinkCard) :is(#foodIcon, #drinkIcon){display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:min(100%, 680px);margin:8px auto 0}html body.page-phases:is(*,._._) main.shell:is(*,._._) :is(#foodCard, #drinkCard) :is(#foodIcon, #drinkIcon) span{display:grid;place-items:center;grid-template-rows:auto 1fr;width:108px;min-width:108px;max-width:108px;height:112px;min-height:112px;max-height:112px;padding:10px 8px 12px;border:1px solid rgba(128, 213, 255, .34);border-radius:14px;background:radial-gradient(circle at 50% 18%, rgba(255, 255, 255, .13), transparent 34%), linear-gradient(180deg, rgba(20, 45, 68, .84), rgba(10, 20, 34, .92));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .05), 0 10px 22px rgba(0, 0, 0, .24)}html body.page-phases:is(*,._._) main.shell:is(*,._._) :is(#foodCard, #drinkCard) :is(#foodIcon, #drinkIcon) span b{font-size:.83rem;line-height:1.08}html body.page-phases:is(*,._._) main.shell:is(*,._._) :is(#foodCard, #drinkCard) :is(#foodIcon, #drinkIcon) span em{align-self:center;font-size:3rem;line-height:1}html body.page-phases:is(*,._._) main.shell:is(*,._._) #wakeSleepCycle:is(*,#_) .wake-sleep-marker#wakeSleepMarker{width:34px;height:34px;min-width:34px;min-height:34px;display:grid;place-items:center;color:#ffffff;background:linear-gradient(180deg, #75fbff, #239dff);border:2px solid rgba(255, 255, 255, .94);border-radius:50%;box-shadow:0 0 18px rgba(95, 239, 255, .78), 0 0 28px rgba(73, 169, 255, .46);font-size:1.25rem;transform:translate(-50%, 20px)}@media (min-width: 761px){html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-moon-row:is(*,._) .phase-summary-tile{width:267px;min-width:267px;max-width:267px}}@media (max-width: 760px){html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_).phase-summary-dashboard:is(*,._){box-sizing:border-box;width:min(100%, calc(100vw - 20px));max-width:calc(100vw - 20px);padding:10px 12px 14px}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-grid:is(*,._){box-sizing:border-box;overflow:visible}& :is(.phase-summary-row, .phase-summary-row-one, .phase-summary-row-two, .phase-summary-row-three){box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;justify-self:stretch;justify-content:stretch;align-items:stretch;gap:10px;overflow:visible}& :is(.phase-summary-row-two, .phase-summary-moon-row, .phase-summary-year-row, .phase-summary-daily-row){grid-template-columns:repeat(2, minmax(0, 1fr))}& .phase-summary-day-row:is(*,._){grid-template-columns:minmax(0, 1fr);justify-items:center}& :is(.phase-summary-tile, .phase-summary-feature),& :is(.phase-summary-row-two, .phase-summary-moon-row, .phase-summary-year-row, .phase-summary-daily-row) :is(.phase-summary-tile, .phase-summary-feature),& article.phase-summary-tile.phase-summary-day-tile:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:100%}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){width:min(286px, 100%)}}}@media (max-width: 520px){html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseSummaryDashboard:is(*,#_#_) :is(.phase-summary-row-two, .phase-summary-moon-row, .phase-summary-year-row, .phase-summary-daily-row){grid-template-columns:minmax(0, 1fr)}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-left:is(*,._){left:8%;transform:translateX(-50%)}& .seasonal-direction-right:is(*,._){right:8%;transform:translateX(50%)}& .seasonal-direction-card:is(*,._){min-height:270px}}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) .seasonal-direction-card:is(*,._){min-height:282px}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-card:is(*,._){padding-bottom:18px}& .seasonal-direction-month:is(*,._){grid-template-rows:20px 14px 18px;justify-items:center;align-items:center;gap:2px;border-radius:0;color:#e8f8ff}& .seasonal-direction-month.is-current:is(*,._){border:0;background:transparent;box-shadow:none}& .seasonal-direction-month.is-current .seasonal-direction-point,& .seasonal-direction-month.is-current small{color:#fff2b8}& .seasonal-half-sun:is(*,._){border-radius:24px 24px 1px 1px}}@media (max-width: 520px){html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-month:is(*,._){grid-template-rows:18px 13px 16px;transform:translate(-50%, -20px)}& .seasonal-direction-month.is-current:is(*,._){transform:translate(-50%, -20px) scale(1.08)}& .seasonal-half-sun:is(*,._){transform:translateY(5px)}}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-grid:is(*,._._){& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile){align-content:center;align-items:center;column-gap:10px;min-width:0;overflow:hidden;padding-left:12px;padding-right:12px;text-align:center}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label, strong, em, small){max-width:100%;min-width:0;overflow:visible;text-align:center;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:anywhere}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) .phase-summary-icon:is(*,._){flex:0 0 auto;margin-left:auto;margin-right:auto}}}@media (max-width: 640px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-grid:is(*,._._){& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile){grid-template-areas:"icon" "label" "value" "detail";grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto auto;height:auto;justify-items:center;min-height:126px;padding-bottom:12px;padding-top:12px;row-gap:4px}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) > *{grid-column:1;justify-self:center}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) > .phase-summary-icon:is(*,._){grid-area:icon}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) > :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label){grid-area:label}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) > strong{grid-area:value}& :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) > :is(em, small){grid-area:detail}}}@media (min-width: 761px) and (max-width: 920px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-row:is(*,._._){& > :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile){column-gap:8px;grid-template-columns:44px minmax(0, 1fr);min-width:0;overflow:hidden;padding-left:10px;padding-right:10px}& > :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) .phase-summary-icon:is(*,._){height:44px;width:44px}& > :is(.phase-summary-tile, .phase-summary-feature):not(.phase-summary-day-tile) :is(.phase-summary-tile > span:not(.phase-summary-icon), .phase-summary-label, strong, em, small){max-width:100%;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:anywhere}}}html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-sun-controls:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:14px;margin-left:auto;margin-right:auto}& #seasonalSunDirectionMount:is(*,#_){display:grid;grid-template-columns:minmax(0, 1fr);gap:12px;width:100%}& .seasonal-direction-card{gap:11px;padding:14px 18px 16px}& .seasonal-direction-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}& .seasonal-direction-head span{color:#f6d990;font-size:1.02rem;font-weight:800;letter-spacing:0}& .seasonal-direction-head b{color:#8ff2ff;font-size:.94rem;font-weight:700;text-align:right;white-space:nowrap}& .seasonal-direction-track{position:relative;border:1px solid rgba(123, 205, 235, .22);border-radius:12px;background:linear-gradient(90deg, rgba(88, 179, 255, .2), rgba(255, 226, 130, .2) 50%, rgba(255, 148, 95, .19)), linear-gradient(180deg, rgba(4, 13, 24, .5), rgba(4, 12, 22, .7))}& .seasonal-direction-axis{position:absolute;left:7%;right:7%;height:3px;border-radius:999px;background:linear-gradient(90deg, rgba(126, 214, 255, .58), rgba(255, 228, 151, .92), rgba(255, 156, 100, .58));box-shadow:0 0 18px rgba(255, 208, 102, .18)}& .seasonal-direction-label{position:absolute;top:14px;text-shadow:0 0 8px rgba(0, 0, 0, .6)}& .seasonal-direction-center{left:50%;transform:translateX(-50%)}& .seasonal-direction-month{position:absolute;left:var(--month-pos);z-index:2;font-size:.62rem;font-weight:800;line-height:1}& .seasonal-direction-month.is-current{z-index:4;border-color:rgba(255, 229, 147, .78);color:#fff0bd}& .seasonal-half-sun{display:block;border:1px solid rgba(255, 236, 170, .7);border-bottom:0;background:linear-gradient(180deg, #fff3a9 0%, #ffc955 68%, #ef8b4e 100%);box-shadow:0 0 10px rgba(255, 196, 63, .32)}& .seasonal-half-sun.sunset{background:linear-gradient(180deg, #ffe196 0%, #ff9d5f 64%, #d66c54 100%)}& :is(.seasonal-solar-graph-title,.seasonal-analemma-title){position:absolute;left:18px;right:18px;top:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px}& .seasonal-solar-graph-title span,& .seasonal-analemma-title span{color:#ffe0a0;font-size:1.02rem;font-weight:800;line-height:1.1}& .seasonal-solar-graph-title b,& .seasonal-analemma-title b{color:#89efff;font-size:.92rem;font-style:normal;font-weight:700;white-space:nowrap}& #seasonalSunPathSky:is(*,#_) svg,& #seasonalSunApexChart:is(*,#_) svg{position:absolute;inset:48px 28px 26px;width:calc(100% - 56px);height:calc(100% - 74px);overflow:visible}& .seasonal-sky-band{fill:rgba(7, 23, 38, .34)}& .seasonal-sky-horizon{stroke:rgba(210, 238, 255, .42);stroke-width:.65;vector-effect:non-scaling-stroke}& .seasonal-sky-arc{fill:none;stroke:rgba(118, 210, 255, .34);stroke-width:.8;vector-effect:non-scaling-stroke}& .seasonal-sky-arc.is-current{stroke:url(#seasonalSkyArcGradient);stroke-width:2;filter:drop-shadow(0 0 3px rgba(255, 215, 109, .45))}& .seasonal-sky-apex-dot{fill:rgba(151, 222, 255, .72);stroke:rgba(4, 15, 28, .88);stroke-width:.55;vector-effect:non-scaling-stroke}& .seasonal-sky-apex-dot.is-current{fill:#ffe185;stroke:rgba(255, 245, 199, .86)}& :is(.seasonal-sky-month-label,.seasonal-sky-cardinal){fill:#d5f3ff;font-size:2.7px;font-weight:700;paint-order:stroke;stroke:rgba(2, 10, 18, .86);stroke-width:.72px}& .seasonal-sky-month-label:not(.is-current){display:none}& .seasonal-sky-month-label.is-current{fill:#ffe89d;font-size:3.2px}& :is(.seasonal-analemma-axis,.seasonal-analemma-horizon){stroke:rgba(216, 245, 255, .3);stroke-width:.55;vector-effect:non-scaling-stroke}& .seasonal-analemma-path{fill:none;stroke:rgba(255, 203, 95, .76);stroke-width:1.15;vector-effect:non-scaling-stroke}& .seasonal-analemma-dot{fill:rgba(130, 226, 255, .46)}& .seasonal-analemma-month-dot{fill:#ffe08c;stroke:rgba(4, 12, 20, .86);stroke-width:.55}& .seasonal-analemma-current{fill:#7af5ff;stroke:rgba(236, 254, 255, .9);stroke-width:.7}& :is(.seasonal-analemma-month-label,.seasonal-analemma-axis-label){fill:#d8f4ff;font-size:3px;font-weight:700;paint-order:stroke;stroke:rgba(2, 10, 18, .9);stroke-width:.8px}& .seasonal-analemma-note{display:none}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-apex-band{fill:rgba(6, 21, 35, .38)}& :is(.seasonal-apex-grid-line, .seasonal-apex-month-line){stroke:rgba(191, 230, 238, .18);stroke-width:.55;vector-effect:non-scaling-stroke}& .seasonal-apex-horizon{stroke:rgba(225, 242, 245, .32);stroke-width:.7;vector-effect:non-scaling-stroke}& .seasonal-apex-path{fill:none;stroke:rgba(255, 218, 108, .86);stroke-width:1.35;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(255, 214, 105, .35))}& .seasonal-apex-month-dot{fill:#ffe08c;stroke:rgba(4, 12, 20, .86);stroke-width:.5}& .seasonal-apex-current-line{stroke:rgba(123, 245, 255, .42);stroke-width:.75;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}& .seasonal-apex-current{fill:#7af5ff;stroke:rgba(236, 254, 255, .9);stroke-width:.72}& :is(.seasonal-apex-month-label, .seasonal-apex-angle-label, .seasonal-apex-current-label){fill:#d8f4ff;font-size:3px;font-weight:700;paint-order:stroke;stroke:rgba(2, 10, 18, .9);stroke-width:.8px}& .seasonal-apex-current-label{fill:#9ef8ff}}@media (max-width: 720px){html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& :is(.seasonal-direction-head,.seasonal-solar-graph-title,.seasonal-analemma-title){display:grid;justify-items:center;text-align:center}& .seasonal-direction-head b{text-align:center;white-space:normal}& .seasonal-direction-card{min-height:318px}& .seasonal-direction-track{min-height:260px}& .seasonal-direction-axis{top:137px}& .seasonal-direction-month{top:var(--month-mobile-lane);min-width:24px;padding:2px 4px 3px;font-size:.5rem}& .seasonal-half-sun{width:18px;height:9px}& :is(#seasonalSunPathSky:is(*,#_), #seasonalSunAnalemmaChart:is(*,#_)){min-height:275px}}}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-scale-track:is(*,._){overflow:visible}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom .scale-label-time{align-items:center;justify-content:center;padding:3px 5px;border:1px solid rgba(142, 211, 220, .34);border-radius:6px;background:rgba(7, 27, 39, .94);color:#8fe2e4;-webkit-text-fill-color:#8fe2e4;font-size:.84rem;line-height:1;white-space:nowrap}html body.page-phases:is(*,._._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row{align-items:stretch;white-space:normal}html body.page-phases:is(*,._._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row > span{box-sizing:border-box}html body.page-phases:is(*,._._) :is(#lunarYearCard:is(*,#_), #thirteenCard:is(*,#_)){overflow:visible}html body.page-phases:is(*,._._) .natural-calendar-circle-shell{display:grid;grid-column:1 / -1;place-items:center;width:100%;min-height:590px;margin:14px auto 24px;padding:26px;overflow:visible;box-sizing:border-box}html body.page-phases:is(*,._._) .natural-calendar-circle{position:relative;isolation:isolate;width:var(--natural-circle-size);height:var(--natural-circle-size);border:2px solid rgba(154, 218, 222, .58);border-radius:50%;background:var(--natural-circle-gradient);box-shadow:0 0 0 7px rgba(6, 24, 35, .72), 0 20px 38px rgba(0, 0, 0, .34), inset 0 0 34px rgba(0, 0, 0, .3);box-sizing:border-box}html body.page-phases:is(*,._._) .natural-calendar-circle::before{content:"";position:absolute;z-index:1;inset:25%;border:1px solid rgba(191, 220, 208, .34);border-radius:50%;background:radial-gradient(circle at 38% 32%, rgba(76, 116, 110, .2), transparent 35%), linear-gradient(145deg, rgba(16, 42, 46, .98), rgba(7, 23, 36, .99));box-shadow:inset 0 0 30px rgba(0, 0, 0, .38)}html body.page-phases:is(*,._._) .natural-circle-label{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:88px;min-height:30px;transform:translate(-50%, -50%) rotate(var(--circle-label-angle)) translateY(calc(-1 * var(--natural-circle-label-radius))) rotate(calc(-1 * var(--circle-label-angle)));pointer-events:none}html body.page-phases:is(*,._._) .natural-circle-label b{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 7px;border:1px solid transparent;border-radius:8px;background:rgba(5, 22, 32, .72);color:#e0eeee;-webkit-text-fill-color:#e0eeee;font-size:clamp(.7rem, 1.02vw, .84rem);font-weight:650;line-height:1.05;text-align:center;text-shadow:0 1px 3px rgba(0, 0, 0, .9);white-space:nowrap;box-sizing:border-box}html body.page-phases:is(*,._._) .natural-circle-label.is-active b{border-color:rgba(206, 247, 226, .88);background:linear-gradient(145deg, rgba(69, 151, 127, .98), rgba(25, 101, 105, .98));color:#f4fff9;-webkit-text-fill-color:#f4fff9;box-shadow:0 0 0 3px rgba(91, 188, 162, .18)}html body.page-phases:is(*,._._) .natural-circle-hand{position:absolute;z-index:3;left:50%;top:50%;width:3px;height:42%;border-radius:999px;background:linear-gradient(180deg, #ffd58b, rgba(151, 222, 214, .88));box-shadow:0 0 7px rgba(154, 226, 218, .46);transform:translate(-50%, -100%) rotate(var(--natural-circle-progress));transform-origin:50% 100%}html body.page-phases:is(*,._._) .natural-circle-hand::before{content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;border:2px solid #fff0c9;border-radius:50%;background:#e9a85f;transform:translateX(-50%);box-sizing:border-box}html body.page-phases:is(*,._._) .natural-circle-center{position:absolute;z-index:5;left:50%;top:50%;display:grid;gap:7px;place-items:center;width:38%;min-height:92px;transform:translate(-50%, -50%);text-align:center;pointer-events:none}html body.page-phases:is(*,._._) .natural-circle-center strong{color:#d9f4ec;-webkit-text-fill-color:#d9f4ec;font-size:clamp(1.3rem, 2.6vw, 2rem);line-height:1}html body.page-phases:is(*,._._) .natural-circle-center span{color:#d8c7aa;-webkit-text-fill-color:#d8c7aa;font-size:clamp(.82rem, 1.35vw, 1.02rem);line-height:1.15}html body.page-phases:is(*,._._) #thirteenCircularSlider:is(*,#_){& .natural-circle-label{width:94px}& .natural-circle-label b{font-size:clamp(.64rem, .92vw, .78rem)}}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_){width:min(100%, 1180px);margin-inline:auto}html body.page-phases:is(*,._._) #daysOfWeekCircleCard:is(*,#_){width:100%;padding:18px 24px 24px;border:1px solid rgba(156, 207, 198, .34);border-radius:14px;background:radial-gradient(circle at 18% 8%, rgba(77, 111, 85, .2), transparent 38%), linear-gradient(145deg, rgba(19, 46, 45, .96), rgba(8, 27, 40, .98));box-sizing:border-box}html body.page-phases:is(*,._._) #daysOfWeekCircleCard:is(*,#_) .natural-calendar-circle-shell{min-height:550px;margin:0 auto}@media (max-width: 720px){html body.page-phases:is(*,._._) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row > span{padding-inline:2px}html body.page-phases:is(*,._._) .natural-calendar-circle-shell{min-height:410px;padding:18px 4px}html body.page-phases:is(*,._._) .natural-circle-label,html body.page-phases:is(*,._._) #thirteenCircularSlider:is(*,#_) .natural-circle-label{width:62px}html body.page-phases:is(*,._._) .natural-circle-label b,html body.page-phases:is(*,._._) #thirteenCircularSlider:is(*,#_) .natural-circle-label b{padding:3px 4px;font-size:.58rem}html body.page-phases:is(*,._._) #daysOfWeekCircleCard:is(*,#_) .natural-calendar-circle-shell{min-height:400px}}html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_){width:min(100%, 1180px);max-width:1180px;margin-inline:auto;padding:clamp(24px, 3vw, 38px);background:radial-gradient(circle at 50% 0%, rgba(66, 133, 165, .15), transparent 30%), linear-gradient(150deg, rgba(13, 38, 59, .98), rgba(6, 22, 37, .98))}html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_){& > .phase-order-title{margin:0 auto 18px;color:#dff9ff;-webkit-text-fill-color:#dff9ff;font-size:clamp(1.7rem, 3vw, 2.35rem);font-weight:620;text-align:center}& > .moon-information-body:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:20px;width:100%;padding:0}& .moon-information-summary{order:0;width:min(100%, 940px);margin:0 auto 4px;padding:2px 18px 22px;border:0;border-bottom:1px solid rgba(129, 219, 239, .26);background:transparent;box-shadow:none;text-align:center}& .moon-information-position-card{order:1}& .moon-information-phase-card{order:2}& .moon-information-cycle-card{order:3}& .moon-information-summary h3{margin:0 0 8px;color:#86e9f7;-webkit-text-fill-color:#86e9f7;font-size:1.22rem;font-weight:620}& .moon-information-summary p{max-width:850px;margin:0 auto;color:#bdd8e2;-webkit-text-fill-color:#bdd8e2;font-size:clamp(.94rem, 1.45vw, 1.06rem);line-height:1.58}& .moon-information-item:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:min(100%, 1050px);max-width:1050px;min-width:0;min-height:0;margin:0 auto;padding:clamp(24px, 3vw, 34px);border:1px solid rgba(113, 203, 226, .34);border-radius:15px;background:radial-gradient(circle at 50% 0%, rgba(91, 163, 193, .1), transparent 32%), linear-gradient(145deg, rgba(8, 28, 45, .94), rgba(5, 17, 30, .97));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .025), 0 14px 30px rgba(0, 0, 0, .2);overflow:visible}& :is(.moon-information-item-title, .moon-information-item > .card-head){width:100%;margin:0 auto 12px;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}& :is(.moon-information-item-title, .moon-information-item > .card-head .card-title){color:#8ceafb;-webkit-text-fill-color:#8ceafb;font-size:clamp(1.35rem, 2.3vw, 1.75rem);font-weight:620;line-height:1.12}& .moon-position-title{margin:0 auto 4px;color:#e8f7fb;-webkit-text-fill-color:#e8f7fb;font-size:1.08rem;font-weight:560;text-align:center}& #lunarMonthCard:is(*,#_) > :is( .card-pie-meter, .card-hourglass-meter, .slider-gap, .progress-track, .segment-labels, .moon-phase-section-title, .moon-phase-section-subtext, .work-status ){display:none}& #lunarMonthCard:is(*,#_) > .card-head{order:0}& #lunarMonthCard:is(*,#_) > .moon-phase-section-details{order:1}& .moon-cycle-phase-detail{margin:0 auto 8px;text-align:center}& :is( .cycle-slider-label-container, .phase-section-circle-card, .moon-phase-inner-shell, .moon-accurate-panel, .moon-cycle-split-details, .moon-current-phase-circle, .moon-cycle-circle-slider ){width:100%;max-width:100%;min-height:0;margin-inline:auto;border:0;border-radius:0;background:transparent;box-shadow:none}& .moon-information-position-card .cycle-slider-label-container{display:grid;place-items:center;padding:4px 64px 18px;overflow:visible}& .phase-section-circle-card:is(*,._){--natural-phase-circle-size: var(--moon-information-circle-size);display:grid;place-items:center;padding:46px 0;transform:none}& #moonCycleScaleMount:is(*,#_){display:none}& :is( #moonPositionClockIcon:is(*,#_), .moon-phase-circle-stage:is(*,._), .moon-cycle-orbit-stage:is(*,._) ){width:min(76vw, var(--moon-information-circle-size));height:min(76vw, var(--moon-information-circle-size));max-width:var(--moon-information-circle-size);max-height:var(--moon-information-circle-size);aspect-ratio:1;margin:4px auto}& #moonPositionClockIcon:is(*,#_){border:2px solid rgba(137, 218, 255, .82);background:radial-gradient(circle at 50% 50%, rgba(234, 248, 255, .2) 0 8%, transparent 9%), radial-gradient(circle at 50% 50%, rgba(8, 26, 42, .98) 0 66%, transparent 67%), conic-gradient(from -90deg, #24506e 0 25%, #347c95 25% 50%, #173c59 50% 75%, #071624 75% 100%);box-shadow:inset 0 0 38px rgba(0, 0, 0, .42), 0 0 0 4px rgba(8, 27, 43, .72), 0 16px 32px rgba(0, 0, 0, .28)}& #moonPositionClockIcon:is(*,#_) .moon-position-path{inset:10%;border:2px dashed rgba(185, 235, 250, .34)}& #moonPositionClockIcon:is(*,#_) .moon-position-hand{height:43%;background:linear-gradient(180deg, rgba(236, 249, 255, .96), rgba(133, 205, 234, .62));box-shadow:0 0 8px rgba(158, 226, 255, .38)}& #moonPositionClockIcon:is(*,#_) .moon-circle-label{min-width:72px;padding:5px 8px;border-color:rgba(145, 225, 250, .42);background:rgba(4, 19, 32, .94);color:#dff8ff;font-size:.78rem;font-weight:600;box-shadow:0 6px 14px rgba(0, 0, 0, .26)}& #moonPositionClockIcon:is(*,#_) .moon-label-rise{left:-54px}& #moonPositionClockIcon:is(*,#_) .moon-label-set{right:-54px}& #moonPositionClockIcon:is(*,#_) .moon-label-high{top:-30px}& #moonPositionClockIcon:is(*,#_) .moon-label-low{bottom:-30px}& #moonCycleCard:is(*,#_) .moon-cycle-orbit-label{width:84px;gap:2px;font-size:.67rem}& #moonCycleCard:is(*,#_) .moon-cycle-orbit-label b{font-size:.68rem}& #moonCycleCard:is(*,#_) .moon-cycle-orbit-label small{font-size:.62rem}& #moonCycleCard:is(*,#_) .moon-cycle-orbit-icon{width:28px;height:28px;min-width:28px}& #moonCycleCard:is(*,#_) .moon-cycle-current-icon{width:40px;height:40px;min-width:40px}& #moonCycleCard:is(*,#_) .moon-cycle-center-copy{width:124px;padding:12px 10px}& :is(#lunarMonthCard:is(*,#_), #moonCycleCard:is(*,#_)) :is(.moon-current-phase-circle, .moon-cycle-circle-slider){gap:14px;padding:6px 0 10px}& :is(#lunarMonthCard:is(*,#_), #moonCycleCard:is(*,#_)) .moon-circle-footer{width:min(100%, var(--moon-information-circle-size));font-size:.76rem}& .moon-year-cycle-table-wrap{width:100%;max-width:100%;margin:22px auto 0;overflow-x:auto}}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_){padding:22px 14px}html body.page-phases:is(*,._._) #phaseOrderMoonInformation:is(*,#_){& .moon-information-item:is(*,._){padding:22px 12px}& .moon-information-position-card .cycle-slider-label-container{padding-inline:46px}& #moonPositionClockIcon:is(*,#_) .moon-label-rise{left:-42px}& #moonPositionClockIcon:is(*,#_) .moon-label-set{right:-42px}}}@media (max-width: 520px){html body.page-phases:is(*,._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-chart-x-label:is(*,._){width:58px;font-size:.56rem;line-height:1.05;white-space:normal}& .seasonal-solar-graph-title span,& .seasonal-analemma-title span{font-size:.86rem}& .seasonal-solar-graph-title b,& .seasonal-analemma-title b{font-size:.78rem}}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_).phase-summary-dashboard:is(*,._){height:auto;min-height:0;max-height:none;overflow:visible}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-grid:is(*,._._){height:auto;min-height:0;max-height:none;width:100%;max-width:100%;row-gap:10px}& .phase-summary-row:is(*,._._){height:auto;min-height:0;max-height:none;width:100%;max-width:100%;gap:10px;justify-self:stretch;justify-content:stretch;overflow:visible}& .phase-summary-row-two:is(*,._).phase-summary-sun-row:is(*,._),& :is(.phase-summary-moon-row:is(*,._._),.phase-summary-year-row:is(*,._._),.phase-summary-daily-row:is(*,._._)){grid-template-columns:repeat(2, minmax(0, 1fr))}& .phase-summary-row:is(*,._._) > :is(.phase-summary-tile, .phase-summary-feature),& .phase-summary-moon-row:is(*,._._) > .phase-summary-tile:is(*,._._),& .phase-summary-year-row:is(*,._._) > :is(.phase-summary-tile, .phase-summary-feature),& .phase-summary-daily-row:is(*,._._) > .phase-summary-tile:is(*,._._){box-sizing:border-box;width:100%;min-width:0;max-width:100%}}}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-row-two:is(*,._).phase-summary-sun-row:is(*,._),html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) :is(.phase-summary-moon-row:is(*,._._),.phase-summary-year-row:is(*,._._),.phase-summary-daily-row:is(*,._._)){grid-template-columns:minmax(0, 1fr)}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-circle-row:is(*,._){display:none;height:0;min-height:0;max-height:0;margin:0;padding:0}}@media (min-width: 761px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-row-two:is(*,._).phase-summary-sun-row:is(*,._){width:min(562px, 100%);max-width:calc(100vw - 96px);grid-template-columns:repeat(2, minmax(0, 1fr))}& .phase-summary-year-row:is(*,._._){width:min(866px, 100%);max-width:calc(100vw - 96px);grid-template-columns:repeat(3, minmax(0, 1fr))}& .phase-summary-daily-row:is(*,._._){width:min(938px, 100%);max-width:calc(100vw - 96px);grid-template-columns:repeat(3, minmax(0, 1fr))}& .phase-summary-row:is(*,._._) > :is(.phase-summary-tile, .phase-summary-feature){box-sizing:border-box;width:100%;min-width:0;max-width:100%}}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-grid:is(*,._._){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-flow:row;gap:10px;align-items:stretch}& .phase-summary-row-one.phase-summary-day-row:is(*,._){display:grid;grid-column:1 / -1;grid-template-columns:minmax(0, 1fr);width:100%;max-width:100%}& :is(.phase-summary-row-two.phase-summary-sun-row, .phase-summary-moon-row, .phase-summary-year-row, .phase-summary-daily-row){display:contents}& .phase-summary-grid:is(*,._._) > .phase-summary-row > :is(.phase-summary-tile, .phase-summary-feature),& .phase-summary-grid:is(*,._._) :is(.phase-summary-tile, .phase-summary-feature){box-sizing:border-box;width:100%;min-width:0;max-width:100%;justify-self:stretch}& .phase-summary-daily-row:is(*,._) .phase-summary-tile:last-child{grid-column:1 / -1}}}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-grid:is(*,._._){grid-template-columns:minmax(0, 1fr)}& .phase-summary-grid:is(*,._._) :is(.phase-summary-tile, .phase-summary-feature){height:auto;min-height:96px;grid-template-columns:minmax(0, 1fr);justify-items:center;text-align:center;padding:12px 14px}& .phase-summary-grid:is(*,._._) :is(.phase-summary-tile, .phase-summary-feature) .phase-summary-icon:is(*,._){margin-left:auto;margin-right:auto}}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-track:is(*,._){min-height:156px;overflow:visible}& .seasonal-direction-axis:is(*,._){top:var(--direction-axis-y)}& .seasonal-direction-month:is(*,._){top:calc(var(--direction-axis-y) + 2px);display:block;width:58px;min-width:58px;height:0;min-height:0;max-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;transform:translateX(-50%)}& .seasonal-direction-month.is-current:is(*,._){transform:translateX(-50%)}& .seasonal-direction-point:is(*,._){position:absolute;left:50%;bottom:19px;transform:translateX(-50%);display:block;width:max-content;max-width:64px;color:#91f3ff;line-height:1;text-align:center;white-space:nowrap;text-shadow:0 0 8px rgba(0, 0, 0, .82)}& .seasonal-half-sun:is(*,._){position:absolute;left:50%;bottom:0;width:24px;height:12px;margin:0;transform:translateX(-50%)}& .seasonal-direction-month small{position:absolute;left:50%;top:5px;transform:translateX(-50%);display:block;width:max-content;color:#f3e9c7;line-height:1;text-align:center;white-space:nowrap;text-shadow:0 0 8px rgba(0, 0, 0, .82)}& .seasonal-direction-month.is-current .seasonal-half-sun{width:28px;height:14px;box-shadow:0 0 0 4px rgba(255, 221, 126, .24), 0 0 18px rgba(255, 210, 90, .52)}}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-track:is(*,._){min-height:168px}& .seasonal-direction-month:is(*,._){width:44px;min-width:44px}& .seasonal-direction-point:is(*,._){bottom:17px;max-width:50px}& .seasonal-direction-month small{top:5px}& .seasonal-half-sun:is(*,._){width:20px;height:10px}}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-label:is(*,._){width:56px;color:#dff8ff;font-size:.8rem;font-weight:800;line-height:1;text-align:center;white-space:nowrap}& .seasonal-direction-center:is(*,._){width:72px;color:#ffe4a8}& .seasonal-direction-label:is(*,._)::after{content:"";position:absolute;left:50%;top:calc(100% + 6px);width:1px;height:calc(var(--direction-axis-y) - 34px);transform:translateX(-50%);background:linear-gradient(180deg, rgba(217, 245, 255, .62), rgba(217, 245, 255, .12));box-shadow:0 0 8px rgba(128, 225, 255, .22)}& .seasonal-direction-point:is(*,._){font-size:.62rem;font-weight:800}& .seasonal-direction-month small{font-size:.78rem;font-weight:400;letter-spacing:0}}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_){& .seasonal-direction-label:is(*,._){width:44px;font-size:.62rem}& .seasonal-direction-center:is(*,._){width:56px}& .seasonal-direction-label:is(*,._)::after{height:calc(var(--direction-axis-y) - 31px)}& .seasonal-direction-point:is(*,._){font-size:.48rem}& .seasonal-direction-month small{font-size:.62rem;font-weight:400}}}html body.page-phases:is(*,._._._) main.shell:is(*,._._) #naturalGenerationGroup:is(*,#_) #generationCard:is(*,#_){& .generation-age-table-wrap:is(*,._){width:min(100%, 680px);margin:8px auto 0;transform:translateY(-24px)}& .generation-age-table:is(*,._){width:min(100%, 680px);padding:16px 18px 18px;border:1px solid rgba(116, 194, 221, .34);border-radius:8px;background:linear-gradient(180deg, rgba(13, 29, 42, .98), rgba(6, 15, 25, .98));box-shadow:inset 0 1px 0 rgba(198, 244, 255, .08), 0 14px 28px rgba(0, 0, 0, .26)}& .generation-age-table:is(*,._) h4{margin:0 0 4px;text-align:center;color:#ffe4a8;-webkit-text-fill-color:#ffe4a8;font-size:1.22rem;font-weight:700;line-height:1.15}& .generation-age-table:is(*,._) p{margin:0 0 12px;text-align:center;color:#b8d7e7;-webkit-text-fill-color:#b8d7e7;font-size:.92rem;font-weight:400;line-height:1.25}& .generation-age-table:is(*,._) table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid rgba(94, 159, 188, .24);background:rgba(4, 13, 22, .88);color:#dbeff8;-webkit-text-fill-color:#dbeff8}& .generation-age-table:is(*,._) th{padding:9px 10px;background:linear-gradient(180deg, rgba(23, 61, 82, .98), rgba(11, 34, 51, .98));color:#9feaff;-webkit-text-fill-color:#9feaff;border-bottom:1px solid rgba(128, 214, 242, .22);text-align:center;font-size:.9rem;font-weight:700}& .generation-age-table:is(*,._) tbody tr td{padding:8px 10px;background:rgba(8, 22, 35, .95);color:#dbeff8;-webkit-text-fill-color:#dbeff8;border-bottom:1px solid rgba(91, 150, 176, .18);font-size:.9rem;font-weight:400;text-align:center}& .generation-age-table:is(*,._) tbody tr:nth-child(even) td{background:rgba(11, 29, 44, .98)}& .generation-age-table .generation-name-chip:is(*,._){min-width:0;color:var(--generation-accent, #8bd3ff);-webkit-text-fill-color:var(--generation-accent, #8bd3ff);font-weight:700}& .generation-age-table tr.is-current-generation td{background:color-mix(in srgb, var(--generation-accent, #1e647b) 22%, #071826 78%)}}html body.page-phases:is(*,._._._) main.shell:is(*,._._) #naturalGenerationGroup:is(*,#_) #generationLabels:is(*,#_) .generation-segment-name:is(*,._),html body.page-phases:is(*,._._._) main.shell:is(*,._._) #naturalGenerationGroup:is(*,#_) #generationTrack:is(*,#_) .generation-name-label:is(*,._){line-height:1.05;white-space:normal;text-align:center;font-weight:600}html body.page-phases:is(*,._._._) main.shell:is(*,._._) #phaseOrderDayNames:is(*,#_){& #alternateWeekCard:is(*,#_){width:min(100%, 1180px);max-width:1180px}& #alternateWeekCard:is(*,#_) table.alternate-week-table:is(*,._){table-layout:fixed}& #alternateWeekCard:is(*,#_) .alternate-week-label-col:is(*,._),& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) th[scope="row"]{width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) col.alternate-week-day-col{width:calc((100% - var(--alternate-week-label-column)) / 7)}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) :is(th, td){padding:5px 5px;font-size:.78rem;line-height:1.08}& #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) th[scope="row"]{padding:4px 2px}& #alternateWeekCard:is(*,#_) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._){width:52px;height:52px;min-width:52px;min-height:52px;max-width:52px;max-height:52px;margin-bottom:4px}& #alternateWeekCard:is(*,#_) .alternate-week-planet-row:is(*,._) td{padding-top:8px;padding-bottom:6px}& #alternateWeekCard:is(*,#_) :is(.alternate-week-star-column,.alternate-week-end-col){display:none}& #alternateWeekCard:is(*,#_) .alternate-week-symbol-row:is(*,._) td{padding-top:4px;padding-bottom:4px}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._)){--alternate-week-label-column: 44px}& .alternate-week-table:is(*,._) :is(th, td){font-size:.64rem;padding-left:3px;padding-right:3px}& .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._){width:38px;height:38px;min-width:38px;min-height:38px}}}html body.page-phases:is(*,._._._) main.shell:is(*,._._) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_){& :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._)){--alternate-week-label-column: 52px;width:min(100%, 1040px);max-width:1040px}& table.alternate-week-table:is(*,._){width:100%;max-width:1040px}& .alternate-week-table-inner:is(*,._){border-color:rgba(72, 153, 185, .42)}& .alternate-week-table:is(*,._) :is(tr,tbody,colgroup){background:#000;background-image:none;border:0;box-shadow:none}& .alternate-week-table:is(*,._) :is(th, td){border:0;outline:0;box-shadow:none}& .alternate-week-table:is(*,._) :is(th, td)::before,& .alternate-week-table:is(*,._) :is(th, td)::after{display:none;content:none}& .alternate-week-table:is(*,._) td[class*="alternate-day-"]{border-color:transparent}& .alternate-week-planet-row:is(*,._) em{text-shadow:none;filter:none;font-weight:600}& .alternate-week-symbol-row:is(*,._) td{text-shadow:none;filter:none}& :is(.alternate-week-table-wrap:is(*,._),.alternate-week-table-inner:is(*,._)){background:transparent;background-image:none;border:0;box-shadow:none}& .alternate-week-table-title:is(*,._){margin:8px auto 12px;padding:0;border:0;background:transparent;background-image:none;box-shadow:none}& :is(.alternate-week-header-spacer,.alternate-week-arrow-lane){background:transparent;background-image:none;border:0;box-shadow:none}& table.alternate-week-table:is(*,._){border-collapse:separate;border-spacing:0}& .alternate-week-table:is(*,._) th[scope="row"]{background:#151719;background-image:none;text-shadow:none}& .alternate-week-table:is(*,._) :is(td[class*="alternate-day-"],td.is-active-day){background:#000;background-image:none;border:0;box-shadow:none}& table.alternate-week-table:is(*,._){clip-path:inset(0 round 30px);overflow:hidden}& .alternate-week-table:is(*,._) :is(th, td){background-clip:padding-box}& .alternate-week-table:is(*,._) tbody tr:first-child th[scope="row"]{border-top-left-radius:30px}& .alternate-week-table:is(*,._) tbody tr:first-child td:last-child{border-top-right-radius:30px}& .alternate-week-table:is(*,._) tbody tr:last-child th[scope="row"]{border-bottom-left-radius:30px}& .alternate-week-table:is(*,._) tbody tr:last-child td:last-child{border-bottom-right-radius:30px}}@media (min-width: 761px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-moon-row:is(*,._._){width:min(776px, calc(100vw - 96px));max-width:calc(100vw - 96px);grid-template-columns:repeat(3, minmax(0, 1fr));justify-content:center}}html body.page-phases .planet-icon:is(*,._._),html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_#_).planet-icon:is(*,._),html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._._){background:transparent var(--planet-png) center center / contain no-repeat;background-color:transparent;background-image:var(--planet-png);background-position:center center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;box-shadow:none;color:transparent;filter:drop-shadow(0 0 10px rgba(145, 210, 255, .28));isolation:auto;line-height:1;overflow:visible;text-shadow:none;transform:none}html body.page-phases .planet-icon:is(*,._._)::before,html body.page-phases .planet-icon:is(*,._._)::after,html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_#_).planet-icon:is(*,._)::before,html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_#_).planet-icon:is(*,._)::after,html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._._)::before,html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._._)::after{background:none;border:0;box-shadow:none;content:none;display:none}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._){& #phaseSummaryCalendarIcon:is(*,#_#_).planet-icon:is(*,._){width:96px;min-width:96px;max-width:96px;height:96px;min-height:96px;max-height:96px}& #phaseSummaryCalendarIcon:is(*,#_#_).planet-icon:is(*,._){margin:-10px auto 0}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_).phase-summary-dashboard:is(*,._){height:575px;min-height:575px;max-height:575px}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._){height:181px;min-height:181px;max-height:181px;transform:translateX(-10px)}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_){& .alternate-week-table-inner:is(*,._){padding-bottom:28px}& table.alternate-week-table:is(*,._),& .alternate-week-table:is(*,._) :is(tbody,:is(th, td)){background:#171b20;background-image:none}& .alternate-week-day-row:is(*,._) :is(th, td),& .alternate-week-day-row:is(*,._) + tr :is(th, td){font-size:.96rem;line-height:1.12;padding-top:12px;padding-bottom:7px}& .alternate-week-symbol-row:is(*,._) :is(th, td){font-size:1.62rem;line-height:1.08;padding-top:7px;padding-bottom:7px}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-table-title:is(*,._){font-size:2.05rem}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_){& .alternate-week-table:is(*,._) th[scope="row"]{font-size:.68rem;line-height:1.02;font-weight:700;text-align:center}& .alternate-week-table:is(*,._) td.is-active-day{background:#171b20;background-image:none;box-shadow:none}& .alternate-week-day-row:is(*,._) td{color:#8fd8ff;-webkit-text-fill-color:#8fd8ff;font-size:1rem}& .alternate-week-day-row:is(*,._) th[scope="row"]{color:#8fd8ff;-webkit-text-fill-color:#8fd8ff;padding-top:12px}& .alternate-week-day-row:is(*,._) + tr td{font-size:1rem}& .alternate-week-symbol-row:is(*,._) th[scope="row"]{font-size:.68rem;line-height:1.02}& .alternate-week-symbol-row:is(*,._) td{font-size:2rem;line-height:1.02}& .alternate-week-table:is(*,._) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._._){width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._._){width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px}}html body.page-phases:is(*,._._) :is(#gregorianYearCard, #seasonCard, #zodiacCard, #lunarYearCard, #thirteenCard) .calendar-basis-note:is(*,._){width:min(92%, 780px);margin:18px auto 0;padding:12px 16px;border-top:1px solid rgba(137, 213, 232, .32);color:#b8d9e5;font-size:.98rem;font-weight:400;line-height:1.45;text-align:center;letter-spacing:0}html body.page-phases:is(*,._._) :is(#gregorianYearCard, #seasonCard, #zodiacCard, #lunarYearCard, #thirteenCard) .calendar-basis-note:is(*,._) p{margin:0}html body.page-phases:is(*,._._) #lunarYearCard:is(*,#_){& .segment-labels:is(*,._) span{color:#91d6ec;font-size:.92rem;font-weight:500;letter-spacing:0;white-space:nowrap}& .top-label:is(*,._){color:#e5d5a5;font-size:.86rem;font-weight:500;letter-spacing:0;white-space:nowrap}& .top-label.lunar-year-today-label{color:#8df0ff;text-shadow:0 0 8px rgba(80, 221, 255, .45)}}html body.page-phases:is(*,._._._) :is(#phaseOrderGregorianCalendar, #phaseOrderSeason, #phaseOrderLunarYearCalendar) :is(#gregorianYearCard, #seasonCard, #lunarYearCard) > .detail-text:is(*,._){display:block;visibility:visible;height:auto;min-height:0;margin:14px auto 0;padding:0;text-align:center}html body.page-phases:is(*,._._._) :is(#phaseOrderGregorianCalendar, #phaseOrderSeason, #phaseOrderLunarYearCalendar) :is(#gregorianYearCard, #seasonCard, #lunarYearCard) > .detail-text:is(*,._) .calendar-basis-note:is(*,._){display:block;width:min(92%, 820px);margin:0 auto}html body.page-phases:is(*,._._) #phaseOrderGregorianCalendar:is(*,#_) #gregorianYearCard:is(*,#_){& #gregorianYearTrack:is(*,#_).progress-track{min-height:58px;height:58px;margin-top:48px;margin-bottom:58px;overflow:visible}& #gregorianYearTrack:is(*,#_) .tick-label:is(*,._){width:max-content;max-width:136px;white-space:nowrap;line-height:1.05;letter-spacing:0}& #gregorianYearTrack:is(*,#_) .year-month-label:is(*,._){color:#8feaff;font-size:.88rem;transform:translate(-50%, -34px)}& #gregorianYearTrack:is(*,#_) :is(.year-season-bottom-label:is(*,._),.year-season-top-label:is(*,._)){color:#d8e9f4;font-size:.78rem;transform:translate(-50%, 70px)}& #gregorianYearTrack:is(*,#_) .year-season-new-year-label:is(*,._){transform:translate(0, 70px);text-align:left}& #gregorianYearTrack:is(*,#_) .year-season-new-years-eve-label:is(*,._){transform:translate(-100%, 70px);text-align:right}& #gregorianYearTrack:is(*,#_) .year-season-midyear-label:is(*,._){color:#ffe6a4;transform:translate(-50%, 88px)}}html body.page-phases:is(*,._._) #zodiacCard:is(*,#_){& .zodiac-wheel:is(*,._) .zodiac-date-ring:is(*,._){transform:translate(-50%, -50%) rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * var(--zodiac-date-radius))) rotate(calc(var(--i) * -30deg))}& .zodiac-wheel:is(*,._) .zodiac-element-ring:is(*,._){width:0;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#b9f5df;transform:translate(-50%, -50%) rotate(var(--segment-angle)) translateY(calc(-1 * var(--zodiac-element-radius))) rotate(calc(-1 * var(--segment-angle)))}& .zodiac-wheel:is(*,._) .zodiac-element-ring:is(*,._) small{padding:0;border:0;background:transparent;font-weight:500;letter-spacing:0;line-height:1}& :is(#zodiacTrack:is(*,#_).progress-track,#zodiacLabels:is(*,#_).segment-labels),& > .slider-gap:is(*,._){display:none}& .zodiac-circle-panel:is(*,._){margin-top:8px}& .zodiac-wheel:is(*,._)::after{position:absolute;inset:5.5%;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient( transparent 0 var(--current-zodiac-start), rgba(204, 246, 255, .22) var(--current-zodiac-start) var(--current-zodiac-end), transparent var(--current-zodiac-end) 360deg );-webkit-mask:radial-gradient(circle, transparent 0 34%, #000 35% 97%, transparent 98%);mask:radial-gradient(circle, transparent 0 34%, #000 35% 97%, transparent 98%)}& .zodiac-wheel:is(*,._)::before{position:absolute;inset:5.5%;z-index:2;border-radius:50%;pointer-events:none;background:conic-gradient( transparent 0 var(--current-zodiac-start), rgba(228, 253, 255, .82) var(--current-zodiac-start) calc(var(--current-zodiac-start) + 1.1deg), transparent calc(var(--current-zodiac-start) + 1.1deg) calc(var(--current-zodiac-end) - 1.1deg), rgba(228, 253, 255, .82) calc(var(--current-zodiac-end) - 1.1deg) var(--current-zodiac-end), transparent var(--current-zodiac-end) 360deg );-webkit-mask:radial-gradient(circle, transparent 0 33%, #000 34% 98%, transparent 99%);mask:radial-gradient(circle, transparent 0 33%, #000 34% 98%, transparent 99%);filter:drop-shadow(0 0 8px rgba(170, 237, 255, .26))}& .zodiac-wheel:is(*,._) :is(.zodiac-wheel-item:is(*,._),.zodiac-season-marker:is(*,._),.zodiac-wheel-core:is(*,._)){z-index:5}& .zodiac-wheel:is(*,._) .zodiac-wheel-spoke.is-current-zodiac-sign::before,& .zodiac-wheel:is(*,._) .zodiac-wheel-spoke.is-current-zodiac-sign::after{border-color:rgba(217, 248, 255, .78);box-shadow:inset 0 0 24px rgba(200, 246, 255, .16), 0 0 18px rgba(142, 226, 255, .22)}& .zodiac-wheel:is(*,._) .zodiac-sign-ring.is-current-zodiac-sign{border-color:rgba(232, 253, 255, .86);background:linear-gradient(135deg, rgba(24, 82, 105, .98), rgba(14, 50, 70, .96)), linear-gradient(135deg, color-mix(in srgb, var(--c1) 50%, transparent), color-mix(in srgb, var(--c2) 42%, transparent));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .12), 0 0 0 2px rgba(121, 222, 255, .22), 0 0 24px rgba(129, 227, 255, .34)}& .zodiac-wheel:is(*,._) .zodiac-date-ring:is(*,._){min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .zodiac-wheel:is(*,._) .zodiac-date-ring:is(*,._) em{display:block;padding:0;color:#90e8f7;-webkit-text-fill-color:#90e8f7;background:transparent;border:0;font-size:.82rem;font-style:normal;font-weight:500;text-shadow:0 1px 4px rgba(0, 0, 0, .74)}& .zodiac-season-marker:is(*,._){position:absolute;left:50%;top:50%;z-index:9;display:grid;justify-items:center;gap:2px;min-width:118px;padding:5px 9px;border:1px solid rgba(239, 219, 156, .42);border-radius:8px;background:rgba(5, 16, 27, .82);color:#ffe7a6;text-align:center;transform:translate(-50%, -50%) rotate(var(--season-angle)) translateY(calc(-1 * var(--zodiac-season-radius))) rotate(calc(-1 * var(--season-angle)));box-shadow:0 10px 22px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .04)}& .zodiac-season-marker b{color:#ffe2a0;-webkit-text-fill-color:#ffe2a0;font-size:.82rem;font-weight:600;letter-spacing:0;line-height:1.05;text-shadow:0 1px 4px rgba(0, 0, 0, .82)}& .zodiac-season-marker small{color:#8eeaff;-webkit-text-fill-color:#8eeaff;font-size:.68rem;font-weight:500;line-height:1}}@media (max-width: 760px){html body.page-phases:is(*,._._) #zodiacCard:is(*,#_){& .zodiac-wheel:is(*,._){--zodiac-season-radius: clamp(214px, 49vw, 294px)}& .zodiac-season-marker:is(*,._){min-width:92px;padding:4px 6px}& .zodiac-season-marker b{font-size:.68rem}}}html body.page-phases:is(*,._._) #zodiacCard:is(*,#_){& .zodiac-daily-table-wrap:is(*,._){display:grid;margin:18px auto 0;padding:16px 18px 18px;border:1px solid rgba(122, 209, 239, .28);border-radius:10px;background:radial-gradient(circle at 50% 0%, rgba(98, 190, 220, .11), transparent 38%), linear-gradient(145deg, rgba(6, 20, 34, .9), rgba(8, 28, 40, .84));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 16px 32px rgba(0, 0, 0, .18)}& .zodiac-daily-table-wrap header{align-items:baseline;justify-content:center;text-align:center}& .zodiac-daily-table-wrap h4{margin:0;color:#9deeff;font-size:clamp(1.15rem, 1.7vw, 1.45rem);letter-spacing:0}& .zodiac-daily-table-wrap header span{color:#f1dca4;font-weight:400}& .zodiac-daily-table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid rgba(99, 177, 206, .3);border-radius:8px;color:#d8ecf3;line-height:1.2;background:rgba(4, 14, 25, .58)}& .zodiac-daily-table :is(th, td){border:1px solid rgba(74, 138, 160, .28);text-align:center;font-weight:400}& .zodiac-daily-table thead th{color:#8de9ff;background:rgba(12, 44, 62, .78);font-weight:600}& .zodiac-daily-table tbody tr{background:linear-gradient(90deg, color-mix(in srgb, var(--zodiac-row-c1) 24%, transparent), color-mix(in srgb, var(--zodiac-row-c2) 18%, transparent)), rgba(5, 17, 29, .64)}& .zodiac-daily-table tbody th{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:126px;color:#eef8fb;text-align:left}& .zodiac-body-symbol{display:inline-grid;place-items:center;width:26px;height:26px;min-width:26px;border:1px solid rgba(137, 222, 248, .3);border-radius:50%;color:#f3dca2;background:rgba(7, 20, 33, .82);box-shadow:0 0 12px rgba(93, 195, 230, .1);font-size:1rem;line-height:1}& .zodiac-position-sign{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#e4f5fa;font-weight:500}& .zodiac-position-sign b{color:#f2d78d;font-size:1.05rem;font-weight:400}}@media (max-width: 760px){html body.page-phases:is(*,._._) #zodiacCard:is(*,#_){& .zodiac-daily-table-wrap{overflow-x:auto;padding-inline:10px}& .zodiac-daily-table{min-width:680px;font-size:.82rem}}}html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_) .moon-current-phase-circle:is(*,._),html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_) .moon-cycle-circle-slider:is(*,._){justify-items:center;padding:18px 20px 22px;border:1px solid rgba(126, 214, 242, .28);border-radius:12px;background:radial-gradient(circle at 50% 0%, rgba(115, 174, 210, .16), transparent 36%), linear-gradient(145deg, rgba(7, 21, 35, .88), rgba(5, 15, 27, .94));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 18px 32px rgba(0, 0, 0, .2)}html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_) .moon-current-phase-circle:is(*,._){max-width:560px}html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_) .moon-cycle-circle-slider:is(*,._){max-width:760px}html body.page-phases:is(*,._._) :is(#lunarMonthCard:is(*,#_), #moonCycleCard:is(*,#_)) .moon-circle-panel .moon-slider-heading h4{font-weight:600}html body.page-phases:is(*,._._) :is(#lunarMonthCard:is(*,#_), #moonCycleCard:is(*,#_)) .moon-circle-panel .moon-slider-heading h4 b{min-width:48px;padding:3px 10px;font-size:.88rem;font-weight:500}html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_) .moon-phase-circle-stage{position:relative;display:grid;place-items:center;margin:4px auto 0;overflow:visible}html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_) .moon-cycle-orbit-stage{position:relative;display:grid;place-items:center;overflow:visible}html body.page-phases:is(*,._._) :is(.moon-phase-circle-stage, .moon-cycle-orbit-stage) .moon-circle-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}html body.page-phases:is(*,._._) :is(.moon-phase-circle-stage, .moon-cycle-orbit-stage) .moon-circle-track{fill:none;stroke:rgba(74, 134, 165, .44);stroke-width:10}html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_) .moon-phase-circle-stage .moon-circle-progress{fill:none;stroke:#85dcff;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(112, 224, 255, .28))}html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_) .moon-cycle-orbit-stage .moon-circle-progress{fill:none;stroke-linecap:round}html body.page-phases:is(*,._._) :is(.moon-phase-circle-stage, .moon-cycle-orbit-stage) .moon-circle-dot{fill:#fff0ad;stroke:rgba(8, 18, 30, .9);stroke-width:2}html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_){& .moon-phase-circle-marker{position:absolute;z-index:5;display:grid;place-items:center;transform:translate(-50%, -50%)}& .moon-phase-circle-marker .moon-phase-current-marker{width:42px;height:42px;min-width:42px;border-width:2px}& .moon-phase-circle-center{position:absolute;z-index:4;display:grid;justify-items:center;border:1px solid rgba(145, 230, 255, .25);border-radius:50%;background:radial-gradient(circle at 50% 30%, rgba(152, 215, 232, .12), transparent 54%), rgba(4, 14, 25, .82);box-shadow:inset 0 0 22px rgba(0, 0, 0, .36);color:#d9edf5;text-align:center}& .moon-phase-circle-icon{width:58px;height:58px;min-width:58px}& .moon-phase-circle-center b{color:#f2e6bd;font-weight:600;line-height:1.1}& .moon-phase-circle-center small{color:#90ddec;font-size:.8rem;font-weight:400}}html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_){& .moon-cycle-orbit-stage::before{content:"";position:absolute;border-radius:50%;border:1px solid rgba(88, 151, 178, .18)}& .moon-cycle-orbit-labels{position:absolute;inset:0;pointer-events:none}& .moon-cycle-orbit-label{position:absolute;display:grid;justify-items:center;transform:translate(-50%, -50%);color:#d7ebf3;font-weight:400;line-height:1.05;text-align:center}& .moon-cycle-orbit-label b{color:#e8f6fb;font-weight:500}& .moon-cycle-orbit-label small{color:#95c2d3;font-weight:400}& .moon-cycle-current-marker{position:absolute;z-index:8;justify-items:center;gap:3px;transform:translate(-50%, -50%);color:#f7e8b1;text-align:center;white-space:nowrap}& .moon-cycle-current-icon{width:48px;height:48px;min-width:48px;border:2px solid rgba(250, 238, 199, .68);box-shadow:inset 0 0 12px rgba(0, 0, 0, .44), 0 0 20px rgba(249, 222, 143, .24)}& .moon-cycle-current-marker :is(em,small){padding:2px 7px;border-radius:999px;background:rgba(4, 13, 23, .78);border:1px solid rgba(235, 215, 154, .28);font-style:normal;font-size:.74rem;line-height:1.05}& .moon-cycle-center-copy{position:absolute;z-index:4;display:grid;justify-items:center;gap:5px;width:150px;padding:15px 14px;border:1px solid rgba(142, 221, 245, .24);border-radius:18px;background:rgba(4, 14, 25, .76);color:#dff3f8;text-align:center;box-shadow:inset 0 0 18px rgba(0, 0, 0, .28)}& .moon-cycle-center-copy b{color:#f4e8be;font-size:.98rem;font-weight:600}& .moon-cycle-center-copy span{color:#8bddf1;font-size:.8rem;font-weight:400}}html body.page-phases:is(*,._._) :is(#lunarMonthCard:is(*,#_), #moonCycleCard:is(*,#_)) .moon-circle-footer{display:flex;justify-content:space-between;gap:18px;width:min(100%, 480px);color:#a8c6d4;font-size:.86rem;font-weight:400}html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_){& .moon-cycle-orbit-stage::before{border-color:rgba(174, 204, 219, .34);box-shadow:inset 0 0 26px rgba(1, 8, 17, .42), 0 0 0 1px rgba(115, 151, 171, .12)}& .moon-cycle-orbit-stage .moon-circle-track{stroke:rgba(121, 149, 165, .46)}& .moon-cycle-orbit-stage .moon-circle-progress{stroke:#d8e3e8;stroke-width:11px;filter:drop-shadow(0 0 10px rgba(208, 224, 230, .38))}& .moon-cycle-orbit-stage .moon-circle-dot{fill:#f0f5f6;stroke:#90abb8;stroke-width:2.5px;filter:drop-shadow(0 0 7px rgba(220, 235, 239, .54))}& .moon-cycle-orbit-label{width:122px;gap:5px;font-size:.91rem}& .moon-cycle-orbit-label b{font-size:.91rem}& .moon-cycle-orbit-label small{font-size:.78rem}& .moon-cycle-orbit-icon{width:42px;height:42px;min-width:42px}}@media (max-width: 760px){html body.page-phases:is(*,._._) #moonCycleCard:is(*,#_){& .moon-cycle-orbit-stage{width:min(96vw, 500px)}& .moon-cycle-orbit-label{width:86px;font-size:.68rem}& .moon-cycle-orbit-label b{font-size:.68rem}& .moon-cycle-orbit-icon{width:28px;height:28px;min-width:28px}& .moon-cycle-current-icon{width:44px;height:44px;min-width:44px}& .moon-cycle-center-copy{width:128px;padding:12px}}}html body.page-phases:is(*,._._) #phaseOrderSeason:is(*,#_) #seasonCard:is(*,#_){& #seasonTrack:is(*,#_).progress-track{border:2px solid rgba(125, 229, 255, .56);box-shadow:inset 0 0 0 1px rgba(4, 18, 29, .72), 0 0 18px rgba(83, 210, 255, .13);overflow:visible}& #seasonLabels:is(*,#_).segment-labels{min-height:82px;transform:translateY(-35px)}& #seasonLabels:is(*,#_).segment-labels > span{display:grid;align-items:start;justify-items:center;min-height:70px}& .season-label-stack:is(*,._){display:grid;position:static;left:auto;width:auto;transform:none;grid-template-rows:auto auto;justify-items:center;gap:6px;line-height:1}& .season-label-name:is(*,._){display:block;position:static;left:auto;width:auto;transform:none;font-size:1.22rem;font-weight:600;letter-spacing:0;line-height:1}& .season-label-icon:is(*,._){display:block;font-size:1.24rem;font-weight:400;line-height:1}}html body.page-phases:is(*,._._) #seasonCard{& .season-label-spring .season-label-name{color:#80f0a4}& .season-label-summer .season-label-name{color:#74dcff}& .season-label-fall .season-label-name{color:#ffb26c}& .season-label-winter .season-label-name{color:#a9d3ff}}html body.page-phases:is(*,._._) #phaseOrderZodiacCalendar:is(*,#_) #zodiacCard:is(*,#_){& #zodiacLabels:is(*,#_).segment-labels{min-height:142px;transform:translateY(-30px)}& #zodiacLabels:is(*,#_).segment-labels > span{display:grid;align-items:start;justify-items:center;min-height:136px;padding-top:0;line-height:1}& #zodiacLabels:is(*,#_) .zodiac-label-stack:is(*,._){display:grid;position:static;left:auto;width:auto;min-width:0;max-width:none;min-height:0;padding:0;transform:none;grid-template-rows:auto auto auto auto;justify-items:center;gap:2px;line-height:1}& #zodiacLabels:is(*,#_) .zodiac-sign-icon:is(*,._){display:block;color:#f8e7ff;font-size:1.08rem;font-weight:400;line-height:1;text-shadow:0 0 10px rgba(158, 218, 255, .28)}& #zodiacLabels:is(*,#_) .zodiac-label-name:is(*,._){display:block;position:static;left:auto;width:auto;min-width:0;max-width:none;min-height:0;padding:0;margin-top:2px;transform:none;color:#f2fbff;font-size:.82rem;font-weight:600;line-height:1.02}& #zodiacLabels:is(*,#_) small{margin-top:5px;transform:none;color:#c9dbe8;font-size:.72rem;line-height:1}& #zodiacLabels:is(*,#_) .zodiac-element-icon:is(*,._){margin-top:2px;transform:none;font-size:1.22rem;line-height:1}}html body.page-phases:is(*,._) #wakeSleepCycle:is(*,#_){& .wake-sleep-controls{grid-template-columns:repeat(2, minmax(190px, 230px))}& .wake-sleep-controls label{display:grid;grid-template-columns:80px 128px;column-gap:8px;align-items:center;justify-items:stretch;box-sizing:border-box;width:230px;min-width:230px;max-width:230px;padding-left:5px;padding-right:5px}& .wake-sleep-controls label input{justify-self:start}& .wake-sleep-status{display:none}}html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_){& :is(.phase-summary-sun-row, .phase-summary-sun-stats-row, .phase-summary-moon-row, .phase-summary-year-row).phase-summary-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));width:min(100%, 960px);max-width:960px;gap:12px;justify-content:center;justify-self:center}& :is(.phase-summary-sun-row, .phase-summary-sun-stats-row, .phase-summary-moon-row, .phase-summary-year-row).phase-summary-row > :is(.phase-summary-tile, .phase-summary-feature){box-sizing:border-box;width:100%;min-width:0;max-width:none}}@media (max-width: 760px){html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_) :is(.phase-summary-sun-row, .phase-summary-sun-stats-row, .phase-summary-moon-row, .phase-summary-year-row).phase-summary-row{grid-template-columns:repeat(2, minmax(0, 1fr));width:100%;max-width:100%}}@media (max-width: 520px){html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_) :is(.phase-summary-sun-row, .phase-summary-sun-stats-row, .phase-summary-moon-row, .phase-summary-year-row).phase-summary-row{display:contents}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-sun-stats-row:is(*,._){display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));width:min(100%, 960px);max-width:960px;gap:12px}& .phase-summary-sun-stats-row:is(*,._) > .phase-summary-sun-stat-tile:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:none}}@media (min-width: 761px){html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_){& :is(.phase-summary-sun-row, .phase-summary-sun-stats-row, .phase-summary-moon-row, .phase-summary-year-row).phase-summary-row{grid-template-columns:repeat(3, 272px);width:min(100%, 840px);max-width:840px}& :is(.phase-summary-sun-row, .phase-summary-sun-stats-row, .phase-summary-moon-row, .phase-summary-year-row).phase-summary-row > :is(.phase-summary-tile, .phase-summary-feature){width:272px;min-width:272px;max-width:272px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._){width:260px;min-width:260px;max-width:260px}}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-sun-stats-row:is(*,._) > .phase-summary-sun-stat-tile:is(*,._){& :is(span:not(.phase-summary-icon), strong, small){letter-spacing:0}& strong{font-size:clamp(.95rem, 1.2vw, 1.15rem);white-space:nowrap}}@media (max-width: 760px){html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-sun-stats-row:is(*,._){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));width:100%;max-width:100%}}@media (max-width: 520px){html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_){& .phase-summary-sun-stats-row:is(*,._){display:contents}& .phase-summary-sun-stats-row:is(*,._) > .phase-summary-sun-stat-tile:is(*,._){grid-column:auto}}}html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._) #phaseSummaryCalendarIcon:is(*,#_#_#_).planet-icon.planet-sun:is(*,._)::before,html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._) #phaseSummaryCalendarIcon:is(*,#_#_#_).planet-icon.planet-sun:is(*,._)::after{background:none;border:0;box-shadow:none}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendar:is(*,#_#_){font-size:clamp(2.45rem, 4.2vw, 3.35rem);line-height:.9}html body.page-phases:is(*,._._._._._) .planet-icon.planet-sun:is(*,._),html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_).planet-sun,html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._){background:radial-gradient(circle at 36% 30%, #fff6a6 0 15%, #ffd84d 36%, #f2a527 66%, #b96813 100%);background-color:#f4b22d;background-image:radial-gradient(circle at 36% 30%, #fff6a6 0 15%, #ffd84d 36%, #f2a527 66%, #b96813 100%);border:0;border-radius:50%;box-shadow:0 0 8px rgba(255, 224, 93, .55), 0 0 18px rgba(255, 184, 40, .28);filter:none}html body.page-phases:is(*,._._._._._) .planet-icon.planet-sun:is(*,._)::before,html body.page-phases:is(*,._._._._._) .planet-icon.planet-sun:is(*,._)::after{background:none;border:0;box-shadow:none;content:none;display:none}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_) #alternateWeekCard:is(*,#_#_#_) .alternate-week-table:is(*,._){& .alternate-week-planet-image-row:is(*,._) td:not(.alternate-week-star-column){text-align:center;vertical-align:middle}& .alternate-week-planet-image-row:is(*,._) .planet-icon:is(*,._._){display:block;margin:0 auto}& .alternate-week-planet-row:is(*,._) td.alternate-day-0 em{color:#d7f3ff;-webkit-text-fill-color:#d7f3ff}& .alternate-week-planet-row:is(*,._) td.alternate-day-1 em{color:#ff9f7c;-webkit-text-fill-color:#ff9f7c}& .alternate-week-planet-row:is(*,._) td.alternate-day-2 em{color:#a8ffbf;-webkit-text-fill-color:#a8ffbf}& .alternate-week-planet-row:is(*,._) td.alternate-day-3 em{color:#bbb7ff;-webkit-text-fill-color:#bbb7ff}& .alternate-week-planet-row:is(*,._) td.alternate-day-4 em{color:#ffb9df;-webkit-text-fill-color:#ffb9df}& .alternate-week-planet-row:is(*,._) td.alternate-day-5 em{color:#a9c7ff;-webkit-text-fill-color:#a9c7ff}& .alternate-week-planet-row:is(*,._) td.alternate-day-6 em{color:#ffe39a;-webkit-text-fill-color:#ffe39a}}html body.page-phases:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_){& > .seasonal-sun-angle-readouts .seasonal-sun-angle-bubble:is(*,._),& .seasonal-sun-angle-bubble:is(*,._){display:inline-grid;grid-template-columns:minmax(0, auto) auto;align-items:center;justify-content:center;gap:9px;width:auto;min-width:0;max-width:100%;padding:8px 15px;border:1px solid rgba(126, 213, 255, .48);border-radius:999px;background:rgba(7, 27, 42, .74);color:#d8f7ff;box-shadow:0 0 18px rgba(86, 201, 255, .16)}& #seasonalSunAnglePanel:is(*,#_) > .seasonal-sun-angle-readouts{display:none}& #seasonalSunPositionClockIcon:is(*,#_).day-phase-visual{overflow:visible}& #seasonalSunPositionClockIcon:is(*,#_) .day-clock-hand{height:108px;transform:translate(-50%, -100%) rotate(var(--day-clock-angle));transform-origin:50% 100%;background:linear-gradient(180deg, #ffe58c, #f0a33e);box-shadow:0 0 12px rgba(246, 186, 67, .45)}& #seasonalSunPositionClockIcon:is(*,#_) .day-clock-sun{width:20px;height:20px;transform:translate(-50%, -50%) rotate(var(--day-clock-angle)) translateY(-110px);background:radial-gradient(circle at 35% 32%, #fff8bd 0 20%, #f4c452 58%, #c87220 100%);box-shadow:0 0 16px rgba(246, 190, 69, .58), 0 0 4px rgba(255, 244, 177, .7)}& #seasonalSunPositionClockIcon:is(*,#_).day-phase-visual::after{content:"Sun angle " var(--sun-angle-text, "--");position:absolute;left:50%;bottom:20px;z-index:8;transform:translateX(-50%);min-width:112px;padding:5px 10px;border:1px solid rgba(167, 222, 255, .34);border-radius:999px;background:rgba(5, 17, 31, .88);color:#dff6ff;font-size:.76rem;line-height:1;text-align:center;box-shadow:0 0 14px rgba(87, 188, 255, .18)}& .today-sun-path-graph:is(*,._){height:220px;min-height:0;max-height:240px}& .today-sun-path-sun-ray{stroke:rgba(255, 225, 129, .92);stroke-width:.55;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(255, 201, 83, .3))}& .today-sun-path-sun-core{fill:#ffd66d;stroke:rgba(255, 249, 205, .95);stroke-width:.65;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(255, 204, 82, .36))}& .today-sun-path-current .today-sun-path-sun-core{fill:#94f3ff;stroke:rgba(226, 253, 255, .96);filter:drop-shadow(0 0 6px rgba(148, 243, 255, .48))}& :is(.today-sun-path-angle-label, .today-sun-path-time-label, .today-sun-path-end-label, .today-sun-path-apex-label){font-size:2.7px;letter-spacing:0}& .today-sun-path-angle-label{fill:#bfeeff;font-weight:600}& .today-sun-path-end-label{font-size:2.8px}& #seasonalSolarDeclinationMonthlyTable:is(*,#_) table{table-layout:auto}}@media (max-width: 760px){html body.page-phases:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) .today-sun-path-graph:is(*,._){height:190px}}html body.page-phases:is(*,._) :is(#phaseOrderTimeOfDay, #phaseOrderSunPosition) .cycle-slider-label-container > .phase-section-circle-card{display:none}html body.page-phases:is(*,._) #phaseOrderTimeOfDay .cycle-slider-label-container{min-height:300px;padding-bottom:36px}html body.page-phases:is(*,._._) #phaseOrderSunPosition:is(*,#_) .cycle-slider-label-container:is(*,._){min-height:320px;padding-bottom:36px}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-sun-angle-readouts:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:8px;width:min(100%, 420px);margin:0 auto 16px}& .seasonal-sun-angle-bubble:is(*,._){display:inline-grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;padding:8px 16px;border:1px solid rgba(126, 213, 255, .48);border-radius:999px;background:rgba(7, 27, 42, .74);color:#d8f7ff;box-shadow:0 0 18px rgba(86, 201, 255, .16)}& .seasonal-sun-angle-bubble span{color:#e6d3aa;font-size:.86rem;font-weight:500;letter-spacing:0}& .seasonal-sun-angle-bubble b{color:#9af4ff;font-size:1.28rem;font-weight:500;line-height:1}& .current-sun-angle-layout:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center}& .seasonal-sun-position-circle-card:is(*,._){display:grid;justify-items:center;gap:12px;margin:4px auto 0;padding:10px 12px 18px;overflow:visible}& .seasonal-sun-position-circle-card > span{color:#9fdcff;font-size:.86rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}& #seasonalSunPositionClockIcon:is(*,#_).day-phase-visual{position:relative;aspect-ratio:1;border:2px solid rgba(166, 226, 255, .8);border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(255, 224, 117, .2) 0 11%, transparent 12%), linear-gradient(180deg, #286f9e 0 50%, #071329 50% 100%);box-shadow:inset 0 0 32px rgba(0, 0, 0, .25), 0 0 18px rgba(80, 184, 229, .14);overflow:visible}& #seasonalSunPositionClockIcon:is(*,#_) .phase-label-sunrise{left:-58px;right:auto;top:50%}& #seasonalSunPositionClockIcon:is(*,#_) .phase-label-sunset{right:-58px;left:auto;top:50%}& #seasonalSunPositionClockIcon:is(*,#_) .phase-horizon-label{position:absolute;z-index:4;min-width:66px;padding:5px 8px;color:#dff6ff;font-size:.76rem;border:1px solid rgba(164, 222, 255, .35);border-radius:999px;background:rgba(6, 20, 34, .88);transform:translateY(-50%)}& .today-sun-path-graph:is(*,._){width:100%;border:1px solid rgba(126, 214, 235, .22);border-radius:10px;background:linear-gradient(180deg, rgba(24, 60, 82, .42), rgba(5, 17, 28, .88))}& .today-sun-path-sky{fill:rgba(8, 27, 42, .76);stroke:rgba(175, 231, 244, .12)}& .today-sun-path-horizon{stroke:rgba(210, 231, 235, .35);stroke-width:.9;vector-effect:non-scaling-stroke}& .today-sun-path-arc{fill:none;stroke:url(#todaySunPathGradient);stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(255, 210, 97, .2))}& :is(.today-sun-path-sunrise, .today-sun-path-sunset, .today-sun-path-angle-dot, .today-sun-path-current){fill:#ffd469;stroke:rgba(255, 247, 203, .92);stroke-width:.7}& .today-sun-path-current{fill:#94f3ff;filter:drop-shadow(0 0 6px rgba(148, 243, 255, .46))}& :is(.today-sun-path-angle-label, .today-sun-path-time-label, .today-sun-path-end-label, .today-sun-path-apex-label){fill:rgba(223, 244, 248, .78);font-weight:500}& .today-sun-path-apex-label{fill:#ffe1a0}}@media (max-width: 700px){html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-sun-angle-bubble:is(*,._){grid-template-columns:minmax(0, 1fr);justify-items:center;width:min(100%, 300px)}& #seasonalSunPositionClockIcon:is(*,#_).day-phase-visual{width:min(230px, 70vw);height:min(230px, 70vw)}}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_) table.alternate-week-table:is(*,._._){clip-path:none;-webkit-clip-path:none;mask-image:none;-webkit-mask-image:none}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderDayNames:is(*,#_#_#_){& #alternateWeekCard:is(*,#_#_#_),& #alternateWeekCard:is(*,#_#_#_) :is(.alternate-week-table-wrap:is(*,._._),.alternate-week-table-inner:is(*,._._)),& #alternateWeekCard:is(*,#_#_#_) table.alternate-week-table:is(*,._._),& #alternateWeekCard:is(*,#_#_#_) .alternate-week-table:is(*,._._) :is(thead, tbody, tr, th, td){border-radius:0}& #alternateWeekCard:is(*,#_#_#_) .alternate-week-table:is(*,._._) :is(th, td)::before,& #alternateWeekCard:is(*,#_#_#_) .alternate-week-table:is(*,._._) :is(th, td)::after{border-radius:0}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-current-angle-bubble:is(*,._){font-size:1.34rem;font-weight:400}& .seasonal-sun-stats:is(*,._) > .seasonal-day-length-stat:is(*,._){transform:translateY(10px)}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& .seasonal-sun-outer-summary:is(*,._) #seasonalSunCurrentAngleValue:is(*,#_){font-size:1.34rem;font-weight:400}& .seasonal-day-length-outer-row:is(*,._){transform:translateY(10px)}}html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_){& .alternate-week-table:is(*,._) th[scope="row"]{color:#d8c7aa;-webkit-text-fill-color:#d8c7aa}& .alternate-week-table-wrap:is(*,._){border:1px solid rgba(166, 194, 208, .58);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .08), 0 0 22px rgba(95, 164, 190, .18)}& table.alternate-week-table:is(*,._){border:1px solid rgba(216, 199, 170, .58);outline:1px solid rgba(166, 194, 208, .5);outline-offset:-1px;box-shadow:inset 0 0 0 1px rgba(216, 199, 170, .22)}& .alternate-week-table:is(*,._) .alternate-week-planet-row:is(*,._) .planet-icon:is(*,._){display:none}& .alternate-week-table:is(*,._) .alternate-week-planet-row:is(*,._) em{display:inline;color:inherit;-webkit-text-fill-color:inherit;font-size:1rem;font-style:normal;font-weight:650}}@media (max-width: 760px){html body.page-phases:is(*,._._._) main.shell:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon:is(*,._._){width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_){& :is(.phase-order-body, #alternateWeekCard, #alternateWeekCard.glass-card, #alternateWeekCard.alternateWeek-card, .alternate-week-table-wrap, .alternate-week-table-inner, table.alternate-week-table, table.alternate-week-table thead, table.alternate-week-table tbody, table.alternate-week-table tr, table.alternate-week-table th, table.alternate-week-table td){border-radius:0}& :is(.phase-order-body, #alternateWeekCard, #alternateWeekCard.glass-card, #alternateWeekCard.alternateWeek-card, .alternate-week-table-wrap, .alternate-week-table-inner, table.alternate-week-table, table.alternate-week-table th, table.alternate-week-table td)::before,& :is(.phase-order-body, #alternateWeekCard, #alternateWeekCard.glass-card, #alternateWeekCard.alternateWeek-card, .alternate-week-table-wrap, .alternate-week-table-inner, table.alternate-week-table, table.alternate-week-table th, table.alternate-week-table td)::after{border-radius:0}}html body.page-phases :is(#gregorianYearCard, #seasonCard) > .slider-gap{height:6px;min-height:6px}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-slider{margin:8px auto 18px;display:grid;place-items:center}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-stage{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:50%}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-outer{fill:none}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-progress{fill:none;stroke:#8ff2ff;stroke-linecap:round;transform:rotate(-90deg);transform-origin:130px 130px;filter:drop-shadow(0 0 8px rgba(118, 239, 255, .44))}html body.page-phases #seasonCard .calendar-circle-progress{stroke:#ffe08a;filter:drop-shadow(0 0 9px rgba(255, 204, 92, .36))}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-inner{fill:rgba(5, 18, 30, .92);stroke:rgba(130, 221, 239, .28);stroke-width:1.5px}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-ring-label{fill:#c4f3ff;font-weight:600;letter-spacing:0;paint-order:stroke;stroke:rgba(3, 12, 22, .88);stroke-width:3px;stroke-linejoin:round}html body.page-phases #seasonCard .calendar-circle-ring-label{fill:#ffe7ad;font-size:12px}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-center{position:relative;z-index:2;place-items:center;gap:4px;width:116px;min-height:82px;padding:12px 10px;border:1px solid rgba(129, 229, 248, .38);border-radius:50%;background:radial-gradient(circle at 45% 30%, rgba(26, 67, 91, .88), rgba(6, 21, 35, .94) 68%);box-shadow:inset 0 0 18px rgba(107, 229, 255, .08), 0 12px 28px rgba(0, 0, 0, .22);text-align:center}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-center span{color:#d7f9ff;font-size:1.02rem;font-weight:600;line-height:1.05}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-center b{color:#ffe6a3;font-size:1.28rem;font-weight:650;line-height:1}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-center small{color:#9bdcec;font-size:.74rem;font-weight:500;line-height:1.05}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-marker{position:absolute;z-index:3;left:50%;top:50%;width:18px;height:18px;border:2px solid rgba(244, 255, 255, .92);border-radius:50%;background:#72f0ff;box-shadow:0 0 0 4px rgba(12, 42, 58, .68), 0 0 16px rgba(116, 239, 255, .7);transform:translate(-50%, -50%) rotate(var(--calendar-deg)) translateY(-84px);transform-origin:center center}html body.page-phases #seasonCard .calendar-circle-marker{background:#ffd56a;box-shadow:0 0 0 4px rgba(52, 31, 13, .58), 0 0 16px rgba(255, 211, 97, .68)}@media (max-width: 720px){html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-stage{width:min(82vw, 320px)}html body.page-phases :is(#gregorianYearCard, #seasonCard) .calendar-circle-ring-label{font-size:10px}}html body.page-phases:is(*,._._) #zodiacCard:is(*,#_) .zodiac-wheel:is(*,._){& .zodiac-wheel-spoke:is(*,._){left:50%;top:50%;width:50%;height:50%;opacity:.9;background:linear-gradient(90deg, color-mix(in srgb, var(--c1) 42%, #061525) 0%, color-mix(in srgb, var(--c2) 36%, #061525) 68%, rgba(5, 16, 27, .16) 100%);clip-path:polygon(0 0, 100% 0, 86.602% 50%);transform-origin:0 0;transform:rotate(calc(var(--i) * 30deg - 90deg));border-right:1px solid rgba(177, 237, 255, .18);box-shadow:inset -18px 0 24px rgba(0, 0, 0, .18)}& .zodiac-wheel-spoke.is-current-zodiac-sign{opacity:1;background:linear-gradient(90deg, color-mix(in srgb, var(--c1) 72%, #14334b) 0%, color-mix(in srgb, var(--c2) 68%, #14334b) 70%, rgba(120, 232, 255, .18) 100%);border-right-color:rgba(232, 253, 255, .72);filter:brightness(1.18) saturate(1.08) drop-shadow(0 0 18px rgba(149, 230, 255, .28));box-shadow:inset -14px 0 22px rgba(255, 255, 255, .08), inset 0 0 28px rgba(208, 249, 255, .12)}& .zodiac-segment-sign:is(*,._){position:absolute;left:60%;top:16px;z-index:7;width:92px;color:#f5fbff;-webkit-text-fill-color:#f5fbff;font-size:clamp(.72rem, 1.25vw, .98rem);font-weight:550;letter-spacing:0;line-height:1.02;text-align:center;text-shadow:0 1px 5px rgba(0, 0, 0, .82);transform:translate(-50%, -50%) rotate(calc(90deg - var(--i) * 30deg));transform-origin:center center;white-space:normal}& .zodiac-wheel-spoke.is-current-zodiac-sign .zodiac-segment-sign{color:#ffffff;-webkit-text-fill-color:#ffffff;font-weight:650;text-shadow:0 1px 5px rgba(0, 0, 0, .9), 0 0 11px rgba(169, 239, 255, .55)}& .zodiac-sign-ring:is(*,._){pointer-events:none;width:auto;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .zodiac-element-ring:is(*,._) small{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:#d2f7ec;-webkit-text-fill-color:#d2f7ec;font-size:clamp(.72rem, 1.08vw, .9rem);text-shadow:0 1px 5px rgba(0, 0, 0, .88);white-space:nowrap}& .zodiac-element-ring:is(*,._) small b{display:inline-block;color:#f1fbff;-webkit-text-fill-color:#f1fbff;font-size:1.03em;font-weight:400;line-height:1;filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .7))}}@media (max-width: 760px){html body.page-phases:is(*,._._) #zodiacCard:is(*,#_) .zodiac-wheel:is(*,._) .zodiac-segment-sign:is(*,._){width:72px;font-size:.66rem}}html body.page-phases:is(*,._._) #zodiacCard:is(*,#_) .zodiac-wheel:is(*,._){& .zodiac-segment-sign:is(*,._){display:none}& .zodiac-sign-ring:is(*,._){transform:translate(-50%, -50%) rotate(var(--segment-angle)) translateY(calc(-1 * var(--zodiac-sign-radius))) rotate(calc(-1 * var(--segment-angle)))}& .zodiac-sign-ring:is(*,._) b{display:block;color:#f3f8fb;-webkit-text-fill-color:#f3f8fb;font-weight:650;line-height:1;text-align:center;text-shadow:0 2px 6px rgba(0, 0, 0, .92);white-space:nowrap}}@media (max-width: 720px){html body.page-phases:is(*,._._) #zodiacCard:is(*,#_){& .zodiac-wheel:is(*,._){--zodiac-sign-radius: clamp(140px, 39vw, 222px)}& .zodiac-wheel:is(*,._) .zodiac-sign-ring:is(*,._) b{font-size:clamp(.72rem, 2.8vw, .9rem)}}}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)){min-height:242px;overflow:visible}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) .mini-bottom-label.meal-name-bottom:is(*,._) .scale-label-text:is(*,._){top:0;right:0}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) .mini-bottom-label.meal-name-bottom:is(*,._) .scale-label-time:is(*,._){position:absolute;display:inline-flex;min-width:42px;transform:translateX(-50%)}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) .mini-bottom-label.meal-name-bottom.scale-label-start .scale-label-time:is(*,._){transform:none}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._){min-width:0;height:auto;flex-wrap:nowrap}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span{transform:none}html body.page-phases:is(*,._._) :is(#lunarYearCard:is(*,#_#_), #thirteenCard:is(*,#_#_)) > :is(.slider-gap, .progress-track, .segment-labels){display:none}html body.page-phases:is(*,._):not(.delayed-data-visible) #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_#_) :is(.alternate-week-table-title, .alternate-week-table-inner){opacity:0;visibility:hidden;pointer-events:none}html body.page-phases:is(*,._).delayed-data-visible #phaseOrderDayNames:is(*,#_) #alternateWeekCard:is(*,#_#_) :is(.alternate-week-table-title, .alternate-week-table-inner){opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease, visibility 0s linear 0s}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .phase-overview-location{position:relative;width:min(100%, 620px);margin:18px auto 4px;padding:15px 18px;border:1px solid rgba(111, 185, 201, .34);border-radius:14px;background:rgba(10, 31, 43, .72);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035)}& .phase-overview-location > label{display:block;margin:0 0 8px;color:#dceff2;font-size:.82rem;font-weight:750;letter-spacing:.04em;text-align:left;text-transform:uppercase}& .phase-overview-location-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:9px}& #phaseOverviewLocationInput{min-width:0;height:42px;padding:0 13px;border:1px solid rgba(127, 190, 204, .44);border-radius:9px;background:#102936;color:#edf8fa;font:inherit;outline:none}& #phaseOverviewLocationInput:focus{border-color:#74d3df;box-shadow:0 0 0 3px rgba(91, 203, 218, .14)}& #phaseOverviewLocationButton{min-height:42px;padding:0 17px;border:1px solid rgba(132, 220, 225, .5);border-radius:9px;background:linear-gradient(135deg, #245c68, #337b77);color:#f4ffff;font-size:.86rem;font-weight:750;cursor:pointer}& #phaseOverviewLocationButton:disabled{cursor:default;opacity:.48}& .phase-overview-location-status{display:block;min-height:18px;margin-top:7px;color:#9edbcf;font-size:.76rem;text-align:left}& .phase-overview-location-status.is-error{color:#ffb2a9}& .phase-overview-location-choices{position:absolute;z-index:40;right:18px;bottom:68px;left:18px;max-height:240px;overflow-y:auto;border:1px solid rgba(119, 196, 207, .5);border-radius:10px;background:#102733;box-shadow:0 16px 32px rgba(0, 0, 0, .38)}& .phase-overview-location-choices[hidden]{display:none}& .phase-overview-location-choices :is(.location-choice-title,.location-choice-option){display:block;width:100%;padding:9px 12px;border:0;border-bottom:1px solid rgba(147, 197, 205, .13);background:transparent;color:#e7f5f6;text-align:left}& .phase-overview-location-choices .location-choice-title{color:#9bcbd1;font-size:.75rem;font-weight:750;text-transform:uppercase}& .phase-overview-location-choices .location-choice-option{cursor:pointer;font:inherit}& .phase-overview-location-choices .location-choice-option:hover{background:rgba(74, 145, 151, .24)}}@media (max-width: 680px){html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .phase-overview-location{width:calc(100% - 16px);padding:13px}& .phase-overview-location-row{grid-template-columns:1fr}& #phaseOverviewLocationButton{width:100%}}}html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .natural-overview-celestial-row{display:grid;grid-template-columns:repeat(3, max-content);column-gap:clamp(16px, 3.5vw, 44px);align-items:center;justify-content:center;width:100%;margin:4px auto 11px;padding:0;border:0;background:transparent;box-shadow:none}& .natural-overview-celestial-item{display:grid;place-items:center;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}& .natural-overview-celestial-icon{display:block;width:88px;min-width:88px;max-width:88px;height:88px;min-height:88px;max-height:88px;margin:0;border:0;background-color:transparent;box-shadow:none}& .natural-overview-static-artwork{display:block;width:100%;height:100%;overflow:visible}& .natural-overview-static-sun{filter:drop-shadow(0 0 12px rgba(244, 191, 58, .28))}& .natural-overview-static-sun-disc{fill:#f3bf43;stroke:#ffe999;stroke-width:2.5}& .natural-overview-static-sun-rays{fill:none;stroke:#f6cf6a;stroke-width:4;stroke-linecap:round}& .natural-overview-static-moon{filter:drop-shadow(0 0 11px rgba(183, 207, 215, .25))}& .natural-overview-static-moon-body{fill:#aebbc1;stroke:#e5eef0;stroke-width:2}& .natural-overview-static-moon-crater{fill:#7d8d95;opacity:.72}& .natural-overview-static-moon-crater.crater-two{fill:#8b9aa1}& .natural-overview-static-moon-rim{fill:none;stroke:rgba(232, 242, 244, .72);stroke-width:2}& .natural-overview-static-planet{filter:drop-shadow(0 0 11px rgba(99, 202, 205, .26))}& .natural-overview-static-planet-body{fill:#4c929e;stroke:#aee0e2;stroke-width:2.2}& .natural-overview-static-planet-band{fill:none;stroke:rgba(202, 239, 235, .52);stroke-width:4;stroke-linecap:round}& .natural-overview-static-planet-shade{fill:rgba(13, 47, 61, .38)}}@media (max-width: 600px){html body.page-phases:is(*,._) #phaseSummaryDashboard:is(*,#_){& .natural-overview-celestial-row{width:100%;margin-bottom:5px}& .natural-overview-celestial-icon{width:68px;min-width:68px;max-width:68px;height:68px;min-height:68px;max-height:68px}}}html body.page-phases:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_){& > .seasonal-sun-angle-readouts:is(*,._){display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(100%, 860px);margin:-2px auto 16px}& .seasonal-sun-angle-bubble:is(*,._){display:inline-grid;grid-template-columns:minmax(0, auto) auto;align-items:center;justify-content:center;gap:9px;width:auto;min-width:0;max-width:100%;padding:8px 15px;border:1px solid rgba(126, 213, 255, .48);border-radius:999px;background:rgba(7, 27, 42, .74);color:#d8f7ff;box-shadow:0 0 18px rgba(86, 201, 255, .16)}& .seasonal-sun-angle-bubble span{color:#e6d3aa;font-size:.84rem;font-weight:500;letter-spacing:0;line-height:1.05}& .seasonal-sun-angle-bubble b{color:#9af4ff;font-size:1.22rem;font-weight:500;line-height:1}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& #seasonalSunPositionClockIcon:is(*,#_) .day-clock-hand{height:108px;transform:translate(-50%, -100%) rotate(var(--day-clock-angle));transform-origin:50% 100%;background:linear-gradient(180deg, #ffe58c, #f0a33e);box-shadow:0 0 12px rgba(246, 186, 67, .45)}& #seasonalSunPositionClockIcon:is(*,#_) .day-clock-sun{width:20px;height:20px;transform:translate(-50%, -50%) rotate(var(--day-clock-angle)) translateY(-110px);background:radial-gradient(circle at 35% 32%, #fff8bd 0 20%, #f4c452 58%, #c87220 100%);box-shadow:0 0 16px rgba(246, 190, 69, .58), 0 0 4px rgba(255, 244, 177, .7)}& #seasonalSunPositionClockIcon:is(*,#_).day-phase-visual::after{content:none;display:none}& #seasonalSunPositionClockIcon:is(*,#_) .seasonal-sun-angle-point-label{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%) rotate(var(--day-clock-angle)) translateY(-148px) rotate(var(--day-clock-angle-inverse));min-width:46px;padding:5px 8px;border:1px solid rgba(167, 222, 255, .4);border-radius:999px;background:rgba(5, 17, 31, .9);color:#dff6ff;font-size:.78rem;font-weight:600;line-height:1;text-align:center;box-shadow:0 0 14px rgba(87, 188, 255, .18)}& #seasonalSunPositionClockIcon:is(*,#_) .phase-circle-midday-marker{top:-40px}& #seasonalSunPositionClockIcon:is(*,#_) .phase-circle-midnight-marker{bottom:-48px}& :is(.current-sun-angle-section, .seasonal-today-sun-path-section, .current-solar-declination-section) .seasonal-sun-section-head{display:grid;justify-items:center;justify-content:center;text-align:center}& :is(.current-sun-angle-section, .seasonal-today-sun-path-section, .current-solar-declination-section) .seasonal-sun-section-head h4{text-align:center}& :is(.current-sun-angle-section, .current-solar-declination-section) p{max-width:850px;margin-left:auto;margin-right:auto;text-align:center}& .seasonal-today-sun-path-section .seasonal-sun-section-head b{display:none}& #seasonalSunAnalemmaChart:is(*,#_) :is(.seasonal-analemma-title,.seasonal-solar-graph-title){display:grid;justify-items:center;justify-content:center;gap:4px;text-align:center}& #seasonalSunAnalemmaChart:is(*,#_) :is(.seasonal-analemma-title span, .seasonal-solar-graph-title span){display:block;text-align:center}& #seasonalSunAnalemmaChart:is(*,#_) :is(.seasonal-analemma-title b, .seasonal-solar-graph-title b){display:block;text-align:center}& .today-sun-path-graph:is(*,._){height:220px;min-height:0;max-height:240px}& .today-sun-path-sun-ray{stroke:rgba(255, 225, 129, .92);stroke-width:.55;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(255, 201, 83, .3))}& .today-sun-path-sun-core{fill:#ffd66d;stroke:rgba(255, 249, 205, .95);stroke-width:.65;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(255, 204, 82, .36))}& .today-sun-path-current .today-sun-path-sun-core{fill:#94f3ff;stroke:rgba(226, 253, 255, .96);filter:drop-shadow(0 0 6px rgba(148, 243, 255, .48))}& :is(.today-sun-path-angle-label, .today-sun-path-time-label, .today-sun-path-end-label, .today-sun-path-apex-label){font-size:2.7px;letter-spacing:0}& .today-sun-path-angle-label{fill:#bfeeff;font-weight:600}& .today-sun-path-end-label{font-size:2.8px}}html body.page-phases:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSolarDeclinationMonthlyTable:is(*,#_){& .seasonal-sun-angle-tables:is(*,._){width:min(100%, 900px);max-width:900px;margin:0 auto}& .seasonal-sun-angle-tables:is(*,._) article{width:100%;max-width:900px;padding:14px 16px 16px;border-radius:8px;background:linear-gradient(145deg, rgba(9, 27, 39, .82), rgba(18, 37, 47, .86))}& :is(th, td){padding:8px 10px;font-size:.86rem;letter-spacing:0}}@media (max-width: 760px){html body.page-phases:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_){& > .seasonal-sun-angle-readouts:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);width:min(100%, 340px)}& .seasonal-sun-angle-bubble:is(*,._){grid-template-columns:minmax(0, 1fr) auto;width:100%}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) .today-sun-path-graph:is(*,._){height:190px}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-sun-angle-tables:is(*,._){gap:10px}& .seasonal-sun-angle-tables:is(*,._) article.seasonal-horizontal-table{padding:10px 10px 12px}& .seasonal-horizontal-table h4{margin:0 0 8px;font-size:.9rem;line-height:1.1}& .seasonal-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}& .seasonal-horizontal-table table{width:100%;min-width:720px;table-layout:fixed}& .seasonal-horizontal-table :is(th, td){padding:5px 5px;font-size:.72rem;line-height:1.15;letter-spacing:0;text-align:center;white-space:nowrap}& .seasonal-horizontal-table th:first-child{width:96px;color:#e8d6b8;text-align:left}& .seasonal-horizontal-table thead th{color:#9fdcff;font-weight:650}& .seasonal-declination-examples-table table{table-layout:auto}& .seasonal-declination-examples-table :is(th, td){padding:6px 8px;font-size:.78rem;line-height:1.2;letter-spacing:0}& .seasonal-declination-examples-table td:nth-child(2){max-width:640px;text-align:left;white-space:normal}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_){& :is(:is(#seasonalSunAngleTables, #seasonalSolarDeclinationMonthlyTable)#seasonalSunAngleTables,#seasonalSolarDeclinationMonthlyTable:is(*,#_)){width:min(100%, 900px)}& #seasonalSunAngleTables:is(*,#_) .seasonal-horizontal-table:is(*,._) table,& #seasonalSolarDeclinationMonthlyTable:is(*,#_) .seasonal-horizontal-table:is(*,._) table{width:100%;min-width:760px;table-layout:fixed}& :is(#seasonalSunAngleTables, #seasonalSolarDeclinationMonthlyTable) .seasonal-horizontal-table:is(*,._) :is(th, td){padding:4px 3px;font-size:.66rem;line-height:1.12;white-space:nowrap}& :is(#seasonalSunAngleTables, #seasonalSolarDeclinationMonthlyTable) .seasonal-horizontal-table:is(*,._) th:first-child{width:104px;white-space:normal}}html body.page-phases:is(*,._._._._) .planet-icon.planet-sun:is(*,._){position:relative;overflow:visible}html body.page-phases:is(*,._._._._) .planet-icon.planet-sun:is(*,._)::before{position:absolute;left:50%;top:50%;width:var(--rayless-sun-body-size, 72px);height:var(--rayless-sun-body-size, 72px);transform:translate(-50%, -50%);border-radius:50%}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._._) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_).planet-icon.planet-sun:is(*,._){width:96px;min-width:96px;max-width:96px;height:96px;min-height:96px;max-height:96px;margin-left:auto;margin-right:auto;background-position:center center}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._._._){width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px;margin:0 auto;background-position:center center}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-horizon-center-guide{stroke:rgba(90, 202, 255, .72);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}& .seasonal-horizon-current-arrow text{fill:#9ff7ff;-webkit-text-fill-color:#9ff7ff;font-size:17px;font-weight:700;letter-spacing:0;paint-order:stroke;stroke:rgba(2, 11, 18, .95);stroke-width:3px}& .seasonal-horizon-current-bubble b{text-transform:none}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnalemmaChart:is(*,#_#_) .seasonal-analemma-current:is(*,._){fill:#ff9f43;stroke:#ffe2b8;stroke-width:.9px;filter:drop-shadow(0 0 6px rgba(255, 159, 67, .58))}html body.page-phases:is(*,._._) #seasonalSunAnglePrimaryCard:is(*,#_) #seasonalSunAngleTables:is(*,#_){& .seasonal-sun-angle-throughout-table:is(*,._){width:min(100%, 640px);max-width:640px;margin:6px auto 18px;padding:16px 18px 18px;border:1px solid rgba(247, 205, 118, .34);border-radius:6px;background:linear-gradient(135deg, rgba(12, 37, 55, .62), rgba(22, 42, 47, .56)), rgba(4, 16, 27, .78);box-shadow:inset 0 0 0 1px rgba(255, 242, 180, .04), 0 12px 28px rgba(0, 0, 0, .18)}& .seasonal-sun-angle-throughout-table:is(*,._) h4{margin:0 0 12px;color:#ffe29a;font-size:1.42rem;font-weight:500;letter-spacing:0;text-align:center}& .seasonal-sun-angle-throughout-table:is(*,._) .seasonal-table-scroll{overflow-x:visible}& .seasonal-sun-angle-throughout-table:is(*,._) table{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid rgba(130, 205, 226, .28);border-radius:4px;overflow:hidden}& .seasonal-sun-angle-throughout-table:is(*,._) :is(th,td){padding:5px 8px;border-color:rgba(117, 189, 211, .24);font-size:.84rem;line-height:1.08;white-space:nowrap}& .seasonal-sun-angle-throughout-table:is(*,._) thead th{background:rgba(8, 36, 53, .86);color:#9fe8ff;font-weight:500}& .seasonal-sun-angle-throughout-table:is(*,._) tbody th{width:42%;color:#d5edf3;font-weight:400}& .seasonal-sun-angle-throughout-table:is(*,._) tbody td{color:#ffe09b;font-weight:400;text-align:center}& .seasonal-sun-angle-throughout-table:is(*,._) tbody tr:nth-child(even){background:rgba(105, 180, 205, .055)}}html body.page-phases:is(*,._._._._) #dayNightPhasesCard:is(*,#_){& .day-night-phase-track-rail:is(*,._){overflow:visible}& .day-night-section-divider:is(*,._){position:absolute;left:50%;top:var(--divider-top, 0%);z-index:7;width:190px;height:0;pointer-events:none;transform:translate(-50%, -50%)}& .day-night-section-divider:is(*,._)::before{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;border-radius:999px;background:linear-gradient(90deg, transparent 0%, rgba(95, 169, 207, .25) 9%, rgba(136, 224, 255, .86) 30%, rgba(220, 249, 255, .9) 50%, rgba(136, 224, 255, .86) 70%, rgba(95, 169, 207, .25) 91%, transparent 100%);box-shadow:0 0 10px rgba(87, 206, 255, .28);transform:translateY(-50%)}& .day-night-section-divider.day-night-divider-sunrise::before,& .day-night-section-divider.day-night-divider-sunset::before{height:3px;background:linear-gradient(90deg, transparent 0%, rgba(129, 78, 43, .28) 8%, rgba(255, 183, 94, .82) 31%, rgba(255, 226, 166, .94) 50%, rgba(255, 183, 94, .82) 69%, rgba(129, 78, 43, .28) 92%, transparent 100%);box-shadow:0 0 10px rgba(255, 180, 92, .34), 0 0 2px rgba(255, 240, 190, .42)}& .day-night-section-divider.day-night-divider-midday::before{height:3px;background:linear-gradient(90deg, transparent 0%, rgba(130, 216, 255, .28) 8%, rgba(145, 236, 255, .9) 30%, rgba(255, 233, 153, .95) 50%, rgba(145, 236, 255, .9) 70%, rgba(130, 216, 255, .28) 92%, transparent 100%);box-shadow:0 0 12px rgba(142, 231, 255, .4)}& .day-night-section-divider.day-night-divider-midnight-start::before,& .day-night-section-divider.day-night-divider-midnight-end::before{background:linear-gradient(90deg, transparent 0%, rgba(57, 92, 128, .2) 8%, rgba(87, 158, 205, .62) 30%, rgba(149, 218, 244, .78) 50%, rgba(87, 158, 205, .62) 70%, rgba(57, 92, 128, .2) 92%, transparent 100%);box-shadow:0 0 9px rgba(85, 160, 214, .22)}& .day-night-section-divider:is(*,._) b{display:none}}@media (max-width: 760px){html body.page-phases:is(*,._._._._) #dayNightPhasesCard:is(*,#_) .day-night-section-divider:is(*,._){width:86px}}html body.page-phases:is(*,._._) #seasonalCurrentSunAngleSection:is(*,#_#_){overflow:visible}html body.page-phases:is(*,._._) #seasonalCurrentSunAngleSection:is(*,#_#_){& .current-sun-angle-layout{display:grid;place-items:center;overflow:visible;padding:14px 0 18px}& .seasonal-sun-angle-layered-card{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}& .seasonal-sun-angle-clock-stage{display:grid;place-items:center;width:100%;overflow:visible}& .seasonal-sun-angle-clock-face{position:relative;width:min(100%, 620px);max-width:620px;aspect-ratio:1 / 1;margin:14px auto;border-radius:50%;background:radial-gradient(circle at 50% 50%, #071324 0 21%, transparent 22%), conic-gradient(from -90deg, #071121 0deg 27deg, #162248 40deg, #85482d 72deg, #226c91 98deg, #2c86ae 146deg, #2e90bd 180deg, #247a9e 214deg, #9a512b 288deg, #15224a 320deg, #06101f 360deg);box-shadow:inset 0 0 0 2px rgba(138, 225, 255, .24), inset 0 0 72px rgba(0, 0, 0, .38), 0 18px 46px rgba(0, 0, 0, .34);overflow:visible}& .seasonal-sun-angle-clock-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}& :is(.seasonal-sun-angle-outer-ring, .seasonal-sun-angle-degree-ring, .seasonal-sun-angle-sun-ring){fill:none;stroke-width:1.4px}& .seasonal-sun-angle-outer-ring{stroke:rgba(178, 239, 255, .34)}& .seasonal-sun-angle-degree-ring{stroke:rgba(255, 225, 160, .26);stroke-dasharray:2 4}& .seasonal-sun-angle-sun-ring{stroke:rgba(122, 226, 255, .24)}& .seasonal-sun-angle-night-core{fill:rgba(4, 12, 24, .96);stroke:none}& .seasonal-sun-angle-degree-label{fill:#e8fbff;font-size:8px;font-weight:800;letter-spacing:0;paint-order:stroke;stroke:rgba(2, 8, 15, .95);stroke-width:2px}& .seasonal-sun-angle-degree-main{fill:#ffe7a7;font-size:9px}& .seasonal-sun-angle-main-degree-label{fill:#c8f6ff;font-size:8px;font-weight:800;letter-spacing:0;paint-order:stroke;stroke:rgba(2, 8, 15, .96);stroke-width:2px}& .seasonal-sun-angle-current-ray{stroke:rgba(255, 222, 101, .92);stroke-width:2px;stroke-linecap:round}& .seasonal-sun-angle-current-sun-core{fill:#ffd66a;stroke:rgba(255, 250, 224, .96);stroke-width:2px;filter:drop-shadow(0 0 8px rgba(255, 198, 65, .42))}& .seasonal-sun-angle-label-chip{position:absolute;z-index:4;min-width:76px;padding:4px 8px;border:1px solid rgba(139, 232, 255, .46);border-radius:7px;background:rgba(4, 17, 31, .9);color:#dffaff;font-size:.72rem;font-weight:400;letter-spacing:0;line-height:1;text-align:center;text-shadow:0 1px 5px rgba(0, 0, 0, .75);transform:translate(-50%, -50%);white-space:nowrap}& .seasonal-sun-angle-label-main{border-color:rgba(255, 225, 154, .58);color:#ffe8ad}}@media (max-width: 760px){html body.page-phases:is(*,._._) #seasonalCurrentSunAngleSection:is(*,#_#_){& .seasonal-sun-angle-clock-face{width:min(100%, 430px)}& .seasonal-sun-angle-label-chip{min-width:60px;padding:3px 5px;font-size:.58rem}}}html body.page-phases:is(*,._._._._._) .phase-order-legacy-hidden:is(*,._),html body.page-phases:is(*,._._._._._) .weather-cycle-wrapper:is(*,._) > .phase-day-panel:is(*,._),html body.page-phases:is(*,._._._._._) .weather-cycle-wrapper:is(*,._) > .sun-cycle-panel:is(*,._),html body.page-phases:is(*,._._._._._) .phase-summary-circle-card:has(#dayPhaseClockIcon),html body.page-phases:is(*,._._._._._) .phase-summary-circle-card:has(#sunPhaseClockIcon){display:none}html body.page-phases:is(*,._._._._._) #phaseOrderDayNightPhases:is(*,#_){display:block;width:min(100%, 1180px);max-width:1180px;margin-inline:auto}html body.page-phases:is(*,._._._._._) #dayNightPhasesCard:is(*,#_){display:block}html body.page-phases:is(*,._._._) #dayNightPhasesCard:is(*,#_){width:min(100%, 1180px);max-width:1180px;margin-inline:auto;padding:24px 28px 30px;border:1px solid rgba(126, 213, 255, .32);border-radius:10px;background:radial-gradient(circle at 22% 8%, rgba(244, 160, 88, .16), transparent 32%), radial-gradient(circle at 82% 14%, rgba(95, 213, 234, .16), transparent 34%), linear-gradient(150deg, rgba(11, 27, 39, .96), rgba(16, 39, 50, .96) 54%, rgba(8, 18, 31, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 38px rgba(0, 0, 0, .24)}html body.page-phases:is(*,._._._) #dayNightPhasesCard:is(*,#_) > .weather-period-scale-title:is(*,._){color:#ffe3ad;font-size:1.45rem;line-height:1.1;margin:0 0 18px;text-align:center;white-space:nowrap}html body.page-phases:is(*,._._._) #dayNightPhaseCombinedScale.day-night-phase-combined-scale{box-sizing:border-box}html body.page-phases:is(*,._._._) .day-night-phase-column-title{color:#8befff;font-size:.88rem;font-weight:800;letter-spacing:0;line-height:1.1;text-align:center;text-transform:none;white-space:nowrap}html body.page-phases:is(*,._._._) .day-night-phase-column-left{grid-column:1;text-align:right;padding-right:16px}html body.page-phases:is(*,._._._) .day-night-phase-column-center{grid-column:2}html body.page-phases:is(*,._._._) .day-night-phase-column-right{grid-column:3;text-align:left;padding-left:16px}html body.page-phases:is(*,._._._) .day-night-phase-scale-body{display:grid;grid-column:1 / -1;grid-template-columns:minmax(230px, 1fr) 150px minmax(230px, 1fr);gap:22px;min-height:var(--day-night-track-height);align-items:stretch}html body.page-phases:is(*,._._._) :is(.day-night-phase-label-column, .day-night-phase-track, .day-night-phase-track-rail){position:relative;min-height:var(--day-night-track-height)}html body.page-phases:is(*,._._._) .day-night-phase-track-rail{width:100%;border-radius:999px;background:linear-gradient(90deg, transparent 0 42%, rgba(195, 235, 244, .18) 42% 58%, transparent 58%), rgba(3, 11, 21, .42);box-shadow:inset 0 0 0 1px rgba(154, 230, 255, .18), inset 0 0 24px rgba(0, 0, 0, .28);overflow:visible}html body.page-phases:is(*,._._._) .day-night-phase-segment{position:absolute;left:50%;width:54px;min-height:3px;border-left:1px solid rgba(255, 255, 255, .08);border-right:1px solid rgba(0, 0, 0, .2);transform:translateX(-50%)}html body.page-phases:is(*,._._._) .day-night-side-label,html body.page-phases:is(*,._._._) .day-night-time-label{position:absolute;top:var(--row-top);z-index:2;max-width:100%;color:#d9f6ff;font-size:.82rem;font-weight:700;letter-spacing:0;line-height:1;text-shadow:0 1px 8px rgba(0, 0, 0, .7);text-transform:none;transform:translateY(-50%);white-space:nowrap}html body.page-phases:is(*,._._._) .day-night-phase-label{right:0;text-align:right}html body.page-phases:is(*,._._._) .day-night-sun-label{left:0;color:#f4d69a;text-align:left}html body.page-phases:is(*,._._._) .day-night-time-label{left:50%;z-index:4;min-width:72px;padding:3px 8px;border:1px solid rgba(125, 224, 255, .28);border-radius:999px;background:rgba(3, 14, 25, .82);color:#bff7ff;font-size:.72rem;text-align:center;transform:translate(-50%, -50%)}html body.page-phases:is(*,._._._) .day-night-phase-marker{position:absolute;left:50%;top:var(--day-night-marker-top, 50%);z-index:8;width:138px;height:0;transform:translate(-50%, -50%)}html body.page-phases:is(*,._._._) .day-night-phase-marker::before{content:"";position:absolute;left:0;right:0;top:0;border-top:2px solid rgba(143, 247, 255, .9);box-shadow:0 0 10px rgba(106, 227, 255, .45)}html body.page-phases:is(*,._._._) .day-night-phase-marker::after{content:"";position:absolute;left:50%;top:0;width:12px;height:12px;border:2px solid rgba(235, 255, 255, .95);border-radius:50%;background:#6df1ff;box-shadow:0 0 14px rgba(106, 227, 255, .65);transform:translate(-50%, -50%)}html body.page-phases:is(*,._._._) .day-night-phase-marker b{position:absolute;left:50%;top:-26px;min-width:74px;padding:4px 9px;border:1px solid rgba(143, 247, 255, .52);border-radius:999px;background:rgba(4, 16, 28, .94);color:#effdff;font-size:.75rem;line-height:1;text-align:center;transform:translateX(-50%);white-space:nowrap}html body.page-phases:is(*,._._._) #dayNightPhaseCombinedScale{& .is-active-phase{color:#92f6ff;filter:drop-shadow(0 0 6px rgba(84, 226, 255, .38))}& .day-night-time-label.is-active-phase{border-color:rgba(143, 247, 255, .8);background:rgba(6, 33, 49, .94);color:#ffffff}}@media (max-width: 760px){html body.page-phases:is(*,._._._) #dayNightPhaseCombinedScale.day-night-phase-combined-scale,html body.page-phases:is(*,._._._) .day-night-phase-scale-body{grid-template-columns:minmax(118px, 1fr) 94px minmax(118px, 1fr);gap:10px}html body.page-phases:is(*,._._._) :is(.day-night-side-label, .day-night-time-label){font-size:.68rem}html body.page-phases:is(*,._._._) .day-night-time-label{min-width:56px;padding-inline:5px}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-vertical-table.seasonal-sunrise-sunset-table:is(*,._) table{min-width:650px;table-layout:fixed}& .seasonal-vertical-table.seasonal-sunrise-sunset-table:is(*,._) thead th:first-child,& .seasonal-vertical-table.seasonal-sunrise-sunset-table:is(*,._) tbody th:first-child{width:118px;max-width:118px}& .seasonal-vertical-table.seasonal-sunrise-sunset-table:is(*,._) thead th:not(:first-child){line-height:1.02}& .seasonal-vertical-table.seasonal-sunrise-sunset-table:is(*,._) tbody td{white-space:nowrap}& .seasonal-horizon-sunrise-graph:is(*,._) .seasonal-horizon-month-dot:is(*,._){fill:#ffe08d;stroke:rgba(7, 18, 27, .96);stroke-width:1.4}& .seasonal-horizon-sunset-graph:is(*,._) .seasonal-horizon-month-dot:is(*,._){fill:#ff9d78;stroke:rgba(7, 18, 27, .96);stroke-width:1.4}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) .seasonal-table-season-label:is(*,._){display:inline;white-space:nowrap;color:#f5d48a;line-height:1.1}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAzimuthCard:is(*,#_#_){& #seasonalSunriseSunsetPositionChart:is(*,#_#_){display:grid;justify-items:center;gap:14px;width:100%;max-width:100%}& #seasonalSunriseSunsetPositionChart:is(*,#_#_) > p{width:min(100%, 960px);max-width:960px}& .seasonal-horizon-graphs{display:grid;grid-template-columns:minmax(0, 1fr);gap:18px;width:min(100%, 1080px);max-width:1080px}& .seasonal-horizon-graph{display:grid;gap:8px;width:100%;min-width:0;box-sizing:border-box;padding:12px 14px 14px;border:1px solid rgba(148, 222, 235, .22);border-radius:8px;background:radial-gradient(circle at 10% 0%, rgba(255, 194, 104, .12), transparent 34%), radial-gradient(circle at 88% 10%, rgba(94, 221, 238, .1), transparent 38%), linear-gradient(145deg, rgba(5, 19, 31, .56), rgba(7, 25, 36, .68))}& .seasonal-horizon-graph-head{display:grid;justify-items:center;gap:3px}& .seasonal-horizon-graph-head h5{margin:0;color:#ffe2a4;-webkit-text-fill-color:#ffe2a4;font-size:.98rem;font-weight:700;letter-spacing:0}& .seasonal-horizon-graph-head span{color:rgba(218, 240, 243, .82);-webkit-text-fill-color:rgba(218, 240, 243, .82);font-size:.78rem;line-height:1.2;text-align:center}& .seasonal-horizon-svg{display:block;width:100%;height:312px;overflow:visible}& .seasonal-horizon-slider-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}& .seasonal-horizon-bg{fill:rgba(3, 13, 23, .46);stroke:rgba(165, 222, 235, .13);stroke-width:1}& .seasonal-horizon-axis{stroke:#1e79a8;stroke-width:4;stroke-linecap:round}& .seasonal-horizon-arc{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:5 7;opacity:.92}& .seasonal-horizon-sunrise-graph .seasonal-horizon-arc{stroke:url(#seasonalHorizonSunriseGradient)}& .seasonal-horizon-sunset-graph .seasonal-horizon-arc{stroke:url(#seasonalHorizonSunsetGradient)}& .seasonal-horizon-tick line{stroke:rgba(196, 231, 235, .16);stroke-width:1}}.seasonal-horizon-tick-90 line{stroke:rgba(88, 190, 255, .86);stroke-width:3}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-horizon-tick text{fill:#9ff7ff;font-size:18px;font-weight:800;letter-spacing:0;paint-order:stroke;stroke:rgba(3, 11, 17, .96);stroke-width:3.2px}& .seasonal-horizon-month-leader{stroke:rgba(255, 233, 181, .35);stroke-width:1;stroke-dasharray:3 4}& .seasonal-horizon-month-dot{fill:#ffe08d;stroke:rgba(7, 18, 27, .96);stroke-width:1.4}& .seasonal-horizon-sunset-month .seasonal-horizon-month-dot{fill:#ff9d78}& .seasonal-horizon-equinox .seasonal-horizon-month-label{fill:#b8ffcf;stroke-width:3.4px}& .seasonal-horizon-solstice .seasonal-horizon-month-label{fill:#ffe2a4;stroke-width:3.4px}& .seasonal-horizon-month-label{fill:#edf6ed;font-size:15px;font-weight:700;letter-spacing:0;paint-order:stroke;stroke:rgba(4, 12, 19, .94);stroke-width:3px}}@media (max-width: 760px){html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-horizon-graphs{width:100%}& .seasonal-horizon-graph{width:100%;min-width:0;max-width:100%;padding:10px 8px 12px}& .seasonal-horizon-svg{height:260px;min-height:260px}}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAzimuthCard:is(*,#_#_) #seasonalSunriseSunsetPositionChart:is(*,#_#_){& .seasonal-azimuth-circle:is(*,._._){width:min(100%, 660px);max-width:660px;height:auto;aspect-ratio:auto;overflow:visible}& .seasonal-azimuth-month-label{font-size:7.2px;stroke-width:1.75px}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAzimuthCard:is(*,#_#_#_) #seasonalSunriseSunsetPositionChart:is(*,#_#_#_) .seasonal-azimuth-circle:is(*,._._._){width:min(100%, 660px);max-width:660px;height:auto;aspect-ratio:auto;overflow:visible}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_){& #seasonalDayLengthGraphSection:is(*,#_#_).seasonal-day-length-graph-card{width:min(100%, 1110px);max-width:1110px}& #seasonalDayLengthGraphSection:is(*,#_#_) .seasonal-day-length-graph:is(*,._){height:290px}& #seasonalDayLengthGraphSection:is(*,#_#_) .seasonal-day-length-month-label{font-size:8.5px;font-weight:800}& #seasonalSunAnalemmaChart:is(*,#_#_) .seasonal-analemma-path{stroke:rgba(255, 207, 107, .95);stroke-width:1.35px;stroke-dasharray:none;filter:none}& #seasonalSunAnalemmaChart:is(*,#_#_) :is(.seasonal-analemma-dot,.seasonal-analemma-current){filter:none}& #seasonalSunriseSunsetPositionChart:is(*,#_#_) .seasonal-azimuth-layout{grid-template-columns:minmax(0, 1fr);justify-items:center;gap:8px}& #seasonalSunriseSunsetPositionChart:is(*,#_#_) .seasonal-azimuth-circle{overflow:visible}& .current-solar-declination-section:is(*,._) .solar-declination-map:is(*,._){max-height:360px}& #seasonalSunPositionClockIcon:is(*,#_#_).day-phase-visual{width:min(215px, 62vw);height:min(215px, 62vw)}& #seasonalSunAnalemmaChart:is(*,#_#_) .seasonal-analemma-title span{font-size:1.04rem;line-height:1.16;text-transform:none}& #seasonalSunriseSunsetPositionChart:is(*,#_#_) .seasonal-azimuth-circle{width:min(100%, 520px);max-width:520px}& #seasonalSunriseSunsetPositionChart:is(*,#_#_) .seasonal-azimuth-month-label{font-size:7.4px;stroke-width:1.9px}& .current-solar-declination-section:is(*,._) .solar-declination-map:is(*,._){width:min(100%, 900px);max-width:900px}& #seasonalSunAnalemmaChart:is(*,#_#_) .seasonal-analemma-month-label{font-size:3.15px;stroke-width:.52px}& #seasonalSunAnalemmaChart:is(*,#_#_) .seasonal-analemma-axis-label{font-size:2.35px;stroke-width:.36px}}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_).phase-order-section{width:min(100%, 1180px);max-width:1180px;margin-inline:auto;padding:0;border:0;background:transparent;background-image:none;box-shadow:none}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& > .phase-order-title:is(*,._){display:none}& > .phase-order-body:is(*,._),& #seasonalSunAnglePanel:is(*,#_#_),& #seasonalSunAnglePanel:is(*,#_#_) :is(.seasonal-sun-grid:is(*,._),.seasonal-sun-controls:is(*,._)){width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;background-image:none;box-shadow:none}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-card-stack:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:22px;justify-items:stretch}& .seasonal-sun-topic-card:is(*,._){box-sizing:border-box;display:grid;gap:18px;width:min(100%, 1180px);max-width:1180px;margin-inline:auto;padding:22px 24px 24px;border:1px solid rgba(160, 225, 241, .26);border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 20px 44px rgba(0, 0, 0, .26)}& .seasonal-sun-topic-header{display:grid;justify-items:center;gap:10px;text-align:center}& .seasonal-sun-topic-header h3{margin:0;color:#f7dfaa;font-size:clamp(1.35rem, 2.1vw, 1.85rem);font-weight:750;line-height:1.12;letter-spacing:0;text-align:center}& .seasonal-sun-topic-header h3 span{color:#92efff;font-size:.82em;font-weight:650}& .seasonal-sun-topic-body{display:grid;grid-template-columns:minmax(0, 1fr);gap:18px;justify-items:center}& .seasonal-theme-sun-angle{background:radial-gradient(circle at 18% 0%, rgba(255, 207, 92, .2), transparent 34%), radial-gradient(circle at 82% 12%, rgba(122, 230, 255, .13), transparent 38%), linear-gradient(145deg, rgba(21, 43, 54, .98), rgba(10, 29, 42, .98) 52%, rgba(32, 27, 29, .98))}& .seasonal-theme-azimuth{background:radial-gradient(circle at 12% 16%, rgba(255, 147, 101, .18), transparent 34%), radial-gradient(circle at 86% 10%, rgba(95, 236, 229, .16), transparent 36%), linear-gradient(145deg, rgba(17, 48, 57, .98), rgba(12, 32, 46, .98) 58%, rgba(36, 25, 34, .98))}& .seasonal-theme-day-night{background:radial-gradient(circle at 14% 10%, rgba(255, 205, 102, .13), transparent 30%), radial-gradient(circle at 84% 12%, rgba(139, 177, 255, .19), transparent 38%), linear-gradient(145deg, rgba(13, 27, 49, .98), rgba(7, 20, 38, .99) 48%, rgba(17, 42, 52, .98))}& .seasonal-theme-declination{background:radial-gradient(circle at 18% 12%, rgba(93, 166, 107, .23), transparent 34%), radial-gradient(circle at 84% 8%, rgba(79, 184, 218, .16), transparent 38%), linear-gradient(145deg, rgba(27, 48, 39, .98), rgba(13, 36, 42, .98) 55%, rgba(38, 35, 31, .98))}& .seasonal-sun-angle-readouts-single:is(*,._){display:flex;justify-content:center;width:auto;max-width:100%;margin:0}& .seasonal-sun-angle-readouts-single .seasonal-sun-angle-bubble:not(:first-child){display:none}& .seasonal-sun-topic-card :is(.seasonal-sun-info-section, .seasonal-solar-graph, .seasonal-day-length-graph-card, #seasonalSunAngleTables, #seasonalSunriseSunsetYearTable, #seasonalDayNightLengthYearTable, #seasonalSolarDeclinationMonthlyTable){width:100%;max-width:100%;margin:0;padding:0;border:0;background:transparent;background-image:none;box-shadow:none}& .seasonal-sun-topic-card :is(.seasonal-vertical-table, .seasonal-horizontal-table){width:100%;max-width:100%;padding:14px 16px 16px;border:1px solid rgba(155, 224, 238, .18);border-radius:8px;background:rgba(3, 15, 25, .36);box-shadow:inset 0 0 18px rgba(255, 255, 255, .025)}& .seasonal-theme-sun-angle :is(.seasonal-vertical-table, .seasonal-horizontal-table){border-color:rgba(255, 218, 126, .22)}& .seasonal-theme-azimuth :is(.seasonal-vertical-table, .seasonal-horizontal-table){border-color:rgba(255, 158, 125, .22)}& .seasonal-theme-day-night :is(.seasonal-vertical-table, .seasonal-horizontal-table){border-color:rgba(143, 184, 255, .22)}& .seasonal-theme-declination :is(.seasonal-vertical-table, .seasonal-horizontal-table){border-color:rgba(118, 190, 125, .22)}& #seasonalSunAnglePrimaryCard:is(*,#_#_) .seasonal-sun-angle-readouts-single:is(*,._) > .seasonal-sun-angle-bubble:is(*,._):not(:first-child){display:none}& #seasonalSunPositionClockIcon:is(*,#_#_){box-shadow:inset 0 0 32px rgba(0, 0, 0, .25), 0 0 18px rgba(80, 184, 229, .14)}& #seasonalSunAnglePrimaryCard:is(*,#_#_) :is(#seasonalCurrentSunAngleSection:is(*,#_#_),#seasonalTodaySunPathSection:is(*,#_#_),#seasonalSunAnalemmaChart:is(*,#_#_)),& #seasonalSunAzimuthCard:is(*,#_#_) #seasonalSunriseSunsetPositionChart:is(*,#_#_),& #seasonalSunDayNightCard:is(*,#_#_) #seasonalDayLengthGraphSection:is(*,#_#_),& #seasonalSunDeclinationCard:is(*,#_#_) #seasonalSolarDeclinationSection:is(*,#_#_){padding:0;border:0;background:transparent;background-image:none;box-shadow:none}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-position-circle-card:is(*,._){width:min(100%, 310px);padding-bottom:12px}& #seasonalDayLengthGraphSection:is(*,#_).seasonal-day-length-graph-card{width:min(100%, 1110px);max-width:1110px}& #seasonalDayLengthGraphSection:is(*,#_) .seasonal-day-length-graph:is(*,._){height:290px}& #seasonalDayLengthGraphSection:is(*,#_) .seasonal-day-length-month-label{font-size:8.5px;font-weight:800}& #seasonalSunAnalemmaChart:is(*,#_) .seasonal-analemma-title span{max-width:92%;font-size:1.12rem;line-height:1.16}& #seasonalSunAnalemmaChart:is(*,#_) .seasonal-analemma-title b{font-size:1rem}& #seasonalSunAnalemmaChart:is(*,#_) .seasonal-analemma-path{stroke:rgba(255, 207, 107, .95);stroke-width:1.35px;stroke-dasharray:none;filter:none}& #seasonalSunAnalemmaChart:is(*,#_) .seasonal-analemma-dot{fill:rgba(130, 232, 255, .88);filter:none}& #seasonalSunriseSunsetPositionChart:is(*,#_) .seasonal-azimuth-layout{grid-template-columns:minmax(0, 1fr);justify-items:center;gap:8px}& #seasonalSunriseSunsetPositionChart:is(*,#_) .seasonal-azimuth-circle{width:min(100%, 440px);max-width:440px;overflow:visible}& #seasonalSunriseSunsetPositionChart:is(*,#_) .seasonal-azimuth-leader{stroke:rgba(214, 238, 240, .48);stroke-width:.75px;vector-effect:non-scaling-stroke}& #seasonalSunriseSunsetPositionChart:is(*,#_) .seasonal-azimuth-month-label{fill:#e7fbff;font-size:8.5px;font-weight:800;paint-order:stroke;stroke:rgba(3, 12, 20, .94);stroke-width:2.4px;stroke-linejoin:round}& #seasonalSunriseSunsetPositionChart:is(*,#_) .seasonal-azimuth-legend{grid-column:auto;margin-top:-6px}& .current-solar-declination-section:is(*,._) .solar-declination-map:is(*,._){width:min(100%, 860px);max-width:860px;max-height:360px}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& #seasonalSunAnglePanel:is(*,#_#_) > .seasonal-sun-angle-readouts:is(*,._){display:grid;grid-template-columns:repeat(3, max-content);justify-content:center;align-items:center;gap:10px 11px;width:min(100%, 900px)}& > .seasonal-sun-angle-readouts:is(*,._){display:grid;grid-template-columns:repeat(3, max-content);justify-content:center;align-items:center;gap:10px 11px;width:min(100%, 900px)}& #seasonalSunAnglePanel:is(*,#_#_) > .seasonal-sun-angle-readouts:is(*,._) .seasonal-sun-angle-bubble:first-child{grid-column:1 / -1;justify-self:center}& > .seasonal-sun-angle-readouts:is(*,._) .seasonal-sun-angle-bubble:first-child{grid-column:1 / -1;justify-self:center}& #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunriseSunsetPositionChart.seasonal-sunrise-sunset-chart{box-sizing:border-box;display:grid;gap:12px;width:min(100%, 900px);max-width:900px;justify-self:center;padding:16px 18px 18px;border:1px solid rgba(126, 214, 235, .28);border-radius:10px;background:radial-gradient(circle at 18% 0%, rgba(255, 210, 115, .12), transparent 35%), radial-gradient(circle at 82% 8%, rgba(91, 201, 236, .12), transparent 40%), linear-gradient(150deg, rgba(9, 26, 39, .93), rgba(17, 34, 45, .97) 58%, rgba(9, 20, 32, .98))}& #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunriseSunsetPositionChart h4{margin:0;color:#a8ecff;font-size:1.08rem;font-weight:700;text-align:center}& #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunriseSunsetPositionChart p{width:min(100%, 720px);margin:0 auto;color:#d7edf1;-webkit-text-fill-color:#d7edf1;font-size:.88rem;line-height:1.38;text-align:center}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-layout{display:grid;grid-template-columns:minmax(240px, 310px) minmax(0, 1fr);align-items:center;gap:16px}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-circle{width:min(100%, 310px);aspect-ratio:1;justify-self:center;overflow:visible}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-sky{fill:rgba(5, 18, 29, .74);stroke:rgba(160, 230, 244, .5);stroke-width:2}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-axis{stroke:rgba(210, 236, 241, .22);stroke-width:1.2}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-point{stroke:rgba(255, 255, 255, .82);stroke-width:1}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-sunrise{fill:#ffd778}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-sunset{fill:#ff9f7a}& #seasonalSunAnglePanel:is(*,#_#_) :is(.seasonal-azimuth-label,.seasonal-azimuth-cardinal){fill:#d8eef4;font-size:9px;font-weight:700;paint-order:stroke;stroke:rgba(4, 13, 22, .92);stroke-width:3px}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-center{fill:#bafcff}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-legend{display:flex;justify-content:center;gap:14px;grid-column:1 / 2;margin-top:-4px;color:#d8eef4;font-size:.78rem}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-legend span{display:inline-flex;align-items:center;gap:6px}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-swatch{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255, 255, 255, .75)}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-swatch.seasonal-azimuth-sunrise{background:#ffd778}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-swatch.seasonal-azimuth-sunset{background:#ff9f7a}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-table-wrap{grid-row:span 2;overflow-x:auto}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-table{width:100%;min-width:390px;border-collapse:collapse;table-layout:fixed}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-table :is(th, td){padding:6px 7px;border-bottom:1px solid rgba(142, 216, 235, .16);color:#d9f3fa;-webkit-text-fill-color:#d9f3fa;font-size:.76rem;line-height:1.18;text-align:center}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-table th{color:#ffe0a2;-webkit-text-fill-color:#ffe0a2}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-azimuth-table th:first-child{width:82px;text-align:left}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-vertical-table.seasonal-sunrise-sunset-table th:first-child{width:190px}& #seasonalSunAnglePanel:is(*,#_#_) .seasonal-vertical-table.seasonal-sunrise-sunset-table thead th{white-space:normal;overflow-wrap:anywhere;font-size:.72rem;line-height:1.05}}@media (max-width: 760px){html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& > .seasonal-sun-angle-readouts:is(*,._),& .seasonal-azimuth-layout{grid-template-columns:minmax(0, 1fr)}& :is(.seasonal-azimuth-legend,.seasonal-azimuth-table-wrap){grid-column:auto;grid-row:auto}}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-sun-angle-tables:is(*,._) article.seasonal-vertical-table{padding:12px 14px 14px}& .seasonal-vertical-table h4{margin:0 0 9px;font-size:1rem;line-height:1.15}& .seasonal-vertical-table table{width:100%;min-width:560px;table-layout:fixed}& .seasonal-vertical-table.seasonal-sunrise-sunset-table table{min-width:820px}& .seasonal-vertical-table :is(th, td){padding:7px 8px;font-size:.8rem;line-height:1.18;letter-spacing:0;text-align:center;white-space:nowrap;vertical-align:middle}& .seasonal-vertical-table th:first-child{width:150px;color:#e8d6b8;text-align:left;white-space:normal}& .seasonal-vertical-table thead th{color:#9fdcff;font-weight:650}& .seasonal-vertical-table .seasonal-table-season-label{align-items:flex-start;text-align:left}}html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_){& #seasonalSunAnglePanel:is(*,#_#_#_)[data-sun-angle-layout="educational"] .seasonal-sun-controls:is(*,._){width:min(100%, 1100px);max-width:1100px;justify-items:center}& #seasonalSunAnglePanel:is(*,#_#_#_) :is(.seasonal-today-sun-path-section, .current-sun-angle-section, .current-solar-declination-section, #seasonalSunAnalemmaChart, #seasonalSunAngleTables, #seasonalSolarDeclinationMonthlyTable){width:min(100%, 900px);max-width:900px;justify-self:center}& #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalDayLengthGraphSection.seasonal-day-length-graph-card{box-sizing:border-box;display:grid;gap:10px;min-height:0;padding:16px 18px 18px;border:1px solid rgba(126, 214, 235, .28);border-radius:10px;background:radial-gradient(circle at 18% 0%, rgba(255, 215, 128, .14), transparent 35%), radial-gradient(circle at 84% 8%, rgba(89, 199, 231, .13), transparent 38%), linear-gradient(150deg, rgba(11, 28, 41, .93), rgba(18, 35, 45, .96) 56%, rgba(10, 22, 34, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 14px 28px rgba(0, 0, 0, .2);overflow:hidden}& #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalDayLengthGraphSection h4{margin:0 0 2px;color:#dbefff;font-size:1.02rem;font-weight:650;letter-spacing:0;text-align:center}& #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalDayLengthGraphSection .seasonal-day-length-graph{display:block;width:100%;min-height:0}& #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalDayLengthGraphSection .seasonal-day-length-y-tick text{font-size:7.5px;font-weight:700}& #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalDayLengthGraphSection .seasonal-day-length-season-marker text{font-size:7px;font-weight:800}& #seasonalSunAnglePanel:is(*,#_#_#_) .solar-declination-season-line text,& #seasonalSunAnglePanel:is(*,#_#_#_) .solar-declination-map-label.current-label{font-size:9.5px;stroke-width:2.4px}}@media (max-width: 760px){html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalDayLengthGraphSection .seasonal-day-length-graph{height:220px}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) .current-solar-declination-section:is(*,._) .solar-declination-map:is(*,._){display:block;min-height:0;height:auto;margin:8px auto 0;overflow:hidden;border:1px solid rgba(126, 214, 235, .24);border-radius:8px;background:#061a2c;box-shadow:inset 0 0 24px rgba(18, 89, 124, .22), 0 12px 28px rgba(0, 0, 0, .22)}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .solar-declination-map-bg{fill:#061a2c}& .solar-declination-world-map{opacity:.94}& .solar-declination-map-veil{fill:rgba(4, 13, 23, .18)}& .solar-declination-season-line line{stroke:rgba(229, 243, 245, .46);stroke-width:1.35;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}& .solar-declination-season-line text{fill:#e9f7f7;font-weight:750;letter-spacing:0;paint-order:stroke;stroke:rgba(3, 13, 21, .94);stroke-linejoin:round}& .solar-declination-summer :is(line,text){stroke:rgba(3, 13, 21, .94)}& .solar-declination-summer line{stroke:rgba(255, 219, 116, .68)}& .solar-declination-winter line{stroke:rgba(133, 224, 255, .62)}& .solar-declination-current-band{fill:rgba(127, 245, 255, .2)}& .solar-declination-current-ring{stroke:rgba(125, 245, 255, .98);stroke-width:2.2;stroke-dasharray:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(125, 245, 255, .46))}& .solar-declination-current-dot{fill:#7df5ff;stroke:rgba(238, 254, 255, .94);stroke-width:1.4;vector-effect:non-scaling-stroke}& .solar-declination-map-label.current-label{fill:#bafcff;font-weight:800;letter-spacing:0;paint-order:stroke;stroke:rgba(3, 13, 21, .95);stroke-linejoin:round}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAnalemmaChart:is(*,#_){& :is(.seasonal-analemma-month-label,.seasonal-analemma-axis-label){fill:#e9fbff;font-weight:800;letter-spacing:0;stroke:rgba(2, 10, 18, .94)}& .seasonal-analemma-title b{font-size:1rem}}@media (max-width: 640px){html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunAnalemmaChart:is(*,#_).seasonal-sun-analemma-chart{min-height:410px}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& .seasonal-horizontal-table.seasonal-timeline-table table{min-width:900px}& .seasonal-table-season-label{display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:#f5d48a;line-height:1.02}& .seasonal-table-season-label small{display:block;color:#9fdcff;font-size:.55rem;font-weight:500;line-height:1.05;text-transform:none}& .seasonal-day-length-graph-card{overflow:hidden}& .seasonal-day-length-graph-card h4{margin:0 0 8px;color:#dbefff;font-size:.92rem;font-weight:650;letter-spacing:0;text-align:center}& .seasonal-day-length-graph{display:block;width:100%;height:172px}& .seasonal-day-length-graph-bg{fill:rgba(3, 14, 24, .34);stroke:rgba(159, 220, 255, .16);stroke-width:.8}& .seasonal-day-length-y-tick line{stroke:rgba(183, 221, 231, .15);stroke-width:.75}& .seasonal-day-length-y-tick text{fill:rgba(226, 237, 230, .68);font-size:6px;font-weight:600}& .seasonal-day-length-line{fill:none;stroke:url(#seasonalDayLengthLineGradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}& .seasonal-day-length-month-dot{fill:#f8efd0;stroke:#6ccfff;stroke-width:.9}& .seasonal-day-length-month-label{fill:rgba(219, 239, 255, .76);font-size:6px;font-weight:600}}.seasonal-day-length-hour-label{fill:#eaf8ff;font-size:5.9px;font-weight:700;letter-spacing:0;paint-order:stroke;stroke:rgba(8, 19, 30, .82);stroke-width:2.1px}html body.page-phases #phaseOrderTimeOfDay:is(*,#_) #periodScale:is(*,#_){& .mini-bottom-label.phase-label-bottom{width:max-content;min-width:max-content;max-width:none;white-space:nowrap;text-align:left;transform:translate(-50%, 0) rotate(-45deg);transform-origin:50% 0}& .mini-bottom-label.phase-label-bottom .scale-label-text{display:inline-block;white-space:nowrap}}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) .seasonal-day-length-season-marker{& line{stroke:rgba(245, 212, 138, .52);stroke-dasharray:2.5 2.5;stroke-width:1.1}& circle{fill:#f5d48a;stroke:rgba(7, 18, 28, .9);stroke-width:.8}& text{fill:#f5d48a;font-size:6px;font-weight:700}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._._) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_).planet-icon.planet-sun:is(*,._),html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._._._){background-image:radial-gradient(circle at 36% 30%, #fff6a6 0 15%, #ffd84d 36%, #f2a527 64%, #b96813 69%, transparent 70%)}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._._) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_).planet-icon.planet-sun:is(*,._){background:radial-gradient(circle closest-side at 50% 50%, #ffe36b 0 52%, #f4b42d 74%, #d98218 84%, rgba(255, 255, 255, .96) 86% 94%, transparent 96%) center center / 72px 72px no-repeat transparent;background-color:transparent;background-repeat:no-repeat;background-size:72px 72px;border:0;border-radius:0;box-shadow:none;filter:none}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._._._){background:radial-gradient(circle closest-side at 50% 50%, #ffe36b 0 52%, #f4b42d 74%, #d98218 84%, rgba(255, 255, 255, .96) 86% 94%, transparent 96%) center center / 54px 54px no-repeat transparent;background-color:transparent;background-repeat:no-repeat;background-size:54px 54px;border:0;border-radius:0;box-shadow:none;filter:none}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._._) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_).planet-icon.planet-sun:is(*,._)::before,html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) article.phase-summary-tile.phase-summary-day-tile:is(*,._._._) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_).planet-icon.planet-sun:is(*,._)::after,html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._._._)::before,html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_) .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon.planet-sun:is(*,._._._)::after{content:none;display:none}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& #seasonalSunAnglePrimaryCard:is(*,#_#_){width:min(100%, 1180px);max-width:1180px}& #seasonalSunAnglePrimaryCard:is(*,#_#_) .seasonal-sun-angle-readouts-single:is(*,._){display:grid;grid-template-columns:minmax(0, max-content);justify-items:center;gap:8px;width:min(100%, 460px)}& #seasonalSunAnglePrimaryCard:is(*,#_#_) .seasonal-sun-angle-readouts-single:is(*,._) > .seasonal-sun-angle-bubble:is(*,._){display:none}& #seasonalSunAnglePrimaryCard:is(*,#_#_) .seasonal-sun-angle-readouts-single:is(*,._) > .seasonal-sun-angle-bubble:is(*,._):nth-child(-n+2){display:inline-grid}& #seasonalSunAnglePrimaryCard:is(*,#_#_) .seasonal-sun-angle-position-bubble:is(*,._){padding-inline:18px}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_#_){overflow:visible}html body.page-phases:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_){width:min(100%, 960px);max-width:960px}html body.page-phases:is(*,._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_){& .yearly-sun-side-head h4{margin:0;color:#aeeaff;font-weight:600;letter-spacing:0}& .yearly-sun-side-head h4 span{color:#d7f2f5;font-size:.92em;font-weight:400}& .yearly-sun-side-subtitle{max-width:720px;margin:6px auto 16px;color:#b9dbe5;font-size:.9rem;font-weight:400;line-height:1.3;text-align:center}& .yearly-sun-side-graph-stack{display:grid;justify-items:center;width:100%;transform:none}& .yearly-sun-side-subgraph{width:min(100%, 830px);margin-inline:auto}& .yearly-sun-side-subgraph h5{margin:0 0 6px;color:#ffe1a1;font-size:1.02rem;font-weight:600;letter-spacing:0;text-align:center}& .yearly-sun-side-view-graph{display:block;width:min(100%, 780px);max-width:780px;height:auto;margin:0 auto;overflow:visible}& .yearly-sun-side-bg{fill:url("#yearlySunSideSkyGradient");stroke:rgba(102, 186, 218, .34);stroke-width:1.2px}& .yearly-sun-side-ground{fill:url("#yearlySunSideGroundGradient");opacity:.92}& :is(.yearly-sun-side-horizon, .yearly-sun-side-vertical){stroke:rgba(147, 220, 238, .82);stroke-width:1.3px;stroke-linecap:round}& :is(.yearly-sun-side-arc, .yearly-sun-side-grid-angle line){fill:none;stroke:rgba(141, 196, 214, .24);stroke-width:.9px;stroke-dasharray:4 5}& .yearly-sun-side-grid-angle text,& .yearly-sun-side-axis-label{fill:#bfeaf3;font-size:13px;font-weight:500;letter-spacing:0;paint-order:stroke;stroke:rgba(2, 8, 15, .9);stroke-width:2px}& .yearly-sun-side-season line{stroke-linecap:round}& .yearly-sun-side-season text{fill:#f7e7ba;font-size:12.4px;font-weight:500;letter-spacing:0;paint-order:stroke;stroke:rgba(3, 10, 17, .94);stroke-width:2.1px}& .yearly-sun-side-current line{stroke:rgba(91, 238, 154, .94);stroke-width:2.3px;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(84, 239, 145, .36))}& .yearly-sun-side-current.is-below-horizon circle{fill:#3e7d58;stroke:#9ce5b3;filter:drop-shadow(0 0 7px rgba(70, 187, 111, .34))}& .yearly-sun-side-current text{fill:#c6ffd3;font-size:13px;font-weight:600;letter-spacing:0;paint-order:stroke;stroke:rgba(2, 8, 15, .96);stroke-width:2.2px}& .yearly-sun-side-observer{fill:#d5f5ff;stroke:rgba(7, 25, 35, .95);stroke-width:1.3px}}html body.page-phases:is(*,._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_) .seasonal-sun-angle-year-table .seasonal-sun-angle-throughout-table{& h4{font-size:1.18rem;font-weight:400;letter-spacing:0}& :is(th, td){font-size:.95rem;font-weight:400;line-height:1.24;letter-spacing:0}& thead th{color:#91dcff;-webkit-text-fill-color:#91dcff;font-weight:400}& .seasonal-table-season-label{font-weight:400;letter-spacing:0}}html body.page-phases:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_)#seasonalSunAnglePanel #seasonalSunAngleTables:is(*,#_#_) article.seasonal-sun-angle-throughout-table:is(*,._),html body.page-phases:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAngleTables:is(*,#_#_) article.seasonal-sun-angle-throughout-table:is(*,._){width:min(100%, 680px);max-width:680px;margin:8px auto 18px;padding:18px 20px 20px;border:1px solid rgba(102, 188, 219, .38);border-radius:8px;background:linear-gradient(135deg, rgba(8, 38, 58, .94), rgba(10, 58, 68, .88)), linear-gradient(90deg, rgba(18, 46, 65, .72), rgba(18, 68, 75, .62));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 14px 30px rgba(0, 0, 0, .22)}html body.page-phases:is(*,._._._._._) #seasonalSunAngleTables:is(*,#_#_) article.seasonal-sun-angle-throughout-table:is(*,._){& .seasonal-table-scroll{max-width:620px;margin-inline:auto;border:1px solid rgba(93, 178, 207, .34);border-radius:6px;background:rgba(3, 20, 34, .52)}& table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}& :is(th,td){padding:5px 8px;border-color:rgba(86, 160, 188, .2);font-size:.82rem;line-height:1.1;white-space:normal}& thead th{background:rgba(19, 64, 82, .72)}& :is(thead th:first-child, tbody th:first-child){width:48%;color:#cde6e9;background:rgba(7, 38, 55, .45)}& :is(thead th:nth-child(2), thead th:nth-child(3), tbody td:nth-child(2), tbody td:nth-child(3)){width:26%}& td{color:#e9f8fb;text-align:center}}html body.page-phases:is(*,._._._._._) #seasonalSunAngleTables:is(*,#_#_#_#_#_#_#_#_#_){& article.seasonal-sun-angle-throughout-table:is(*,._._){width:min(100%, 680px);max-width:680px;margin:8px auto 18px;padding:18px 20px 20px;border:1px solid rgba(117, 207, 230, .58);border-radius:8px;background:radial-gradient(circle at 82% 0%, rgba(236, 179, 89, .2), transparent 42%),linear-gradient(135deg, #1a4962, #1d5362 55%, #294956);box-shadow:inset 0 1px 0 rgba(225, 249, 255, .14), 0 14px 30px rgba(0, 0, 0, .22)}& article.seasonal-sun-angle-throughout-table:is(*,._._) h4{margin:0 0 12px;color:#9ee8ff;letter-spacing:0;text-align:center}& article.seasonal-sun-angle-throughout-table:is(*,._._) :is(th, td){padding:5px 8px;border-color:rgba(86, 160, 188, .2);white-space:normal}& article.seasonal-sun-angle-throughout-table:is(*,._._) h4{font-size:1.42rem;font-weight:400}& article.seasonal-sun-angle-throughout-table:is(*,._._) :is(th, td){font-size:.86rem;font-weight:400;line-height:1.18;letter-spacing:0}& article.seasonal-sun-angle-throughout-table:is(*,._._) thead th{color:#8fdcff;-webkit-text-fill-color:#8fdcff;font-weight:400}& article.seasonal-sun-angle-throughout-table:is(*,._._) .seasonal-table-season-label{font-weight:400;letter-spacing:0}& article.seasonal-sun-angle-throughout-table:is(*,._._) .seasonal-table-scroll{border-color:rgba(133, 213, 231, .52);background:#17394b}& article.seasonal-sun-angle-throughout-table:is(*,._._) thead th{background:linear-gradient(180deg,#286078,#204d66);color:#d3f3ff;-webkit-text-fill-color:#d3f3ff}& article.seasonal-sun-angle-throughout-table:is(*,._._) tbody tr:nth-child(even){background:rgba(81, 151, 172, .16)}& article.seasonal-sun-angle-throughout-table:is(*,._._) tbody tr:has(.seasonal-table-season-label){background:linear-gradient(90deg,rgba(183, 131, 64, .32),rgba(104, 153, 160, .19))}& article.seasonal-sun-angle-throughout-table:is(*,._._) tbody th:first-child{background:rgba(31, 83, 104, .36);color:#e6f5f8}}html body.page-phases:is(*,._._._._._) #seasonalSunAngleTables:is(*,#_#_#_#_#_#_#_#_#_#_) article.seasonal-sun-angle-throughout-table:is(*,._._) tbody{& tr:has(.seasonal-table-season-label) th:first-child{background:rgba(120, 82, 42, .36);color:#ffe1a5}& td:nth-child(2){color:#ffe5a9}}html body.page-phases:is(*,._._._._._) #seasonalSunAngleTables:is(*,#_#_#_#_#_#_#_#_#_) article.seasonal-sun-angle-throughout-table:is(*,._._) tbody td:nth-child(3){color:#d7f1f7}html body.page-phases:is(*,._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_){& .yearly-sun-side-head h4{text-align:center;font-size:1.55rem;line-height:1.1}& .yearly-sun-side-current-line line{stroke-linecap:round}& .yearly-sun-side-current line{display:none}& .yearly-sun-side-season text{white-space:nowrap}}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_) .seasonal-horizon-current-arrow{& text{fill:#77f4ff;stroke:rgba(3, 10, 17, .9);stroke-width:3px;paint-order:stroke;font-size:15px;font-weight:700;letter-spacing:0}& line{stroke:#77f4ff;stroke-width:2.2px;stroke-dasharray:5 4;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(119, 244, 255, .48))}& path{fill:#77f4ff;stroke:rgba(3, 10, 17, .78);stroke-width:.8px;filter:drop-shadow(0 0 5px rgba(119, 244, 255, .55))}}html body.page-phases:is(*,._._._._._) #seasonalSunPositionCard:is(*,#_#_){background:radial-gradient(circle at 18% 4%, rgba(109, 205, 255, .18), transparent 34%), radial-gradient(circle at 78% 14%, rgba(255, 206, 99, .12), transparent 34%), linear-gradient(145deg, rgba(13, 42, 58, .98), rgba(7, 28, 45, .99) 56%, rgba(11, 25, 38, .98))}html body.page-phases:is(*,._._._._._) :is(#seasonalSunPositionCard, #seasonalSunAnglePrimaryCard) > .seasonal-sun-topic-header .seasonal-card-header-bubble{display:inline-grid;grid-template-columns:max-content max-content;align-items:baseline;gap:10px;width:max-content;max-width:100%;margin:0 auto;padding:8px 18px;border:1px solid rgba(119, 226, 255, .42);border-radius:999px;background:linear-gradient(135deg, rgba(6, 28, 43, .92), rgba(13, 54, 70, .88));box-shadow:inset 0 0 16px rgba(116, 229, 255, .08), 0 10px 22px rgba(0, 0, 0, .24);color:#dbf9ff;letter-spacing:0}html body.page-phases:is(*,._._._._._) :is(#seasonalSunPositionCard, #seasonalSunAnglePrimaryCard) > .seasonal-sun-topic-header .seasonal-card-header-bubble span{color:#aeefff;font-size:.92rem;font-weight:600}html body.page-phases:is(*,._._._._._) :is(#seasonalSunPositionCard, #seasonalSunAnglePrimaryCard) > .seasonal-sun-topic-header .seasonal-card-header-bubble b{color:#fff1b8;font-size:1.28rem;font-weight:500}html body.page-phases:is(*,._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header h3{width:100%;text-align:center;justify-self:center;font-size:clamp(1.95rem, 3.2vw, 2.55rem);line-height:1.05;font-weight:700}html body.page-phases:is(*,._._._._._) #seasonalSunPositionCard:is(*,#_#_){& #seasonalCurrentSunAngleSection:is(*,#_#_){justify-self:center;margin-inline:auto}& #seasonalCurrentSunAngleSection:is(*,#_#_) article.phase-section-circle-card.seasonal-sun-position-circle-card.seasonal-sun-angle-layered-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}& #seasonalCurrentSunAngleSection:is(*,#_#_) .seasonal-sun-angle-clock-stage:is(*,._),& #seasonalCurrentSunAngleSection:is(*,#_#_) .seasonal-sun-angle-clock-face:is(*,._._){justify-self:center}& #seasonalCurrentSunAngleSection:is(*,#_#_) .seasonal-sun-angle-clock-face:is(*,._._){position:relative;isolation:isolate;aspect-ratio:1 / 1;margin:12px auto 18px;border:0;border-radius:50%;background:transparent;box-shadow:none;overflow:visible}}html body.page-phases:is(*,._._._._._) #seasonalSunAnglePanel:is(*,#_#_) .seasonal-sun-angle-readouts:is(*,._){display:none;visibility:hidden}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& > .seasonal-sun-topic-header h3{line-height:1.08}& > .seasonal-sun-topic-header h3 span{display:block;margin-top:4px;color:#9fefff;font-size:.72em;font-weight:500}& .seasonal-horizon-current-bubble{display:inline-grid;grid-template-columns:max-content max-content;align-items:baseline;gap:10px;width:max-content;max-width:100%;margin:2px auto 0;padding:7px 16px;border:1px solid rgba(119, 226, 255, .42);border-radius:999px;background:linear-gradient(135deg, rgba(6, 28, 43, .92), rgba(13, 54, 70, .88));box-shadow:inset 0 0 16px rgba(116, 229, 255, .08), 0 10px 22px rgba(0, 0, 0, .2)}& .seasonal-horizon-current-bubble span{color:#aeefff;font-size:.84rem;font-weight:600}& .seasonal-horizon-current-bubble b{color:#fff1b8;font-size:1.02rem;font-weight:500}}html body.page-phases:is(*,._._) #seasonalSunDayNightCard:is(*,#_) .seasonal-day-length-graph .seasonal-day-length-hour-label{font-size:9px;font-weight:600;letter-spacing:0;fill:#d9f6ff;paint-order:stroke;stroke:rgba(4, 12, 20, .95);stroke-width:1.4px}html body.page-phases:is(*,._._._._._) #seasonalSunPositionCard:is(*,#_#_){& #seasonalCurrentSunAngleSection:is(*,#_#_){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}& #seasonalCurrentSunAngleSection:is(*,#_#_) .seasonal-sun-angle-clock-stage:is(*,._){box-shadow:none}& #seasonalCurrentSunAngleSection:is(*,#_#_) .seasonal-sun-angle-oval-bg:is(*,._){box-shadow:inset 0 0 0 1px rgba(97, 183, 220, .24), inset 0 -44px 84px rgba(1, 8, 18, .4), inset 0 42px 92px rgba(51, 147, 185, .14)}}html body.page-phases:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_){margin:18px auto 12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-phases:is(*,._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-graph-stack{gap:0}html body.page-phases:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunPositionCard:is(*,#_#_#_){& #seasonalCurrentSunAngleSection:is(*,#_#_#_){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}& #seasonalCurrentSunAngleSection:is(*,#_#_#_) .seasonal-sun-angle-clock-stage:is(*,._._){box-shadow:none}& #seasonalCurrentSunAngleSection:is(*,#_#_#_) .seasonal-sun-angle-oval-bg:is(*,._._){box-shadow:inset 0 0 0 1px rgba(97, 183, 220, .24), inset 0 -44px 84px rgba(1, 8, 18, .4), inset 0 42px 92px rgba(51, 147, 185, .14)}}html body.page-phases:is(*,._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_){& #seasonalSunAzimuthCard:is(*,#_#_){background:radial-gradient(circle at 12% 8%, rgba(55, 134, 176, .2), transparent 34%), radial-gradient(circle at 86% 4%, rgba(23, 87, 124, .24), transparent 36%), linear-gradient(145deg, rgba(5, 20, 38, .99), rgba(7, 32, 58, .99) 48%, rgba(4, 15, 30, .99));border-color:rgba(95, 182, 219, .28);box-shadow:inset 0 0 0 1px rgba(160, 225, 241, .035), 0 20px 44px rgba(0, 0, 0, .28)}& #seasonalSunAzimuthCard:is(*,#_#_) .seasonal-horizon-graph.seasonal-horizon-sunrise-graph{background:radial-gradient(circle at 18% 10%, rgba(255, 190, 97, .26), transparent 34%), radial-gradient(circle at 84% 0%, rgba(97, 207, 247, .14), transparent 38%), linear-gradient(135deg, rgba(17, 51, 68, .96), rgba(37, 54, 59, .96) 52%, rgba(80, 48, 43, .94));border-color:rgba(255, 187, 111, .34);box-shadow:inset 0 0 0 1px rgba(255, 240, 196, .035), 0 14px 30px rgba(0, 0, 0, .22)}& #seasonalSunAzimuthCard:is(*,#_#_) .seasonal-horizon-graph.seasonal-horizon-sunset-graph{background:radial-gradient(circle at 18% 0%, rgba(238, 116, 101, .19), transparent 34%), radial-gradient(circle at 82% 12%, rgba(255, 196, 112, .22), transparent 34%), linear-gradient(135deg, rgba(13, 38, 58, .97), rgba(43, 48, 58, .96) 50%, rgba(61, 35, 54, .94));border-color:rgba(255, 148, 112, .32);box-shadow:inset 0 0 0 1px rgba(255, 226, 195, .035), 0 14px 30px rgba(0, 0, 0, .22)}& #seasonalSunAzimuthCard:is(*,#_#_) .seasonal-horizon-bg{fill:rgba(3, 14, 25, .54);stroke:rgba(162, 226, 242, .18)}& #seasonalSunDayNightCard:is(*,#_#_){background:radial-gradient(circle at 14% 6%, rgba(74, 144, 191, .18), transparent 34%), radial-gradient(circle at 86% 8%, rgba(70, 111, 158, .2), transparent 38%), linear-gradient(145deg, rgba(9, 24, 47, .99), rgba(11, 35, 55, .98) 52%, rgba(13, 39, 47, .98));border-color:rgba(117, 177, 219, .27);box-shadow:inset 0 0 0 1px rgba(172, 220, 246, .035), 0 20px 44px rgba(0, 0, 0, .26)}& #seasonalSunDayNightCard:is(*,#_#_) .seasonal-day-length-graph-bg{fill:rgba(4, 16, 31, .58);stroke:rgba(139, 194, 228, .2)}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAzimuthCard:is(*,#_#_#_){& .seasonal-horizon-graph:is(*,._).seasonal-horizon-sunrise-graph{background:radial-gradient(circle at 18% 8%, rgba(255, 190, 97, .28), transparent 34%), radial-gradient(circle at 84% 0%, rgba(97, 207, 247, .15), transparent 38%), linear-gradient(135deg, rgba(15, 48, 67, .97), rgba(37, 53, 58, .97) 52%, rgba(79, 47, 41, .95));border-color:rgba(255, 187, 111, .36)}& .seasonal-horizon-graph:is(*,._).seasonal-horizon-sunset-graph{background:radial-gradient(circle at 18% 0%, rgba(238, 116, 101, .22), transparent 34%), radial-gradient(circle at 82% 12%, rgba(255, 196, 112, .24), transparent 34%), linear-gradient(135deg, rgba(11, 36, 58, .97), rgba(43, 47, 58, .97) 50%, rgba(63, 35, 55, .95));border-color:rgba(255, 148, 112, .35)}}html body.page-phases:is(*,._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header .seasonal-sun-highest-angle-header-bubble{margin-top:-4px}html body.page-phases:is(*,._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_){& .yearly-sun-side-daily-high-line line{stroke-linecap:round}& .yearly-sun-side-daily-high text{fill:#d1efff;font-size:13px;font-weight:600;letter-spacing:0;paint-order:stroke;stroke:rgba(2, 8, 15, .96);stroke-width:2.2px}}html body.page-phases #phaseOrderSeasonalSunAngle{& .seasonal-card-header-bubble.seasonal-card-header-bubble-value-only{grid-template-columns:max-content;gap:0}& .seasonal-card-header-bubble.seasonal-card-header-bubble-value-only span{display:none}}html body.page-phases #seasonalYearlySunAngleSideViewSection{& .yearly-sun-side-horizon{stroke:rgba(121, 235, 255, .95);stroke-width:2.4px;filter:drop-shadow(0 0 7px rgba(75, 213, 246, .36))}& .yearly-sun-side-vertical{stroke:rgba(255, 218, 132, .95);stroke-width:2.4px;filter:drop-shadow(0 0 7px rgba(255, 198, 84, .32))}& .yearly-sun-side-horizon-label{fill:#7df0ff;font-size:14px;font-weight:700}& .yearly-sun-side-vertical-label{fill:#ffe09a;font-size:14px;font-weight:700}}html body.page-phases #seasonalSunAzimuthCard .seasonal-horizon-graph-head h5{color:#ffe2a4;letter-spacing:0;line-height:1.08}html body.page-phases #seasonalSunDeclinationCard{& .solar-declination-map:is(*,._){display:block;height:auto;max-height:none;overflow:visible}& .solar-declination-season-line text{font-size:15px;font-weight:700;letter-spacing:0}& .solar-declination-map-label.current-label{letter-spacing:0}}html body.page-phases #seasonalSunAnglePrimaryCard > .seasonal-sun-topic-header{& :is(.seasonal-card-header-bubble,.seasonal-sun-highest-angle-header-bubble){margin-top:0}& .seasonal-card-header-bubble :is(span,b){color:#8eeaff;font-size:.92rem;font-weight:500;letter-spacing:0;line-height:1.1}}html body.page-phases #seasonalSunAzimuthCard{& .seasonal-horizon-graph-head h5{font-size:clamp(1.48rem, 2.15vw, 1.85rem);font-weight:700}& .seasonal-horizon-current-bubble{border-color:rgba(245, 174, 255, .38)}& .seasonal-horizon-current-bubble b{letter-spacing:0}}html body.page-phases #seasonalSunDeclinationCard .solar-declination-map:is(*,._){width:min(100%, 760px);max-width:760px;margin:10px auto 0}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_#_#_) #seasonalSunDeclinationCard:is(*,#_#_){& .solar-declination-season-line:is(*,._) text{font-size:15px;font-weight:700;letter-spacing:0}& .solar-declination-map-label.current-label:is(*,._){font-size:15.5px;font-weight:700;letter-spacing:0}}html body.page-phases:is(*,._) #seasonalSunDeclinationCard:is(*,#_){& .seasonal-declination-monthly-table:is(*,._){width:min(100%, 760px);max-width:760px;margin-left:auto;margin-right:auto}& .seasonal-declination-monthly-table:is(*,._) article.seasonal-vertical-table,& .seasonal-declination-monthly-table:is(*,._) .seasonal-table-scroll,& .seasonal-declination-monthly-table:is(*,._) table{width:100%;max-width:760px}& .seasonal-declination-monthly-table:is(*,._) :is(th, td):last-child{text-align:left}}html body.page-phases:is(*,._._._) main.shell.shell #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) #seasonalSunDeclinationCard:is(*,#_#_) .seasonal-declination-monthly-table:is(*,._) article.seasonal-vertical-table:is(*,._) table thead th:last-child,html body.page-phases:is(*,._._._) main.shell.shell #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) #seasonalSunDeclinationCard:is(*,#_#_) .seasonal-declination-monthly-table:is(*,._) article.seasonal-vertical-table:is(*,._) table tbody td:nth-of-type(2){text-align:left}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._){& > .seasonal-card-header-bubble:is(*,._){min-height:0;margin-top:15px;padding:5px 13px;gap:7px;border-width:1px;color:#8eeaff;letter-spacing:0}& > .seasonal-card-header-bubble:is(*,._) :is(span, b){letter-spacing:0}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_#_){margin-top:0;margin-bottom:0}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& > .seasonal-sun-topic-header:is(*,._){justify-content:center;column-gap:14px}& > .seasonal-sun-topic-header:is(*,._) h3{grid-column:1 / -1}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._){display:inline-grid;grid-template-columns:max-content max-content;align-items:baseline;gap:8px;margin:0;padding:7px 14px;border:1px solid rgba(138, 232, 255, .4);border-radius:999px;background:linear-gradient(135deg, rgba(8, 31, 50, .92), rgba(40, 42, 58, .88), rgba(58, 36, 39, .72));color:#aceeff;font-size:.88rem;font-weight:500;letter-spacing:0;line-height:1.1}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._) :is(span, b){color:#aceeff;-webkit-text-fill-color:#aceeff;font-size:.88rem;font-weight:500;letter-spacing:0;line-height:1.1}}html body.page-phases .sun-boundary-timing-line:is(*,._){box-sizing:border-box;width:fit-content;max-width:min(100%, 760px);margin:3px auto 0;padding:0 10px;color:#8fd8ea;-webkit-text-fill-color:#8fd8ea;font-size:clamp(1.05rem, 1.75vw, 1.18rem);font-style:italic;font-weight:400;letter-spacing:0;line-height:calc(1.25em + 10px);text-align:center;white-space:pre-line;text-shadow:0 0 10px rgba(57, 201, 255, .14)}html body.page-phases #phaseOrderDayNightPhases:is(*,#_) > .day-night-b60-outer-summary > .sun-boundary-timing-line:is(*,._){display:block;color:#9adbd6;-webkit-text-fill-color:#9adbd6}html body.page-phases :is(#seasonalSunPositionCard, #seasonalSunAnglePrimaryCard, #seasonalSunAzimuthCard) > .seasonal-sun-topic-header:is(*,._) > .sun-boundary-timing-line:is(*,._){grid-column:1 / -1;justify-self:center;color:#8ed0ee;-webkit-text-fill-color:#8ed0ee}html body.page-phases:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunPositionCard:is(*,#_#_){width:min(100%, 1180px);max-width:1180px}html body.page-phases:is(*,._._._._) #seasonalSunPositionCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._){& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble{margin-top:10px;justify-items:center;justify-content:center;text-align:center}& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble b{display:block;width:100%;color:#9fe9ff;-webkit-text-fill-color:#9fe9ff;text-align:center}& > #seasonalSunPositionBoundaryTiming.sun-boundary-timing-line{margin-top:13px}}html body.page-phases:is(*,._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_){& > .seasonal-sun-topic-header:is(*,._){grid-template-columns:repeat(2, max-content);justify-content:center;row-gap:10px}& > .seasonal-sun-topic-header:is(*,._) h3{grid-column:1 / -1;margin-bottom:0}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._){display:inline-grid;grid-template-columns:max-content max-content;align-items:baseline;margin:10px 0 0;padding:8px 18px;gap:9px;min-height:34px;font-size:.96rem}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._) :is(span, b){color:#98ecff;-webkit-text-fill-color:#98ecff;font-size:.96rem;font-weight:500;line-height:1.12}}html body.page-phases:is(*,._._._._._._) main.shell:is(*,._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._){& > :is(.seasonal-card-header-bubble.seasonal-sun-angle-header-bubble,.seasonal-card-header-bubble.seasonal-sun-highest-angle-header-bubble){display:inline-grid;grid-template-columns:max-content max-content;align-items:baseline;margin-top:25px;gap:10px;font-size:.98rem}& > .seasonal-card-header-bubble:is(*,._) :is(span, b){color:#98ecff;-webkit-text-fill-color:#98ecff}}html body.page-phases:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_){& #seasonalSunPositionCard:is(*,#_) #seasonalCurrentSunAngleSection:is(*,#_) .seasonal-sun-angle-current-sun-below .seasonal-sun-angle-current-sun-core{fill:#08233a;stroke:#ff9f43;stroke-width:3px;filter:none}& #seasonalSunPositionCard:is(*,#_) #seasonalCurrentSunAngleSection:is(*,#_) .seasonal-sun-angle-current-sun-below .seasonal-sun-angle-current-ray{display:none}& #seasonalSunDayNightCard:is(*,#_) #seasonalDayLengthGraphSection:is(*,#_) .seasonal-day-length-graph:is(*,._){height:300px;min-height:300px}& #seasonalSunDayNightCard:is(*,#_) #seasonalDayLengthGraphSection:is(*,#_) .seasonal-day-length-month-label{font-size:8px;font-weight:400;letter-spacing:0}& #seasonalSunDayNightCard:is(*,#_) #seasonalDayLengthGraphSection:is(*,#_) .seasonal-day-length-season-marker text{font-size:8px;font-weight:400;letter-spacing:0}}@media (max-width: 760px){html body.page-phases:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunDayNightCard:is(*,#_) #seasonalDayLengthGraphSection:is(*,#_) .seasonal-day-length-graph:is(*,._){height:240px;min-height:240px}}html body.page-phases:is(*,._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& #seasonalSunAzimuthHeaderSubtitle.seasonal-sun-azimuth-header-subtitle{display:block;width:fit-content}& .seasonal-horizon-graph-head{display:grid;justify-items:center;gap:7px;padding-bottom:4px}& .seasonal-horizon-graph-head > .seasonal-sun-azimuth-overview-bubble{display:flex;margin:0 auto;white-space:normal}& .seasonal-horizon-graph-head > .seasonal-sun-azimuth-overview-bubble .seasonal-sun-azimuth-overview-position{font-weight:600}}html body.page-phases:is(*,._._._._) #seasonalSunDeclinationCard:is(*,#_#_) #seasonalSunAnalemmaChart:is(*,#_){& .seasonal-analemma-title{display:grid;justify-items:center;justify-content:center;gap:4px;text-align:center}& .seasonal-analemma-title span{color:#ffe0a0;-webkit-text-fill-color:#ffe0a0;font-size:clamp(1.04rem, 1.55vw, 1.22rem);font-weight:700}& .seasonal-analemma-title b{color:#89efff;-webkit-text-fill-color:#89efff;font-size:clamp(.78rem, 1.05vw, .9rem);font-weight:500;line-height:1.2;white-space:normal}}html body.page-phases:is(*,._._._._) :is(#phaseOrderGregorianCalendar, #phaseOrderSeason, #phaseOrderZodiacCalendar) > .phase-order-title:is(*,._){font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:clamp(1.35rem, 2.1vw, 1.85rem);font-weight:750;line-height:1.12;letter-spacing:0;text-align:center}html body.page-phases:is(*,._._) #phaseOrderGregorianCalendar:is(*,#_) > .phase-order-title:is(*,._),html body.page-phases:is(*,._._) #gregorianYearCard:is(*,#_) .card-title:is(*,._){color:#84dbff;-webkit-text-fill-color:#84dbff}html body.page-phases:is(*,._._) #phaseOrderSeason:is(*,#_) > .phase-order-title:is(*,._),html body.page-phases:is(*,._._) #seasonCard:is(*,#_) .card-title:is(*,._){color:#9ce9fa;-webkit-text-fill-color:#9ce9fa}html body.page-phases:is(*,._._) #phaseOrderZodiacCalendar:is(*,#_) > .phase-order-title:is(*,._),html body.page-phases:is(*,._._) #zodiacCard:is(*,#_) .card-title:is(*,._){color:#accdff;-webkit-text-fill-color:#accdff}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-slider:is(*,._){width:min(100%, 410px)}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-stage:is(*,._)::before{position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient( from -90deg, transparent 0 var(--calendar-current-start), rgba(198, 247, 255, .34) var(--calendar-current-start) var(--calendar-current-end), transparent var(--calendar-current-end) 360deg );-webkit-mask:radial-gradient(circle, transparent 0 37%, #000 38% 94%, transparent 95%);mask:radial-gradient(circle, transparent 0 37%, #000 38% 94%, transparent 95%)}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-svg:is(*,._){z-index:2}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-outer:is(*,._){stroke:rgba(132, 221, 244, .78)}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-center:is(*,._){display:none}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-marker:is(*,._){display:none}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-marker-svg:is(*,._){display:block;fill:#c9fbff;stroke:#0d3d52;stroke-width:2.4px;transform:rotate(var(--calendar-deg));transform-origin:130px 130px;filter:drop-shadow(0 0 5px rgba(132, 240, 255, .92))}html body.page-phases:is(*,._._._) #seasonCard:is(*,#_) .calendar-circle-marker-svg:is(*,._){fill:#ffe19a;stroke:#654017;filter:drop-shadow(0 0 5px rgba(255, 214, 112, .9))}html body.page-phases:is(*,._._._) #zodiacCard:is(*,#_){& .zodiac-wheel:is(*,._){min-height:0;outline-offset:2px}& .zodiac-wheel:is(*,._) .zodiac-sign-ring:is(*,._){min-width:68px;padding:4px 6px}& .zodiac-wheel:is(*,._) .zodiac-sign-ring:is(*,._) b{font-size:clamp(.68rem, 1.3vw, .82rem)}& .zodiac-daily-table-wrap:is(*,._){width:min(100%, 780px);gap:9px}& .zodiac-daily-table-wrap header{display:grid;justify-items:center;gap:5px}& .zodiac-daily-table-wrap h4{font-weight:400}& .zodiac-daily-table-wrap header span{font-size:.96rem}& .zodiac-daily-table{font-size:.98rem}& .zodiac-daily-table :is(th, td){padding:9px 11px}& .zodiac-position-sign:is(*,._){min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1rem}& .zodiac-season-marker.zodiac-season-spring{border-color:rgba(126, 233, 168, .76);background:rgba(16, 74, 48, .9)}& .zodiac-season-marker.zodiac-season-summer{border-color:rgba(255, 219, 122, .8);background:rgba(101, 72, 19, .9)}& .zodiac-season-marker.zodiac-season-fall{border-color:rgba(255, 169, 101, .8);background:rgba(104, 48, 24, .9)}& .zodiac-season-marker.zodiac-season-winter{border-color:rgba(146, 187, 255, .8);background:rgba(30, 53, 111, .9)}& .zodiac-season-marker.zodiac-season-spring :is(b, small){color:#b8ffd1;-webkit-text-fill-color:#b8ffd1}& .zodiac-season-marker.zodiac-season-summer :is(b, small){color:#fff0a8;-webkit-text-fill-color:#fff0a8}& .zodiac-season-marker.zodiac-season-fall :is(b, small){color:#ffd1a7;-webkit-text-fill-color:#ffd1a7}& .zodiac-season-marker.zodiac-season-winter :is(b, small){color:#c9dcff;-webkit-text-fill-color:#c9dcff}}html body.page-phases:is(*,._._._._) #seasonalSunAzimuthCard:is(*,#_#_) #seasonalSunAzimuthHeaderSubtitle.seasonal-sun-azimuth-header-subtitle{text-transform:none}html body.page-phases:is(*,._._) #phaseManualOrderSection:is(*,#_){& > .moon-standalone-card:is(*,._){box-sizing:border-box;display:block;width:min(100%, 1180px);max-width:1180px;min-width:0;margin:10px auto;order:0;grid-column:1 / -1}& > .moon-standalone-card .natural-graph-explanation{width:min(84%, 740px);margin-inline:auto}}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card:is(*,._){width:calc(100% - 20px)}}html body.page-phases:is(*,._._._._._) #thirteenCard:is(*,#_#_#_) #thirteenCircularSlider:is(*,#_){& > .thirteen-year-start-label:is(*,._){display:none}& > .thirteen-boundary-dates:is(*,._){position:absolute;z-index:8;inset:0;pointer-events:none}& .thirteen-boundary-date:is(*,._){position:absolute;left:50%;top:50%;display:grid;place-items:center}& .thirteen-boundary-date > b{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 5px;border:1px solid rgba(139, 217, 221, .36);border-radius:5px;background:rgba(4, 19, 29, .92);box-shadow:0 2px 5px rgba(0, 0, 0, .26);color:#c8edf0;font-size:.66rem;font-weight:500;line-height:1;white-space:nowrap}& .thirteen-boundary-date.is-year-start{width:132px}}@media (max-width: 720px){html body.page-phases:is(*,._._._) #thirteenCard:is(*,#_#_) #thirteenCircularSlider:is(*,#_){& .thirteen-boundary-date:is(*,._){width:50px}& .thirteen-boundary-date.is-year-start{width:105px}& .thirteen-boundary-date > b{padding-inline:3px;font-size:.56rem}}}html body.page-phases:is(*,._._._._._) #thirteenCard:is(*,#_#_#_) #thirteenDetails:is(*,#_){& > .thirteen-turtle-calendar-card:is(*,._){display:grid;gap:12px;justify-items:center;width:min(100%, 520px);margin:0 auto;padding:16px 20px 20px;border:1px solid rgba(126, 205, 212, .38);border-radius:12px;background:radial-gradient(circle at 50% 0%, rgba(104, 194, 187, .12), transparent 42%), linear-gradient(145deg, rgba(8, 31, 43, .94), rgba(10, 45, 47, .84));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .025), 0 14px 28px rgba(0, 0, 0, .2);box-sizing:border-box}& > .thirteen-turtle-calendar-card > h4{margin:0;color:#9cebef;font-size:clamp(1.12rem, 1.8vw, 1.42rem);font-weight:600;line-height:1.15;text-align:center}& > .thirteen-turtle-calendar-card > .thirteen-turtle-calendar:is(*,._){margin:0 auto}}html body.page-phases:is(*,._._._._._) #lunarYearCard:is(*,#_#_#_) #lunarYearCircularSlider:is(*,#_){& .natural-circle-label b > span{white-space:nowrap}& .natural-circle-label b small{font-style:italic;letter-spacing:.01em}& > .lunar-year-boundary-dates:is(*,._){position:absolute;z-index:8;inset:0;pointer-events:none}& .lunar-year-boundary-date:is(*,._){position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;min-height:20px;transform:translate(-50%, -50%) rotate(var(--lunar-year-date-angle)) translateY(calc(-1 * var(--natural-circle-size) * .49)) rotate(calc(-1 * var(--lunar-year-date-angle)))}& .lunar-year-boundary-date > b{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 5px;border:1px solid rgba(139, 217, 221, .36);border-radius:5px;background:rgba(4, 19, 29, .92);box-shadow:0 2px 5px rgba(0, 0, 0, .26);color:#c8edf0;font-size:.66rem;font-weight:500;line-height:1;white-space:nowrap}& .lunar-year-boundary-date.is-year-start > b{border-color:rgba(243, 216, 149, .66);background:rgba(46, 39, 22, .94);color:#f6dda0}}@media (max-width: 720px){html body.page-phases:is(*,._._._) #lunarYearCard:is(*,#_#_) #lunarYearCircularSlider:is(*,#_){& .lunar-year-boundary-date:is(*,._){width:50px}& .lunar-year-boundary-date > b{padding-inline:3px;font-size:.56rem}}}html body.page-phases:is(*,._._._._._) #thirteenCard:is(*,#_#_#_){& #thirteenCircularSliderShell:is(*,#_).natural-calendar-circle-shell{min-height:650px;padding-top:72px;padding-bottom:28px}& #thirteenCircularSlider:is(*,#_) .natural-circle-label{width:102px;min-height:40px}& #thirteenCircularSlider:is(*,#_) .natural-circle-label b{display:grid;gap:2px;justify-items:center;white-space:normal}& #thirteenCircularSlider:is(*,#_) .natural-circle-label b > span{white-space:nowrap}& #thirteenCircularSlider:is(*,#_) .natural-circle-label b em{color:#f2d99c;font-style:normal;font-weight:550}& #thirteenCircularSlider:is(*,#_) .natural-circle-label b small{display:block;color:#b7d8dc;font-size:.68rem;font-weight:450;line-height:1}& #thirteenCircularSlider:is(*,#_) .natural-circle-label.is-active b :is(em, small){color:#e7fff4}& #thirteenCircularSlider:is(*,#_).natural-calendar-circle > .thirteen-year-start-label:is(*,._){position:absolute;z-index:8;left:50%;top:-62px;display:grid;gap:2px;justify-items:center;width:max-content;color:#a9f4ef;text-align:center;transform:translateX(-50%);pointer-events:none}& #thirteenCircularSlider:is(*,#_) > .thirteen-year-start-label b{font-size:.9rem;font-weight:600}& #thirteenCircularSlider:is(*,#_) > .thirteen-year-start-label small{color:#f0d99c;font-size:.72rem;font-weight:450}& #thirteenCircularSlider:is(*,#_) > .thirteen-year-start-label::after{content:"";width:2px;height:31px;margin-top:2px;background:linear-gradient(180deg, rgba(169, 244, 239, .9), rgba(169, 244, 239, .3));box-shadow:0 0 6px rgba(115, 235, 227, .28)}}@media (max-width: 720px){html body.page-phases:is(*,._._._) #thirteenCard:is(*,#_#_){& #thirteenCircularSliderShell:is(*,#_).natural-calendar-circle-shell{min-height:500px;padding-top:64px}& #thirteenCircularSlider:is(*,#_) .natural-circle-label{width:74px}& #thirteenCircularSlider:is(*,#_) .natural-circle-label b small{font-size:.56rem}}}html body.page-phases #seasonalYearlySunAngleSideViewSection{& .yearly-sun-side-label-bubble rect{fill:rgba(3, 17, 30, .94);stroke:rgba(130, 218, 237, .62);stroke-width:1.15px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .34))}& .yearly-sun-side-axis-bubble rect{fill:rgba(4, 22, 36, .96);stroke:rgba(125, 226, 245, .72)}& .yearly-sun-side-vertical,& .yearly-sun-side-grid-90 line{stroke-dasharray:8 6;stroke-linecap:round}& .yearly-sun-side-current circle,& .yearly-sun-side-current.is-below-horizon circle{stroke-width:1.7px}& .yearly-sun-side-current-arrow:is(*,._){fill:#ffd7ad;font-family:"Segoe UI Symbol", Arial, sans-serif;font-size:18px;font-weight:800;paint-order:stroke;stroke:rgba(2, 8, 15, .96);stroke-width:2px}& .yearly-sun-side-season-bubble rect{stroke:rgba(86, 174, 240, .78)}& .yearly-sun-side-daily-high-bubble rect{stroke:rgba(85, 231, 238, .82)}}html body.page-phases #seasonalSunriseSunsetYearTable .seasonal-vertical-table > h4,html body.page-phases #seasonalDayNightLengthYearTable .seasonal-vertical-table > h4{margin:0 0 14px;color:#d8f5ff;font-size:clamp(1.35rem, 2.25vw, 1.78rem);font-weight:650;line-height:1.16;text-align:center}html body.page-phases:is(*,._._._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_#_){& .yearly-sun-side-current-line:is(*,._) line{stroke:#ff9f43;stroke-width:2.5px;filter:drop-shadow(0 0 5px rgba(255, 159, 67, .38))}& .yearly-sun-side-current:is(*,._) circle{fill:#ff9f43;stroke:#ffe2b8;stroke-width:1.7px;filter:drop-shadow(0 0 9px rgba(255, 159, 67, .5))}& .yearly-sun-side-season:is(*,._) line{stroke:rgba(80, 166, 236, .76);stroke-width:1.45px}& .yearly-sun-side-season:is(*,._) circle{fill:#4fa7ed;stroke:#d8f1ff;stroke-width:1.35px;filter:drop-shadow(0 0 7px rgba(69, 157, 229, .42))}& .yearly-sun-side-daily-high-line:is(*,._) line{stroke:#55e7ee;stroke-width:2px;filter:drop-shadow(0 0 5px rgba(85, 231, 238, .38))}& .yearly-sun-side-daily-high:is(*,._) circle{fill:#55e7ee;stroke:#d9fdff;stroke-width:1.6px;filter:drop-shadow(0 0 9px rgba(85, 231, 238, .5))}}html body.page-phases:is(*,._._._._._._._._._) #seasonalSunriseSunsetYearTable:is(*,#_#_#_#_#_#_#_) article.seasonal-vertical-table > h4,html body.page-phases:is(*,._._._._._._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_#_#_#_#_#_) article.seasonal-vertical-table > h4{margin:0 0 14px;color:#d8f5ff;line-height:1.16;text-align:center}html body.page-phases:is(*,._._._._._) #seasonalDayLengthGraphSection:is(*,#_#_#_#_) .seasonal-day-length-hour-label:is(*,._){font-size:11px;font-weight:650}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnalemmaChart:is(*,#_#_#_#_) .seasonal-analemma-current:is(*,._){fill:#ff9f43;stroke:#ffe2b8;stroke-width:.9px;filter:drop-shadow(0 0 6px rgba(255, 159, 67, .58))}html body.page-phases:is(*,._._._._._) #seasonalSunDayNightCard:is(*,#_#_){& .seasonal-day-length-header-bubble:is(*,._) b#seasonalDayLengthCardValue{display:block;width:100%;color:#a9ecff;-webkit-text-fill-color:#a9ecff;font-size:clamp(1rem, 1.7vw, 1.16rem);line-height:1.5;text-align:center;white-space:pre-line}& .seasonal-day-length-header-bubble:is(*,._){grid-template-columns:minmax(0, 1fr);min-width:min(100%, 360px);justify-items:center}& .seasonal-day-length-axis-caption{fill:#9fdbea;font-size:10px;font-weight:500;letter-spacing:.2px;paint-order:stroke;stroke:rgba(3, 12, 22, .92);stroke-width:1.2px}}html body.page-phases:is(*,._._._._._) .natural-graph-explanation:is(*,._){display:block;box-sizing:border-box;width:min(84%, 740px);margin:8px auto 18px;padding:4px 8px;border:0;background:transparent;box-shadow:none;color:#c4e3ea;font-size:clamp(.96rem, 1.35vw, 1.08rem);font-weight:400;line-height:1.5;letter-spacing:0;text-align:center}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard, #seasonCard, #zodiacCard, #lunarYearCard, #thirteenCard) .calendar-basis-note:is(*,._).calendar-basis-note-above-graph{display:block;box-sizing:border-box;width:min(84%, 740px);margin:0 auto 18px;padding:4px 8px;border:0;background:transparent;box-shadow:none;text-align:center}html body.page-phases:is(*,._._._._._) #phaseOrderSeason:is(*,#_) #seasonCard:is(*,#_) > .season-calendar-basis-note:is(*,._).calendar-basis-note-above-graph{width:min(84%, 740px);margin:0 auto 18px;padding:4px 8px;border:0;background:transparent;box-shadow:none;text-align:center}html body.page-phases:is(*,._._._._._) :is(#gregorianYearDetails, #seasonDetails, #lunarYearDetails).calendar-basis-note-relocated:empty{display:none;height:0;min-height:0;margin:0;padding:0}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard, #seasonCard, #zodiacCard, #lunarYearCard, #thirteenCard) .calendar-basis-note:is(*,._).calendar-basis-note-above-graph p{margin:0 auto;text-align:center}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& > .seasonal-sun-topic-header:is(*,._) > h3{margin-bottom:10px}& #seasonalSunriseSunsetPositionChart:is(*,#_) > p{box-sizing:border-box;width:min(84%, 740px);margin:0 auto 10px;text-align:center}}html body.page-phases:is(*,._._._._._) #seasonalSunDeclinationCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._){& > .seasonal-card-header-bubble.seasonal-sun-declination-header-bubble{display:inline-grid;grid-template-columns:max-content max-content;align-items:baseline;justify-content:center;gap:7px;width:max-content;max-width:calc(100% - 24px);margin:10px auto 0;padding:7px 15px;border:1px solid rgba(109, 222, 245, .42);border-radius:999px;background:linear-gradient(135deg, rgba(7, 31, 49, .94), rgba(13, 57, 69, .9));box-shadow:inset 0 0 14px rgba(105, 226, 247, .07), 0 8px 18px rgba(0, 0, 0, .2);text-align:center}& > .seasonal-sun-declination-header-bubble:is(*,._) :is(span, b){display:inline;color:#b8f1fb;-webkit-text-fill-color:#b8f1fb;font-size:clamp(.96rem, 1.5vw, 1.08rem);font-weight:500;line-height:1.2;white-space:nowrap}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_){& > .day-night-b60-outer-summary:is(*,._){gap:0}& > .day-night-b60-outer-summary:is(*,._) > #phaseDayTitleValue:is(*,#_){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:230px;min-height:44px;margin:0 auto 10px;padding:8px 24px;line-height:1.2;text-align:center}& > .day-night-b60-outer-summary:is(*,._) > #timeOfDayPhaseDetail:is(*,#_){margin:0 auto 10px}& > .day-night-b60-outer-summary:is(*,._) > .sun-boundary-timing-line:is(*,._){margin-top:0}}html body.page-phases:is(*,._._._._._._._) .day-phases-graph-explanation:is(*,._){margin-bottom:66px;transform:translateY(-70px)}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& :is( #seasonalSunAnglePrimaryCard:is(*,#_#_), #seasonalSunAzimuthCard:is(*,#_#_) ) > .seasonal-sun-topic-header:is(*,._){grid-template-columns:minmax(0, 1fr);justify-items:center;row-gap:8px}& :is( #seasonalSunAnglePrimaryCard:is(*,#_#_), #seasonalSunAzimuthCard:is(*,#_#_) ) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._){grid-column:1 / -1;justify-self:center;margin:0 auto}& #seasonalSunDayNightCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble.seasonal-day-length-header-bubble{box-sizing:border-box;display:inline-grid;grid-template-columns:minmax(0, 1fr);justify-self:center;width:fit-content;min-width:min(100%, 390px);max-width:calc(100% - 24px);margin:10px auto 0;padding:10px 20px;border:1px solid rgba(113, 221, 243, .42);border-radius:16px;background:linear-gradient(135deg, rgba(8, 35, 55, .94), rgba(13, 61, 69, .9));box-shadow:inset 0 0 14px rgba(105, 226, 247, .07), 0 8px 18px rgba(0, 0, 0, .2);text-align:center}}html body.page-phases:is(*,._._._._._._._) #phaseOrderMoonInformation:is(*,#_#_) .moon-information-position-card:is(*,._) .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:calc(100% - 20px);margin:0 auto 8px;padding:7px 20px;border:1px solid rgba(127, 229, 255, .42);border-radius:999px;background:linear-gradient(135deg, rgba(9, 45, 69, .94), rgba(15, 76, 80, .88));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 18px rgba(0, 0, 0, .2);text-align:center;line-height:1.15}html body.page-phases:is(*,._._._._._) :is( .calendar-current-bubble:is(*,._), .season-current-bubble:is(*,._), .zodiac-current-bubble:is(*,._), .moon-phase-current-bubble:is(*,._) ){box-sizing:border-box;max-width:calc(100% - 20px);text-align:center;line-height:1.2;white-space:normal}html body.page-phases:is(*,._._) .sun-boundary-timing-line:is(*,._).sun-boundary-timing-box{box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;grid-column:1 / -1;justify-self:center;width:fit-content;max-width:calc(100% - 24px);margin:10px auto 0;padding:10px 18px;border:1px solid rgba(113, 211, 235, .4);border-radius:0;background:linear-gradient(135deg, rgba(7, 29, 48, .92), rgba(11, 51, 61, .86));line-height:1.25;white-space:normal}html body.page-phases:is(*,._._) .sun-boundary-timing-line:is(*,._).sun-boundary-timing-box > .sun-boundary-timing-row{display:block;min-width:0;margin:0;padding:0;text-align:center}html body.page-phases:is(*,._._) .sun-boundary-timing-line:is(*,._).sun-boundary-timing-box > .sun-boundary-timing-row.is-sunrise-timing{color:#ffd66b;-webkit-text-fill-color:#ffd66b;text-shadow:0 0 8px rgba(255, 205, 84, .22)}html body.page-phases:is(*,._._) .sun-boundary-timing-line:is(*,._).sun-boundary-timing-box > .sun-boundary-timing-row.is-sunset-timing{color:#ff9f43;-webkit-text-fill-color:#ff9f43;text-shadow:0 0 8px rgba(255, 132, 55, .2)}html body.page-phases:is(*,._._) #seasonalSunDayNightCard:is(*,#_) > .seasonal-sun-topic-header:is(*,._) > #seasonalSunDayLengthBoundaryTiming.sun-boundary-timing-box{grid-column:1 / -1;justify-self:center}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight-start, .period-circle-major-label.label-evening-twilight-end ){width:144px;padding-inline:9px;border-color:rgba(113, 218, 242, .58);color:#c8f5ff;-webkit-text-fill-color:#c8f5ff}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight-start, .period-circle-major-label.label-evening-twilight-end ){width:104px;padding-inline:5px;font-size:.68rem}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale{& .period-circle-half-label{left:var(--period-half-x);top:var(--period-half-y);transform:translate(-50%, -50%) rotate(var(--period-half-rotation))}& .period-circle-phase-label{--period-label-extra-radius: 0px;display:block;width:84px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#d8f7ff;-webkit-text-fill-color:#d8f7ff;font-size:clamp(.78rem, 1.1vw, .92rem);font-weight:560;line-height:1.06;text-align:center;white-space:normal;text-shadow:0 2px 5px rgba(0, 0, 0, .92), 0 0 5px rgba(68, 183, 214, .32);box-shadow:none}}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale .period-circle-phase-label{--period-phase-radius: min(32.6vw, 135px);width:68px;font-size:.67rem}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale{& :is(.period-circle-solar-partition, .period-circle-callout-pointers){position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}& .period-circle-solar-partition{z-index:2}& .period-circle-callout-pointers{z-index:8}& .period-partition-night{fill:#041326}& .period-partition-day{fill:url("#periodDayPartitionFill")}& .period-partition-border{fill:none;stroke:rgba(110, 196, 222, .66);stroke-width:.42}& .period-partition-solar-chord{stroke:rgba(125, 226, 245, .92);stroke-width:.55;stroke-linecap:round;filter:drop-shadow(0 0 1.2px rgba(89, 205, 232, .42))}& .period-callout-pointer{stroke:rgba(255, 218, 137, .84);stroke-linecap:round;vector-effect:non-scaling-stroke}& .period-callout-pointer.is-twilight-pointer{stroke:rgba(132, 230, 248, .9)}& #periodCalloutArrowHead path{fill:#ffd98f}& #periodDayMarker:is(*,#_).period-circle-marker.is-below-horizon{box-sizing:border-box;border:5px solid #ff9f43;background:#0b3f6b;background-color:#0b3f6b;background-image:none;box-shadow:none}}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){font-size:.68rem}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale{& .period-callout-pointer{stroke-width:2px;filter:drop-shadow(0 0 2px rgba(0, 0, 0, .72))}& :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){width:168px;min-width:168px;border:1px solid rgba(160, 119, 205, .78);border-radius:18px;box-shadow:0 9px 22px rgba(8, 4, 18, .38)}& :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ) b{white-space:normal}& :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ) small{color:#cfb8ef;-webkit-text-fill-color:#cfb8ef}& .period-circle-major-label.label-sunrise{border-radius:12px}& .period-circle-major-label.label-sunset{border-radius:12px}& :is( .period-circle-major-label.label-sunrise, .period-circle-major-label.label-sunset ) small{color:#fff1cf;-webkit-text-fill-color:#fff1cf}& .period-circle-major-label.label-midday{border-color:rgba(255, 239, 157, .96);border-radius:12px;background:linear-gradient(135deg, #f7dc85, #edb94e);color:#173247;-webkit-text-fill-color:#173247}& .period-circle-major-label.label-midday small{color:#24465a;-webkit-text-fill-color:#24465a}& .period-circle-major-label.label-middle-of-night{border-color:rgba(75, 113, 171, .82);border-radius:12px;background:linear-gradient(135deg, #03091a, #0c1d3d);color:#b9d6ff;-webkit-text-fill-color:#b9d6ff}& .period-circle-major-label.label-middle-of-night small{color:#85acd9;-webkit-text-fill-color:#85acd9}}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale{& :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){width:132px;min-width:132px;border-radius:15px}& .period-circle-major-label{--period-major-radius: min(60vw, 248px)}}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale .period-circle-time-label{position:absolute;left:50%;top:50%;z-index:7;display:block;width:52px;padding:0;color:#bfefff;-webkit-text-fill-color:#bfefff;font-size:.72rem;font-weight:580;line-height:1;text-align:center;white-space:nowrap;text-shadow:0 2px 5px rgba(0, 0, 0, .95), 0 0 5px rgba(74, 199, 230, .34);transform:translate(-50%, -50%) rotate(var(--time-angle)) translateY(calc(-1 * var(--period-time-radius))) rotate(var(--time-counter));pointer-events:none}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale .period-circle-time-label{width:42px;font-size:.6rem}}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_){& .days-of-week-summary{display:grid;justify-items:center;width:fit-content;max-width:calc(100% - 24px);margin:10px auto 0;text-align:center}& .days-of-week-summary strong{color:#dff8f3;-webkit-text-fill-color:#dff8f3;font-size:clamp(1.1rem, 1.8vw, 1.4rem);font-weight:620;line-height:1.1}& .days-of-week-summary span{color:#9fd9d0;-webkit-text-fill-color:#9fd9d0}& > .phase-order-body:is(*,._){padding-top:0}& .natural-week-circle-shell{padding-inline:0}}html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){& :is(.natural-circle-hand, .natural-circle-center){display:none}& .natural-circle-label{min-height:0}& .natural-circle-label b{display:grid;gap:3px;justify-items:center;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#d8eeeb;-webkit-text-fill-color:#d8eeeb;font-weight:620;box-shadow:none}& .natural-circle-label b small{display:block;color:#a5c7c3;-webkit-text-fill-color:#a5c7c3;font-size:.7em;font-weight:520;line-height:1}& .natural-circle-label.is-active b{border:0;background:transparent;color:#f3fff9;-webkit-text-fill-color:#f3fff9;text-shadow:0 0 9px rgba(123, 244, 207, .54), 0 2px 4px rgba(0, 0, 0, .88);box-shadow:none}& .natural-circle-label.is-active b small{color:#baf3df;-webkit-text-fill-color:#baf3df}}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._),html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._) #phaseOrderSeason:is(*,#_#_) #seasonHeaderSummary:is(*,#_#_) .season-current-bubble:is(*,._){font-size:1.08rem;font-weight:400;line-height:1.18}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._) :is(span, b){font-size:1.08rem;font-weight:400;line-height:1.18}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._) #phaseOrderSeason:is(*,#_#_) #seasonHeaderSummary:is(*,#_#_) .season-current-bubble:is(*,._){box-sizing:border-box;width:min(92%, 390px);min-width:330px;max-width:calc(100% - 24px);justify-content:center;padding-inline:24px;white-space:nowrap}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) main.shell:is(*,._._) #phaseOrderSeason:is(*,#_#_) #seasonHeaderSummary:is(*,#_#_) .season-current-bubble:is(*,._){width:calc(100% - 20px);min-width:0;padding-inline:14px;white-space:normal}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_#_#_) #seasonalSunDeclinationCard:is(*,#_#_#_) #seasonalSolarDeclinationSection:is(*,#_#_) .solar-declination-map:is(*,._._).solar-declination-circle-map{display:block;width:min(100%, 620px);max-width:620px;height:auto;min-height:0;max-height:none;aspect-ratio:1 / 1;margin:12px auto 10px;overflow:visible;border:0;border-radius:50%;background:transparent;box-shadow:none}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) .seasonal-sun-topic-card:is(*,._) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._),html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._) :is( #phaseOrderGregorianCalendar:is(*,#_), #phaseOrderSeason:is(*,#_), #phaseOrderZodiacCalendar:is(*,#_), #phaseOrderLunarYearCalendar:is(*,#_), #phaseOrderThirteenCalendar:is(*,#_) ) :is( .calendar-current-bubble:is(*,._), .season-current-bubble:is(*,._), .zodiac-current-bubble:is(*,._) ),html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._) #phaseOrderMoonInformation:is(*,#_#_) :is( .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_), .moon-phase-current-bubble:is(*,._), .moon-cycle-current-bubble:is(*,._) ),html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._) #phaseOrderDayNightPhases:is(*,#_#_) #phaseDayTitleValue:is(*,#_){font-size:1.08rem;font-weight:400;line-height:1.18}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) .seasonal-sun-topic-card:is(*,._) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._) :is(span, b),html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._) #phaseOrderMoonInformation:is(*,#_#_) :is( .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_), .moon-phase-current-bubble:is(*,._), .moon-cycle-current-bubble:is(*,._) ) :is(span, b){font-size:1.08rem;font-weight:400;line-height:1.18}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_){& > .seasonal-sun-topic-header:is(*,._){padding-bottom:15px}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble:is(*,._){transform:translateY(15px)}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._) :is( #phaseOrderGregorianCalendar:is(*,#_) .calendar-current-bubble:is(*,._), #phaseOrderSeason:is(*,#_) .season-current-bubble:is(*,._), #phaseOrderZodiacCalendar:is(*,#_) .zodiac-current-bubble:is(*,._) ){width:min(92%, 390px);min-width:330px;max-width:calc(100% - 24px);justify-content:center;padding-inline:24px;white-space:nowrap}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._) #phaseOrderMoonInformation:is(*,#_#_){& .moon-information-position-card:is(*,._) > .moon-position-title:is(*,._){width:min(92%, 430px);max-width:calc(100% - 24px);margin-inline:auto}& :is( .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_), .moon-phase-current-bubble:is(*,._), .moon-cycle-current-bubble:is(*,._) ){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:min(92%, 430px);min-width:390px;max-width:calc(100% - 24px);min-height:40px;margin:10px auto 0;padding:8px 22px;border:1px solid rgba(127, 229, 255, .42);border-radius:999px;background:linear-gradient(135deg, rgba(9, 45, 69, .94), rgba(15, 76, 80, .88));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 18px rgba(0, 0, 0, .2);text-align:center;white-space:nowrap}& .moon-information-cycle-card:is(*,._) > .card-head:is(*,._){display:grid;justify-items:center}}@media (max-width: 620px){html body.page-phases:is(*,._._._) main.shell.shell :is( .calendar-current-bubble:is(*,._), .season-current-bubble:is(*,._), .zodiac-current-bubble:is(*,._), .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_), .moon-phase-current-bubble:is(*,._), .moon-cycle-current-bubble:is(*,._) ){width:calc(100% - 20px);min-width:0;padding-inline:14px;white-space:normal}}html body.page-phases:is(*,._._._._) #phaseOrderDaysOfWeek:is(*,#_) > .phase-order-title:is(*,._){margin:0;color:#f7dfaa;-webkit-text-fill-color:#f7dfaa;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:clamp(1.35rem, 2.1vw, 1.85rem);font-weight:750;line-height:1.12;letter-spacing:0;text-align:center}html body.page-phases:is(*,._._._._) #seasonalSunPositionCard:is(*,#_#_){& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble{grid-template-columns:max-content max-content;gap:8px;min-width:0}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble :is(span, b){display:inline;width:auto;color:#9fe9ff;-webkit-text-fill-color:#9fe9ff;font-size:clamp(.96rem, 1.5vw, 1.08rem);font-weight:500;line-height:1.15;text-align:center;white-space:nowrap}& .seasonal-sun-position-segment-divider{stroke:rgba(147, 215, 238, .54);stroke-width:1.45px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(69, 181, 219, .24))}& .seasonal-sun-position-segment-divider-main{stroke:rgba(243, 211, 144, .72);stroke-width:1.9px;filter:drop-shadow(0 0 3px rgba(222, 177, 85, .28))}}@media (max-width: 620px){html body.page-phases:is(*,._._._._) #seasonalSunPositionCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._) > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble{grid-template-columns:minmax(0, 1fr);gap:3px}}html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){overflow:visible}html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_)::after{content:"";position:absolute;z-index:6;border-radius:50%;background:conic-gradient( from 0deg, #57dfcf 0deg, #7fdcff var(--natural-circle-progress), rgba(54, 82, 101, .5) var(--natural-circle-progress), rgba(54, 82, 101, .5) 360deg );-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){& .natural-week-axis-label{position:absolute;z-index:9;left:50%;display:grid;gap:2px;justify-items:center;min-width:112px;color:#dff9f6;-webkit-text-fill-color:#dff9f6;font-size:clamp(.88rem, 1.25vw, 1rem);line-height:1.05;text-align:center;text-shadow:0 2px 5px rgba(0, 0, 0, .88);transform:translateX(-50%);pointer-events:none}& .natural-week-axis-label b{font-weight:650;letter-spacing:.02em}& .natural-week-axis-label small{color:#9edbd4;-webkit-text-fill-color:#9edbd4;font-size:.76em;font-weight:550}& .natural-week-start-label{top:-57px}& .natural-week-start-label::after{content:"";width:0;height:0;margin-top:4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #7de5da;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .72))}& .natural-week-midpoint-label{bottom:-49px}& .natural-week-midpoint-label::before{content:"";width:0;height:0;margin-bottom:5px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid #78bcca;filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, .72))}& .natural-week-progress-marker{position:absolute;z-index:8;left:50%;top:50%;display:block;width:20px;height:20px;border:3px solid #d9fffa;border-radius:50%;background:#31bfc2;box-shadow:0 0 0 3px rgba(7, 27, 40, .86), 0 0 12px rgba(91, 240, 221, .72);transform-origin:center;box-sizing:border-box;pointer-events:none}& .natural-week-segment-outlines{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}& .natural-week-segment-outline{fill:none;stroke:transparent;stroke-width:.75}& .natural-week-segment-outline.is-active{stroke:#c6fff3;filter:drop-shadow(0 0 1.4px rgba(102, 245, 213, .92))}& .natural-circle-label{width:128px;text-align:center}& .natural-circle-label b{width:100%;font-size:clamp(1.08rem, 1.72vw, 1.32rem);line-height:1.08;text-align:center}}html body.page-phases:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) tbody tr:nth-child(n+6):not(.alternate-week-bottom-spacer){& :is(th, td){line-height:1.2}& td{font-size:clamp(1rem, 1.35vw, 1.14rem)}}@media (max-width: 720px){html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){& .natural-circle-label{width:86px}& .natural-circle-label b{font-size:.82rem}}html body.page-phases:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_) .alternate-week-table:is(*,._) tbody tr:nth-child(n+6):not(.alternate-week-bottom-spacer) td{font-size:.88rem}html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_) .natural-week-axis-label{min-width:88px;font-size:.72rem}}html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){--natural-circle-size: clamp(350px, 40vw, 450px);--natural-circle-label-radius: calc(var(--natural-circle-size) * .39)}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_) .natural-week-circle-shell:is(*,._){padding-block:20px}html body.page-phases:is(*,._._._) #phaseOrderDayNames:is(*,#_#_) #alternateWeekCard:is(*,#_){& .alternate-week-table-title:is(*,._){color:#f7dfaa;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:clamp(1.35rem, 2.1vw, 1.85rem);font-style:normal;font-weight:750;line-height:1.12;letter-spacing:normal;text-transform:none}& .alternate-week-table:is(*,._) tbody tr:nth-child(2) :is(th, td){height:32px;padding-block:7px;box-sizing:border-box}& .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) :is(th, td){height:72px;padding-block:4px;box-sizing:border-box}& .alternate-week-table:is(*,._) .alternate-week-planet-image-row:is(*,._) .planet-icon:is(*,._){width:64px;height:64px}& .alternate-week-table:is(*,._) .alternate-week-planet-row:is(*,._) :is(th, td){height:38px;padding-block:9px;box-sizing:border-box}& .alternate-week-table:is(*,._) tbody tr:nth-child(n+6):not(.alternate-week-bottom-spacer) :is(th, td){height:38px;padding-block:5px;box-sizing:border-box}}html body.page-phases:is(*,._._._._) #seasonalSunPositionCard:is(*,#_#_){& .seasonal-sun-position-current-segment{fill:rgba(157, 229, 255, .09);stroke:rgba(205, 247, 255, .98);stroke-width:3.4px;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(134, 229, 255, .48))}& .seasonal-sun-position-segment-label{background:transparent;border:0;border-radius:0;box-shadow:none}}html body.page-phases:is(*,._._._._) #seasonalSunDayNightCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._){margin-bottom:10px}html body.page-phases:is(*,._._._._) #seasonalDayLengthGraphSection:is(*,#_#_) .seasonal-day-length-hour-label:is(*,._){letter-spacing:0}html body.page-phases:is(*,._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_){& .seasonal-day-night-length-table:is(*,._){margin-top:2px}& .seasonal-day-night-length-table:is(*,._) > h4{margin:0 0 10px;color:#b9e7f7;font-size:clamp(1.15rem, 2vw, 1.48rem);font-weight:600;letter-spacing:.01em}& .seasonal-day-night-length-table:is(*,._) .seasonal-table-scroll{overflow-x:auto;border:2px solid rgba(98, 184, 215, .74);border-radius:10px;background:linear-gradient(135deg, rgba(8, 30, 51, .94), rgba(5, 18, 36, .98));box-shadow:inset 0 0 22px rgba(51, 139, 180, .08)}& .seasonal-day-night-length-table:is(*,._) table{min-width:680px;border-collapse:separate;border-spacing:0}& .seasonal-day-night-length-table:is(*,._) :is(th, td){padding:10px 13px;font-size:clamp(.92rem, 1.3vw, 1.05rem);line-height:1.2;vertical-align:middle;white-space:nowrap;border-bottom:1px solid rgba(129, 194, 218, .17)}& .seasonal-day-night-length-table:is(*,._) thead th{font-weight:600;color:#cceefa;background:rgba(19, 55, 81, .92);border-bottom:2px solid rgba(112, 203, 232, .46)}& .seasonal-day-night-length-table:is(*,._) tbody th,& .seasonal-day-night-length-table:is(*,._) tbody th *{color:#bed2dc;font-weight:400;background:rgba(10, 29, 47, .76)}& .seasonal-day-night-length-table:is(*,._) :is(thead th:nth-child(2), tbody td:nth-child(2)){color:#54d7ff;background:rgba(24, 124, 177, .18)}& .seasonal-day-night-length-table:is(*,._) :is(thead th:nth-child(3), tbody td:nth-child(3)){color:#527fb6;background:rgba(18, 53, 111, .28);border-right:2px solid rgba(111, 190, 220, .46)}}html body.page-phases:is(*,._._._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_#_) .seasonal-day-night-length-table:is(*,._) :is(thead th:first-child, tbody th:first-child){border-right:2px solid rgba(111, 190, 220, .46)}html body.page-phases:is(*,._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_) .seasonal-day-night-length-table:is(*,._){& :is(thead th:nth-child(4), tbody td:nth-child(4)){color:#ffe39a;background:rgba(136, 99, 29, .16)}& :is(thead th:nth-child(5), tbody td:nth-child(5)){color:#ffae5f;background:rgba(139, 63, 22, .18)}}html body.page-phases:is(*,._._._._) #phaseOrderDayNames:is(*,#_#_) .alternate-week-planet-image-row .planet-icon.planet-sun{background-size:64px 64px}html body.page-phases:is(*,._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-horizon-dynamic-scale{display:block;width:100%;margin:4px 0 0;color:rgba(218, 240, 243, .82);-webkit-text-fill-color:rgba(218, 240, 243, .82);font-size:.76rem;line-height:1.1;text-align:center}& .seasonal-horizon-center-degree{fill:#b9ecff;font-size:17px;font-weight:700}}html body.page-phases:is(*,._._._._) #seasonalSunriseSunsetYearTable:is(*,#_#_){& .seasonal-sunrise-sunset-position-table:is(*,._){margin-top:2px}& .seasonal-sunrise-sunset-position-table:is(*,._) > h4{margin:0 0 10px;color:#b9e7f7;font-size:clamp(1.15rem, 2vw, 1.48rem);font-weight:600;letter-spacing:.01em}& .seasonal-sunrise-sunset-position-table:is(*,._) .seasonal-table-scroll{overflow-x:auto;border:2px solid rgba(98, 184, 215, .74);border-radius:10px;background:linear-gradient(135deg, rgba(8, 30, 51, .94), rgba(5, 18, 36, .98));box-shadow:inset 0 0 22px rgba(51, 139, 180, .08)}& .seasonal-sunrise-sunset-position-table:is(*,._) table{min-width:790px;border-collapse:separate;border-spacing:0}& .seasonal-sunrise-sunset-position-table:is(*,._) :is(th, td){padding:10px 13px;font-size:clamp(.92rem, 1.3vw, 1.05rem);line-height:1.2;vertical-align:middle;white-space:nowrap;border-bottom:1px solid rgba(129, 194, 218, .17)}& .seasonal-sunrise-sunset-position-table:is(*,._) thead th{font-weight:600;color:#cceefa;background:rgba(19, 55, 81, .92);border-bottom:2px solid rgba(112, 203, 232, .46)}& .seasonal-sunrise-sunset-position-table:is(*,._) tbody th,& .seasonal-sunrise-sunset-position-table:is(*,._) tbody th *{color:#bed2dc;font-weight:400;background:rgba(10, 29, 47, .76)}& .seasonal-sunrise-sunset-position-table:is(*,._) :is(thead th:nth-child(2), tbody td:nth-child(2)){color:#ffe39a;background:rgba(139, 102, 30, .17)}& .seasonal-sunrise-sunset-position-table:is(*,._) :is(thead th:nth-child(3), tbody td:nth-child(3)){color:#f3c66d;background:rgba(126, 91, 24, .22);border-right:2px solid rgba(112, 203, 232, .46)}& .seasonal-sunrise-sunset-position-table:is(*,._) :is(thead th:nth-child(4), tbody td:nth-child(4)){color:#ffae5f;background:rgba(144, 67, 24, .18)}& .seasonal-sunrise-sunset-position-table:is(*,._) :is(thead th:nth-child(5), tbody td:nth-child(5)){color:#e98365;background:rgba(119, 48, 30, .24)}}html body.page-phases:is(*,._._._._) #phaseOrderDaysOfWeek:is(*,#_){& .days-of-week-summary{gap:0}& .days-of-week-summary span{margin-top:15px;margin-bottom:20px;font-size:clamp(1.05rem, 1.6vw, 1.25rem);font-weight:500;line-height:1.15}}@media (max-width: 720px){html body.page-phases:is(*,._._) #daysOfWeekCircularSlider:is(*,#_){--natural-circle-size: min(76vw, 330px)}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_) .natural-week-circle-shell:is(*,._){min-height:405px;padding-block:16px}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_){& .alternate-week-table-title:is(*,._._._){color:#f7dfaa;-webkit-text-fill-color:#f7dfaa;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:clamp(1.35rem, 2.1vw, 1.85rem);font-style:normal;font-weight:750;line-height:1.12;letter-spacing:normal;text-transform:none;text-shadow:none}& .alternate-week-table:is(*,._._) tbody tr:nth-child(2) :is(th, td){height:32px;padding-block:7px;box-sizing:border-box}& .alternate-week-table:is(*,._._) .alternate-week-planet-image-row:is(*,._) :is(th, td){height:72px;padding-block:4px;box-sizing:border-box}& .alternate-week-table:is(*,._._) .alternate-week-planet-image-row:is(*,._) .planet-icon:is(*,._._._){width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;max-height:64px}& .alternate-week-table:is(*,._._) .alternate-week-planet-row:is(*,._) :is(th, td){height:38px;padding-block:9px;box-sizing:border-box}& .alternate-week-table:is(*,._._) tbody tr:nth-child(n+6):not(.alternate-week-bottom-spacer) :is(th, td){height:38px;padding-block:5px;box-sizing:border-box}& .alternate-week-table:is(*,._._) tbody td.is-active-day{position:relative;z-index:1}& .alternate-week-table:is(*,._._) .alternate-week-day-row td.is-active-day{color:#d9fbff;-webkit-text-fill-color:#d9fbff;font-weight:620;box-shadow:inset 2px 0 0 rgba(122, 233, 255, .98), inset -2px 0 0 rgba(122, 233, 255, .98), inset 0 2px 0 rgba(122, 233, 255, .98)}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_){& #alternateWeekCard:is(*,#_#_#_#_#_#_#_){border-radius:18px;overflow:hidden}& #alternateWeekCard:is(*,#_#_#_#_#_#_#_) .alternate-week-table-wrap:is(*,._){border-radius:15px;overflow:hidden}& #alternateWeekCard:is(*,#_#_#_#_#_#_#_) .alternate-week-table:is(*,._) th[scope="row"]{background:linear-gradient(180deg, #303842, #252c34)}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).period-circle-scale{& :is(.period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight){box-sizing:border-box;width:108px;min-width:108px;padding-inline:7px;font-size:13px;line-height:1.08}& :is(.period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight) .scale-label-text{font-size:13px;line-height:1.08}}html body.page-phases:is(*,._._._._._) #zodiacCard:is(*,#_#_#_#_#_){& .zodiac-circle-section:is(*,._){margin-block:40px}& .zodiac-element-ring:is(*,._) small > span{display:none}& .zodiac-daily-table-wrap:is(*,._) h4{text-transform:none}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_) .alternate-week-table:is(*,._) tbody{& td.is-active-day{border-block:0;outline:0;box-shadow:inset 2px 0 0 #f7dfaa, inset -2px 0 0 #f7dfaa}& tr:first-child td.is-active-day{box-shadow:inset 2px 0 0 #f7dfaa, inset -2px 0 0 #f7dfaa, inset 0 2px 0 #f7dfaa}& tr.alternate-week-bottom-spacer td.is-active-day{box-shadow:inset 2px 0 0 #f7dfaa, inset -2px 0 0 #f7dfaa, inset 0 -2px 0 #f7dfaa}& tr.alternate-week-symbol-row td.is-active-day,& tr.alternate-week-symbol-row + tr td.is-active-day{border-block:0;outline:0;box-shadow:inset 2px 0 0 #f7dfaa, inset -2px 0 0 #f7dfaa}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_#_) #periodScale:is(*,#_#_#_).period-circle-scale .period-circle-major-label{--period-major-radius: min(56.7vw, 383px)}html body.page-phases:is(*,._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_) #seasonalCurrentSunAngleSection:is(*,#_#_#_) article.phase-section-circle-card.seasonal-sun-position-circle-card.seasonal-sun-angle-layered-card,html body.page-phases:is(*,._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_) #seasonalCurrentSunAngleSection:is(*,#_#_#_) .seasonal-sun-angle-clock-stage:is(*,._),html body.page-phases:is(*,._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_) #seasonalCurrentSunAngleSection:is(*,#_#_#_) .seasonal-sun-angle-clock-face:is(*,._._){width:min(92%, 620px);max-width:620px}html body.page-phases:is(*,._._._._) #seasonalDayLengthGraphSection:is(*,#_#_){& .seasonal-day-length-current-arrow{stroke:#71f5df;stroke-width:1.7px;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(91, 241, 218, .52))}& .seasonal-day-length-current-dot{fill:#10334a;stroke:#7cf6e2;stroke-width:2.4px;filter:drop-shadow(0 0 4px rgba(91, 241, 218, .62))}& .seasonal-day-length-current-dot-core{fill:#e7fffb}& .seasonal-day-length-current-label-bg{fill:rgba(6, 47, 63, .96);stroke:rgba(113, 245, 223, .88);stroke-width:.8px}& .seasonal-day-length-current-label{fill:#bafff4;font-size:8.5px;font-weight:600;letter-spacing:0}}html body.page-phases:is(*,._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_) #seasonalCurrentSunAngleSection:is(*,#_#_#_){width:min(100%, 840px);max-width:840px}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_#_) #seasonalSunPositionCard:is(*,#_#_#_#_) #seasonalCurrentSunAngleSection:is(*,#_#_#_#_){width:min(100%, 840px);max-width:840px}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-sun,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-sun{box-sizing:border-box;border:2px solid rgba(255, 255, 255, .9);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 28%, #fff4b8 0 18%, #ffd45a 34%, #f58a23 72%);background-size:auto;box-shadow:0 0 24px rgba(255, 199, 67, .5);filter:none}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn{box-sizing:border-box;border:2px solid rgba(255, 255, 255, .82);border-radius:50%;filter:none}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn::before,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn::before{inset:auto;border-left-color:rgba(238, 215, 157, .42);border-right-color:rgba(238, 215, 157, .42)}html body.page-phases:is(*,._._._) #phaseOrderGenericLunarCalendar:is(*,#_){& .calendar-header-summary:is(*,._){display:grid;justify-items:center;justify-content:center;width:min(100%, 760px);margin:4px auto 18px;gap:12px;text-align:center}& :is(.lunar-year-current-month-heading,.lunar-year-month-info){box-sizing:border-box;width:min(100%, 700px);margin:0 auto;padding:13px 18px;border:1px solid rgba(111, 202, 220, .36);border-radius:12px;background:linear-gradient(145deg, rgba(8, 33, 51, .92), rgba(13, 53, 58, .8));text-align:center}& .lunar-year-current-month-heading > :is(span, strong, small){display:block}& .lunar-year-current-month-heading > span{color:#a8cbd4;font-size:.84rem}& .lunar-year-current-month-heading > strong{margin:4px 0;color:#9de5db;font-family:Georgia, "Times New Roman", serif;font-size:1.55rem}& .lunar-year-current-month-heading > small{color:#c2d6dd;font-size:.86rem}& .calendar-current-bubble:is(*,._){display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 22px;border:1px solid rgba(127, 229, 255, .44);border-radius:999px;font-size:1rem;font-weight:600;line-height:1.2;text-align:center}& .lunar-year-month-info{display:grid;gap:9px}& .lunar-year-month-info > strong{color:#9af0ef;font-size:1.08rem}& .lunar-year-month-facts{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:9px}& .lunar-year-month-facts > span{display:grid;gap:3px;padding:8px 9px;border:1px solid rgba(137, 212, 220, .2);border-radius:7px;background:rgba(3, 18, 29, .52);color:#deedf0;font-size:.88rem}& .lunar-year-month-facts b{color:#f2d99c;font-size:.78rem}& .lunar-year-month-info > small{color:#b7d5da;font-size:.8rem}& .calendar-visible-summary:is(*,._){display:grid;justify-items:center;gap:7px;width:min(100%, 540px);margin:0 auto;color:#d7edf5;font-size:1.02rem;line-height:1.32;text-align:center}& .calendar-visible-summary em{margin-top:8px;color:#d8dde8;font-style:italic}}html body.page-phases:is(*,._._._) #genericLunarCard:is(*,#_) :is(.card-head, .card-pie-meter, .card-hourglass-meter, .progress-summary-line, .percent-inline, .card-title-subline, .time-slider-bubble-row, .work-status){display:none}html body.page-phases:is(*,._._._) #genericLunarCard:is(*,#_){overflow:visible}html body.page-phases:is(*,._._._) #genericLunarCard:is(*,#_) #genericLunarCircularSliderShell:is(*,#_){min-height:480px;margin:8px auto 16px;padding:20px}html body.page-phases:is(*,._._._) #genericLunarCircularSlider:is(*,#_).natural-calendar-circle{--natural-circle-size: clamp(350px, 38vw, 430px);--natural-circle-label-radius: calc(var(--natural-circle-size) * .405)}html body.page-phases:is(*,._._._) #genericLunarCircularSlider:is(*,#_){& .natural-circle-label{width:82px;min-height:36px}& .natural-circle-label > b{display:grid;gap:2px;justify-items:center;padding:4px 6px}& .generic-lunar-cycle-length{display:block;color:#b7d8dc;font-size:.67rem;font-weight:450;line-height:1}& > .generic-lunar-boundary-dates{position:absolute;z-index:8;inset:0;pointer-events:none}& .generic-lunar-boundary-date{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;min-height:20px;transform:translate(-50%, -50%) rotate(var(--generic-lunar-date-angle)) translateY(calc(-1 * var(--natural-circle-size) * .49)) rotate(calc(-1 * var(--generic-lunar-date-angle)))}& .generic-lunar-boundary-date > b{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 5px;border:1px solid rgba(139, 217, 221, .36);border-radius:5px;background:rgba(4, 19, 29, .92);color:#c8edf0;font-size:.66rem;font-weight:500;line-height:1;white-space:nowrap}& .generic-lunar-boundary-date.is-year-start > b{border-color:rgba(243, 216, 149, .66);background:rgba(46, 39, 22, .94);color:#f6dda0}}html body.page-phases:is(*,._._._) #phaseOrderLunarYearCalendar:is(*,#_){& .chinese-lunar-zodiac-panel:is(*,._){box-sizing:border-box;width:min(100%, 700px);margin:0 auto;padding:15px 18px;border:1px solid rgba(219, 190, 121, .35);border-radius:12px;text-align:center}& .chinese-lunar-zodiac-panel > :is(span,:is(strong, small)){display:block}& .chinese-lunar-zodiac-panel > span{color:#a5dbe1;font-size:.88rem;font-weight:700}& .chinese-lunar-zodiac-panel > strong{margin-top:4px;color:#e5c17f;font-family:Georgia, "Times New Roman", serif;font-size:clamp(1.45rem, 2.6vw, 1.9rem)}& .chinese-lunar-zodiac-panel > small{margin-top:6px;color:#b9d0d8;font-size:.9rem}& .chinese-lunar-zodiac-panel > p{margin:8px 0 13px;color:#a9c4cd;font-size:.88rem}& .other-calendar-zodiac-cycle{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}& .other-calendar-zodiac-cycle span{padding:5px 9px;border:1px solid rgba(151, 172, 186, .25);border-radius:999px;background:rgba(8, 27, 39, .48);color:#aebfc8;font-size:.77rem}& .other-calendar-zodiac-cycle span.is-current{border-color:rgba(229, 193, 127, .72);background:rgba(86, 115, 115, .66);color:#ffe4aa}}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseOrderGenericLunarCalendar:is(*,#_) .lunar-year-month-facts{grid-template-columns:1fr}html body.page-phases:is(*,._._) #genericLunarCard:is(*,#_) #genericLunarCircularSliderShell:is(*,#_){min-height:410px;padding-inline:4px}html body.page-phases:is(*,._._) #genericLunarCircularSlider:is(*,#_).natural-calendar-circle{--natural-circle-size: min(82vw, 350px)}html body.page-phases:is(*,._._) #genericLunarCircularSlider:is(*,#_){& .natural-circle-label{width:64px}& .natural-circle-label > b{padding-inline:3px;font-size:.59rem}& .generic-lunar-cycle-length{font-size:.55rem}& .generic-lunar-boundary-date{width:48px}& .generic-lunar-boundary-date > b{padding-inline:3px;font-size:.55rem}}}html body.page-phases:is(*,._._) #gregorianYearCard:is(*,#_) .calendar-circle-marker-svg:is(*,._){display:none}html body.page-phases:is(*,._._._._._) :is(#lunarYearCircularSlider:is(*,#_), #genericLunarCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center-progress:is(*,._){position:absolute;z-index:1;left:50%;top:50%;display:block;width:calc(var(--natural-circle-size) * .47);height:calc(var(--natural-circle-size) * .47);margin:0;border:0;border-radius:50%;background:conic-gradient( from 0deg, transparent 0deg var(--natural-circle-progress, 0deg), rgba(4, 20, 31, .94) var(--natural-circle-progress, 0deg) 360deg ), linear-gradient(135deg, #3289ff 0%, #58ddff 52%, #5ee0aa 100%);box-shadow:none;filter:drop-shadow(0 0 4px rgba(88, 221, 255, .34));overflow:hidden;transform:translate(-50%, -50%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px));mask:radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px))}html body.page-phases:is(*,._._._._._) :is(#lunarYearCircularSlider:is(*,#_), #genericLunarCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center > strong,html body.page-phases:is(*,._._._._._) :is(#lunarYearCircularSlider:is(*,#_), #genericLunarCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center > span:not(.natural-circle-center-progress){position:relative;z-index:2}html body.page-phases:is(*,._._._._._) :is(#lunarYearCircularSlider:is(*,#_), #genericLunarCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) :is(.natural-circle-center-progress-fill, .natural-circle-center-progress-moon){display:none}html body.page-phases:is(*,._._._._._) #moonCycleCard:is(*,#_#_#_) .moon-cycle-day-label:is(*,._){position:absolute;z-index:9;display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:2px 6px;border:1px solid rgba(148, 187, 202, .3);border-radius:999px;background:rgba(8, 24, 36, .9);color:#c5dce5;font-size:.69rem;font-weight:500;line-height:1.1;text-align:center;white-space:nowrap;transform:translate(-50%, -50%);box-shadow:0 3px 9px rgba(0, 0, 0, .28)}@media (max-width: 560px){html body.page-phases:is(*,._._._._._) #moonCycleCard:is(*,#_#_#_) .moon-cycle-day-label:is(*,._){min-width:43px;padding-inline:4px;font-size:.61rem}}html body.page-phases:is(*,._._) #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-horizon-timing-svg{& tspan:nth-of-type(1){fill:#f6dc72}& tspan:nth-of-type(2){fill:#f3a45d}& tspan:nth-of-type(3){fill:#a8e7ff}}html body.page-phases:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAnglePanel:is(*,#_#_#_) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) > .seasonal-sun-topic-header:is(*,._) > .seasonal-sun-highest-angle-header-bubble:is(*,._){padding-inline:30px}html body.page-phases:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_) :is(.yearly-sun-side-season-bubble, .yearly-sun-side-daily-high-bubble) rect{fill:rgba(10, 43, 70, .97);stroke:rgba(92, 178, 220, .82)}html body.page-phases:is(*,._._._._._._._) #gregorianYearCard:is(*,#_#_#_#_){& .calendar-circle-slider:is(*,._){width:min(100%, 660px);max-width:660px}& .calendar-circle-stage:is(*,._){width:min(94vw, 620px);height:min(94vw, 620px)}& .calendar-circle-ring-label:is(*,._){fill:#c9f1fa;stroke:none;stroke-width:0;paint-order:normal;font-size:5.6px;font-weight:400;letter-spacing:0}& .calendar-circle-ring-label .calendar-circle-ring-label-line-0{fill:#e3fbff;font-size:6.25px;font-weight:600}& .calendar-circle-ring-label :is(.calendar-circle-ring-label-line-2, .calendar-circle-ring-label-line-3){fill:#9ed8e8;font-size:5.25px}}html body.page-phases:is(*,._._._._._._) #thirteenCard:is(*,#_#_#_) #thirteenCircularSlider:is(*,#_){& .natural-circle-label b{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#d4f3f1;font-size:.78rem;font-weight:500;text-shadow:0 1px 3px rgba(0, 0, 0, .9)}& .thirteen-boundary-date:is(*,._){inset:0;width:auto;min-height:0;transform:none}}html body.page-phases:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-head:is(*,._) > h2.natural-card-title-with-icon > .natural-card-title-icon:is(*,._){margin-bottom:5px}@media (max-width: 760px){html body.page-phases:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_) .phase-summary-head:is(*,._){height:112px;min-height:112px;padding-top:12px}}html body.page-phases:is(*,._._._._._._) #thirteenCard:is(*,#_#_#_) #thirteenCircularSlider:is(*,#_){& .thirteen-boundary-date > i{position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid #b9eef0;border-radius:50%;background:#163b48;box-shadow:0 0 0 2px rgba(10, 34, 44, .86), 0 0 8px rgba(117, 226, 230, .55);transform:translate(-50%, -50%) rotate(var(--thirteen-date-angle)) translateY(calc(-1 * var(--natural-circle-size) * .492))}& .thirteen-boundary-date > b{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(var(--thirteen-date-angle)) translateY(calc(-1 * var(--natural-circle-size) * .535)) rotate(calc(-1 * var(--thirteen-date-angle)))}& .thirteen-boundary-date.is-year-start > b{border-color:rgba(139, 217, 221, .46);background:rgba(4, 19, 29, .94);color:#d7f2f2}}@media (max-width: 720px){html body.page-phases:is(*,._._._._) #thirteenCard:is(*,#_#_) #thirteenCircularSlider:is(*,#_) .natural-circle-label b{font-size:.62rem}}html body.page-phases:is(*,._._._._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_) article.seasonal-day-night-length-table:is(*,._),html body.page-phases:is(*,._._._._._._._) #seasonalSunriseSunsetYearTable:is(*,#_#_) article.seasonal-sunrise-sunset-position-table:is(*,._){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalDayNightLengthYearTable:is(*,#_#_#_) article.seasonal-day-night-length-table:is(*,._),html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunriseSunsetYearTable:is(*,#_#_#_) article.seasonal-sunrise-sunset-position-table:is(*,._){padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none}html body.page-phases #phaseManualOrderSection #phaseOrderSeasonalSunAngle #seasonalSunAnglePanel #seasonalSunAnglePrimaryCard{& #seasonalSunAngleTables{box-sizing:border-box;width:min(100%, 520px);max-width:520px;margin-inline:auto}& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table:is(*,._._){width:min(100%, 520px);max-width:520px;margin-left:auto;margin-right:auto;padding:14px 16px 16px}& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table .seasonal-table-scroll,& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table table{box-sizing:border-box;width:100%;min-width:0;max-width:100%}& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table table{table-layout:fixed}& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table :is(th, td){padding:5px 7px;font-size:.86rem;line-height:1.18;white-space:normal}& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table :is(thead th:first-child, tbody th:first-child){width:48%}& #seasonalSunAngleTables article.seasonal-sun-angle-throughout-table :is(thead th:nth-child(2), thead th:nth-child(3), tbody td:nth-child(2), tbody td:nth-child(3)){width:26%}}html body.page-phases:is(*,._._._._._) #zodiacCard:is(*,#_#_#_) .zodiac-daily-table:is(*,._){& td.zodiac-position-sign-name{color:#e4f5fa;font-size:1rem;font-weight:400;white-space:nowrap}& td.zodiac-position-symbol{width:54px;min-width:54px;padding-left:6px;padding-right:6px;border-radius:0;color:#f2d78d;background:transparent;background-image:none;box-shadow:none;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;font-size:1.42rem;font-weight:400;line-height:1;text-shadow:0 0 8px rgba(242, 215, 141, .16)}}html body.page-phases:is(*,._._._._._) #phaseOrderLunarYearCalendar:is(*,#_#_){& .lunar-year-header-summary:is(*,._){width:min(100%, 760px);gap:10px}& .lunar-year-month-info:is(*,._){display:grid;gap:9px;width:min(100%, 700px);margin:0 auto;padding:13px 16px;border:1px solid rgba(116, 206, 220, .34);border-radius:10px;box-shadow:inset 0 0 18px rgba(92, 205, 210, .05);box-sizing:border-box;text-align:center}& .lunar-year-month-info > strong{color:#9af0ef;font-size:1.08rem;font-weight:600}& .lunar-year-month-facts:is(*,._){display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:9px}& .lunar-year-month-facts > span{display:grid;gap:3px;padding:8px 9px;border:1px solid rgba(137, 212, 220, .18);border-radius:7px;background:rgba(3, 18, 29, .5);color:#deedf0;font-size:.88rem;line-height:1.2}& .lunar-year-month-facts b{color:#f2d99c;font-size:.78rem;font-weight:500}& .lunar-year-month-info > small{color:#b7d5da;font-size:.8rem;line-height:1.3}}html body.page-phases:is(*,._._._._._) #lunarYearCard:is(*,#_#_#_){& #lunarYearCircularSliderShell:is(*,#_).natural-calendar-circle-shell{min-height:480px;margin:8px auto 16px;padding:20px}& #lunarYearCircularSlider:is(*,#_).natural-calendar-circle{--natural-circle-size: clamp(350px, 38vw, 430px);--natural-circle-label-radius: calc(var(--natural-circle-size) * .405)}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label{width:92px;min-height:38px}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label b{display:grid;gap:2px;justify-items:center;padding:4px 6px;white-space:normal}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label b small{display:block;color:#b7d8dc;font-size:.72rem;font-weight:450;line-height:1}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label.is-active b small{color:#d9fff1}}@media (max-width: 720px){html body.page-phases:is(*,._._._) #phaseOrderLunarYearCalendar:is(*,#_) .lunar-year-month-facts:is(*,._){grid-template-columns:1fr}html body.page-phases:is(*,._._._) #lunarYearCard:is(*,#_#_){& #lunarYearCircularSlider:is(*,#_).natural-calendar-circle{--natural-circle-size: min(82vw, 350px)}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label{width:72px}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label b{font-size:.62rem}& #lunarYearCircularSlider:is(*,#_) .natural-circle-label b small{font-size:.62rem}}}html body.page-phases:is(*,._._._._._._._._) #seasonalSunDeclinationCard:is(*,#_#_#_){& .solar-declination-visual-panel:is(*,._){width:min(100%, 820px);box-sizing:border-box;margin:16px auto 20px;padding:22px 24px 20px;border:1px solid rgba(88, 188, 207, .48);border-radius:18px;background:radial-gradient(circle at 50% 27%, rgba(43, 137, 157, .18), transparent 44%), linear-gradient(150deg, rgba(8, 39, 53, .97), rgba(4, 23, 36, .99));box-shadow:inset 0 1px 0 rgba(218, 253, 255, .06), 0 12px 28px rgba(0, 8, 16, .23)}& .solar-declination-visual-panel:is(*,._) > .solar-declination-map:is(*,._).solar-declination-circle-map{display:block;width:min(100%, 740px);max-width:740px;height:auto;min-height:0;aspect-ratio:1;margin:0 auto 18px;overflow:visible}& .solar-declination-season-line:is(*,._) > circle{fill:none;stroke-width:2.2px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px color-mix(in srgb, currentColor 42%, transparent))}& .solar-declination-summer:is(*,._) > circle{color:#ffd166;stroke:#ffd166}& .solar-declination-equinox:is(*,._) > circle{color:#63e6ad;stroke:#63e6ad}& .solar-declination-winter:is(*,._) > circle{color:#68aef5;stroke:#68aef5}& .solar-declination-visual-panel:is(*,._) .solar-declination-current-ring:is(*,._){fill:none;stroke:#ff8b67;stroke-width:2.6px;stroke-dasharray:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(255, 139, 103, .45))}& .solar-declination-visual-panel:is(*,._) .solar-declination-current-dot:is(*,._){fill:#071d2a;stroke:#ff8b67;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(255, 139, 103, .62))}& .solar-declination-legend:is(*,._){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 12px;width:min(100%, 740px);margin:0 auto}& .solar-declination-legend-item:is(*,._){display:grid;grid-template-columns:42px minmax(0, 1fr) auto;align-items:center;gap:9px;min-height:42px;box-sizing:border-box;padding:7px 11px;border:1px solid color-mix(in srgb, var(--declination-legend-color) 34%, transparent);border-radius:10px;background:color-mix(in srgb, var(--declination-legend-color) 8%, rgba(3, 20, 31, .92));color:#d9f1f5}& .solar-declination-legend-line:is(*,._){display:block;width:42px;height:3px;border-radius:0;background:var(--declination-legend-color);box-shadow:0 0 7px color-mix(in srgb, var(--declination-legend-color) 48%, transparent)}& .solar-declination-legend-item:is(*,._) > b{color:var(--declination-legend-color);-webkit-text-fill-color:var(--declination-legend-color);font-size:.88rem;font-weight:700;line-height:1.15}& .solar-declination-legend-item:is(*,._) > span:last-child{color:#b8d9e0;-webkit-text-fill-color:#b8d9e0;font-size:.8rem;white-space:nowrap}}@media (max-width: 680px){html body.page-phases:is(*,._._._._) #seasonalSunDeclinationCard:is(*,#_#_){& .solar-declination-visual-panel:is(*,._){padding:16px 12px}& .solar-declination-legend:is(*,._){grid-template-columns:minmax(0, 1fr)}}}html body.page-phases:is(*,._._._._._._._._) #seasonalSunDeclinationCard:is(*,#_#_#_){& .solar-declination-definition-table-wrap:is(*,._){width:min(100%, 740px);box-sizing:border-box;margin:18px auto 0;overflow-x:auto;border:1px solid rgba(111, 198, 213, .34);border-radius:12px;background:rgba(3, 19, 30, .68);box-shadow:inset 0 1px 0 rgba(225, 253, 255, .04)}& .solar-declination-definition-table:is(*,._){width:100%;min-width:650px;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0;background:transparent;color:#d6edf2;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}& .solar-declination-definition-table:is(*,._) > caption{caption-side:top;padding:13px 16px 11px;border-bottom:1px solid rgba(111, 198, 213, .28);background:linear-gradient(90deg, rgba(19, 76, 88, .5), rgba(12, 43, 60, .34));color:#9af1f1;-webkit-text-fill-color:#9af1f1;font-size:1rem;font-weight:700;line-height:1.2;text-align:center}& .solar-declination-definition-table:is(*,._) .definition-line-column{width:29%}& .solar-declination-definition-table:is(*,._) .definition-latitude-column{width:17%}& .solar-declination-definition-table:is(*,._) .definition-meaning-column{width:54%}& .solar-declination-definition-table:is(*,._) :is(th, td){box-sizing:border-box;padding:10px 12px;border:0;border-top:1px solid rgba(102, 181, 198, .2);border-right:1px solid rgba(102, 181, 198, .16);color:#cde5ea;-webkit-text-fill-color:#cde5ea;font-size:.8rem;font-weight:450;line-height:1.35;text-align:left;vertical-align:middle;white-space:normal}& .solar-declination-definition-table:is(*,._) thead th{border-top:0;background:rgba(19, 57, 72, .72);color:#dff8fb;-webkit-text-fill-color:#dff8fb;font-size:.76rem;font-weight:700;letter-spacing:.02em}& .solar-declination-definition-table:is(*,._) :is(th, td):last-child{border-right:0}& .solar-declination-definition-table:is(*,._) tbody tr{background:color-mix(in srgb, var(--declination-definition-color) 4%, rgba(3, 19, 30, .74))}& .solar-declination-definition-table:is(*,._) tbody th > b{color:var(--declination-definition-color);-webkit-text-fill-color:var(--declination-definition-color);font-weight:700}& .solar-declination-definition-line:is(*,._){display:inline-block;width:28px;height:3px;margin-right:8px;border-radius:0;background:var(--declination-definition-color);box-shadow:0 0 6px color-mix(in srgb, var(--declination-definition-color) 42%, transparent);vertical-align:middle}}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_){& .yearly-sun-side-merged-graph:is(*,._){display:grid;justify-items:center;gap:8px;box-sizing:border-box;padding:12px 14px 16px;border:1px solid rgba(90, 187, 207, .46);border-radius:16px;background:linear-gradient(150deg, rgba(8, 40, 53, .96), rgba(4, 24, 37, .98));box-shadow:inset 0 1px 0 rgba(218, 253, 255, .055), 0 10px 24px rgba(0, 8, 16, .2);overflow:hidden}& .yearly-sun-side-container-title:is(*,._){margin:0;color:#8feff4;-webkit-text-fill-color:#8feff4;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-weight:700;letter-spacing:.01em;text-align:center}}html body.page-phases:is(*,._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-wheel-progress-marker:is(*,._){left:var(--zodiac-marker-x);top:var(--zodiac-marker-y)}html body.page-phases:is(*,._._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_){& .seasonal-sun-angle-current-sun-border:is(*,._){fill:none;stroke:rgba(11, 28, 40, .82);stroke-width:7px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(255, 199, 74, .44))}& :is(.seasonal-sun-angle-current-sun-day, .seasonal-sun-angle-current-sun-horizon) .seasonal-sun-angle-current-sun-core:is(*,._){stroke:rgba(255, 248, 196, .96);stroke-width:2px;vector-effect:non-scaling-stroke}}html body.page-phases:is(*,._._._._._) #phaseOrderDaysOfWeek:is(*,#_#_) .days-of-week-summary:is(*,._){& .days-of-week-progress-box:is(*,._){display:grid;gap:5px;justify-items:center;width:min(560px, calc(100vw - 48px));max-width:100%;margin:15px auto 20px;padding:12px 22px;border:0;border-radius:15px;background:rgba(3, 25, 39, .9);box-shadow:none;box-sizing:border-box;text-align:center}& .days-of-week-progress-box:is(*,._) > span{display:block;margin:0;color:#bcecf3;-webkit-text-fill-color:#bcecf3;font-size:clamp(.92rem, 1.35vw, 1.08rem);font-weight:520;line-height:1.25}}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-center-copy:is(*,._){position:absolute;z-index:5;top:50%;left:50%;display:grid;gap:3px;place-items:center;width:36%;color:#d9f5f4;-webkit-text-fill-color:#d9f5f4;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;line-height:1;text-align:center;text-shadow:0 2px 5px rgba(0, 0, 0, .72);transform:translate(-50%, -50%);pointer-events:none}& .week-wheel-center-copy:is(*,._) > span{font-size:clamp(.88rem, 1.35vw, 1.08rem);font-weight:620}& .week-wheel-center-copy:is(*,._) > strong{color:#f7d58d;-webkit-text-fill-color:#f7d58d;font-size:clamp(1.85rem, 4vw, 2.65rem);font-weight:760;line-height:1}& .week-wheel-center-copy:is(*,._) > em{font-size:clamp(.78rem, 1.15vw, .94rem);font-style:normal;font-weight:520;letter-spacing:.04em}& .week-wheel-progress:is(*,._){stroke-linecap:butt}& .week-wheel-progress-marker:is(*,._){display:none}}html body.page-phases:is(*,._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_){& .yearly-sun-side-horizon-timing:is(*,._){display:grid;gap:4px;justify-items:center;width:fit-content;max-width:calc(100% - 32px);margin:8px auto 22px;color:#bdebf3;-webkit-text-fill-color:#bdebf3;font-size:clamp(.92rem, 1.35vw, 1.08rem);font-weight:540;line-height:1.2;text-align:center}& .yearly-sun-side-horizon-timing:is(*,._) > span{display:block;margin:0}& .yearly-sun-side-horizon-timing-svg:is(*,._) text{fill:#bdebf3;font-size:14px;letter-spacing:.01em;paint-order:stroke;stroke:rgba(2, 12, 22, .76);stroke-width:.7px}}html body.page-phases:is(*,._._._._._) #seasonalSunDeclinationCard:is(*,#_#_){& .solar-declination-map:is(*,._).solar-declination-circle-map{overflow:visible;border:0;border-radius:50%;background:transparent;box-shadow:none}& .solar-declination-map-outline:is(*,._){fill:none;stroke:rgba(126, 214, 235, .68);stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 9px rgba(62, 169, 210, .28))}& .solar-declination-season-line:is(*,._) > circle{stroke:rgba(229, 243, 245, .5)}& .solar-declination-current-band:is(*,._){fill:none;stroke:rgba(127, 245, 255, .2);stroke-width:10px;vector-effect:non-scaling-stroke}& .solar-declination-current-ring:is(*,._){fill:none;stroke:rgba(125, 245, 255, .98);stroke-width:2.2px;vector-effect:non-scaling-stroke}& .solar-declination-map-label.current-label:is(*,._){fill:#d8fcff;font-size:15px;font-weight:800}}@media (max-width: 620px){html body.page-phases:is(*,._._) #seasonalSunDeclinationCard:is(*,#_){& .solar-declination-map.solar-declination-circle-map{width:min(100%, 560px)}& .solar-declination-season-line:is(*,._) text,& .solar-declination-map-label.current-label:is(*,._){font-size:13px}}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_#_) #seasonalSunAzimuthCard:is(*,#_#_#_){& > .seasonal-sun-topic-header:is(*,._) > h3{font-size:1.55rem;font-weight:750}& .seasonal-horizon-graph-head:is(*,._) > h5{color:#a9d1dc;font-size:1.1rem;font-weight:400;letter-spacing:.01em;line-height:1.12}}html body.page-phases:is(*,._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& > .seasonal-sun-topic-header:is(*,._) > h3{font-size:clamp(1.45rem, 2vw, 1.55rem);font-weight:750}& .seasonal-horizon-graph-head:is(*,._) > h5{color:#a9d1dc;font-size:clamp(.98rem, 1.35vw, 1.12rem);font-weight:400;letter-spacing:.01em;line-height:1.12}}html body.page-phases #seasonalYearlySunAngleSideViewSection{& .yearly-sun-side-night-bg{fill:url("#yearlySunSideNightGradient")}& .yearly-sun-side-night-arc{fill:none;stroke:rgba(91, 133, 190, .5);stroke-width:1.5px;stroke-dasharray:4 5}& .yearly-sun-side-night-axis{stroke:rgba(112, 157, 207, .72);filter:drop-shadow(0 0 6px rgba(75, 126, 184, .24))}& .yearly-sun-side-half-label{font-size:13px;font-weight:700;letter-spacing:2px;paint-order:stroke;stroke:rgba(2, 10, 18, .82);stroke-width:1px}& .yearly-sun-side-day-label{fill:rgba(176, 239, 250, .78)}& :is(.yearly-sun-side-night-label,.yearly-sun-side-underfoot-label){fill:rgba(155, 191, 229, .86)}& .yearly-sun-side-underfoot-bubble rect{fill:rgba(3, 12, 24, .97);stroke:rgba(104, 151, 205, .7)}}html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_){& #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn{position:relative}& #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn::before{box-sizing:border-box}}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_)) .calendar-circle-stage:is(*,._){width:min(92vw, 500px);height:min(92vw, 500px)}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_)) .calendar-circle-segment{stroke:none}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_)) .calendar-circle-segment-divider{stroke:rgba(192, 239, 249, .7);stroke-width:1.25px;vector-effect:non-scaling-stroke}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_)) .calendar-circle-ring-label{font-size:10.5px}html body.page-phases:is(*,._._._._._) #seasonCard:is(*,#_#_){& .calendar-circle-boundary-date{fill:#ffe9b1;stroke:rgba(5, 18, 30, .9);stroke-width:2.4px;paint-order:stroke;font-size:8.5px;font-weight:650;letter-spacing:.01em}& .calendar-circle-segment-0{fill:#0d5f39}& .calendar-circle-segment-1{fill:#176f95}& .calendar-circle-segment-2{fill:#9c4d17}& .calendar-circle-segment-3{fill:#163c7b}}html body.page-phases:is(*,._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_){& .phase-summary-row-one.phase-summary-day-row > .phase-summary-day-tile > .phase-summary-day-copy{gap:5px}& .phase-summary-grid:is(*,._){grid-template-rows:105px repeat(4, 68px)}}html body.page-phases:is(*,._._._._._._._) #phaseOrderDaysOfWeek:is(*,#_#_#_#_#_#_#_){background:linear-gradient(180deg, #0b1d2f, #071522)}html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile:is(*,._){grid-template-columns:54px minmax(0, 130px) 54px;grid-template-rows:1fr;grid-template-areas:"planet copy symbol";column-gap:10px;justify-items:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){grid-area:planet;grid-row:1;grid-column:1;width:54px;min-width:54px;max-width:54px;height:54px;min-height:54px;max-height:54px;margin:0;position:static;left:auto;right:auto;transform:none;justify-self:center;align-self:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > .phase-summary-day-copy{grid-area:copy;grid-row:1;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;justify-self:center;align-self:center;transform:none;text-align:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > .phase-summary-day-copy > span{display:block;margin:0;color:rgba(210, 235, 250, .9);font-size:1.05rem;line-height:1.1;text-align:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > .phase-summary-day-copy > strong{display:block;margin:0;color:#ffe3a0;font-size:1.9rem;line-height:1.03;text-align:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > .phase-summary-day-copy > em{display:block;margin:0;color:var(--summary-planet-color, #d9eef8);-webkit-text-fill-color:var(--summary-planet-color, #d9eef8);font-size:1.38rem;font-style:normal;line-height:1.08;text-align:center}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) > .phase-summary-day-copy > small{display:none}& #phaseSummaryCalendarSymbol:is(*,#_).phase-summary-planet-symbol{grid-area:symbol;grid-row:1;grid-column:3;display:grid;place-items:center;width:54px;min-width:54px;height:54px;margin:0;justify-self:center;color:var(--summary-planet-color, #d9eef8);-webkit-text-fill-color:var(--summary-planet-color, #d9eef8);font-family:Georgia, "Times New Roman", serif;font-size:2.7rem;line-height:1;text-align:center;text-shadow:0 0 12px color-mix(in srgb, var(--summary-planet-color, #d9eef8) 42%, transparent)}}@media (max-width: 560px){html body.page-phases:is(*,._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& article.phase-summary-tile.phase-summary-day-tile:is(*,._){width:min(100%, 290px);min-width:0;grid-template-columns:50px minmax(120px, 1fr) 50px}& article.phase-summary-tile.phase-summary-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_),& #phaseSummaryCalendarSymbol:is(*,#_).phase-summary-planet-symbol{width:50px;min-width:50px;height:50px}}}html body.page-phases:is(*,._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_){& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile > :is(span:not(.phase-summary-icon), strong, em){justify-self:stretch;text-align:center;transform:none}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_){grid-column:1;grid-row:1 / -1;align-self:center;justify-self:center}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile > .phase-summary-day-copy:is(*,._){display:flex;flex-direction:column;grid-column:2;grid-row:1 / -1;align-items:center;justify-content:center;align-self:stretch;width:100%;gap:3px;text-align:center;transform:translateX(-20px)}& .phase-summary-day-tile > .phase-summary-day-copy > :is(span, strong, em){display:block;align-self:center;width:fit-content;margin:0;text-align:center;transform:none}& .phase-summary-day-copy > small{display:none}}html body.page-phases:is(*,._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_).phase-summary-dashboard{box-sizing:border-box;height:525px;min-height:525px;max-height:525px;padding-bottom:10px}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-azimuth-side-callout-line{stroke:rgba(159, 222, 241, .78);stroke-width:.5px}& .seasonal-azimuth-side-callout-bubble{fill:rgba(5, 21, 35, .96);stroke:rgba(149, 231, 255, .78);stroke-width:.5px}& .seasonal-azimuth-side-callout-label{fill:#c9f3ff;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:2.35px;font-weight:620;letter-spacing:-.015px;paint-order:stroke;stroke:rgba(3, 12, 20, .96);stroke-width:.72px}& .seasonal-azimuth-side-callout.is-current.is-sunrise .seasonal-azimuth-side-callout-bubble{fill:rgba(72, 49, 10, .97);stroke:#ffd166}& .seasonal-azimuth-side-callout.is-current.is-sunrise .seasonal-azimuth-side-callout-label{fill:#ffe49a}& .seasonal-azimuth-side-callout.is-current.is-sunset .seasonal-azimuth-side-callout-bubble{fill:rgba(81, 33, 23, .97);stroke:#ff935f}& .seasonal-azimuth-side-callout.is-current.is-sunset .seasonal-azimuth-side-callout-label{fill:#ffc29b}& .seasonal-azimuth-side-callout.is-summer:not(.is-current) .seasonal-azimuth-side-callout-bubble{stroke:rgba(255, 226, 110, .88)}& .seasonal-azimuth-side-callout.is-summer:not(.is-current) .seasonal-azimuth-side-callout-label{fill:#ffe26e}& .seasonal-azimuth-side-callout.is-fall .seasonal-azimuth-side-callout-bubble{stroke:rgba(244, 164, 95, .88)}& .seasonal-azimuth-side-callout.is-fall .seasonal-azimuth-side-callout-label{fill:#f4b276}& .seasonal-azimuth-side-callout.is-winter .seasonal-azimuth-side-callout-bubble{stroke:rgba(155, 185, 255, .88)}& .seasonal-azimuth-side-callout.is-winter .seasonal-azimuth-side-callout-label{fill:#b6caff}}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_){padding-bottom:10px}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) :is(.alternate-week-table-inner, .alternate-week-table){width:min(100%, 917px);max-width:917px}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel .week-wheel-center{fill:#08202c;stroke:rgba(112, 199, 219, .55);stroke-width:.72px;vector-effect:non-scaling-stroke}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& > .seasonal-sun-topic-header{display:grid;justify-items:center}& .seasonal-sun-azimuth-overview{flex-wrap:wrap;margin:0 auto 8px}& .seasonal-sun-azimuth-overview-bubble-divider{background:rgba(203, 237, 246, .38)}& .seasonal-azimuth-compass{width:min(100%, 510px);margin:2px auto 18px}& .seasonal-azimuth-compass svg{display:block;width:100%;height:auto;overflow:visible}& .seasonal-azimuth-compass-bg{fill:rgba(4, 19, 33, .94);stroke:rgba(81, 178, 211, .28);stroke-width:.65px}& .seasonal-azimuth-compass-ring{fill:rgba(8, 48, 69, .35);stroke:#6bd6ed;stroke-width:1.1px}& .seasonal-azimuth-compass-axis{stroke:rgba(148, 214, 235, .42);stroke-width:.55px}& .seasonal-azimuth-compass-cardinal{fill:#d9f9ff;font-size:5px;font-weight:750}& .seasonal-azimuth-compass-ray{stroke-width:1.35px;opacity:.88}& .seasonal-azimuth-compass-marker.is-sunrise .seasonal-azimuth-compass-ray{stroke:#ffd166}& .seasonal-azimuth-compass-marker.is-sunset .seasonal-azimuth-compass-ray{stroke:#ff935f}& .seasonal-azimuth-compass-point{stroke:#f5fbff;stroke-width:1px}& .seasonal-azimuth-compass-marker.is-sunrise .seasonal-azimuth-compass-point{fill:#ffd166}& .seasonal-azimuth-compass-marker.is-sunset .seasonal-azimuth-compass-point{fill:#ff935f}& :is(.seasonal-azimuth-compass-marker-label, .seasonal-azimuth-compass-marker-degree){font-family:Inter, ui-sans-serif, system-ui, sans-serif;paint-order:stroke;stroke:rgba(3, 12, 20, .9);stroke-width:.85px}& .seasonal-azimuth-compass-marker-label{fill:#f5fbff;font-size:3.6px;font-weight:720}& .seasonal-azimuth-compass-marker-degree{fill:#b9eaff;font-size:3px;font-weight:560}& .seasonal-azimuth-compass-center{fill:#0b2736;stroke:rgba(151, 225, 243, .6);stroke-width:.6px}& .seasonal-azimuth-compass-center-label{fill:#b9eaff;font-size:2.7px;font-weight:650}}html body.page-phases:is(*,._._._._._._._._._) #seasonalSunAzimuthCard:is(*,#_#_#_#_#_#_#_#_#_){& .seasonal-sun-azimuth-overview{display:flex;grid-template-columns:none;align-items:stretch;justify-content:center;gap:8px;width:min(100%, 576px);max-width:576px}& .seasonal-sun-azimuth-overview-bubble{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 1px auto;justify-items:center;align-content:center;flex:0 1 284px;width:284px;min-width:0;max-width:100%;white-space:nowrap}& .seasonal-sun-azimuth-overview-bubble-divider{display:block;width:100%;height:1px;margin:3px 0}}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_){& .seasonal-azimuth-compass-reference{fill:#95e7ff;stroke:rgba(3, 17, 28, .95);stroke-width:.75px}& .seasonal-azimuth-compass-reference.is-summer{fill:#ffe26e}& .seasonal-azimuth-compass-reference.is-fall{fill:#f4a45f}& .seasonal-azimuth-compass-reference.is-winter{fill:#9bb9ff}& .seasonal-azimuth-compass-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;margin:-10px auto 8px;color:#cde8f2;font-size:.74rem}& .seasonal-azimuth-compass-legend span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#95e7ff}& .seasonal-azimuth-compass-legend .is-summer::before{background:#ffe26e}& .seasonal-azimuth-compass-legend .is-fall::before{background:#f4a45f}& .seasonal-azimuth-compass-legend .is-winter::before{background:#9bb9ff}& .seasonal-azimuth-compass-callout-line{stroke:rgba(156, 218, 237, .76);stroke-width:.48px}& .seasonal-azimuth-compass-callout-bubble{fill:rgba(5, 21, 35, .94);stroke:rgba(149, 231, 255, .78);stroke-width:.45px}& .seasonal-azimuth-compass-callout-label{fill:#b9eaff;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:3px;font-weight:620;paint-order:stroke;stroke:rgba(3, 12, 20, .94);stroke-width:.86px}& .seasonal-azimuth-compass-callout.is-summer .seasonal-azimuth-compass-callout-label{fill:#ffe26e}& .seasonal-azimuth-compass-callout.is-summer .seasonal-azimuth-compass-callout-bubble{stroke:rgba(255, 226, 110, .82)}& .seasonal-azimuth-compass-callout.is-fall .seasonal-azimuth-compass-callout-label{fill:#f4a45f}& .seasonal-azimuth-compass-callout.is-fall .seasonal-azimuth-compass-callout-bubble{stroke:rgba(244, 164, 95, .82)}& .seasonal-azimuth-compass-callout.is-winter .seasonal-azimuth-compass-callout-label{fill:#9bb9ff}& .seasonal-azimuth-compass-callout.is-winter .seasonal-azimuth-compass-callout-bubble{stroke:rgba(155, 185, 255, .82)}}html body.page-phases:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_){& .phase-summary-head:is(*,._){grid-template-rows:30px;padding-bottom:7px}& .phase-summary-head:is(*,._) h2{height:30px;min-height:30px;max-height:30px;font-size:clamp(1.35rem, 2.1vw, 1.85rem);line-height:1.12}}@media (min-width: 761px){html body.page-phases:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_){& .phase-summary-sun-row:is(*,._){grid-template-columns:repeat(3, 197px);width:615px;max-width:615px}& .phase-summary-sun-row:is(*,._) > .phase-summary-tile{width:197px;min-width:197px;max-width:197px}& .phase-summary-daily-row:is(*,._){grid-template-columns:repeat(3, 227px);width:705px;max-width:705px}& .phase-summary-daily-row:is(*,._) > .phase-summary-tile{width:227px;min-width:227px;max-width:227px}& .phase-summary-moon-row:is(*,._){grid-template-columns:repeat(3, 247px);width:765px;max-width:765px}& .phase-summary-moon-row:is(*,._) > .phase-summary-tile{width:247px;min-width:247px;max-width:247px}}}html body.page-phases:is(*,._._._._._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card.moon-information-position-card{& > .moon-position-visibility-bubble:is(*,._){display:flex;justify-content:center;justify-self:center;align-self:center;margin-inline:auto;text-align:center}& > .moon-position-title:is(*,._){display:flex;justify-content:center;width:100%;padding-inline:0;margin-inline:auto;text-align:center}& > .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_){display:inline-flex;align-items:center;justify-content:center;justify-self:center;margin-inline:auto;text-align:center}}html body.page-phases:is(*,._._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-stage:is(*,._){background:transparent;box-shadow:none}html body.page-phases:is(*,._._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-stage:is(*,._)::before,html body.page-phases:is(*,._._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-stage:is(*,._)::after{content:none;display:none}html body.page-phases:is(*,._._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-outer:is(*,._),html body.page-phases:is(*,._._._._) :is(#gregorianYearCard, #seasonCard) .calendar-circle-progress:is(*,._){stroke-width:9px}html body.page-phases:is(*,._._._._._) #zodiacCard:is(*,#_#_#_#_#_){& .zodiac-wheel:is(*,._){position:relative}& .zodiac-wheel:is(*,._)::before,& .zodiac-wheel:is(*,._)::after,& :is(.zodiac-wheel-spoke:is(*,._),.zodiac-element-ring:is(*,._)){content:none;display:none}& .zodiac-wheel-progress-marker:is(*,._){position:absolute;border-radius:50%;transform:translate(-50%, -50%)}& .zodiac-wheel-spoke:is(*,._){z-index:0}}html body.page-phases:is(*,._._._._._) #phaseOrderDaysOfWeek:is(*,#_#_#_#_#_){& .days-of-week-current-day-tile:is(*,._){flex-direction:column;justify-content:center;gap:4px}& .days-of-week-current-day-tile:is(*,._) :is(#phaseSummaryCalendar, #phaseSummaryPlanetName, #phaseSummaryCalendarDetail){display:block;margin:0}& .days-of-week-current-day-tile:is(*,._){display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 72px auto;justify-items:center;align-items:center;align-content:center;row-gap:4px;width:260px;min-height:181px;margin:0 auto 8px;padding:0 18px 1px;border:0;border-radius:24px;background:transparent;box-shadow:none;text-align:center;transform:none}& .days-of-week-current-day-tile:is(*,._) > span:not(.phase-summary-icon){grid-row:1;grid-column:1;margin:0;line-height:1.1}& .days-of-week-current-day-tile:is(*,._) > strong{grid-row:2;grid-column:1;margin:0;line-height:1.05}& .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){grid-row:3;grid-column:1;position:static;width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px;margin:0 auto;border:2px solid rgba(255, 255, 255, .84);border-radius:50%;overflow:hidden}& .days-of-week-current-day-tile:is(*,._) > em{grid-row:4;grid-column:1;margin:0;line-height:1.05}& .days-of-week-current-day-tile:is(*,._) > small{display:none}& .days-of-week-summary:is(*,._) #daysOfWeekSummaryPrimary:is(*,#_){display:inline-flex;align-items:center;justify-content:center;justify-self:center;margin:0 auto;padding:7px 15px;border:1px solid rgba(143, 230, 247, .55);border-radius:999px;background:linear-gradient(135deg, rgba(8, 29, 45, .96), rgba(14, 55, 73, .92));box-shadow:inset 0 1px 0 rgba(221, 253, 255, .1), 0 5px 14px rgba(0, 0, 0, .2)}& .days-week-planet-only:is(*,._){grid-template-rows:72px auto;min-height:106px;margin:8px auto 10px;padding:0 18px 8px}& .days-week-planet-only:is(*,._) #phaseSummaryCalendarIcon:is(*,#_){grid-row:1}& .days-week-planet-only:is(*,._) > em{grid-row:2;margin:0}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_) .alternate-week-table:is(*,._._) tbody tr.alternate-week-bottom-spacer td.is-active-day{box-shadow:inset 2px 0 0 rgba(122, 233, 255, .98), inset -2px 0 0 rgba(122, 233, 255, .98), inset 0 -2px 0 rgba(122, 233, 255, .98)}html body.page-phases:is(*,._._._) :is(#lunarMonthCard:is(*,#_), #moonCycleCard:is(*,#_)) :is(.moon-current-phase-circle:is(*,._), .moon-cycle-circle-slider:is(*,._)){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon:is(*,._){box-sizing:border-box;outline:0;overflow:hidden;background-clip:padding-box}html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-icon{box-sizing:border-box;width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px;outline:0;overflow:hidden;background-clip:padding-box}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon:is(*,._):not(.planet-sun):not(.planet-saturn),html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-icon:not(.planet-sun):not(.planet-saturn){background-size:var(--weekday-planet-art-size)}html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_){& #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-icon:not(.planet-sun):not(.planet-saturn){background-size:var(--summary-planet-art-size)}& article.phase-summary-tile.phase-summary-day-tile #phaseSummaryPlanetName:is(*,#_){display:block;margin-top:20px}}html body.page-phases:is(*,._._._._) #seasonalSunPositionCard:is(*,#_#_){& .seasonal-sun-angle-outer-ring{fill:none;stroke:rgba(105, 230, 255, .96);stroke-width:3.4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(75, 208, 240, .5))}& .seasonal-sun-position-event-tick{stroke:rgba(125, 200, 247, .96);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(87, 183, 240, .55))}}html body.page-phases:is(*,._._) #seasonalSunPositionCard:is(*,#_) > .seasonal-sun-topic-header:is(*,._) > #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split{display:grid;align-items:stretch;margin:12px auto 0;padding:0;border:0;background:transparent}html body.page-phases :is(#gregorianYearCard, #seasonCard, #zodiacCard){background:radial-gradient(circle at 18% 4%, rgba(109, 205, 255, .18), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 78% 14%, rgba(255, 206, 99, .12), rgba(0, 0, 0, 0) 34%), linear-gradient(145deg, rgba(13, 42, 58, .98), rgba(7, 28, 45, .99) 56%, rgba(11, 25, 38, .98));border-color:rgba(160, 225, 241, .26);color:#eaf3f8}html body.page-phases :is(#gregorianYearCard, #seasonCard, #zodiacCard) .card-title{color:#f7dfaa;-webkit-text-fill-color:#f7dfaa}html body.page-phases :is( #phaseOrderMoonInformation, .moon-standalone-card, #lunarMonthCard, #moonCycleCard, #phaseOrderLunarYearCalendar, #phaseOrderThirteenCalendar, #lunarYearCard, #thirteenCard ){background:radial-gradient(circle at 18% 8%, rgba(232, 238, 245, .13), rgba(0, 0, 0, 0) 30%), radial-gradient(circle at 80% 18%, rgba(154, 168, 185, .10), rgba(0, 0, 0, 0) 32%), linear-gradient(145deg, #313842, #1c222b 55%, #12171e);border-color:rgba(190, 201, 214, .34);color:#d6dde6;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 14px 28px rgba(0, 0, 0, .22)}html body.page-phases :is( #phaseOrderMoonInformation, .moon-standalone-card, #lunarMonthCard, #moonCycleCard, #phaseOrderLunarYearCalendar, #phaseOrderThirteenCalendar, #lunarYearCard, #thirteenCard ) :is(.card-title, .moon-information-item-title, h2, h3){color:#e1e6ed;-webkit-text-fill-color:#e1e6ed}html body.page-phases :is( #phaseOrderMoonInformation, .moon-standalone-card, #lunarMonthCard, #moonCycleCard, #phaseOrderLunarYearCalendar, #phaseOrderThirteenCalendar, #lunarYearCard, #thirteenCard ) :is(.calendar-basis-note, .calendar-current-bubble, .moon-phase-current-line, .moon-phase-visual-name, p, small){color:#bdc7d2}html body.page-phases:is(*,._._) #seasonalSunPositionCard:is(*,#_) > .seasonal-sun-topic-header:is(*,._) > #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split{& > .sun-boundary-timing-row{display:grid;place-items:center;border:1px solid rgba(126, 211, 234, .5);border-radius:8px;background:linear-gradient(135deg, rgba(7, 29, 48, .94), rgba(12, 55, 68, .9));box-shadow:inset 0 1px 0 rgba(255,255,255,.11), 0 4px 12px rgba(0,0,0,.2)}& > .sun-boundary-timing-row.is-sunset-timing{border-color:rgba(255, 171, 92, .72);background:linear-gradient(135deg, rgba(55, 24, 28, .94), rgba(105, 51, 34, .88))}& > .sun-boundary-timing-row.is-sunrise-timing{border-color:rgba(255, 210, 104, .72);background:linear-gradient(135deg, rgba(57, 48, 24, .94), rgba(111, 86, 34, .88))}}html body.page-phases:is(*,._._) #seasonalSunPositionCard:is(*,#_){& .seasonal-sun-position-current-segment{display:none}& > .seasonal-sun-topic-header:is(*,._) > #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split{grid-template-columns:repeat(2, 220px);justify-content:space-between;gap:40px;width:min(100%, 720px)}& > .seasonal-sun-topic-header:is(*,._) > #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split > .sun-boundary-timing-row{min-height:36px;padding:6px 10px;font-size:clamp(.82rem, 1.2vw, .94rem);line-height:1.1}}@media (max-width: 620px){html body.page-phases:is(*,._._) #seasonalSunPositionCard:is(*,#_) > .seasonal-sun-topic-header:is(*,._) > #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:calc(100% - 20px)}}html body.page-phases:is(*,._._) #seasonalSunDayNightCard:is(*,#_) .seasonal-day-length-header-bubble:is(*,._){margin-top:10px}html body.page-phases:is(*,._._) :is(#seasonalDayNightLengthYearTable, #seasonalSunriseSunsetYearTable) article.seasonal-vertical-table > h4{font-size:clamp(1rem, 1.55vw, 1.18rem);font-weight:600;margin-bottom:9px}html body.page-phases:is(*,._._) #seasonalDayNightLengthYearTable .seasonal-day-night-length-table :is(thead th:first-child, tbody th),html body.page-phases:is(*,._._) #seasonalSunriseSunsetYearTable .seasonal-sunrise-sunset-position-table :is(thead th:first-child, tbody th){color:#aeb7bd;-webkit-text-fill-color:#aeb7bd;background:rgba(62, 72, 80, .48)}html body.page-phases:is(*,._._) #seasonalDayNightLengthYearTable .seasonal-day-night-length-table tbody th *,html body.page-phases:is(*,._._) #seasonalSunriseSunsetYearTable .seasonal-sunrise-sunset-position-table tbody th *{-webkit-text-fill-color:#aeb7bd}html body.page-phases:is(*,._._._._._._._._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_#_#_#_#_#_) article.seasonal-vertical-table:is(*,._) > h4,html body.page-phases:is(*,._._._._._._._._._._._) #seasonalSunriseSunsetYearTable:is(*,#_#_#_#_#_#_#_) article.seasonal-vertical-table:is(*,._) > h4{font-size:clamp(1rem, 1.45vw, 1.16rem);font-weight:600;margin-bottom:9px}html body.page-phases:is(*,._._._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_#_#_#_#_) .seasonal-day-night-length-table:is(*,._) :is(thead tr > th:first-child, tbody tr > th:first-child),html body.page-phases:is(*,._._._._._._) #seasonalSunriseSunsetYearTable:is(*,#_#_#_#_#_#_) .seasonal-sunrise-sunset-position-table:is(*,._) :is(thead tr > th:first-child, tbody tr > th:first-child){color:#aeb7bd;-webkit-text-fill-color:#aeb7bd;background:rgba(62, 72, 80, .48)}html body.page-phases:is(*,._._._._._._) #seasonalDayNightLengthYearTable:is(*,#_#_#_#_#_#_) .seasonal-day-night-length-table:is(*,._) tbody tr > th:first-child *,html body.page-phases:is(*,._._._._._._) #seasonalSunriseSunsetYearTable:is(*,#_#_#_#_#_#_) .seasonal-sunrise-sunset-position-table:is(*,._) tbody tr > th:first-child *{color:#aeb7bd;-webkit-text-fill-color:#aeb7bd;background:transparent}html body.page-phases:is(*,._._._._._._) #seasonalSunAzimuthCard:is(*,#_#_#_){& > .seasonal-sun-topic-header:is(*,._){grid-template-columns:minmax(0, 1fr);row-gap:12px;width:min(100%, 1080px);margin-inline:auto}& > .seasonal-sun-topic-header:is(*,._) > :is(.seasonal-sunrise-position-header-bubble, .seasonal-sunset-position-header-bubble, #seasonalSunAzimuthBoundaryTiming){display:none}& #seasonalSunAzimuthOverview.seasonal-sun-azimuth-overview{display:grid;grid-template-columns:minmax(0, 1fr) 28px minmax(0, 1fr);align-items:center;gap:14px;grid-column:1 / -1;width:min(100%, 1040px);margin:0 auto}& .seasonal-sun-azimuth-overview-bubble{align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 14px;border:1px solid rgba(132, 218, 239, .52);border-radius:10px;background:linear-gradient(135deg, rgba(7, 29, 48, .94), rgba(11, 55, 67, .9));box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 5px 14px rgba(0,0,0,.2);color:#c7f3ff;font-size:clamp(.78rem, 1.15vw, .92rem);line-height:1.15;text-align:center}}html body.page-phases:is(*,._._) .seasonal-sun-azimuth-overview-position{color:#d7f6ff;-webkit-text-fill-color:#d7f6ff;font-weight:600}html body.page-phases:is(*,._._) .seasonal-sun-azimuth-overview-timing{color:#fff0bd;-webkit-text-fill-color:#fff0bd;font-style:italic;font-weight:400}html body.page-phases:is(*,._._) .seasonal-sun-azimuth-overview-bubble-divider{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#8be7f5;box-shadow:0 0 6px rgba(113, 233, 245, .72)}html body.page-phases:is(*,._._) .seasonal-sun-azimuth-overview-between{width:16px;height:16px;justify-self:center;border:2px solid rgba(152, 233, 246, .92);border-radius:50%;background:radial-gradient(circle, #133c58 0 37%, #061522 41% 100%);box-shadow:0 0 8px rgba(105, 218, 239, .44)}@media (max-width: 760px){html body.page-phases:is(*,._._) #seasonalSunAzimuthCard:is(*,#_) #seasonalSunAzimuthOverview.seasonal-sun-azimuth-overview{grid-template-columns:minmax(0, 1fr);gap:8px}html body.page-phases:is(*,._._) .seasonal-sun-azimuth-overview-between{display:none}html body.page-phases:is(*,._._) .seasonal-sun-azimuth-overview-bubble{white-space:normal;flex-wrap:wrap}}html body.page-phases:is(*,._._._._._) :is(#gregorianYearCard, #seasonCard, #zodiacCard) :is(.card-title, .card-title *){color:#f7dfaa;-webkit-text-fill-color:#f7dfaa}html body.page-phases:is(*,._._) #phaseOrderGregorianCalendar:is(*,#_) #gregorianYearCard:is(*,#_) .card-title:is(*,._),html body.page-phases:is(*,._._) #phaseOrderSeason:is(*,#_) #seasonCard:is(*,#_) .card-title:is(*,._),html body.page-phases:is(*,._._) #phaseOrderZodiacCalendar:is(*,#_) #zodiacCard:is(*,#_) .card-title:is(*,._),html body.page-phases:is(*,._._) :is(#phaseOrderGregorianCalendar, #phaseOrderSeason, #phaseOrderZodiacCalendar) > .phase-order-title:is(*,._){color:#f7dfaa;-webkit-text-fill-color:#f7dfaa}html body.page-phases:is(*,._._) :is(#gregorianYearCard, #seasonCard, #zodiacCard) .card-title:is(*,._) *{color:#f7dfaa;-webkit-text-fill-color:#f7dfaa}html body.page-phases:is(*,._._._) :is(#gregorianYearCard, #seasonCard) :is(.calendar-circle-slider:is(*,._), .calendar-circle-stage:is(*,._)){width:var(--natural-shared-circle-size);height:var(--natural-shared-circle-size)}html body.page-phases:is(*,._._._) #zodiacCard:is(*,#_) .zodiac-wheel:is(*,._){--zodiac-element-radius: clamp(76px, 19vw, 92px);--zodiac-season-radius: clamp(224px, 55vw, 250px)}html body.page-phases:is(*,._._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card.moon-information-position-card{& #moonPositionClockIcon:is(*,#_){width:var(--natural-shared-circle-size);height:var(--natural-shared-circle-size)}& .phase-summary-circle-card:is(*,._){height:auto}& .cycle-slider-label-container:is(*,._){height:auto}}html body.page-phases:is(*,._._._) #lunarMonthCard:is(*,#_) :is(.moon-current-phase-circle:is(*,._), .moon-phase-circle-stage:is(*,._), .moon-phase-circle-svg:is(*,._)){width:var(--natural-shared-circle-size);height:var(--natural-shared-circle-size)}html body.page-phases:is(*,._._._) #moonCycleCard:is(*,#_) :is(.moon-cycle-circle-slider:is(*,._), .moon-cycle-circle-svg:is(*,._)){width:var(--natural-shared-circle-size);height:var(--natural-shared-circle-size)}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn{isolation:isolate;overflow:visible;background:radial-gradient(ellipse at 33% 25%, rgba(255, 248, 209, .86) 0 10%, transparent 26%), radial-gradient(ellipse at 68% 64%, rgba(92, 60, 30, .42) 0 10%, transparent 24%), repeating-linear-gradient(174deg, #f0d99a 0 9%, #c5a56a 10% 18%, #8d6d45 19% 27%, #d7bd80 28% 36%, #6e5438 37% 44%), linear-gradient(135deg, #e6cc91, #9b7b4d 58%, #4d3928);background-size:auto;box-shadow:inset -7px -6px 11px rgba(25, 18, 12, .48), inset 5px 4px 8px rgba(255, 255, 255, .28), 0 0 12px rgba(234, 205, 142, .18)}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn::before,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn::before{content:"";display:block;position:absolute;left:50%;top:50%;border-top-color:rgba(255, 236, 190, .82);border-radius:50%;pointer-events:none}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn::after,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn::after{position:absolute;inset:0;border-radius:50%;background:inherit;clip-path:inset(0 0 50% 0);transform:none;pointer-events:none;z-index:2}html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_#_) #periodScale:is(*,#_#_#_).period-circle-scale{& :is(.period-circle-major-label.label-sunrise, .period-circle-major-label.label-sunset){width:110px;min-width:110px;max-width:110px;padding-inline:8px}& :is( .period-circle-major-label.label-sunrise, .period-circle-major-label.label-sunset, .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){box-sizing:border-box;width:96px;min-width:96px;max-width:96px;padding:5px 6px;font-size:13px;line-height:1.04;box-shadow:0 7px 16px rgba(0, 0, 0, .36)}& :is( .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){background:linear-gradient(135deg, rgba(18, 14, 34, .99), rgba(34, 23, 45, .99));border-color:rgba(104, 78, 133, .72);color:#ece5f3;-webkit-text-fill-color:#ece5f3;font-size:12px}& .period-circle-major-label.label-sunrise{background:linear-gradient(135deg, #4d2a20, #663424);border-color:rgba(165, 104, 67, .72);color:#f4e7d3;-webkit-text-fill-color:#f4e7d3}& .period-circle-major-label.label-sunset{background:linear-gradient(135deg, #41202f, #5b2932);border-color:rgba(153, 79, 78, .72);color:#f2dfe0;-webkit-text-fill-color:#f2dfe0}& :is( .period-circle-major-label.label-sunrise, .period-circle-major-label.label-sunset, .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ) small{font-size:.78em}& :is( .period-circle-major-label.label-sunrise, .period-circle-major-label.label-sunset, .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ) b{font-size:1em;line-height:1.04}}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_#_) #periodScale:is(*,#_#_#_).period-circle-scale{& :is( .period-circle-major-label.label-sunrise, .period-circle-major-label.label-sunset, .period-circle-major-label.label-morning-twilight, .period-circle-major-label.label-evening-twilight ){--period-major-radius: 220px}& :is( .period-circle-major-label.label-sunrise, .period-circle-major-label.label-morning-twilight ){margin-left:0}& .period-circle-major-label.label-sunset{margin-left:0}& .period-circle-major-label.label-evening-twilight{margin-left:0}}}html body.page-phases:is(*,._._._._._) #phaseOrderDaysOfWeek:is(*,#_#_#_#_#_) .days-of-week-summary:is(*,._) #daysOfWeekSummaryPrimary:is(*,#_){width:420px;max-width:calc(100vw - 48px);white-space:nowrap}@media (max-width: 440px){html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_) .days-of-week-summary:is(*,._) #daysOfWeekSummaryPrimary:is(*,#_){width:fit-content;white-space:normal}}html body.page-phases:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_){height:auto;min-height:0;max-height:none;padding:8px 12px 10px;row-gap:8px}html body.page-phases:is(*,._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_){& .phase-summary-head:is(*,._){display:grid;margin:0}& .phase-summary-head:is(*,._) h2{display:block;width:auto;margin:0;color:#8fc8d8;-webkit-text-fill-color:#8fc8d8;font-weight:600;align-self:start}& .phase-summary-grid:is(*,._){min-height:0}& .phase-summary-row:is(*,._){grid-template-rows:none;min-height:0;height:auto}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){min-height:0}& .phase-summary-row:is(*,._) .phase-summary-icon:is(*,._){width:34px;min-width:34px;height:34px;min-height:34px;margin:0;font-size:1.35rem;line-height:1}& .phase-summary-row:is(*,._) :is(.phase-summary-tile small, .phase-summary-feature small){font-size:.75rem;line-height:1}& .phase-summary-row-one.phase-summary-day-row{justify-content:center;width:100%;min-height:0;margin:0;background:transparent}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{min-height:0;margin:0;transform:none}& .phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_){margin:0}& .phase-summary-day-tile > span:not(.phase-summary-icon){display:block;width:auto}& .phase-summary-day-tile #phaseSummaryCalendar:is(*,#_){width:auto}& .phase-summary-day-tile #phaseSummaryPlanetName:is(*,#_){display:block;width:auto}& .phase-summary-day-tile #phaseSummaryCalendarDetail:is(*,#_){display:none}}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_) .phase-summary-day-tile{& :is(#phaseSummaryCalendar:is(*,#_),#phaseSummaryPlanetName:is(*,#_)){left:auto}& > span:not(.phase-summary-icon){left:auto}}html body.page-phases:is(*,._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_){& .zodiac-wheel:is(*,._){box-sizing:border-box;width:min(92vw, 510px);height:min(92vw, 510px);border:3px solid rgba(115, 216, 233, .9);outline:0;border-radius:50%;background:#071827;box-shadow:0 16px 30px rgba(0, 0, 0, .24);isolation:isolate;overflow:visible;--zodiac-sign-radius: clamp(164px, 35vw, 187px);--zodiac-date-radius: clamp(132px, 28vw, 149px)}& .zodiac-wheel:is(*,._)::before,& .zodiac-wheel:is(*,._)::after{content:none;display:none}& .zodiac-segment-outlines:is(*,._){position:absolute;inset:3px;z-index:1;width:calc(100% - 6px);height:calc(100% - 6px);overflow:visible;pointer-events:none}& .zodiac-segment-outline:is(*,._){fill:var(--zodiac-segment-fill);fill-opacity:.7;stroke:var(--zodiac-segment-stroke);stroke-opacity:.72;stroke-width:.52;vector-effect:non-scaling-stroke}& .zodiac-segment-outline.is-current-zodiac-segment{stroke:#e9fbff;stroke-width:1.45}& .zodiac-wheel-spoke:is(*,._){display:none}& .zodiac-wheel-item:is(*,._){z-index:3;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}& .zodiac-sign-ring:is(*,._){z-index:4;width:86px;color:#eefaff;text-shadow:0 1px 2px rgba(0, 0, 0, .8)}& .zodiac-sign-ring:is(*,._) b{font-size:clamp(.76rem, 1.55vw, .94rem);line-height:1.05}& .zodiac-sign-ring.is-current-zodiac-sign b{color:#fff5c8;font-size:clamp(.84rem, 1.7vw, 1.04rem);text-shadow:0 0 8px rgba(255, 235, 160, .68)}& .zodiac-date-ring:is(*,._){z-index:4;width:56px;color:#bcecf5;text-shadow:0 1px 2px rgba(0, 0, 0, .78)}& .zodiac-wheel-core:is(*,._){position:absolute;inset:auto;left:50%;top:50%;width:43%;height:43%;min-width:0;min-height:0;padding:0;transform:translate(-50%, -50%);z-index:2;border:2px solid rgba(122, 215, 232, .76);border-radius:50%;background:radial-gradient(circle at 40% 32%, #24566f, #071827 74%);box-shadow:inset 0 0 18px rgba(0, 0, 0, .34)}}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{display:grid}& .phase-summary-day-tile > span:not(.phase-summary-icon){position:static;margin:0}& .phase-summary-day-tile #phaseSummaryCalendar:is(*,#_){position:static;margin:0}& .phase-summary-day-tile #phaseSummaryPlanetName:is(*,#_){position:static;margin:0}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{justify-items:start;align-items:center;align-content:center;column-gap:0;border:1px solid rgba(185, 193, 202, .18);border-radius:20px;background:linear-gradient(145deg, #151a1d, #2f332f 58%, #101414);box-shadow:none;text-align:left}& .phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_){grid-area:icon;justify-self:center;align-self:center}& .phase-summary-day-tile > span:not(.phase-summary-icon){grid-area:label;justify-self:start;align-self:center;color:rgba(193, 210, 237, .82);font-weight:400;line-height:1.08;text-align:left}& .phase-summary-day-tile #phaseSummaryCalendar:is(*,#_){grid-area:value;justify-self:start;align-self:center;color:#f7fbff;font-weight:400;line-height:1.1;text-align:left}& .phase-summary-day-tile #phaseSummaryPlanetName:is(*,#_){grid-area:detail;justify-self:start;align-self:center;color:#e7d2a7;font-style:normal;font-weight:400;line-height:1;text-align:left}& .phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_){grid-column:1;grid-row:1 / 4}& .phase-summary-day-tile > span:not(.phase-summary-icon){grid-column:2;grid-row:1}& .phase-summary-day-tile #phaseSummaryCalendar:is(*,#_){grid-column:2;grid-row:2}& .phase-summary-day-tile #phaseSummaryPlanetName:is(*,#_){grid-column:2;grid-row:3}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{min-width:0;grid-template-areas:"icon label" "icon value" "icon detail"}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){gap:2px}}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){padding-top:14px}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){& :is(.phase-summary-grid:is(*,._),.phase-summary-row:is(*,._)){gap:12px}& .phase-summary-row:is(*,._){grid-auto-rows:88px}& .phase-summary-row:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){height:88px;padding:9px}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{padding:9px}& .phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_){width:58px;min-width:58px;height:58px;min-height:58px;max-height:58px}}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){grid-template-rows:60px auto;align-content:start}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){& .phase-summary-head:is(*,._){height:60px;min-height:60px;box-sizing:border-box;padding:18px 0 0}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{height:100px}& .phase-summary-row-one.phase-summary-day-row{grid-template-rows:100px;grid-auto-rows:100px;height:100px}& .phase-summary-day-tile > span:not(.phase-summary-icon){font-size:1.2rem}& .phase-summary-day-tile #phaseSummaryPlanetName:is(*,#_){font-size:1.28rem}}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_)::after{inset:-18px;padding:22px}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_)::before{inset:22%}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_) .natural-week-progress-marker{transform:translate(-50%, -50%) rotate(var(--natural-circle-progress)) translateY(calc(var(--natural-circle-size) * -.5 - 7px))}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{grid-template-columns:100px minmax(0, 1fr);grid-template-rows:20px 30px 22px;row-gap:3px}& .phase-summary-day-tile #phaseSummaryCalendarIcon:is(*,#_),& .phase-summary-day-tile > :is(span:not(.phase-summary-icon), strong, em){transform:translateX(-20px)}& .phase-summary-day-tile #phaseSummaryCalendar:is(*,#_){font-size:1.75rem}& .phase-summary-day-tile > :is(span:not(.phase-summary-icon), strong, em){transform:translateX(-10px)}& .phase-summary-row-one.phase-summary-day-row{grid-template-columns:minmax(0, 290px)}& .phase-summary-row-one.phase-summary-day-row article.phase-summary-tile.phase-summary-day-tile{width:min(290px, 100%);max-width:290px}}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_){& .alternate-week-table-title:is(*,._){margin-bottom:22px}& .alternate-week-planet-image-row .planet-icon:is(*,._):not(.planet-saturn):not(.planet-sun){border:0;background-clip:border-box}}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_){border:4px solid rgba(54, 82, 101, .5);box-shadow:0 0 0 18px rgba(54, 82, 101, .5), 0 20px 38px rgba(0, 0, 0, .34), inset 0 0 34px rgba(0, 0, 0, .3)}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_)::after{filter:none}html body.page-phases:is(*,._._._._._) #seasonalSunPositionCard:is(*,#_#_) .seasonal-sun-position-circle-card > #seasonalSunPositionClockIcon{& + #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split{display:grid;grid-template-columns:repeat(2, 220px);justify-content:space-between;align-items:stretch;gap:40px;width:min(780px, calc(100% - 24px));margin:12px auto 0;padding:0;border:0;background:transparent}& + #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split > .sun-boundary-timing-row{display:grid;place-items:center;min-height:36px;padding:6px 10px;border:1px solid rgba(126, 211, 234, .5);border-radius:8px;background:linear-gradient(135deg, rgba(7, 29, 48, .94), rgba(12, 55, 68, .9));box-shadow:inset 0 1px 0 rgba(255,255,255,.11), 0 4px 12px rgba(0,0,0,.2);color:#e7f7fb;font-size:clamp(.82rem, 1.2vw, .94rem);line-height:1.1}& + #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split > .sun-boundary-timing-row.is-sunset-timing{border-color:rgba(255, 171, 92, .72);background:linear-gradient(135deg, rgba(55, 24, 28, .94), rgba(105, 51, 34, .88))}& + #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split > .sun-boundary-timing-row.is-sunrise-timing{border-color:rgba(255, 210, 104, .72);background:linear-gradient(135deg, rgba(57, 48, 24, .94), rgba(111, 86, 34, .88))}}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) #seasonalSunPositionCard:is(*,#_#_) .seasonal-sun-position-circle-card > #seasonalSunPositionClockIcon + #seasonalSunPositionBoundaryTiming.sun-boundary-timing-split{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:calc(100% - 20px)}}html body.page-phases:is(*,._._._._._) #phaseOrderDaysOfWeek:is(*,#_) .natural-week-circle-shell:is(*,._){display:grid;place-items:center;min-height:0;margin:0 auto;padding:8px 0 22px;background:transparent;border:0;box-shadow:none}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{position:relative;display:block;width:var(--week-wheel-size);height:var(--week-wheel-size);aspect-ratio:1;overflow:visible;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel::before,html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel::after{content:none;display:none}html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}& .week-wheel-segment{stroke:rgba(6, 18, 28, .9);stroke-width:.72px;vector-effect:non-scaling-stroke;transition:filter .2s ease, stroke .2s ease}& :is(.week-wheel-track,.week-wheel-progress){fill:none;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50px 50px}& .week-wheel-labels{position:absolute;inset:0;z-index:2;pointer-events:none}& .week-wheel-label{position:absolute;top:50%;left:50%;display:grid;gap:3px;place-items:center;width:108px;color:#e7f6f5;-webkit-text-fill-color:#e7f6f5;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;text-align:center;text-shadow:0 2px 4px rgba(0, 0, 0, .78)}& .week-wheel-label b{color:inherit;-webkit-text-fill-color:inherit;font-size:clamp(1rem, 1.62vw, 1.22rem);font-weight:620;line-height:1.05}& .week-wheel-label small{color:#c5ddda;-webkit-text-fill-color:#c5ddda;font-size:clamp(.72rem, 1.06vw, .86rem);font-weight:500;line-height:1}& .week-wheel-label.is-active{color:#ffffff;-webkit-text-fill-color:#ffffff;text-shadow:0 0 7px rgba(191, 255, 244, .72), 0 2px 4px rgba(0, 0, 0, .8)}}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-label{width:90px}& .week-wheel-label b{font-size:.84rem}}}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_#_#_) #periodScale:is(*,#_#_#_#_).period-circle-scale #periodDayMarker:is(*,#_).period-circle-marker{width:40px;height:40px;min-width:40px;min-height:40px}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_#_#_) #periodScale:is(*,#_#_#_#_).period-circle-scale #periodDayMarker:is(*,#_).period-circle-marker{--period-marker-radius: 190px;width:40px;height:40px;min-width:40px;min-height:40px}}html body.page-phases:is(*,._._._._._._) #seasonalSunDayNightCard:is(*,#_#_#_){& .seasonal-day-length-header-bubble:is(*,._) b#seasonalDayLengthCardValue{font-weight:400}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-day-length-bubble-pair{display:grid;margin:10px auto 0}& .seasonal-day-length-split-bubble{display:grid;place-items:center;border:1px solid transparent;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 5px 12px rgba(0,0,0,.18);text-align:center}& .seasonal-day-length-day-bubble{border-color:rgba(100, 213, 255, .72)}& .seasonal-day-length-night-bubble{border-color:rgba(132, 153, 220, .68)}& .seasonal-day-length-split-bubble b{color:#effcff;-webkit-text-fill-color:#effcff}}html body.page-phases:is(*,._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) > .seasonal-sun-topic-header:is(*,._){& > .seasonal-sun-angle-header-bubble{border-color:rgba(88, 223, 224, .72);background:linear-gradient(135deg, rgba(7, 69, 84, .94), rgba(20, 123, 129, .88))}& > .seasonal-sun-highest-angle-header-bubble{border-color:rgba(255, 194, 99, .76);background:linear-gradient(135deg, rgba(91, 50, 15, .94), rgba(151, 96, 29, .9))}& > .seasonal-sun-angle-header-bubble :is(span, b){color:#d7ffff;-webkit-text-fill-color:#d7ffff}& > .seasonal-sun-highest-angle-header-bubble :is(span, b){color:#fff2c2;-webkit-text-fill-color:#fff2c2}}html body.page-phases:is(*,._._._._._._) #seasonalSunDeclinationCard:is(*,#_#_#_) #seasonalSunAnalemmaChart:is(*,#_#_){width:min(100%, 860px);max-width:860px;margin-inline:auto}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) #seasonalSunDayNightCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._) > .seasonal-day-length-bubble-pair{grid-template-columns:minmax(0, 1fr)}}html body.page-phases:is(*,._._._._._._._._) #seasonalSunAnalemmaChart:is(*,#_#_#_#_#_#_#_#_#_){width:min(100%, 860px);max-width:860px;margin-inline:auto}html body.page-phases:is(*,._._._._._._._) #seasonalSunDayNightCard:is(*,#_#_#_#_){& > .seasonal-sun-topic-header:is(*,._) > .seasonal-day-length-bubble-pair{grid-template-columns:minmax(0, 1fr);gap:10px}& .seasonal-day-length-split-bubble{min-height:46px}& .seasonal-day-length-split-bubble b{white-space:nowrap}& .seasonal-day-length-split-bubble b strong{font-weight:750}& .seasonal-day-length-day-bubble b strong{color:#8ff5ff;-webkit-text-fill-color:#8ff5ff}& .seasonal-day-length-night-bubble b strong{color:#c3cfff;-webkit-text-fill-color:#c3cfff}}@media (max-width: 620px){html body.page-phases:is(*,._._._._._._) #seasonalSunDayNightCard:is(*,#_#_#_){& > .seasonal-sun-topic-header:is(*,._) > .seasonal-day-length-bubble-pair{width:min(94%, 520px)}& .seasonal-day-length-split-bubble b{white-space:normal}}}html body.page-phases:is(*,._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card{& .cycle-slider-label-container:is(*,._){place-items:center;border:0;background:transparent;box-shadow:none}& #moonCycleScaleMount:is(*,#_)[hidden]{display:none}& .phase-summary-circle-card:is(*,._){display:grid;place-items:center;width:min(100%, 460px);min-height:0;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}& .phase-summary-circle-card:is(*,._) > span:first-child{display:none}& #moonPositionClockIcon:is(*,#_#_).moon-sky-position-wheel{position:relative;isolation:isolate;box-sizing:border-box;width:min(440px, 86vw);height:min(440px, 86vw);max-width:100%;aspect-ratio:1;overflow:hidden;border:0;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(83, 139, 176, .12) 0 2px, transparent 3px), radial-gradient(circle at 50% 47%, rgba(34, 78, 110, .76), rgba(9, 29, 49, .94) 66%);box-shadow:inset 0 0 0 1px rgba(124, 205, 235, .22), inset 0 -42px 58px rgba(1, 10, 24, .35), 0 14px 26px rgba(0, 0, 0, .22)}& #moonPositionClockIcon.moon-sky-position-wheel :is(.moon-position-path, .moon-position-hand, .moon-position-icon, .moon-position-center, .moon-circle-label){display:none}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-horizon-ring{position:absolute;inset:7.5%;z-index:1;border:2px solid rgba(124, 211, 240, .78);border-radius:50%;box-shadow:0 0 0 1px rgba(4, 17, 31, .82), inset 0 0 28px rgba(16, 61, 93, .18)}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-horizon-line{position:absolute;z-index:2;top:50%;left:8%;width:84%;height:1px;background:linear-gradient(90deg, transparent, rgba(159, 226, 246, .78) 10% 90%, transparent);box-shadow:0 0 5px rgba(101, 208, 245, .34)}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-compass{position:absolute;z-index:3;color:#baeaf7;-webkit-text-fill-color:#baeaf7;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:clamp(.74rem, 1.4vw, .96rem);font-weight:720;letter-spacing:.1em;line-height:1;text-shadow:0 2px 5px rgba(0, 0, 0, .82)}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-bearing{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-bearing line{stroke:rgba(145, 222, 244, .68);stroke-width:.7;stroke-linecap:round;stroke-dasharray:2.5 1.8}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-center{position:absolute;z-index:4;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%, -50%);border:2px solid #beeaf6;border-radius:50%;background:#0b2b45;box-shadow:0 0 0 3px rgba(10, 34, 55, .8)}& #moonPositionClockIcon.moon-sky-position-wheel .moon-sky-marker{position:absolute;z-index:5;left:var(--moon-sky-x);top:var(--moon-sky-y);display:grid;place-items:center;width:47px;height:47px;transform:translate(-50%, -50%);border:2px solid rgba(232, 245, 255, .9);border-radius:50%;background:radial-gradient(circle at 34% 30%, rgba(255,255,255,.36), rgba(15, 45, 71, .96) 70%);box-shadow:0 0 0 3px rgba(7, 24, 41, .78), 0 0 14px rgba(158, 225, 255, .36)}}html body.page-phases:is(*,._._._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_#_) .yearly-sun-side-view-graph text:not(.yearly-sun-side-current-arrow){font-weight:400}html body.page-phases:is(*,._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-grid-angle{display:none}html body.page-phases:is(*,._._._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_#_) .yearly-sun-side-day-arc:is(*,._){fill:none;stroke:#8f9dff;stroke-width:2px;stroke-dasharray:none;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(143, 157, 255, .3))}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) .yearly-sun-side-horizon-timing-svg:is(*,._) text{font-weight:400}html body.page-phases:is(*,._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_){& .yearly-sun-side-vertical.yearly-sun-side-day-axis{stroke-dasharray:none;stroke-linecap:round}& .yearly-sun-side-current-bubble:is(*,._) rect{fill:#f3a13c;stroke:#ffd18a;stroke-width:1.25px}& .yearly-sun-side-current-bubble:is(*,._) text{fill:#111820;stroke:none;paint-order:normal;font-weight:400}}html body.page-phases:is(*,._._._._._) #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-below-horizon-bubble:is(*,._){& rect{fill:#262116;stroke:#c99d3f;stroke-width:1.2px}& text{fill:#f0c55c;stroke:none;paint-order:normal;font-weight:600}}html body.page-phases:is(*,._._._._._._._) :is( #gregorianYearCard:is(*,#_#_#_#_), #seasonCard:is(*,#_#_#_#_) ) .calendar-circle-slider:is(*,._) :is(.calendar-circle-ring-label, .calendar-circle-boundary-date){font-weight:400}html body.page-phases:is(*,._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-wheel:is(*,._) :is( .zodiac-sign-ring:is(*,._) b, .zodiac-date-ring:is(*,._) em, .zodiac-season-marker:is(*,._) b, .zodiac-season-marker:is(*,._) small ){font-weight:400}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_){& #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-merged-graph:is(*,._){padding-inline:6px;margin-inline:auto}& #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-view-graph:is(*,._){height:auto}& #seasonalSunAngleTables:is(*,#_) h4{width:100%;margin-left:auto;margin-right:auto;text-align:center;justify-self:center}}html body.page-phases:is(*,._._._._._._._) #seasonCard:is(*,#_#_#_#_){& .calendar-circle-center-divider{stroke:rgba(192, 239, 249, .78);stroke-width:1.25px;vector-effect:non-scaling-stroke}& .calendar-season-icon{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .72));pointer-events:none}& .calendar-season-icon-spring .season-flower-petal{fill:#ff9ec8;stroke:#ffd5e7;stroke-width:.7px}& .calendar-season-icon-spring .season-flower-center{fill:#ffe177;stroke:#fff1b7;stroke-width:.6px}& .calendar-season-icon-summer{fill:#ffd45f;stroke:#ffeaa0;stroke-width:1.55px;stroke-linecap:round}& .calendar-season-icon-fall .season-leaf{fill:#e87832;stroke:#ffc078;stroke-width:1px}& .calendar-season-icon-fall .season-leaf-vein{fill:none;stroke:#ffe0a8;stroke-width:1.1px;stroke-linecap:round}& .calendar-season-icon-winter{fill:none;stroke:#d8f6ff;stroke-width:1.7px;stroke-linecap:round}}html body.page-phases:is(*,._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon.moon-sky-position-wheel{& .moon-sky-marker.is-below-horizon{border-color:#7dc5eb;background:radial-gradient(circle at 34% 30%, rgba(73, 138, 202, .7), rgba(10, 31, 68, .98) 72%);box-shadow:0 0 0 3px rgba(5, 17, 37, .88), 0 0 11px rgba(82, 159, 226, .25);filter:saturate(.74) brightness(.84)}& .moon-sky-disc{display:grid;place-items:center;width:100%;height:100%;color:#f5f0d2;-webkit-text-fill-color:#f5f0d2;font-size:2rem;line-height:1;text-shadow:0 1px 3px rgba(0, 0, 0, .8)}& .moon-sky-readout{display:none}}@media (max-width: 620px){html body.page-phases:is(*,._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon:is(*,#_).moon-sky-position-wheel{width:min(350px, 86vw);height:min(350px, 86vw)}}html body.page-phases:is(*,._._._._._._._) #seasonalSunAzimuthCard:is(*,#_#_#_#_#_#_#_) .seasonal-horizon-graph-head{& > .seasonal-sun-azimuth-overview-bubble:is(*,._){min-height:48px;padding:9px 17px;font-size:clamp(1.08rem, 1.55vw, 1.22rem)}& > .seasonal-sun-azimuth-overview-bubble :is(.seasonal-sun-azimuth-overview-position, .seasonal-sun-azimuth-overview-timing){font-size:inherit}}html body.page-phases:is(*,._._._._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card.moon-information-position-card{& > .moon-position-visibility-bubble:is(*,._){align-items:center;gap:7px;width:fit-content;min-width:154px;min-height:34px;margin:3px auto 12px;padding:6px 14px;border:1px solid rgba(157, 211, 232, .56);border-radius:999px;background:linear-gradient(135deg, rgba(28, 66, 91, .88), rgba(11, 30, 48, .94));box-shadow:0 5px 12px rgba(0, 0, 0, .22);color:#d8edf6;-webkit-text-fill-color:#d8edf6;font-size:clamp(.92rem, 1.45vw, 1rem);line-height:1}& > .moon-position-visibility-bubble b{color:#91e4ff;-webkit-text-fill-color:#91e4ff;font-weight:700}& > .moon-position-visibility-bubble.is-hidden{border-color:rgba(146, 169, 222, .55);background:linear-gradient(135deg, rgba(31, 43, 81, .94), rgba(11, 20, 42, .98))}& > .moon-position-visibility-bubble.is-hidden b{color:#c9d2ff;-webkit-text-fill-color:#c9d2ff}}html body.page-phases:is(*,._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon.moon-sky-position-wheel{& .moon-sky-event{position:absolute;z-index:6;left:var(--moon-event-label-x, 50%);top:var(--moon-event-label-y, 50%);display:grid;place-items:center;gap:2px;border:1px solid rgba(150, 211, 237, .38);border-radius:7px;box-shadow:0 2px 8px rgba(0, 0, 0, .35);color:#d8f2fb;-webkit-text-fill-color:#d8f2fb;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:clamp(.6rem, 1.1vw, .72rem);line-height:1.05;pointer-events:none;transform:translate(-50%, -50%)}& .moon-sky-event b{color:#f0f6f8;-webkit-text-fill-color:#f0f6f8;font-weight:720}& .moon-sky-event small{color:#8fdcf7;-webkit-text-fill-color:#8fdcf7;font-size:.92em;line-height:1;white-space:nowrap}& .moon-sky-event-rise{left:var(--moon-event-label-x, 76%);top:var(--moon-event-label-y, 52%)}& .moon-sky-event-high{left:var(--moon-event-label-x, 50%);top:var(--moon-event-label-y, 33%)}& .moon-sky-event-set{left:var(--moon-event-label-x, 24%);top:var(--moon-event-label-y, 52%)}& .moon-sky-event-anchor{position:absolute;z-index:5;left:var(--moon-event-anchor-x, 50%);top:var(--moon-event-anchor-y, 50%);box-sizing:border-box;border:2px solid #e5f7ff;border-radius:50%;background:#194b69;box-shadow:0 0 0 2px rgba(4, 20, 37, .72), 0 0 8px rgba(128, 218, 249, .45);pointer-events:none;transform:translate(-50%, -50%)}& .moon-sky-event-anchor-rise{border-color:#ffd37b;background:#9d5c1c}& .moon-sky-event-anchor-high{border-color:#b9eeff;background:#246787}& .moon-sky-event-anchor-set{border-color:#ffad71;background:#9c492b}}html body.page-phases:is(*,._._._._._._._) #seasonalSunDayNightCard:is(*,#_#_#_#_){& > .seasonal-sun-topic-header:is(*,._) > .seasonal-day-length-bubble-pair{justify-items:center;width:fit-content;max-width:calc(100% - 20px)}& .seasonal-day-length-split-bubble{justify-self:center;width:fit-content;max-width:100%;padding-inline:19px}}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn::before,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn::before{width:164%;height:48%;border:3px solid transparent;border-bottom-color:rgba(235, 209, 150, .96);background:transparent;box-shadow:none;clip-path:none;transform:translate(-50%, -50%) rotate(-14deg);z-index:3}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon.planet-saturn::after,html body.page-phases:is(*,._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_).planet-saturn::after{content:none;display:none}html body.page-phases:is(*,._._._._._._._) #zodiacCard:is(*,#_#_#_) .zodiac-daily-table-wrap:is(*,._){margin-top:63px}html body.page-phases:is(*,._) .natural-card-title-with-icon:is(*,._){text-align:center}html body.page-phases:is(*,._) .natural-card-title-with-icon > .natural-card-title-icon:is(*,._){display:grid;place-items:center;width:44px;height:42px;margin:0 auto 8px;color:#9ceff2;font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;font-size:2rem;font-style:normal;font-weight:400;line-height:1;text-shadow:0 0 12px rgba(94, 224, 231, .24);filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .28))}html body.page-phases:is(*,._) .seasonal-vertical-table > .natural-card-title-with-icon > .natural-card-title-icon,html body.page-phases:is(*,._) .zodiac-daily-table-wrap .natural-card-title-with-icon > .natural-card-title-icon,html body.page-phases:is(*,._) .moon-year-cycle-table-wrap > .natural-card-title-with-icon > .natural-card-title-icon,html body.page-phases:is(*,._) .thirteen-turtle-calendar-card > .natural-card-title-with-icon > .natural-card-title-icon{width:38px;height:34px;margin-bottom:6px;font-size:1.65rem}@media (max-width: 720px){html body.page-phases:is(*,._) .natural-card-title-with-icon > .natural-card-title-icon:is(*,._){width:38px;height:36px;margin-bottom:6px;font-size:1.7rem}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._) .natural-card-title-with-icon:is(*,._) > .natural-card-title-icon:is(*,._){font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;font-style:normal;font-weight:400}@media (max-width: 720px){html body.page-phases:is(*,._._._) main.shell.shell #phaseCard:is(*,#_#_#_) .natural-card-title-with-icon > .natural-card-title-icon:is(*,._){width:38px;height:36px;margin-bottom:6px;font-size:1.7rem}}html body.page-phases:is(*,._._._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_){& .zodiac-wheel-progress-track:is(*,._){position:absolute;inset:28.5%;z-index:5;border-radius:50%;background:conic-gradient(from 0deg, #6846dc 0%, #a77cff calc(var(--zodiac-progress) * .52), #e2c8ff var(--zodiac-progress), rgba(74, 52, 108, .58) var(--zodiac-progress) 100%);-webkit-mask:radial-gradient(circle, transparent calc(100% - 12px), #000 calc(100% - 11px) calc(100% - 1px), transparent 100%);mask:radial-gradient(circle, transparent calc(100% - 12px), #000 calc(100% - 11px) calc(100% - 1px), transparent 100%);filter:drop-shadow(0 0 5px rgba(167, 124, 255, .38));pointer-events:none}& .zodiac-wheel-progress-marker:is(*,._){width:16px;height:16px;border:2px solid #f4edff}& .zodiac-sign-ring:is(*,._) > b{display:grid;gap:3px;justify-items:center;color:#f4f0ff;font-size:inherit;font-weight:700;line-height:1;text-align:center;white-space:nowrap}& .zodiac-sign-ring .zodiac-sign-name:is(*,._){color:#f4f0ff;font-size:clamp(1rem, 1.65vw, 1.1rem);font-weight:700;line-height:1;text-shadow:0 2px 6px rgba(0, 0, 0, .92)}& .zodiac-sign-ring .zodiac-sign-symbol:is(*,._){display:block;color:#d9c5ff;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;font-size:1.18rem;font-weight:400;line-height:1;text-shadow:0 0 8px rgba(167, 124, 255, .55)}& .zodiac-sign-ring.is-current-zodiac-sign :is(.zodiac-sign-name, .zodiac-sign-symbol){color:#fff0b8;text-shadow:0 0 9px rgba(255, 226, 138, .72)}}html body.page-phases:is(*,._._._._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_){& .zodiac-wheel-progress-track:is(*,._){display:none}& .zodiac-inner-progress-ring:is(*,._){position:absolute;inset:0;z-index:7;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}& .zodiac-inner-progress-ring :is(.zodiac-inner-progress-background, .zodiac-inner-progress-fill){fill:none;stroke-width:2.75px}& .zodiac-inner-progress-background:is(*,._){stroke:rgba(86, 60, 119, .58)}& .zodiac-inner-progress-fill:is(*,._){stroke:url(#zodiacInnerProgressGradient)}& .zodiac-wheel-progress-marker:is(*,._){z-index:8}}html body.page-phases:is(*,._._._._._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_#_){& .zodiac-inner-progress-fill:is(*,._){filter:none}& .zodiac-wheel-progress-marker:is(*,._){border-color:#ded8f0;background:#53d6d2;box-shadow:0 0 0 2px rgba(16, 13, 31, .9)}}html body.page-phases:is(*,._._._._._) #lunarYearCard:is(*,#_#_#_) #lunarYearCircularSlider:is(*,#_){& .natural-circle-label > b,& .natural-circle-label.is-active > b{display:grid;gap:3px;justify-items:center;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .lunar-year-month-name:is(*,._){display:block;color:#d9f6f2;-webkit-text-fill-color:#d9f6f2;font-size:.9rem;font-weight:650;font-style:normal;line-height:1;white-space:nowrap}& .lunar-year-month-number:is(*,._){display:block;color:#9bc8cc;-webkit-text-fill-color:#9bc8cc;font-size:.68rem;font-weight:500;font-style:normal;line-height:1;white-space:nowrap}& .natural-circle-label.is-active .lunar-year-month-name:is(*,._){color:#8ff3df;-webkit-text-fill-color:#8ff3df}}html body.page-phases:is(*,._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_){& .zodiac-segment-outline:is(*,._):not(.is-current-zodiac-segment){fill-opacity:.38;stroke-opacity:.54;filter:brightness(.62) saturate(.82)}& .zodiac-segment-outline.is-current-zodiac-segment:is(*,._){fill-opacity:1;stroke-opacity:1;filter:brightness(1.12) saturate(1.14)}}@media (min-width: 681px){html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalSunAngleTables:is(*,#_#_#_#_#_#_#_#_#_#_) article.seasonal-sun-angle-throughout-table:is(*,._._){& .seasonal-table-scroll:is(*,._){box-sizing:border-box;overflow-x:hidden}& .seasonal-table-scroll:is(*,._) > table{box-sizing:border-box;width:100%;min-width:0;max-width:100%}}}html body.page-phases:is(*,._._._._) :is(#lunarYearCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-hand{display:none}html body.page-phases:is(*,._._._._) :is(#lunarYearCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center{gap:8px}html body.page-phases:is(*,._._._._) :is(#lunarYearCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center-progress{position:relative;display:block;width:min(150px, 94%);height:10px;margin-top:3px;border:1px solid rgba(150, 221, 229, .54);border-radius:999px;background:rgba(4, 20, 31, .9);box-shadow:inset 0 0 7px rgba(0, 0, 0, .48), 0 0 8px rgba(78, 199, 211, .14);overflow:visible;box-sizing:border-box}html body.page-phases:is(*,._._._._) :is(#lunarYearCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center-progress-fill{position:absolute;inset:0 auto 0 0;display:block;width:var(--natural-circle-progress-percent, 0%);max-width:100%;border-radius:inherit;background:linear-gradient(90deg, #287ea1 0%, #4fcac2 72%, #bfe8d4 100%);box-shadow:0 0 7px rgba(79, 202, 194, .4)}html body.page-phases:is(*,._._._._) :is(#lunarYearCircularSlider:is(*,#_), #thirteenCircularSlider:is(*,#_)) .natural-circle-center-progress-moon{position:absolute;z-index:2;left:clamp(10px, var(--natural-circle-progress-percent, 0%), calc(100% - 10px));top:50%;display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(222, 247, 237, .82);border-radius:50%;background:#123748;color:#fff0b5;-webkit-text-fill-color:#fff0b5;font-size:1.05rem;font-style:normal;line-height:1;text-shadow:0 0 5px rgba(255, 225, 147, .52);box-shadow:0 0 0 2px rgba(5, 22, 33, .9), 0 0 9px rgba(96, 217, 210, .46);transform:translate(-50%, -50%);box-sizing:border-box}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._) .natural-card-title-with-icon:is(*,._) > .natural-card-title-icon:is(*,._){display:grid;place-items:center;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;margin:0 auto 8px;padding:0;color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;text-shadow:none;filter:none;overflow:visible;isolation:isolate;box-sizing:border-box}html body.page-phases:is(*,._) .natural-card-title-icon > .natural-title-artwork{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 7px rgba(0, 8, 18, .42))}html body.page-phases:is(*,._) .natural-card-title-icon > .natural-title-artwork-flowing:is(*,._){filter:drop-shadow(0 3px 4px rgba(0, 8, 18, .42)) drop-shadow(0 0 3px var(--natural-icon-soft))}html body.page-phases:is(*,._) .natural-title-artwork-flowing .natural-icon-flowing-emblem :is(path, circle, ellipse){vector-effect:non-scaling-stroke}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-frame{fill:var(--natural-icon-bg);stroke:var(--natural-icon-edge);stroke-width:2.5;stroke-linejoin:round}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-pattern,html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-pattern-ring{fill:none;stroke:var(--natural-icon-soft);stroke-width:1.1;stroke-linecap:round;opacity:.34}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-pattern-dots{fill:var(--natural-icon-soft);opacity:.66}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-line{fill:none;stroke:var(--natural-icon-line);stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-accent-line{fill:none;stroke:var(--natural-icon-accent);stroke-width:2.65;stroke-linecap:round;stroke-linejoin:round}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-soft-line{fill:none;stroke:var(--natural-icon-soft);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-fill{fill:var(--natural-icon-line)}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-accent-fill{fill:var(--natural-icon-accent)}html body.page-phases:is(*,._) .natural-title-artwork .natural-icon-soft-fill{fill:var(--natural-icon-soft)}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._) :is(.seasonal-vertical-table, .zodiac-daily-table-wrap, .moon-year-cycle-table-wrap, .thirteen-turtle-calendar-card) .natural-card-title-with-icon > .natural-card-title-icon:is(*,._){width:47px;min-width:47px;max-width:47px;height:47px;min-height:47px;max-height:47px;margin-bottom:7px}html body.page-phases:is(*,._) .natural-card-title-icon[data-natural-icon-shape="diamond"] > .natural-title-artwork{transform:scale(.94);transform-origin:center}@media (max-width: 720px){html body.page-phases:is(*,._._._._._) main.shell:is(*,._._) .natural-card-title-with-icon > .natural-card-title-icon:is(*,._){width:49px;min-width:49px;max-width:49px;height:49px;min-height:49px;max-height:49px;margin-bottom:7px}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._) :is(.seasonal-vertical-table, .zodiac-daily-table-wrap, .moon-year-cycle-table-wrap, .thirteen-turtle-calendar-card) .natural-card-title-with-icon > .natural-card-title-icon:is(*,._){width:43px;min-width:43px;max-width:43px;height:43px;min-height:43px;max-height:43px}}@media (min-width: 761px){html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){height:685px;min-height:685px;max-height:none}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_) .phase-summary-head:is(*,._){box-sizing:border-box;display:grid;grid-template-rows:95px;align-items:start;justify-items:center;padding:14px 0 0}}html body.page-phases:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_) .phase-summary-head:is(*,._){& > h2.natural-card-title-with-icon:is(*,._){box-sizing:border-box;display:grid;grid-template-rows:56px auto;align-items:start;justify-items:center;gap:5px;width:max-content;min-width:112px;height:91px;min-height:91px;margin:0 auto;padding:0;overflow:visible}& > h2.natural-card-title-with-icon > .natural-card-title-icon:is(*,._){margin:0 auto}}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_){& .yearly-sun-side-container-title:is(*,._){font-size:clamp(1.18rem, 1.65vw, 1.4rem);line-height:1.15}& .yearly-sun-side-view-graph:is(*,._) text{font-size:9.5px;font-weight:400;letter-spacing:0}& .yearly-sun-side-axis-label:is(*,._){font-size:9px;font-weight:400}& .yearly-sun-side-horizon-timing-svg:is(*,._) text{font-size:9.5px;font-weight:400}}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row{& .planet-icon:is(*,._):is(.planet-moon, .planet-mars, .planet-mercury, .planet-sun){border:0;border-radius:50%;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .42))}& .planet-icon:is(*,._):is(.planet-moon, .planet-mars, .planet-mercury, .planet-sun)::before,& .planet-icon:is(*,._):is(.planet-moon, .planet-mars, .planet-mercury, .planet-sun)::after{content:none;display:none}}html body.page-phases:is(*,._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_) #seasonalSunPositionBoundaryTiming:is(*,#_).sun-boundary-timing-split{transform:translateY(-35px)}html body.page-phases:is(*,._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) > .seasonal-sun-topic-header:is(*,._){column-gap:32px}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header:is(*,._){column-gap:20px}}html body.page-phases:is(*,._._._._._._._) #seasonalSunDayNightCard:is(*,#_#_#_){& .seasonal-day-length-split-bubble{padding:15px 20px 16px}& .seasonal-day-length-split-bubble b{display:grid;gap:5px;width:100%;font-size:clamp(.92rem, 1.35vw, 1.04rem);font-weight:400;line-height:1.32}& .seasonal-day-length-summary-label{display:block;margin-bottom:3px;font-size:1.08em;font-weight:750}& .seasonal-day-length-summary-line{display:block;color:#effcff;-webkit-text-fill-color:#effcff}}@media (max-width: 620px){html body.page-phases:is(*,._._._._._) #seasonalSunDayNightCard:is(*,#_#_) .seasonal-day-length-split-bubble{padding:13px 14px 14px}}html body.page-phases:is(*,._._._._._) #seasonalSunDeclinationCard:is(*,#_#_) #seasonalSolarDeclinationSection:is(*,#_){& > .solar-declination-map-toggle{display:block;min-width:min(100%, 250px);min-height:42px;margin:16px auto 4px;padding:9px 22px;border:1px solid rgba(111, 220, 232, .72);border-radius:10px;background:linear-gradient(180deg, rgba(19, 91, 116, .96), rgba(10, 57, 82, .98));color:#dcfbff;-webkit-text-fill-color:#dcfbff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 5px 14px rgba(0, 0, 0, .2);font:650 1rem/1.25 Arial, sans-serif;text-align:center;cursor:pointer}& > .solar-declination-map-toggle:hover{border-color:rgba(147, 241, 245, .92);background:linear-gradient(180deg, rgba(24, 112, 137, .98), rgba(12, 69, 94, .98))}& > .solar-declination-map-toggle:focus-visible{outline:3px solid rgba(138, 239, 244, .48);outline-offset:3px}}html body.page-phases:is(*,._._._._._) #seasonalSunDeclinationCard:is(*,#_#_) #solarDeclinationMapPanel:is(*,#_)[hidden]{display:none}html body.page-phases:is(*,._) #seasonalSunDirectionCard:is(*,#_){background:radial-gradient(circle at 50% 0%, rgba(82, 190, 218, .18), transparent 38%), linear-gradient(145deg, rgba(15, 43, 57, .98), rgba(8, 28, 43, .98) 56%, rgba(15, 37, 50, .98))}html body.page-phases:is(*,._) #seasonalSunAnalemmaCard:is(*,#_){background:radial-gradient(circle at 22% 0%, rgba(226, 179, 89, .14), transparent 36%), radial-gradient(circle at 82% 14%, rgba(97, 154, 220, .14), transparent 42%), linear-gradient(145deg, rgba(25, 39, 57, .98), rgba(10, 27, 43, .98) 58%, rgba(22, 34, 52, .98))}html body.page-phases:is(*,._) #seasonalSunDirectionCard:is(*,#_){& #seasonalSunDirectionGraph:is(*,#_).sun-direction-graph{box-sizing:border-box;width:min(100%, 860px);max-width:860px;margin:0 auto 8px;padding:18px 20px 20px;border:1px solid rgba(94, 203, 224, .38);border-radius:18px;background:linear-gradient(180deg, rgba(7, 31, 48, .92), rgba(4, 20, 34, .96));box-shadow:inset 0 1px 0 rgba(220, 252, 255, .07), 0 12px 26px rgba(0, 0, 0, .18);text-align:center}& #seasonalSunDirectionGraph:is(*,#_) > h4{display:none}& .sun-direction-explanation > .sun-direction-definition{max-width:680px;margin:0 auto 14px;color:#b8dbe4;-webkit-text-fill-color:#b8dbe4;font-size:clamp(.82rem, 1.2vw, .96rem);font-weight:400;line-height:1.45;text-align:center}& .sun-direction-explanation > h4{margin:0 0 8px;font-size:1.1rem;line-height:1.3;text-align:center;color:#8deaf2;-webkit-text-fill-color:#8deaf2;font-weight:700}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-chart{width:min(100%, 420px);margin:0 auto}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-chart > p{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 auto 8px;padding:7px 15px;border:1px solid rgba(89, 213, 229, .46);border-radius:999px;background:rgba(4, 24, 39, .78);color:#cceff3}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-chart > p > b{color:#8deaf2}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-chart > p > span{color:#f2d79e}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-chart > p > em{color:#b9cbd0;font-style:normal}& #seasonalSunDirectionGraph:is(*,#_) svg{display:block;width:min(100%, 360px);height:auto;margin:0 auto;overflow:visible}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-sky{fill:url(#sunDirectionSkyGradient);stroke:rgba(116, 218, 237, .82);stroke-width:3}& #seasonalSunDirectionGraph:is(*,#_) :is(.sun-direction-guide, .sun-direction-axis, .sun-direction-diagonal, .sun-direction-tick){fill:none;stroke:rgba(125, 201, 226, .28);stroke-width:1.4;vector-effect:non-scaling-stroke}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-axis{stroke:rgba(143, 224, 242, .46);stroke-width:1.8}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-tick.is-cardinal{stroke:rgba(196, 243, 250, .78);stroke-width:2.3}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-pointer{stroke:#ffb85f;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(255, 184, 95, .55))}& #seasonalSunDirectionGraph:is(*,#_) :is(.sun-direction-center, .sun-direction-endpoint){fill:#ffd385;stroke:#fff7dc;stroke-width:3}& #seasonalSunDirectionGraph:is(*,#_) .sun-direction-endpoint{stroke:#ffdc60;stroke-width:3;filter:drop-shadow(0 0 5px rgba(255, 184, 95, .5))}}.page-phases #seasonalSunDirectionGraph .sun-direction-arrowhead{fill:#ffb85f}html body.page-phases:is(*,._) #seasonalSunDirectionCard:is(*,#_) #seasonalSunDirectionGraph:is(*,#_){& .sun-direction-cardinal{fill:#e0f8fb;font-size:18px;font-weight:750}& .sun-direction-north{fill:#ffd789}& .sun-direction-chart.is-not-visible :is(.sun-direction-pointer, .sun-direction-endpoint){opacity:1}}html body.page-phases:is(*,._) #seasonalSunAnalemmaCard:is(*,#_){& #seasonalSunAnalemmaChart:is(*,#_){box-sizing:border-box;padding:0;border:0;background:none;box-shadow:none}& #seasonalSunAnalemmaChart:is(*,#_) .seasonal-analemma-title > span{display:none}& #seasonalSunAnalemmaChart:is(*,#_) .seasonal-analemma-title > .seasonal-analemma-description{max-width:660px;margin:0 auto;color:#b7dce7;-webkit-text-fill-color:#b7dce7;font-size:clamp(.78rem, 1.05vw, .92rem);font-weight:400;line-height:1.4;text-align:center}}@media (max-width: 640px){html body.page-phases:is(*,._) #seasonalSunDirectionCard:is(*,#_) #seasonalSunDirectionGraph:is(*,#_).sun-direction-graph{padding-inline:12px}}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_) #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-current-bubble:is(*,._){& rect{fill:#173b57;stroke:#f2bd65;stroke-width:1.4px}& :is(text, tspan){fill:#fff4d8;stroke:none;paint-order:normal;font-size:9.5px;font-weight:400}}html body.page-phases:is(*,._) #seasonalSunAnalemmaCard:is(*,#_){& > .seasonal-sun-topic-header:is(*,._){grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;justify-items:center;row-gap:10px}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-analemma-card-description{grid-column:1;width:min(100%, 700px);margin:0 auto 2px;color:#b9dce6;-webkit-text-fill-color:#b9dce6;font-size:clamp(.84rem, 1.15vw, .96rem);font-weight:400;line-height:1.48;text-align:center}& #seasonalSunAnalemmaChart:is(*,#_){width:min(100%, 560px);max-width:560px;height:480px;min-height:480px;max-height:480px;margin:0 auto 4px}& #seasonalSunAnalemmaChart:is(*,#_) > .seasonal-analemma-frame:is(*,._){height:100%;min-height:0;max-height:100%;border-color:rgba(96, 190, 214, .5);background:linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, .03) 1px, transparent 1px), radial-gradient(circle at 72% 20%, rgba(48, 143, 174, .16), transparent 38%), linear-gradient(150deg, #0a2938 0%, #061a29 58%, #04131f 100%);background-size:10% 100%, 100% 16.66%, auto, auto}& #seasonalSunAnalemmaChart:is(*,#_) > .seasonal-analemma-frame:is(*,._) > svg{position:absolute;inset:16px auto 14px 50%;width:min(470px, calc(100% - 34px));max-width:none;height:calc(100% - 30px);margin:0;transform:translateX(-50%);overflow:visible}& .seasonal-analemma-ground{fill:#243d49;stroke:none}& .seasonal-analemma-horizon{stroke:#789ba7;stroke-width:1;vector-effect:non-scaling-stroke;filter:none}& .seasonal-analemma-horizon-label{fill:#c4eaf0;font-size:3.2px;font-weight:700;letter-spacing:.08em;paint-order:stroke;stroke:rgba(6, 27, 39, .88);stroke-width:.7px}}@media (max-width: 640px){html body.page-phases:is(*,._) #seasonalSunAnalemmaCard:is(*,#_){& #seasonalSunAnalemmaChart:is(*,#_){width:min(100%, 520px);height:420px;min-height:420px;max-height:420px}& > .seasonal-sun-topic-header:is(*,._) > .seasonal-analemma-card-description{width:min(100%, 520px);font-size:.82rem}}}html body.page-phases:is(*,._._._._._._._) #seasonalSunAnglePrimaryCard:is(*,#_#_#_){& #seasonalYearlySunAngleSideViewSection:is(*,#_#_){width:min(100%, 620px);max-width:620px;margin-inline:auto}& #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-merged-graph:is(*,._){width:min(100%, 620px);max-width:620px}& #seasonalYearlySunAngleSideViewSection:is(*,#_) .yearly-sun-side-view-graph:is(*,._){width:min(100%, 600px);max-width:600px}}html body.page-phases:is(*,._._._._._) #moonPositionCard:is(*,#_#_) > #moonPositionPathCard:is(*,#_).moon-position-path-card{& > .moon-position-title:is(*,._){margin-bottom:10px}& > .moon-position-visibility-bubble:is(*,._){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:fit-content;min-width:154px;margin:0 auto 12px;padding:8px 15px;border:1px solid rgba(108, 190, 218, .5);border-radius:10px;background:linear-gradient(135deg, rgba(16, 61, 82, .96), rgba(8, 36, 55, .98));color:#bdd4de;-webkit-text-fill-color:#bdd4de;font-size:.9rem;font-weight:500;line-height:1;text-align:center}& > .moon-position-visibility-bubble > b{color:#91e4ff;-webkit-text-fill-color:#91e4ff;font-weight:700}& > .moon-position-visibility-bubble.is-hidden{border-color:rgba(146, 169, 222, .55);background:linear-gradient(135deg, rgba(31, 43, 81, .94), rgba(11, 20, 42, .98))}& > .moon-position-visibility-bubble.is-hidden > b{color:#c9d2ff;-webkit-text-fill-color:#c9d2ff}}html body.page-phases:is(*,._._._._._._._._._) #seasonalSunDeclinationCard:is(*,#_#_#_){& .solar-declination-map-stack:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:18px;width:min(100%, 560px);margin:0 auto 18px}& .solar-declination-map-view:is(*,._){display:grid;justify-items:center;gap:8px;width:100%;margin:0}& .solar-declination-map-view:is(*,._) > figcaption{color:#b9dce6;-webkit-text-fill-color:#b9dce6;font-size:.88rem;font-weight:650;letter-spacing:.02em;line-height:1.2;text-align:center}& .solar-declination-map:is(*,._).solar-declination-rectangle-map{display:block;width:min(100%, 520px);max-width:520px;height:auto;min-height:0;aspect-ratio:2 / 1;overflow:hidden;border:1px solid rgba(119, 202, 220, .54);border-radius:12px;background:#082638;box-shadow:0 8px 20px rgba(0, 9, 17, .24), 0 0 0 1px rgba(169, 229, 239, .04) inset}& .solar-declination-rectangle-veil{fill:rgba(3, 25, 37, .2)}& .solar-declination-world-season-line > line{fill:none;stroke-width:2.2px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px currentColor)}& .solar-declination-world-season-line.solar-declination-summer > line{color:#ffd166;stroke:#ffd166}& .solar-declination-world-season-line.solar-declination-equinox > line{color:#63e6ad;stroke:#63e6ad}& .solar-declination-world-season-line.solar-declination-winter > line{color:#68aef5;stroke:#68aef5}& .solar-declination-world-current-band{stroke:rgba(255, 139, 103, .25);stroke-width:12px;vector-effect:non-scaling-stroke}& .solar-declination-world-current-line{stroke:#ff8b67;stroke-width:2.6px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(255, 139, 103, .5))}& .solar-declination-world-current-dot{fill:#071d2a;stroke:#ff8b67;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(255, 139, 103, .65))}& .solar-declination-rectangle-outline{fill:none;stroke:rgba(156, 226, 237, .48);stroke-width:2px;vector-effect:non-scaling-stroke}& .solar-declination-map:is(*,._).solar-declination-circle-map{display:block;width:min(100%, 460px);max-width:460px;height:auto;min-height:0;max-height:none;aspect-ratio:1;margin:0 auto}& .solar-declination-map-stack + .solar-declination-legend{margin-top:2px}}@media (max-width: 560px){html body.page-phases:is(*,._._._._._) #seasonalSunDeclinationCard:is(*,#_#_){& .solar-declination-map:is(*,._).solar-declination-rectangle-map{width:min(100%, 440px)}& .solar-declination-map:is(*,._).solar-declination-circle-map{width:min(100%, 390px);max-width:390px}}}html body.page-phases:is(*,._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon.moon-sky-position-wheel{& .moon-sky-horizon-line{display:none}& .moon-sky-n{top:6.5%}& .moon-sky-e{right:6.5%}& .moon-sky-s{bottom:6.5%}& .moon-sky-w{left:6.5%}& .moon-sky-event{min-width:102px;padding:3px 5px;border-color:rgba(164, 221, 241, .48);background:linear-gradient(135deg, rgba(5, 25, 43, .9), rgba(8, 39, 61, .9))}& .moon-sky-event-anchor{width:11px;height:11px}}html body.page-phases #lunarMonthCard:is(*,#_){& :is(.slider-gap, #lunarMonthTrack){display:none}& :is(.detail-text, .moon-accurate-panel){height:auto;min-height:0}& .moon-accurate-panel{display:grid;justify-items:center;width:100%}}html body.page-phases #moonCycleCard:is(*,#_){& > .card-head{display:grid;justify-items:center;gap:8px;width:100%;margin:0 auto 18px;text-align:center}& > .card-head .card-title{margin:0 0 6px;color:#c7eff7;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:clamp(1.35rem, 2vw, 1.7rem);font-style:normal;font-weight:700;letter-spacing:0;text-align:center;text-transform:none}& > .card-head .moon-cycle-current-bubble{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:34px;margin:0 auto;padding:6px 16px;border:1px solid rgba(151, 220, 240, .52);border-radius:999px;background:linear-gradient(135deg, rgba(20, 58, 79, .92), rgba(8, 29, 47, .96));box-shadow:0 5px 12px rgba(0, 0, 0, .2);color:#d8f4f8;font-size:clamp(.9rem, 1.4vw, 1rem);font-style:normal;font-weight:400;text-align:center}& > .card-head .moon-cycle-year-count-bubble{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:fit-content;min-height:32px;margin:0 auto;padding:5px 15px;border:1px solid rgba(198, 185, 119, .52);border-radius:999px;background:linear-gradient(135deg, rgba(64, 56, 30, .9), rgba(35, 39, 42, .94));box-shadow:0 5px 12px rgba(0, 0, 0, .18);color:#e6e0bd;font-size:clamp(.88rem, 1.35vw, .98rem);font-weight:500;line-height:1.2;text-align:center}& > .card-head .moon-cycle-year-count-bubble strong{color:#fff0a9;font-size:1.05em;font-weight:750}& > .card-head .moon-cycle-completion-bubble{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:min(92vw, 560px);min-height:30px;margin:-2px auto 0;padding:5px 13px;box-sizing:border-box;border:1px solid rgba(128, 189, 211, .42);border-radius:999px;background:rgba(7, 31, 49, .72);color:#bfe4ed;font-size:clamp(.8rem, 1.25vw, .92rem);font-style:normal;font-weight:400;line-height:1.2;text-align:center}& .moon-cycle-split-details{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:28px;width:100%;height:auto}& .moon-cycle-only-panel{display:grid;justify-items:center;width:100%;height:auto;min-height:0;margin:0;padding:0}& .moon-year-cycle-table-wrap{position:static;z-index:auto}}html body.page-phases:is(*,._._._) #lunarMonthCard:is(*,#_#_#_){& #lunarMonthLabels:is(*,#_){display:none}& #lunarMonthPieMeter:is(*,#_){display:none}& > .card-head .card-title-line{justify-content:center;width:100%}& > .card-head .title-value-stack{align-items:center}}@media (min-width: 540px){html body.page-phases:is(*,._._._) #lunarMonthCard:is(*,#_#_#_){& .moon-phase-current-bubble{min-width:340px}& .moon-phase-clean-line{width:auto;white-space:nowrap}}}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_){& .phase-summary-row:is(*,._):not(.phase-summary-day-row){grid-auto-rows:68px;grid-template-rows:68px}& .phase-summary-row:is(*,._):not(.phase-summary-day-row) :is(.phase-summary-tile, .phase-summary-feature){height:68px;min-height:68px;max-height:68px}}html body.page-phases:is(*,._._._) #lunarMonthCard:is(*,#_#_#_){& :is(.detail-text.moon-phase-section-details, .moon-accurate-panel){height:auto;min-height:0}& .moon-current-phase-circle:is(*,._){display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%, 460px);height:auto;min-height:0;margin:0 auto}& .moon-phase-circle-stage:is(*,._){flex:0 0 auto;width:min(100%, 460px);height:auto;aspect-ratio:1}& :is(.moon-phase-current-line, .moon-phase-visual-name){display:none}& > .card-head{display:grid;justify-items:center;gap:10px;width:100%;margin:14px auto 20px;padding:0;text-align:center}& > .card-head .card-title-wrap{display:grid;justify-items:center;gap:10px;width:min(100%, 440px);max-width:440px;margin:0 auto}& > .card-head .card-title{margin:0;color:#c7eff7;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:clamp(1.35rem, 2vw, 1.7rem);font-style:normal;font-weight:500;letter-spacing:0;line-height:1.15;text-align:center;text-transform:none}& > .card-head .moon-phase-current-bubble{align-items:center;justify-content:center;margin:0 auto;box-sizing:border-box;font-size:clamp(.9rem, 1.4vw, 1rem);font-style:normal;font-weight:400;text-align:center}& > .card-head .moon-phase-current-bubble :is(b, strong){font-weight:400}}html body.page-phases:is(*,._._._) #moonCycleCard:is(*,#_#_#_){& :is(.moon-cycle-split-details, .moon-cycle-only-panel){height:auto;min-height:0}& .moon-cycle-circle-slider:is(*,._){display:flex;flex-direction:column;align-items:center;gap:12px;width:min(86vw, 460px);height:auto;min-height:0;margin:0 auto}& .moon-cycle-orbit-stage:is(*,._){flex:0 0 auto;width:min(86vw, 460px);height:min(86vw, 460px);aspect-ratio:1;margin:0 auto}& .moon-cycle-circle-slider .moon-circle-footer{width:min(100%, 460px)}& .moon-year-cycle-table-wrap:is(*,._){display:grid;gap:12px;width:min(calc(100% - 36px), 540px);max-width:540px;margin:6px auto 0;padding:18px 20px 20px;border:1px solid rgba(176, 202, 224, .48);border-radius:14px;background:radial-gradient(circle at 50% 0%, rgba(151, 190, 222, .14), transparent 42%), linear-gradient(145deg, rgba(25, 36, 49, .96), rgba(10, 18, 29, .98));box-shadow:inset 0 1px 0 rgba(238, 247, 255, .12), 0 12px 26px rgba(0, 0, 0, .18);box-sizing:border-box;overflow:hidden}& .moon-year-cycle-table-wrap h4{margin:0;color:#d7eafb;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:clamp(1.05rem, 1.7vw, 1.28rem);font-weight:500;letter-spacing:.01em;line-height:1.2;text-align:center}& .moon-year-cycle-table:is(*,._){width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(154, 192, 220, .38);border-radius:10px;color:#dbe7ef;font-size:clamp(.8rem, 1.2vw, .92rem)}& .moon-year-cycle-table :is(th, td){padding:9px 10px;border:0;border-bottom:1px solid rgba(151, 181, 204, .2);text-align:center;vertical-align:middle}& .moon-year-cycle-table thead th{color:#c9efff;background:linear-gradient(180deg, rgba(63, 94, 120, .82), rgba(34, 54, 73, .88));font-weight:500}& .moon-year-cycle-table tbody tr:nth-child(even) :is(th, td){background:rgba(131, 158, 180, .07)}& .moon-year-cycle-table tbody th{color:#e4eaf0;background:rgba(202, 215, 226, .075);font-weight:500}& .moon-year-cycle-table tbody td:nth-child(2){color:#f6dc9b}& .moon-year-cycle-table tbody td:nth-child(3){color:#a9dff4}& .moon-year-cycle-table tbody td:nth-child(4){color:#d0c6f1}& .moon-year-cycle-table tr:last-child :is(th, td){border-bottom:0}& .moon-year-cycle-table tr.is-current-moon-cycle :is(th, td){color:#fff3c5;background:linear-gradient(90deg, rgba(151, 118, 54, .34), rgba(95, 115, 138, .26))}}html body.page-phases:is(*,._._._) #phaseManualOrderSection:is(*,#_#_#_) > .moon-standalone-card.moon-information-position-card{& #moonPositionClockIcon.moon-basic-position-wheel{position:relative;isolation:isolate;box-sizing:border-box;display:block;max-width:100%}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-path{position:absolute;z-index:1;box-sizing:border-box}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-horizon{position:absolute;z-index:2;border-radius:999px;box-shadow:0 0 8px rgba(110, 211, 242, .36)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event{position:absolute;z-index:4;display:grid;justify-items:center;border:1px solid rgba(156, 220, 241, .46);background:linear-gradient(135deg, rgba(5, 25, 43, .94), rgba(12, 53, 75, .9));color:#e9f7fa;font-family:Inter, ui-sans-serif, system-ui, sans-serif;line-height:1.1;text-align:center;transform:translate(-50%, -50%)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event b{color:#f1f8f9}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event small{margin-top:2px;color:#91e7f6}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event-high{border-color:rgba(229, 211, 139, .62);background:linear-gradient(135deg, rgba(66, 53, 19, .94), rgba(49, 39, 17, .9))}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event-set{border-color:rgba(211, 168, 124, .58);background:linear-gradient(135deg, rgba(62, 38, 27, .94), rgba(47, 28, 31, .9))}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-marker{position:absolute;z-index:5;left:var(--moon-basic-x);top:var(--moon-basic-y);display:grid;place-items:center;transform:translate(-50%, -50%);border:2px solid rgba(237, 247, 250, .92);border-radius:50%;background:radial-gradient(circle at 34% 30%, rgba(255,255,255,.36), rgba(17, 50, 76, .96) 72%);box-shadow:0 0 0 3px rgba(6, 22, 41, .84), 0 0 14px rgba(162, 225, 255, .34)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-marker.is-below-horizon{border-color:#7dc5eb;background:radial-gradient(circle at 34% 30%, rgba(73, 138, 202, .7), rgba(10, 31, 68, .98) 72%);filter:saturate(.76) brightness(.84)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-disc{display:grid;place-items:center;width:100%;height:100%;color:#f7f2d5;font-size:2rem;line-height:1;text-shadow:0 1px 3px rgba(0, 0, 0, .8)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-now{position:absolute;z-index:4;left:var(--moon-basic-x);top:calc(var(--moon-basic-y) + 34px);color:#b9ecf6;font-size:.72rem;font-weight:650;transform:translateX(-50%)}& #moonAngleSlider.moon-angle-slider{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;box-sizing:border-box}& #moonAngleSlider.moon-angle-slider h4{line-height:1.1}& #moonAngleSlider.moon-angle-slider .moon-angle-current{margin:0;color:#cbeaf0;font-size:clamp(.86rem, 1.45vw, 1rem);font-weight:400;text-align:center}& #moonAngleSlider.moon-angle-slider .moon-angle-current b{color:#8ee9fb;font-weight:650}& #moonAngleSlider.moon-angle-slider .moon-angle-track{position:relative;width:min(100%, 590px);height:16px;overflow:visible;border:1px solid rgba(177, 225, 242, .46);border-radius:999px;background:linear-gradient(90deg, rgba(35, 61, 115, .9) 0 50%, rgba(33, 116, 147, .84) 50% 100%);box-shadow:inset 0 2px 4px rgba(0, 0, 0, .32)}& #moonAngleSlider.moon-angle-slider .moon-angle-fill{position:absolute;inset:0 auto 0 0;width:var(--moon-angle-percent);border-radius:inherit;background:linear-gradient(90deg, rgba(98, 130, 235, .76), rgba(102, 226, 240, .96));box-shadow:0 0 9px rgba(99, 215, 242, .28)}& #moonAngleSlider.moon-angle-slider.is-below-horizon .moon-angle-fill{background:linear-gradient(90deg, rgba(83, 98, 196, .94), rgba(114, 149, 225, .76))}& #moonAngleSlider.moon-angle-slider .moon-angle-horizon{position:absolute;z-index:2;top:-5px;bottom:-5px;left:50%;width:2px;background:#fff2ba;transform:translateX(-50%)}& #moonAngleSlider.moon-angle-slider .moon-angle-horizon i{position:absolute;top:19px;left:50%;color:#e9dfae;font-size:.72rem;font-style:normal;font-weight:600;transform:translateX(-50%);white-space:nowrap}& #moonAngleSlider.moon-angle-slider .moon-angle-marker{position:absolute;z-index:3;top:50%;left:var(--moon-angle-percent);width:22px;height:22px;border:3px solid #e8fbff;border-radius:50%;background:#54d3ec;box-shadow:0 0 0 3px rgba(4, 23, 42, .8), 0 0 12px rgba(101, 230, 246, .52);transform:translate(-50%, -50%)}& #moonAngleSlider.moon-angle-slider .moon-angle-scale{display:flex;justify-content:space-between;width:min(100%, 590px);margin-top:10px;color:#a5cfdd;font-size:.76rem}}@media (max-width: 620px){html body.page-phases #moonPositionClockIcon.moon-basic-position-wheel{width:min(350px, 86vw);height:min(350px, 86vw)}html body.page-phases #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event{min-width:76px;padding:4px 5px}}html body.page-phases:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_#_#_) > .moon-standalone-card.moon-information-position-card .moon-position-graph-explanation{display:none}html body.page-phases:is(*,._._._._) #moonCycleCard:is(*,#_#_){& .moon-cycle-orbit-stage:is(*,._)::before{inset:25%;background:#182a3c}& .moon-cycle-circle-svg:is(*,._) .moon-cycle-phase-segment{fill:#3b4650;stroke:rgba(151, 177, 190, .34);stroke-width:1.2px;vector-effect:non-scaling-stroke}& .moon-cycle-circle-svg:is(*,._) .moon-cycle-phase-segment.is-active-phase-segment{fill:#647988;stroke:#c5f2ff;stroke-width:4.5px;filter:drop-shadow(0 0 8px rgba(115, 216, 247, .7))}}html body.page-phases:is(*,._._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card .phase-summary-circle-card:is(*,._){transform:none}html body.page-phases:is(*,._._._) #moonCycleCard:is(*,#_#_#_){& .moon-cycle-current-marker{display:none}& .moon-cycle-orbit-labels::before{content:"";position:absolute;z-index:1;/**/ inset: -5%;border:2px solid rgba(151, 214, 235, .38);border-radius:50%;background:radial-gradient(circle, rgba(51, 97, 125, .1), transparent 68%);box-shadow:inset 0 0 22px rgba(105, 189, 220, .09), 0 0 0 1px rgba(6, 21, 39, .46)}& .moon-cycle-orbit-label{z-index:2}}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon:is(*,._){width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px}html body.page-phases:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_#_#_) > .moon-standalone-card.moon-information-position-card{& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel{width:min(400px, 86vw);height:min(400px, 57vw, 275px);min-height:245px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-path{top:15%;left:10%;width:80%;height:64%;border:3px solid rgba(103, 201, 236, .76);border-bottom:0;border-radius:50% 50% 0 0 / 100% 100% 0 0;background:radial-gradient(ellipse at 50% 100%, rgba(32, 96, 133, .19), rgba(5, 24, 44, .02) 66%);box-shadow:inset 0 16px 30px rgba(96, 189, 225, .08)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-horizon{top:79%;left:7%;width:86%;height:2px;background:linear-gradient(90deg, transparent, rgba(154, 227, 247, .94) 10% 90%, transparent)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event{min-width:78px;padding:4px 6px;border-radius:8px;box-shadow:0 3px 8px rgba(0, 0, 0, .22)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event b{font-size:.78rem;font-weight:600}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-event small{font-size:.7rem}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-marker{width:42px;height:42px}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-now{display:none}& #moonAngleSlider.moon-angle-slider{gap:12px;width:min(100%, 300px);margin:6px auto 10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& #moonAngleSlider.moon-angle-slider h4{margin:0;color:#c7eff7;font-size:1.08rem;font-weight:550}& #moonAngleSlider.moon-angle-slider .moon-angle-dial{position:relative;isolation:isolate;display:grid;place-items:center;width:min(280px, 72vw);height:min(280px, 72vw);border-radius:50%;background:conic-gradient(from 180deg, #64d8f0 0deg var(--moon-angle-progress), rgba(60, 104, 137, .72) var(--moon-angle-progress) 180deg, rgba(16, 43, 66, .5) 180deg 360deg);box-shadow:0 12px 22px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(168, 228, 244, .2)}& #moonAngleSlider.moon-angle-slider.is-below-horizon .moon-angle-dial{background:conic-gradient(from 180deg, #6c85d7 0deg var(--moon-angle-progress), rgba(59, 82, 133, .76) var(--moon-angle-progress) 180deg, rgba(16, 32, 64, .56) 180deg 360deg)}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-inner{position:absolute;z-index:1;inset:17px;border:1px solid rgba(156, 222, 241, .34);border-radius:50%;background:radial-gradient(circle at 50% 44%, rgba(29, 75, 104, .98), rgba(5, 21, 41, .99) 72%);box-shadow:inset 0 -20px 30px rgba(0, 0, 0, .24)}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-marker{position:absolute;z-index:4;top:var(--moon-angle-marker-y);left:var(--moon-angle-marker-x);width:17px;height:17px;border:3px solid #f4fdff;border-radius:50%;background:#7be5f5;box-shadow:0 0 0 3px rgba(5, 25, 44, .88), 0 0 12px rgba(121, 228, 246, .58);transform:translate(-50%, -50%)}& #moonAngleSlider.moon-angle-slider.is-below-horizon .moon-angle-dial-marker{background:#94a7ec;box-shadow:0 0 0 3px rgba(5, 22, 51, .88), 0 0 12px rgba(148, 167, 236, .5)}& #moonAngleSlider.moon-angle-slider :is(.moon-angle-dial-top, .moon-angle-dial-bottom){position:absolute;z-index:3;left:50%;display:grid;justify-items:center;color:#d8f4fa;font-size:.76rem;font-weight:650;line-height:1;transform:translateX(-50%)}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-top{top:29px}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-bottom{bottom:29px}& #moonAngleSlider.moon-angle-slider :is(.moon-angle-dial-top small, .moon-angle-dial-bottom small){margin-top:2px;color:#91d9ea;font-size:.66rem;font-weight:500}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-readout{position:relative;z-index:3;display:grid;justify-items:center;gap:3px;color:#cceaf0;text-align:center}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-readout b{color:#8ee9fb;font-size:2.15rem;font-weight:600;line-height:1}& #moonAngleSlider.moon-angle-slider .moon-angle-dial-readout small{color:#b8e1e9;font-size:.78rem}}html body.page-phases:is(*,._._._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_#_#_#_#_) > .moon-standalone-card.moon-information-position-card .cycle-slider-label-container:is(*,._){display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:0 0 14px}html body.page-phases:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_#_#_) > .moon-standalone-card.moon-information-position-card{& #moonAngleSlider.moon-angle-slider .moon-angle-chart{width:min(320px, 82vw);margin:0 auto;color:#d7f2f8;text-align:center}& #moonAngleSlider.moon-angle-slider .moon-angle-chart svg{display:block;width:100%;height:auto;overflow:visible}& #moonAngleSlider.moon-angle-slider .moon-angle-sky{fill:rgba(27, 82, 113, .25);stroke:rgba(112, 211, 241, .82);stroke-width:3}& #moonAngleSlider.moon-angle-slider :is(.moon-angle-guide, .moon-angle-horizon-line){fill:none;stroke:rgba(127, 202, 229, .32);stroke-width:1.5}& #moonAngleSlider.moon-angle-slider .moon-angle-horizon-line{stroke:#9ee9f6;stroke-width:2.5}& #moonAngleSlider.moon-angle-slider .moon-angle-current-line{stroke:#85e4f3;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(112, 227, 246, .5))}& #moonAngleSlider.moon-angle-slider .moon-angle-current-dot{fill:#81e6f4;stroke:#ecfdff;stroke-width:3}& #moonAngleSlider.moon-angle-slider .moon-angle-current-label rect{fill:rgba(5, 25, 43, .94);stroke:rgba(145, 224, 243, .76)}& #moonAngleSlider.moon-angle-slider :is(.moon-angle-current-label text, .moon-angle-degree){fill:#dff9fd;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:13px;font-weight:650}& #moonAngleSlider.moon-angle-slider .moon-angle-chart p{margin:0 0 6px;color:#c9eaf0;font-size:.86rem;font-weight:400}& #moonAngleSlider.moon-angle-slider .moon-angle-chart p b{color:#8ee9fb;font-weight:650}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-azimuth{position:absolute;z-index:4;top:92%;left:50%;display:none;gap:1px;min-width:126px;padding:3px 7px;border:1px solid rgba(139, 218, 240, .48);border-radius:7px;background:rgba(5, 26, 46, .9);color:#dff8fc;font-family:Inter, ui-sans-serif, system-ui, sans-serif;line-height:1.05;text-align:center;transform:translate(-50%, -50%)}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-azimuth b{font-size:.68rem;font-weight:600}& #moonPositionClockIcon.moon-basic-position-wheel .moon-basic-azimuth small{color:#8ee9fb;font-size:.76rem;font-weight:650}}html body.page-phases:is(*,._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_) > .moon-standalone-card.moon-information-position-card > .moon-information-item-title:is(*,._),html body.page-phases:is(*,._._._._._) #moonCycleCard:is(*,#_#_#_#_) > .card-head > .card-title:is(*,._),html body.page-phases:is(*,._._._._._) #lunarMonthCard:is(*,#_#_#_#_) > .card-head > .card-title:is(*,._){color:#b9e7f2;-webkit-text-fill-color:#b9e7f2;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:.01em;text-align:center;text-transform:none;margin:12px auto}html body.page-phases:is(*,._._._._) #moonCycleCard:is(*,#_#_#_#_) .moon-cycle-circle-svg .moon-cycle-phase-divider{stroke:rgba(164, 213, 230, .72);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}html body.page-phases:is(*,._._._._) #moonPositionCard:is(*,#_).moon-information-position-card{& #moonPositionLiveGraphs:is(*,#_).moon-position-live-graphs{box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);align-items:start;justify-items:center;gap:18px;width:min(100%, 380px);margin:8px auto 0}& #moonPositionLiveGraphs:is(*,#_) > :is( #moonAngleSlider:is(*,#_#_).moon-angle-slider, #moonDirectionGraph:is(*,#_#_).moon-direction-graph ){box-sizing:border-box;width:100%;min-width:0;margin:0;padding:14px 16px 12px;border:1px solid rgba(116, 196, 222, .42);border-radius:14px;background:linear-gradient(145deg, rgba(13, 39, 57, .92), rgba(8, 27, 43, .96));box-shadow:inset 0 1px 0 rgba(219, 249, 255, .07), 0 8px 20px rgba(0, 0, 0, .2)}& #moonPositionLiveGraphs:is(*,#_) > :is( #moonAngleSlider:is(*,#_#_).moon-angle-slider, #moonDirectionGraph:is(*,#_#_).moon-direction-graph ) > h4{margin:0 auto 8px;color:#b9e7f2;-webkit-text-fill-color:#b9e7f2;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:1.15rem;font-weight:700;line-height:1.2;text-align:center}& #moonAngleSlider:is(*,#_).moon-angle-slider :is(.moon-angle-vertical-line, .moon-angle-guide){fill:none;stroke:rgba(127, 202, 229, .34);stroke-width:1.5}& #moonAngleSlider:is(*,#_).moon-angle-slider .moon-angle-vertical-line{stroke:#9ee9f6;stroke-width:2.5}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-chart:is(*,._){color:#d7f2f8}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-chart svg{display:block;width:100%;height:auto;overflow:visible}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-sky{fill:rgba(27, 82, 113, .22);stroke:rgba(112, 211, 241, .84);stroke-width:3}& #moonDirectionGraph:is(*,#_).moon-direction-graph :is(.moon-direction-guide, .moon-direction-axis, .moon-direction-diagonal, .moon-direction-tick){fill:none;stroke:rgba(127, 202, 229, .26);stroke-width:1.35}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-axis{stroke:rgba(139, 220, 242, .42);stroke-width:1.7}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-tick.is-cardinal{stroke:rgba(184, 239, 250, .72);stroke-width:2.2}& #moonDirectionGraph:is(*,#_).moon-direction-graph :is(.moon-direction-center, .moon-direction-endpoint){fill:#81e6f4;stroke:#ecfdff;stroke-width:3}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-cardinal{fill:#dff9fd;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:17px;font-weight:750}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-north{fill:#ffd789}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-chart p{margin:0 0 6px;color:#c9eaf0;font-size:.86rem;font-weight:400;line-height:1.35}& #moonDirectionGraph:is(*,#_).moon-direction-graph .moon-direction-chart p b{color:#8ee9fb;font-weight:650}& #moonDirectionGraph:is(*,#_).moon-direction-graph.is-below-horizon .moon-direction-pointer{opacity:.7}}@media (max-width: 720px){html body.page-phases:is(*,._._) #moonPositionCard:is(*,#_).moon-information-position-card #moonPositionLiveGraphs:is(*,#_).moon-position-live-graphs{grid-template-columns:minmax(0, 1fr);gap:18px;width:min(100%, 360px)}}html body.page-phases:is(*,._._._._) #moonPositionCard:is(*,#_).moon-information-position-card{& > .moon-position-overview-title:is(*,._){margin:0 auto 12px;color:#e1e6ed;-webkit-text-fill-color:#e1e6ed;font-size:clamp(1.4rem, 2.2vw, 1.85rem);font-weight:680;line-height:1.2;padding:0;text-align:center}& > .moon-position-path-card:is(*,._){display:flex;flex-direction:column;align-items:center;margin:0 auto;border:1px solid rgba(116, 196, 222, .42);border-radius:14px;background:linear-gradient(145deg, rgba(13, 39, 57, .92), rgba(8, 27, 43, .96));box-shadow:inset 0 1px 0 rgba(219, 249, 255, .07), 0 8px 20px rgba(0, 0, 0, .2)}& > .moon-position-path-card:is(*,._) > .moon-position-visibility-bubble:is(*,._){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:fit-content;min-width:154px;min-height:34px;margin:0 auto 10px;padding:6px 14px;border:1px solid rgba(117, 207, 235, .5);border-radius:999px;background:linear-gradient(135deg, rgba(28, 66, 91, .88), rgba(11, 30, 48, .94));box-shadow:0 5px 12px rgba(0, 0, 0, .22);color:#d8edf6;-webkit-text-fill-color:#d8edf6;font-size:clamp(.92rem, 1.45vw, 1rem);line-height:1}& > .moon-position-path-card:is(*,._) > .moon-position-visibility-bubble:is(*,._) > b{color:#91e4ff;-webkit-text-fill-color:#91e4ff;font-weight:700}& > .moon-position-path-card:is(*,._) > .moon-position-title:is(*,._){box-sizing:border-box;display:flex;justify-content:center;width:100%;margin:15px auto;padding:0}& > .moon-position-path-card:is(*,._) > .phase-summary-circle-card.phase-section-circle-card{box-sizing:border-box;margin:0 auto}}html body.page-phases:is(*,._._._._) #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_).moon-information-position-card > .moon-position-legacy-mount:is(*,._){display:none}html body.page-phases:is(*,._._._._) #moonPositionCard:is(*,#_#_).moon-information-position-card{& > .moon-position-path-card:is(*,._),& #moonPositionLiveGraphs:is(*,#_#_) > :is(#moonAngleSlider:is(*,#_#_).moon-angle-slider,#moonDirectionGraph:is(*,#_#_).moon-direction-graph){box-sizing:border-box;width:min(100%, 520px);min-width:0;padding:16px 20px 14px}& > #moonPositionLiveGraphs:is(*,#_#_).moon-position-live-graphs{width:min(100%, 520px)}& > .moon-position-path-card:is(*,._) > .moon-position-path-title:is(*,._),& #moonPositionLiveGraphs:is(*,#_#_) > #moonAngleSlider:is(*,#_#_).moon-angle-slider > h4,& #moonPositionLiveGraphs:is(*,#_#_) > #moonDirectionGraph:is(*,#_#_).moon-direction-graph > h4{margin:0 auto 10px;color:#b9e7f2;-webkit-text-fill-color:#b9e7f2;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:1.2rem;font-weight:650;line-height:1.2;text-align:center}& > .moon-position-path-card:is(*,._) > .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_),& #moonAngleSlider:is(*,#_#_).moon-angle-slider .moon-angle-chart:is(*,._) > p,& #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-chart:is(*,._) > p{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:42px;margin:0 auto 10px;padding:7px 14px;border:1px solid rgba(91, 204, 225, .42);border-radius:999px;background:linear-gradient(135deg, rgba(18, 77, 91, .56), rgba(16, 51, 68, .48));box-shadow:inset 0 1px 0 rgba(214, 249, 255, .07), 0 4px 10px rgba(0, 0, 0, .18);color:#d8f3f8;-webkit-text-fill-color:#d8f3f8;font-size:clamp(.93rem, 1.55vw, 1.02rem);line-height:1.15;text-align:center}& #moonAngleSlider:is(*,#_#_).moon-angle-slider .moon-angle-chart:is(*,._),& #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-chart:is(*,._){box-sizing:border-box;width:min(100%, 460px);margin:0 auto;text-align:center}& > .moon-position-path-card:is(*,._) > .phase-summary-circle-card.phase-section-circle-card{width:min(100%, 460px);max-width:460px}}html body.page-phases:is(*,._._._._) #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_).moon-information-position-card #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel{box-sizing:border-box;width:min(100%, 460px);max-width:460px;height:auto;aspect-ratio:460 / 316}html body.page-phases:is(*,._._._._) #moonPositionCard:is(*,#_#_).moon-information-position-card > .moon-position-path-card:is(*,._){& > .moon-position-visibility-readout:is(*,._){box-sizing:border-box;display:inline-flex;align-items:baseline;justify-content:center;gap:6px;width:fit-content;min-width:0;min-height:0;margin:10px auto 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#c9eaf0;-webkit-text-fill-color:#c9eaf0;font-size:clamp(.92rem, 1.5vw, 1rem);line-height:1.25}& > .moon-position-visibility-readout:is(*,._) > b{color:#8ee9fb;-webkit-text-fill-color:#8ee9fb;font-weight:700}}@media (max-width: 560px){html body.page-phases:is(*,._._) #moonPositionCard:is(*,#_#_).moon-information-position-card > .moon-position-path-card:is(*,._),html body.page-phases:is(*,._._) #moonPositionCard:is(*,#_#_).moon-information-position-card #moonPositionLiveGraphs:is(*,#_#_) > :is( #moonAngleSlider:is(*,#_#_).moon-angle-slider, #moonDirectionGraph:is(*,#_#_).moon-direction-graph ){padding-inline:10px}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_#_#_){& > .card-head .card-title-line:is(*,._) > .title-value-stack:is(*,._){display:flex;align-items:center;justify-content:center;gap:0;width:100%}& #lunarMonthTitle:is(*,#_).card-title{width:auto;margin:12px 0;padding:0;color:#b9e7f2;-webkit-text-fill-color:#b9e7f2;font:700 1.5rem / 1.2 Inter, ui-sans-serif, system-ui, sans-serif;font-synthesis:weight;letter-spacing:.01em;text-align:center}& .moon-phase-clean-summary:is(*,._) > .moon-phase-clean-line:is(*,._){display:block;width:auto;max-width:100%;margin:0 auto;color:#d9f4ff;-webkit-text-fill-color:#d9f4ff;font-size:1.1rem;line-height:1.35;text-align:center}& .moon-current-phase-circle:is(*,._) > .moon-slider-heading:is(*,._){display:grid;justify-items:center;gap:9px;width:100%;text-align:center}& .moon-current-phase-circle:is(*,._) > .moon-slider-heading:is(*,._) > .moon-phase-date-row:is(*,._){box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;width:100%;margin:0 auto;color:#c9e6ee;-webkit-text-fill-color:#c9e6ee;font-size:.94rem;line-height:1.3;text-align:center}& .moon-current-phase-circle:is(*,._) > .moon-slider-heading:is(*,._) > .moon-phase-date-row:is(*,._) > span{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}& .moon-current-phase-circle:is(*,._) > .moon-slider-heading:is(*,._) > .moon-phase-date-row:is(*,._) b{color:#91e4f6;-webkit-text-fill-color:#91e4f6;font-weight:700}& .moon-phase-circle-stage:is(*,._) > .moon-phase-duration-labels:is(*,._){position:absolute;z-index:6;inset:0;display:block;pointer-events:none}& .moon-phase-circle-stage:is(*,._) .moon-phase-duration-label:is(*,._){position:absolute;left:var(--moon-phase-day-x);top:var(--moon-phase-day-y);display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:24px;padding:3px 7px;border:1px solid rgba(126, 203, 229, .44);border-radius:999px;background:rgba(6, 25, 41, .94);box-shadow:0 3px 9px rgba(0, 0, 0, .24);color:#ccecf4;-webkit-text-fill-color:#ccecf4;font-size:clamp(.72rem, 1.25vw, .82rem);font-weight:650;line-height:1;white-space:nowrap;transform:translate(-50%, -50%)}& .moon-phase-circle-stage:is(*,._) .moon-phase-duration-label:is(*,._).is-total{min-width:76px;border-color:rgba(236, 201, 116, .62);background:rgba(55, 42, 19, .94);color:#ffe0a0;-webkit-text-fill-color:#ffe0a0;font-weight:750}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_){& .moon-phase-circle-svg:is(*,._) .moon-phase-inner-fill{fill:url(#moonPhaseInnerGradient);stroke:rgba(113, 189, 219, .34);stroke-width:1.4px;filter:drop-shadow(0 0 16px rgba(48, 134, 184, .2))}& .moon-phase-circle-svg:is(*,._) .moon-phase-day-divider{vector-effect:non-scaling-stroke}& .moon-phase-circle-stage:is(*,._) .moon-phase-duration-label:is(*,._){padding-inline:9px}}@media (max-width: 520px){html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_#_) .moon-current-phase-circle > .moon-slider-heading > .moon-phase-date-row{display:grid;gap:5px}}html body.page-phases:is(*,._._._._._) #lunarMonthCard:is(*,#_#_#_) .moon-phase-circle-svg:is(*,._){& .moon-phase-day-segment{fill:rgba(26, 48, 66, .9);stroke:rgba(168, 211, 229, .44);stroke-width:1.15px}& .moon-phase-day-segment:nth-child(even){fill:rgba(32, 58, 77, .92)}& .moon-phase-day-segment.is-current-day-segment{fill:rgba(41, 76, 99, .96);stroke:rgba(209, 234, 242, .78)}& .moon-phase-day-divider{stroke:rgba(217, 239, 247, .94);stroke-width:1.8px;stroke-linecap:butt;filter:drop-shadow(0 0 2px rgba(2, 10, 17, .95))}& .moon-circle-track{stroke:rgba(45, 84, 109, .82);stroke-width:12px}& .moon-circle-progress{stroke-width:11px;filter:drop-shadow(0 0 8px rgba(85, 174, 230, .42))}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_){& .moon-phase-day-label{fill:#e8f5fa;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:6.6px;font-weight:700;letter-spacing:.01em;paint-order:stroke fill;stroke:rgba(5, 18, 28, .9);stroke-width:1.8px;stroke-linejoin:round;pointer-events:none}& .moon-phase-day-label .moon-phase-day-hours{fill:#a9d7e7;font-size:5px;font-weight:550}& .moon-phase-circle-center:is(*,._){gap:6px;width:120px;min-height:120px;padding:16px 12px}& .moon-phase-circle-center b{max-width:94px;font-size:.88rem}& .moon-live-view{position:relative;display:grid;justify-items:center;margin:8px auto 0;overflow:hidden;border:1px solid rgba(143, 203, 225, .3);box-sizing:border-box;isolation:isolate}}html body.page-phases:is(*,._._._._._) #lunarMonthCard:is(*,#_#_#_){& .moon-live-view:is(*,._).is-before-sunset{background:radial-gradient(circle at 18% 20%, rgba(190, 224, 239, .28) 0 1px, transparent 1.6px), radial-gradient(circle at 82% 28%, rgba(204, 229, 241, .22) 0 1px, transparent 1.5px), radial-gradient(circle at 68% 74%, rgba(193, 221, 236, .18) 0 1px, transparent 1.4px), linear-gradient(180deg, #163d5d 0%, #0d2c47 48%, #071c30 100%)}& .moon-live-view:is(*,._).is-after-sunset{background:radial-gradient(circle at 18% 20%, rgba(232, 244, 250, .54) 0 1px, transparent 1.6px), radial-gradient(circle at 82% 28%, rgba(226, 241, 249, .48) 0 1px, transparent 1.5px), radial-gradient(circle at 68% 74%, rgba(216, 234, 245, .38) 0 1px, transparent 1.4px), linear-gradient(180deg, #020407 0%, #04080d 55%, #000 100%)}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_){& .moon-live-view::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 52%, rgba(130, 187, 219, .14), transparent 43%);pointer-events:none}& .moon-live-view-heading{display:grid;justify-items:center;text-align:center}& .moon-live-view-heading b{font-size:1rem;font-weight:650;letter-spacing:.025em}& .moon-live-view-heading .moon-live-phase-name{color:#d9edf0;font-size:1.08rem;font-weight:650;line-height:1.25}& .moon-live-rendering{display:block;width:min(76vw, 250px);height:auto;overflow:visible}& .moon-live-halo{fill:none;stroke:rgba(196, 225, 235, .2);stroke-width:6px;filter:url(#moonLiveGlow)}& .moon-live-maria{fill:#727a77;opacity:.29;mix-blend-mode:multiply}& .moon-live-maria.is-secondary{fill:#636d6d;opacity:.24}& .moon-live-maria.is-terrain{fill:#7a807b;opacity:.2}& .moon-live-crater{opacity:.42;stroke:rgba(255, 253, 232, .5);stroke-width:1.1px}& .moon-live-crater.is-small{opacity:.34}& .moon-live-crater.is-tiny{opacity:.27}& .moon-live-ray{fill:none;stroke:rgba(247, 242, 218, .24);stroke-width:1.5px;stroke-linecap:round}& .moon-live-terminator{fill:none;stroke:rgba(238, 241, 230, .16);stroke-width:1.1px}& .moon-live-rim{fill:none;stroke:rgba(221, 237, 242, .58);stroke-width:2px;filter:drop-shadow(0 0 6px rgba(171, 216, 233, .32))}& .moon-live-view figcaption{display:grid;justify-items:center;text-align:center}& .moon-live-view figcaption b{color:#eee5c7;font-size:1rem;font-weight:650}& .moon-live-view figcaption span{color:#a9ccd9;font-size:.78rem}}@media (max-width: 520px){html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_#_) .moon-live-view{padding:16px 12px 14px}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_#_) > .card-head{& .moon-phase-current-bubble:is(*,._){display:grid;justify-items:center;gap:8px;width:min(100%, 430px);max-width:430px;min-height:0;padding:9px 18px;line-height:1.2;white-space:normal}& .moon-phase-current-bubble .moon-phase-length{color:#aebfc8;-webkit-text-fill-color:#aebfc8;font-size:.82em;font-weight:500;letter-spacing:.015em}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_) .moon-phase-circle-svg:is(*,._) .moon-phase-day-segment{vector-effect:non-scaling-stroke}@media (max-width: 520px){html body.page-phases:is(*,._._._._._._) #lunarMonthCard:is(*,#_#_#_){& .moon-phase-day-label{font-size:8.1px;stroke-width:2.1px}& .moon-phase-day-label .moon-phase-day-hours{font-size:6.1px}& .moon-phase-circle-center:is(*,._){gap:4px;width:82px;min-height:82px;padding:8px 6px}& .moon-phase-circle-center b{max-width:70px;font-size:.68rem}& .moon-phase-circle-center small{font-size:.59rem}}}html body.page-phases:is(*,._._._._._._) #phaseManualOrderSection:is(*,#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel{& .moon-basic-event-rise:is(*,._){top:50%;left:-5%}& .moon-basic-event-high:is(*,._){top:0;left:50%}& .moon-basic-event-set:is(*,._){top:50%;left:105%}}@media (max-width: 520px){html body.page-phases:is(*,._._._._._._) #phaseManualOrderSection:is(*,#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel{& :is(.moon-basic-event-rise:is(*,._), .moon-basic-event-set:is(*,._)){top:61%;min-width:68px;padding-inline:5px}& .moon-basic-event-rise:is(*,._){left:5%}& .moon-basic-event-set:is(*,._){left:95%}}}html body.page-phases #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_#_#_){& #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel{width:min(410px, 84vw);max-width:410px;height:auto;min-height:300px;aspect-ratio:1}& #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel .moon-basic-path{top:12%;left:12%;width:76%;height:38%;border:3px solid rgba(114, 215, 244, .92);border-bottom:0;border-radius:50% 50% 0 0 / 100% 100% 0 0}& #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel .moon-basic-path-below{top:50%;left:12%;width:76%;height:38%}& #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel .moon-basic-horizon{top:50%;left:8%;width:84%}}@media (max-width: 520px){html body.page-phases #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel{width:min(330px, 88vw);max-width:330px;min-height:280px}}html body.page-phases:is(*,._._._._._) #phaseManualOrderSection:is(*,#_#_#_) > .moon-standalone-card.moon-information-position-card{& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel.is-below-horizon .moon-basic-marker:is(*,._){display:grid}& #moonAngleSlider:is(*,#_).moon-angle-slider .moon-angle-chart:is(*,._) > svg{transform:translateX(-30px);transform-origin:center center}}html body.page-phases:is(*,._._._._._._) #phaseManualOrderSection:is(*,#_#_#_#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel.is-below-horizon .moon-basic-marker:is(*,._).is-below-horizon{left:var(--moon-basic-x);top:var(--moon-basic-y);bottom:auto;display:grid;transform:translate(-50%, -50%)}html body.page-phases:is(*,._._._._._._) #moonPositionCard:is(*,#_#_).moon-information-position-card #moonDirectionGraph:is(*,#_).moon-direction-graph{& .moon-direction-pointer{stroke:#c9fbff;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(174, 247, 255, .92)) drop-shadow(0 0 7px rgba(92, 224, 243, .62))}& #moon-direction-arrowhead path{fill:#d8fdff;filter:drop-shadow(0 0 2px rgba(183, 249, 255, .9))}}html body.page-phases:is(*,._._._._._) #moonPositionCard:is(*,#_).moon-information-position-card :is(#moonDirectionGraph:is(*,#_), #moonAngleSlider:is(*,#_)){& .moon-graph-icon:not(.moon-angle-current-moon){filter:drop-shadow(0 0 2px rgba(255, 244, 190, .92)) drop-shadow(0 0 6px rgba(107, 220, 239, .68))}& .moon-graph-icon-halo{fill:rgba(73, 190, 217, .18);stroke:rgba(221, 252, 255, .78);stroke-width:1.25}& .moon-graph-icon-crater{fill:rgba(89, 106, 113, .38)}}html body.page-phases:is(*,._._._._._) #moonPositionCard:is(*,#_).moon-information-position-card #moonAngleSlider:is(*,#_).moon-angle-slider.is-below-horizon .moon-angle-current-moon{opacity:.74;filter:drop-shadow(0 0 3px rgba(151, 174, 235, .62))}html body.page-phases:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_) > .moon-standalone-card.moon-information-position-card{& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel{aspect-ratio:1}& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel .moon-basic-path-below{position:absolute;z-index:1;top:50%;left:12%;box-sizing:border-box;width:76%;height:38%;border:2px dashed rgba(116, 162, 206, .48);border-top:0;border-radius:0 0 50% 50% / 0 0 100% 100%;background:radial-gradient(ellipse at 50% 0%, rgba(26, 61, 100, .16), rgba(3, 13, 29, .03) 70%);box-shadow:inset 0 -18px 30px rgba(4, 12, 31, .22)}& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel .moon-basic-region{position:absolute;z-index:2;left:50%;color:rgba(190, 232, 244, .82);font:750 .76rem/1 Inter, ui-sans-serif, system-ui, sans-serif;letter-spacing:.16em;text-align:center;transform:translate(-50%, -50%);pointer-events:none}& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel .moon-basic-region-visible{top:36%}& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel .moon-basic-region-below{top:65%;color:rgba(124, 164, 204, .68);font-size:.69rem}}@media (max-width: 520px){html body.page-phases:is(*,._._) #phaseManualOrderSection:is(*,#_) > .moon-standalone-card.moon-information-position-card #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel{width:min(330px, 88vw);height:min(330px, 88vw);min-height:280px}}html body.page-phases #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel{& .moon-basic-event-rise{top:50%;left:-5%}& .moon-basic-event-high{top:0;left:50%}& .moon-basic-event-set{top:50%;left:105%}}@media (max-width: 520px){html body.page-phases #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel{& :is(.moon-basic-event-rise, .moon-basic-event-set){top:61%;min-width:68px;padding-inline:5px}& .moon-basic-event-rise{left:5%}& .moon-basic-event-set{left:95%}}}html body.page-phases #moonPositionCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) #moonPositionClockIcon:is(*,#_#_#_).moon-basic-position-wheel{& .moon-basic-event-rise{transform:translate(calc(-50% + 10px), -50%)}& .moon-basic-event-high{transform:translate(-50%, calc(-50% + 10px))}& .moon-basic-event-set{transform:translate(calc(-50% - 10px), -50%)}}html body.page-phases #moonPositionCard:is(*,#_){& #moonAngleSlider:is(*,#_).moon-angle-slider .moon-angle-current-moon{filter:none}& #moonAngleSlider:is(*,#_).moon-angle-slider .moon-angle-current-moon .moon-graph-icon-disc{stroke:#e7eef0;stroke-width:1.5px;filter:none}& #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel .moon-basic-disc:is(*,._){display:block;width:24px;height:24px;box-sizing:border-box;border:2px solid #eef5f6;border-radius:50%;background:radial-gradient(circle at 34% 30%, #f4efd7 0 18%, #c9c7b8 48%, #77858d 100%);box-shadow:none;color:transparent;font-size:0;text-shadow:none}}html body.page-phases #lunarMonthCard:is(*,#_){& .moon-live-view .moon-live-halo{display:none;filter:none}& .moon-live-view .moon-live-rim{filter:none}& .moon-phase-circle-stage:is(*,._) .moon-phase-duration-label:is(*,._).is-zero{z-index:7;transform:translate(-50%, calc(-50% + 31px))}}html body.page-phases #moonCycleCard:is(*,#_){& .moon-cycle-day-label:is(*,._).is-cycle-origin{flex-direction:column;gap:3px;min-width:64px;padding-block:4px}& .moon-cycle-day-label.is-cycle-origin .moon-cycle-day-label-total{color:#e4f3f7;font-weight:700}& .moon-cycle-day-label.is-cycle-origin .moon-cycle-day-label-zero{color:#9fc8d5}}html body.page-phases:is(*,._._._._) #lunarMonthCard:is(*,#_#_){& .moon-phase-clean-summary:is(*,._) > .moon-phase-metric-bubbles:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:12px;width:min(100%, 430px);margin:2px auto 0}& .moon-phase-metric-bubble:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:8px 14px;min-width:0;min-height:72px;padding:12px 16px;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 8px 18px rgba(0, 0, 0, .16);text-align:center}& .moon-phase-illumination-line:is(*,._){border:1px solid rgba(102, 199, 229, .58)}& .moon-phase-metric-bubble .moon-phase-metric-label{color:inherit;-webkit-text-fill-color:currentColor;font-size:.9rem;font-weight:600;line-height:1.2}& .moon-phase-metric-bubble > b{color:#f8fcff;-webkit-text-fill-color:#f8fcff;font-size:1.08rem;font-weight:750;line-height:1.1;white-space:nowrap}& .moon-phase-illumination-bar:is(*,._){grid-column:1 / -1;display:block;width:100%;height:9px;overflow:hidden;border:1px solid rgba(178, 222, 235, .34);border-radius:999px;background:rgba(3, 17, 29, .78);box-shadow:inset 0 1px 3px rgba(0, 0, 0, .5)}& .moon-phase-illumination-bar:is(*,._) > i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg, #6f8798, #d9edf4 58%, #fffbe3);opacity:1;filter:brightness(var(--moon-illumination-brightness, 1));box-shadow:0 0 12px rgba(242, 251, 255, var(--moon-illumination-glow, .35));transition:width .35s ease, filter .35s ease, box-shadow .35s ease}}@media (max-width: 620px){html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_) .moon-phase-clean-summary > .moon-phase-metric-bubbles{grid-template-columns:minmax(0, 1fr);width:min(100%, 360px)}}html body.page-phases:is(*,._._._._._) #lunarMonthCard:is(*,#_#_#_){& .moon-live-view:is(*,._){width:min(100%, 360px);gap:7px;margin-top:6px;padding:13px 16px 12px;border-color:rgba(91, 128, 150, .28);border-radius:14px;background:radial-gradient(circle at 8% 14%, rgba(194, 214, 225, .62) 0 .8px, transparent 1.35px), radial-gradient(circle at 18% 34%, rgba(165, 191, 207, .46) 0 .7px, transparent 1.2px), radial-gradient(circle at 29% 17%, rgba(218, 226, 230, .54) 0 .9px, transparent 1.45px), radial-gradient(circle at 39% 42%, rgba(158, 185, 202, .38) 0 .7px, transparent 1.2px), radial-gradient(circle at 51% 11%, rgba(201, 216, 225, .5) 0 .8px, transparent 1.35px), radial-gradient(circle at 62% 29%, rgba(170, 198, 214, .42) 0 .7px, transparent 1.2px), radial-gradient(circle at 73% 15%, rgba(221, 228, 231, .56) 0 .9px, transparent 1.45px), radial-gradient(circle at 85% 38%, rgba(165, 193, 209, .45) 0 .75px, transparent 1.25px), radial-gradient(circle at 94% 19%, rgba(205, 220, 227, .54) 0 .8px, transparent 1.35px), radial-gradient(circle at 12% 69%, rgba(154, 183, 201, .38) 0 .7px, transparent 1.2px), radial-gradient(circle at 28% 82%, rgba(208, 221, 227, .48) 0 .8px, transparent 1.35px), radial-gradient(circle at 44% 72%, rgba(157, 187, 204, .38) 0 .7px, transparent 1.2px), radial-gradient(circle at 64% 85%, rgba(211, 222, 228, .48) 0 .8px, transparent 1.35px), radial-gradient(circle at 81% 68%, rgba(160, 189, 205, .4) 0 .7px, transparent 1.2px), radial-gradient(circle at 92% 88%, rgba(215, 225, 230, .5) 0 .85px, transparent 1.4px), var(--moon-live-sky);box-shadow:inset 0 0 34px rgba(0, 0, 0, .66), 0 9px 20px rgba(0, 0, 0, .2)}& .moon-live-view .moon-live-rendering:is(*,._){width:min(66vw, 190px);max-width:190px}& .moon-live-view-heading:is(*,._){gap:2px;color:#899ca9}& .moon-live-view-heading:is(*,._) > b{color:#899ca9;-webkit-text-fill-color:#899ca9;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.08em;line-height:1.15;text-transform:uppercase}& .moon-live-view-heading > .moon-live-phase-name:is(*,._){color:#b3a77f;-webkit-text-fill-color:#b3a77f;font-family:Georgia, "Times New Roman", serif;font-size:1.04rem;font-style:normal;font-weight:500;letter-spacing:.01em;line-height:1.2}& .moon-live-view figcaption{gap:2px;color:#80929e}& .moon-live-view figcaption > b{color:#9d9984;-webkit-text-fill-color:#9d9984;font-size:.88rem;font-weight:550}& .moon-live-view figcaption > span{color:#748995;-webkit-text-fill-color:#748995;font-size:.73rem}}@media (max-width: 520px){html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_){& .moon-live-view:is(*,._){width:min(100%, 330px)}& .moon-live-view .moon-live-rendering:is(*,._){width:min(60vw, 170px)}}}html body.page-phases #moonPositionCard:is(*,#_#_#_) #moonPositionClockIcon:is(*,#_).moon-basic-position-wheel{margin-top:30px}html body.page-phases #moonPositionCard:is(*,#_#_#_#_){display:contents}html body.page-phases #moonPositionCard:is(*,#_#_#_#_){& > .moon-position-overview-title{display:none}& > #moonPositionLiveGraphs:is(*,#_#_#_#_){display:contents}& > .moon-position-path-card:is(*,._),& #moonPositionLiveGraphs:is(*,#_#_#_#_) > :is(#moonAngleSlider:is(*,#_#_#_#_).moon-angle-slider,#moonDirectionGraph:is(*,#_#_#_#_).moon-direction-graph){box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:24px;border:1px solid rgba(176, 218, 238, .23);border-radius:18px;background:radial-gradient(circle at 50% -14%, rgba(255, 255, 255, .05), transparent 36%), linear-gradient(135deg, #1b3244 0%, #172b3f 52%, #122536 100%);box-shadow:0 20px 44px rgba(2, 6, 14, .28)}& > .moon-position-path-card:is(*,._){display:flex;flex-direction:column;align-items:center}& #moonPositionLiveGraphs:is(*,#_#_#_#_) > :is( #moonAngleSlider:is(*,#_#_#_#_).moon-angle-slider, #moonDirectionGraph:is(*,#_#_#_#_).moon-direction-graph ) > h4,& > .moon-position-path-card:is(*,._) > .moon-position-path-title:is(*,._){margin:0 auto 14px;color:#e1e6ed;-webkit-text-fill-color:#e1e6ed;font-size:clamp(1.4rem, 2.2vw, 1.85rem);font-weight:680;line-height:1.2;text-align:center}& #moonPositionLiveGraphs:is(*,#_#_#_#_) > #moonAngleSlider:is(*,#_#_#_#_).moon-angle-slider .moon-angle-chart:is(*,._),& #moonPositionLiveGraphs:is(*,#_#_#_#_) > #moonDirectionGraph:is(*,#_#_#_#_).moon-direction-graph .moon-direction-chart:is(*,._){width:min(100%, 460px);margin-inline:auto}}@media (max-width: 560px){html body.page-phases #moonPositionCard:is(*,#_#_) > .moon-position-path-card:is(*,._),html body.page-phases #moonPositionCard:is(*,#_#_) #moonPositionLiveGraphs:is(*,#_#_) > :is( #moonAngleSlider:is(*,#_#_).moon-angle-slider, #moonDirectionGraph:is(*,#_#_).moon-direction-graph ){padding:20px 12px}}html body.page-phases:is(*,._._) #moonPositionCard:is(*,#_#_#_#_) #moonPositionLiveGraphs:is(*,#_#_#_#_) > #moonDirectionGraph:is(*,#_#_#_#_).moon-direction-graph{border-color:rgba(105, 196, 188, .34);background:radial-gradient(circle at 50% 48%, rgba(61, 151, 150, .20), transparent 38%), radial-gradient(circle at 50% -12%, rgba(111, 196, 184, .11), transparent 36%), linear-gradient(145deg, #123337 0%, #0d292f 52%, #081c25 100%);box-shadow:inset 0 1px 0 rgba(220, 255, 248, .08), 0 20px 44px rgba(2, 12, 17, .32)}html body.page-phases:is(*,._._) #moonPositionCard:is(*,#_#_) #moonDirectionGraph:is(*,#_#_).moon-direction-graph{& .moon-direction-orbit{fill:none;stroke:rgba(176, 204, 244, .3);stroke-width:1.2px;stroke-dasharray:2.5 5}& .moon-direction-endpoint-halo{fill:rgba(132, 186, 244, .2);stroke:rgba(209, 234, 255, .5);stroke-width:1.2px}& .moon-direction-tick.is-cardinal{stroke:rgba(205, 226, 252, .76)}}html body.page-phases:is(*,._._._) #moonPositionCard:is(*,#_#_){& #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-endpoint-moon:is(*,._){filter:none}& #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-endpoint-halo{display:none;filter:none}& #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-endpoint-highlight{fill:rgba(224, 229, 226, .34);filter:none}& #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel .moon-basic-marker:is(*,._),& #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel .moon-basic-marker:is(*,._).is-below-horizon{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;box-shadow:none;filter:none}& #moonPositionClockIcon:is(*,#_#_).moon-basic-position-wheel .moon-basic-marker .moon-basic-disc:is(*,._){display:block;width:27px;height:27px;box-sizing:border-box;border:2px solid #eef4f5;border-radius:50%;background:radial-gradient(circle at 35% 30%, #f7f5e7 0 22%, #d7d4c7 48%, #9da5a8 100%);box-shadow:none;color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;text-shadow:none;filter:none}}html body.page-phases:is(*,._._._._._._._) #lunarMonthCard:is(*,#_#_#_#_) .moon-phase-circle-svg:is(*,._) .moon-circle-dot:is(*,._),html body.page-phases:is(*,._._._._._._._) #moonCycleCard:is(*,#_#_#_#_) .moon-cycle-circle-svg:is(*,._) .moon-circle-dot:is(*,._),html body.page-phases:is(*,._._._._._._._) #moonPositionCard:is(*,#_#_#_#_) #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-endpoint:is(*,._){fill:#8f9a9c;stroke:#b9efff;stroke-width:2.6px;filter:none}html body.page-phases:is(*,._._._) #moonPositionCard:is(*,#_#_) #moonDirectionGraph:is(*,#_#_).moon-direction-graph .moon-direction-endpoint-highlight{display:none}html body.page-phases:is(*,._._) #moonInformationGuideCard:is(*,#_).moon-information-guide-card{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:0;margin:0;padding:clamp(24px, 3.2vw, 38px);gap:24px;border:1px solid rgba(118, 185, 207, .3);border-radius:20px;background:radial-gradient(circle at 14% -8%, rgba(81, 175, 196, .17), transparent 34%), radial-gradient(circle at 92% 5%, rgba(230, 208, 139, .1), transparent 28%), linear-gradient(145deg, #142f3f 0%, #10283a 50%, #0c2232 100%);box-shadow:inset 0 1px 0 rgba(225, 249, 255, .07), 0 20px 44px rgba(2, 8, 17, .28);color:#d8e7ed}html body.page-phases:is(*,._) #moonInformationGuideCard:is(*,#_){& > .moon-information-guide-head{display:grid;justify-items:center;gap:10px;text-align:center}& > .moon-information-guide-head > h4{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0;color:#c8edf3;-webkit-text-fill-color:#c8edf3;font-size:clamp(1.5rem, 2.5vw, 2rem);font-weight:700;line-height:1.15}& > .moon-information-guide-head > p{max-width:820px;margin:0;color:#b9ccd4;-webkit-text-fill-color:#b9ccd4;font-size:1rem;line-height:1.65}& > .moon-information-facts{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px}& > .moon-information-facts > div{display:grid;align-content:center;justify-items:center;min-height:112px;padding:15px 12px;gap:6px;border:1px solid rgba(112, 190, 204, .25);border-radius:15px;background:rgba(7, 25, 38, .48);text-align:center}& > .moon-information-facts strong{color:#f3dfa0;-webkit-text-fill-color:#f3dfa0;font-size:clamp(1.4rem, 2.4vw, 1.9rem);font-weight:760;line-height:1}& > .moon-information-facts span{color:#b9ccd4;-webkit-text-fill-color:#b9ccd4;font-size:.83rem;line-height:1.35}& > .moon-information-topics{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}& > .moon-information-topics > article{padding:20px;border:1px solid rgba(119, 167, 190, .22);border-radius:16px;background:rgba(8, 23, 36, .38)}& h5{margin:0 0 10px;color:#8edce0;-webkit-text-fill-color:#8edce0;font-size:1.02rem;font-weight:700;line-height:1.3}& > .moon-information-topics p{margin:0;color:#c4d2d8;-webkit-text-fill-color:#c4d2d8;font-size:.91rem;line-height:1.62}& > .moon-information-topics p + p{margin-top:10px}& b{color:#ecdda8;-webkit-text-fill-color:#ecdda8;font-weight:700}& > .moon-information-phase-sequence{padding:20px;border:1px solid rgba(222, 199, 125, .24);border-radius:16px;background:rgba(8, 23, 36, .42)}& > .moon-information-phase-sequence > h5{color:#efd995;-webkit-text-fill-color:#efd995;text-align:center}& > .moon-information-phase-sequence > ol{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));margin:16px 0 12px;padding:0;gap:9px;list-style:none}& > .moon-information-phase-sequence li{display:flex;align-items:center;min-width:0;padding:9px 10px;gap:8px;border-radius:11px;background:rgba(31, 65, 80, .56);color:#dbe8ec;-webkit-text-fill-color:#dbe8ec;font-size:.8rem;line-height:1.3}& > .moon-information-phase-sequence li > span{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border:1px solid rgba(255, 235, 171, .5);border-radius:50%;background:#53666b;color:#fff0b8;-webkit-text-fill-color:#fff0b8;font-size:.72rem;font-weight:750}& > .moon-information-phase-sequence > p{margin:0;color:#aebfc6;-webkit-text-fill-color:#aebfc6;font-size:.84rem;line-height:1.5;text-align:center}}@media (max-width: 760px){html body.page-phases:is(*,._) #moonInformationGuideCard:is(*,#_){& > :is(.moon-information-facts,.moon-information-topics){grid-template-columns:repeat(2, minmax(0, 1fr))}& > .moon-information-phase-sequence > ol{grid-template-columns:repeat(2, minmax(0, 1fr))}}}@media (max-width: 520px){html body.page-phases:is(*,._._) #moonInformationGuideCard:is(*,#_).moon-information-guide-card{padding:22px 14px;gap:18px}html body.page-phases:is(*,._) #moonInformationGuideCard:is(*,#_){& > :is(.moon-information-facts,.moon-information-topics){grid-template-columns:1fr}& > .moon-information-facts > div{min-height:92px}& > .moon-information-phase-sequence{padding:16px 12px}}}html body.page-phases:is(*,._._._._._._._) #moonPositionCard:is(*,#_#_#_){& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-pointer:is(*,._){stroke-linecap:round}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph{box-sizing:border-box;width:min(100%, 420px);max-width:420px;padding:12px 14px 14px;border-color:rgba(105, 154, 165, .52);border-radius:14px;background:#142b35;box-shadow:inset 0 1px 0 rgba(215, 244, 246, .06), 0 8px 20px rgba(1, 12, 17, .22)}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph > h4{margin-bottom:7px;color:#b9d9df;-webkit-text-fill-color:#b9d9df;font-size:1.06rem}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-chart:is(*,._){width:min(100%, 320px);margin-inline:auto}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-chart:is(*,._) > p{min-height:34px;margin-bottom:6px;padding:5px 11px;border-color:rgba(93, 159, 169, .48);background:#1d3b45;box-shadow:none;color:#c5dde1;-webkit-text-fill-color:#c5dde1;font-size:.84rem}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-chart:is(*,._) > p b{color:#7dd6da;-webkit-text-fill-color:#7dd6da}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-chart:is(*,._) > svg{width:min(100%, 285px);margin-inline:auto}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-sky:is(*,._){fill:#203e49;stroke:#6799a4;stroke-width:2px;filter:none}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph :is(.moon-direction-guide, .moon-direction-axis, .moon-direction-diagonal, .moon-direction-tick){stroke:rgba(156, 190, 197, .31)}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-pointer:is(*,._){stroke:#79d6d4;stroke-width:3px;filter:none}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph #moon-direction-arrowhead:is(*,#_) path{fill:#79d6d4;filter:none}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-cardinal{font-size:15px}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-cardinal.moon-direction-north{fill:#80cfff}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-cardinal.moon-direction-east{fill:#65ddc8}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-cardinal.moon-direction-south{fill:#b8c5cf}& #moonDirectionGraph:is(*,#_#_#_).moon-direction-graph .moon-direction-cardinal.moon-direction-west{fill:#a7aff4}}html body.page-phases:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_) #phaseSummaryCalendarIcon:is(*,#_#_).planet-saturn::before{transform-origin:center}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-icon, #phaseOrderDayNames .alternate-week-planet-image-row .planet-icon ){background-color:transparent;background-image:var(--flat-weekday-planet-surface);background-position:center;background-repeat:no-repeat;background-size:100% 100%;border:2px solid rgba(226, 235, 239, .72);border-radius:50%;box-shadow:none;box-sizing:border-box;filter:none}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-icon, #phaseOrderDayNames .alternate-week-planet-image-row .planet-icon )::after{content:none;display:none}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-sun, #phaseOrderDayNames .alternate-week-planet-image-row .planet-sun ){border-color:rgba(246, 218, 145, .78)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-mars, #phaseOrderDayNames .alternate-week-planet-image-row .planet-mars ){border-color:rgba(230, 149, 118, .78)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-jupiter, #phaseOrderDayNames .alternate-week-planet-image-row .planet-jupiter ){border-color:rgba(230, 207, 171, .78)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-venus, #phaseOrderDayNames .alternate-week-planet-image-row .planet-venus ){border-color:rgba(231, 202, 145, .78)}html body.page-phases :is( #phaseSummaryCalendarIcon.planet-saturn, #phaseOrderDayNames .alternate-week-planet-image-row .planet-saturn ){border-color:rgba(235, 215, 169, .82);box-shadow:none}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_) #phaseSummaryCalendarIcon:is(*,#_#_#_#_#_#_#_#_#_).planet-icon,html body.page-phases:is(*,._._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row .planet-icon:is(*,._){background-color:transparent;background-image:var(--flat-weekday-planet-surface);background-position:center;background-repeat:no-repeat;background-size:100% 100%;border:2px solid rgba(226, 235, 239, .72);border-radius:50%;box-shadow:none;filter:none}html body.page-phases:is(*,._._._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_#_#_#_#_#_#_#_){& #periodScale:is(*,#_#_#_#_#_#_#_#_#_).period-circle-scale{width:min(60vw, 470px);height:min(60vw, 470px)}& #periodScaleMount:is(*,#_#_#_#_).weather-period-scale{min-height:620px}& #periodScale:is(*,#_#_#_#_#_#_#_#_#_).period-circle-scale .period-circle-phase-label{--period-phase-radius: min(23.15vw, 182px)}& #periodScale:is(*,#_#_#_#_#_#_#_#_#_).period-circle-scale .period-circle-time-label{--period-time-radius: min(32.55vw, 256px)}& #periodScale:is(*,#_#_#_#_#_#_#_#_#_).period-circle-scale #periodDayMarker:is(*,#_#_).period-circle-marker{--period-marker-radius: min(17.5vw, 138px)}}html body.page-phases:is(*,._._._._._._._._._) #seasonalSunPositionCard:is(*,#_#_#_#_#_#_#_#_#_){& #seasonalCurrentSunAngleSection:is(*,#_#_#_#_#_#_#_#_#_) .seasonal-sun-angle-clock-face:is(*,._._._){width:min(84%, 540px);max-width:540px}& #seasonalSunPositionBoundaryTiming:is(*,#_) .sun-boundary-timing-row{background:linear-gradient(135deg, rgba(43, 49, 56, .96), rgba(72, 79, 87, .92));border:1px solid rgba(165, 175, 185, .66);border-radius:0;color:#d0d4d8;text-shadow:none}& #seasonalSunPositionBoundaryTiming:is(*,#_) .sun-boundary-timing-row.is-sunrise-timing{transform:translateX(50px)}& #seasonalSunPositionBoundaryTiming:is(*,#_) .sun-boundary-timing-row.is-sunset-timing{transform:translateX(-50px)}}html body.page-phases:is(*,._._._._._._._._._) #seasonalSunAzimuthCard:is(*,#_#_#_#_#_#_#_#_#_) .seasonal-horizon-graph-head > .seasonal-sun-azimuth-overview-bubble:is(*,._){width:min(100%, 360px);max-width:360px}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){display:grid;grid-template-columns:minmax(0, 1fr);margin:12px 0 4px}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){& .phase-summary-grid.phase-summary-ordered-grid{display:grid;grid-auto-flow:row;align-items:stretch;width:100%;overflow:visible}& .phase-summary-row.phase-summary-row-one{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:100%;overflow:visible}& .phase-summary-row:not(.phase-summary-row-one){display:contents}& :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature){width:auto;min-width:0;max-width:none;height:auto;min-height:92px;max-height:none;margin:0;padding:9px 6px;overflow:hidden}}html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){height:auto;min-height:0;max-height:none;grid-template-rows:auto auto}html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){& .phase-summary-grid:is(*,._).phase-summary-ordered-grid{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:auto;height:auto;min-height:0;max-height:none}& .phase-summary-row:is(*,._).phase-summary-row-one{grid-column:1 / -1;height:auto;min-height:112px;max-height:none}& .phase-summary-grid:is(*,._._) .phase-summary-row:is(*,._):not(.phase-summary-day-row) :is(.phase-summary-tile, .phase-summary-feature){width:auto;min-width:0;max-width:none;height:auto;min-height:92px;max-height:none;padding:9px 6px;overflow:hidden}}}@media (max-width: 760px){html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature){grid-column:auto;grid-row:auto}}@media (min-width: 601px) and (max-width: 760px){html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;height:auto;min-height:0;max-height:none;margin:12px 0 4px;padding:14px;border:1px solid rgba(92, 190, 224, .48);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(138, 220, 239, .06), 0 14px 34px rgba(0, 0, 0, .18);overflow:hidden}html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){& .phase-summary-grid:is(*,._).phase-summary-ordered-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-rows:minmax(103px, auto);align-items:stretch;width:100%;height:auto;min-height:0;max-height:none;gap:10px;overflow:visible}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid > .phase-summary-row:is(*,._){display:contents}& .phase-summary-day-tile:is(*,._){grid-column:1 / -1;justify-self:center;width:290px;height:112px;min-height:112px;max-height:112px;margin:0 0 2px}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature){width:auto;min-width:0;max-width:none;height:auto;min-height:103px;max-height:none;margin:0;padding:9px 6px;grid-column:auto;grid-row:auto;grid-template-areas:"icon" "label" "value" "detail";grid-template-columns:minmax(0, 1fr);grid-template-rows:34px auto auto auto;justify-items:center;align-content:center;align-items:center;column-gap:0;row-gap:1px;text-align:center;overflow:hidden}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature) > *{grid-column:1;justify-self:center}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature) > .phase-summary-icon{grid-area:icon}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature) > :is(span:not(.phase-summary-icon), .phase-summary-label){grid-area:label}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature) > strong{grid-area:value}& .phase-summary-grid:is(*,._).phase-summary-ordered-grid :is(.phase-summary-tile:not(.phase-summary-day-tile), .phase-summary-feature) > :is(em, small){grid-area:detail}}}@media (max-width: 600px){html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){margin-bottom:4px;padding:14px 10px 12px;border:1px solid rgba(92, 190, 224, .5);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(138, 220, 239, .07), 0 12px 30px rgba(0, 0, 0, .18);overflow:hidden}html body.page-phases:is(*,._._._._._._._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){& .phase-summary-grid:is(*,._).phase-summary-ordered-grid{gap:8px}& .phase-summary-row:is(*,._).phase-summary-row-one{margin:0}& .phase-summary-day-tile:is(*,._){justify-self:center;margin-inline:auto}}}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){overflow:visible;padding-bottom:14px}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){display:grid;align-items:center;gap:8px 10px;min-height:0;box-sizing:border-box}& .phase-overview-location:is(*,._) > label{grid-column:1;display:block;margin:0;padding:0;font-size:.78rem;line-height:1;white-space:nowrap}& .phase-overview-location-row:is(*,._){display:contents}& #phaseOverviewLocationInput:is(*,#_){min-width:0;padding-block:0}& #phaseOverviewLocationButton:is(*,#_){width:auto;white-space:nowrap}& .phase-overview-location-status:is(*,._){position:absolute;top:calc(100% + 3px);right:10px;left:auto;display:block;min-height:0;margin:0;padding:0;line-height:1.15;text-align:right;white-space:nowrap}& .phase-overview-location-status:is(*,._):empty{display:none}& .phase-overview-location-choices:is(*,._){right:10px;bottom:48px;left:112px}}@media (max-width: 680px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){width:100%;margin-top:10px;padding:7px 8px}& #phaseOverviewLocationButton:is(*,#_){width:auto;padding-inline:10px}& .phase-overview-location-choices:is(*,._){right:8px;left:8px}}}@media (min-width: 761px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_) .phase-summary-grid:is(*,._).phase-summary-ordered-grid{overflow:visible}html body.page-phases:is(*,._._._._._._._._._._._._._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){height:auto;min-height:590px;max-height:none;overflow:visible;padding-bottom:14px}html body.page-phases:is(*,._._._._._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_) .phase-overview-location:is(*,._){height:auto;min-height:52px;align-self:start}}html body.page-phases:is(*,._._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row{& .planet-icon:is(*,._):is(.planet-moon, .planet-mars, .planet-mercury, .planet-jupiter, .planet-venus, .planet-saturn, .planet-sun){background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:50%;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(1, 12, 22, .42))}& .planet-icon:is(*,._).planet-moon{background-image:url("../../phases/assets/planets/moon-realistic-v2.png?v=69b9ce90dba9")}& .planet-icon:is(*,._).planet-mars{background-image:url("../../phases/assets/planets/mars-realistic-v2.webp?v=adad401e94be")}& .planet-icon:is(*,._).planet-mercury{background-image:url("../../phases/assets/planets/mercury-realistic-v2.webp?v=27dc59f59136")}& .planet-icon:is(*,._).planet-jupiter{background-image:url("../../phases/assets/planets/jupiter-realistic-v2.webp?v=6846fd96e6e2")}& .planet-icon:is(*,._).planet-venus{background-image:url("../../phases/assets/planets/venus-realistic-v2.webp?v=6e7d62d5ed17")}& .planet-icon:is(*,._).planet-sun{background-image:url("../../phases/assets/planets/sun-realistic-v2.png?v=ee681673ffcf")}& .planet-icon:is(*,._):is(.planet-moon, .planet-mars, .planet-mercury, .planet-jupiter, .planet-venus, .planet-saturn, .planet-sun)::before,& .planet-icon:is(*,._):is(.planet-moon, .planet-mars, .planet-mercury, .planet-jupiter, .planet-venus, .planet-saturn, .planet-sun)::after{content:none;display:none}}html body.page-phases:is(*,._._._._._._._) #phaseOrderGregorianCalendar:is(*,#_#_) #gregorianYearCard:is(*,#_#_) #gregorianYearCircleSlider:is(*,#_).calendar-circle-slider{box-sizing:border-box;height:min(calc(88vw + 40px), 500px);min-height:min(calc(88vw + 40px), 500px);max-height:min(calc(88vw + 40px), 500px);transform:translateY(-90px);margin-bottom:-32px}html body.page-phases:is(*,._._._._._._._) #phaseOrderSeason:is(*,#_#_) #seasonCard:is(*,#_#_) #seasonCircleSlider:is(*,#_).calendar-circle-slider{transform:translateY(-20px);margin-bottom:38px}html body.page-phases:is(*,._._._._._._._) #phaseOrderGregorianCalendar:is(*,#_#_) #gregorianYearCard:is(*,#_#_){& > .calendar-basis-note-card-bottom:is(*,._){display:block;box-sizing:border-box;width:min(92%, 820px);margin:18px auto 0;padding:12px 16px;border:0;border-top:1px solid rgba(137, 213, 232, .32);background:transparent;box-shadow:none;color:#b8d9e5;font-size:.98rem;font-weight:400;line-height:1.45;text-align:center}& > .calendar-basis-note-card-bottom:is(*,._) p{margin:0}}html body.page-phases:is(*,._._._._._._._) #phaseOrderSeason:is(*,#_#_) #seasonCard:is(*,#_#_){& > .season-calendar-basis-note.calendar-basis-note-card-bottom{display:block;box-sizing:border-box;width:min(92%, 820px);margin:18px auto 0;padding:12px 16px;border:0;border-top:1px solid rgba(137, 213, 232, .32);background:transparent;box-shadow:none;color:#b8d9e5;font-size:.98rem;font-weight:400;line-height:1.45;text-align:center}& > .season-calendar-basis-note.calendar-basis-note-card-bottom p{margin:0}}html body.page-phases:is(*,._._._._._._._) #phaseOrderZodiacCalendar:is(*,#_#_) #zodiacCard:is(*,#_#_){& > .zodiac-calendar-basis-note.calendar-basis-note-card-bottom{display:block;box-sizing:border-box;width:min(92%, 820px);margin:18px auto 0;padding:12px 16px;border:0;border-top:1px solid rgba(137, 213, 232, .32);background:transparent;box-shadow:none;color:#b8d9e5;font-size:.98rem;font-weight:400;line-height:1.45;text-align:center}& > .zodiac-calendar-basis-note.calendar-basis-note-card-bottom p{margin:0}}html body.page-phases:is(*,._._._._._._._) #phaseOrderLunarYearCalendar:is(*,#_#_) #lunarYearCard:is(*,#_#_){& > .lunar-year-calendar-basis-note.calendar-basis-note-card-bottom{display:block;box-sizing:border-box;width:min(92%, 820px);margin:18px auto 0;padding:12px 16px;border:0;border-top:1px solid rgba(137, 213, 232, .32);background:transparent;box-shadow:none;color:#b8d9e5;font-size:.98rem;font-weight:400;line-height:1.45;text-align:center}& > .lunar-year-calendar-basis-note.calendar-basis-note-card-bottom p{margin:0}}html body.page-phases:is(*,._._._._._._._) #phaseOrderThirteenCalendar:is(*,#_#_) #thirteenCard:is(*,#_#_){& > .thirteen-calendar-basis-note.calendar-basis-note-card-bottom{display:block;box-sizing:border-box;width:min(92%, 820px);margin:18px auto 0;padding:12px 16px;border:0;border-top:1px solid rgba(137, 213, 232, .32);background:transparent;box-shadow:none;color:#b8d9e5;font-size:.98rem;font-weight:400;line-height:1.45;text-align:center}& > .thirteen-calendar-basis-note.calendar-basis-note-card-bottom p{margin:0}}@media (min-width: 761px){html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_){grid-template-rows:116px auto}html body.page-phases:is(*,._._._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_) .phase-summary-head:is(*,._){height:116px;min-height:116px}}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){padding-top:24px}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) .phase-summary-row-one.phase-summary-day-row{height:160px;min-height:160px;max-height:160px;grid-template-rows:160px;grid-auto-rows:160px}@media (min-width: 761px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){grid-template-rows:auto;grid-auto-rows:auto}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) .phase-summary-grid:is(*,._).phase-summary-ordered-grid{height:auto;min-height:0;max-height:none;grid-template-rows:auto auto auto auto auto}}html body.page-phases:is(*,._._._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_#_) .alternate-week-planet-image-row{& .planet-icon:is(*,._).planet-saturn{position:relative;overflow:visible;isolation:isolate;background-image:none;border-radius:0;filter:none}& .planet-icon:is(*,._).planet-saturn::before{content:"";display:block;position:absolute;left:50%;top:50%;width:98px;height:98px;background:transparent url("../../phases/assets/planets/saturn-realistic-v2.png?v=f66772a452d0") center / contain no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(1, 12, 22, .42));clip-path:none;transform:translate(-50%, -50%);transform-origin:center;pointer-events:none;z-index:1}& .planet-icon:is(*,._).planet-saturn::after{content:none;display:none}}html body.page-phases:is(*,._) :is( .progress-fill, .natural-circle-center-progress-fill ){border-radius:0}html body.page-phases:is(*,._) svg :is( .week-wheel-progress, .calendar-circle-progress, .moon-circle-progress, .zodiac-inner-progress-fill ){stroke-linecap:butt}html body.page-phases:is(*,._._._._) :is( #gregorianYearCircleProgress:is(*,#_), #seasonCircleProgress:is(*,#_) ){stroke-linecap:butt}html body.page-phases:is(*,._._._._) :is( #lunarMonthCard:is(*,#_#_), #moonCycleCard:is(*,#_#_) ) .moon-circle-progress:is(*,._){stroke-linecap:butt}html body.page-phases:is(*,._._._._._._._._._._._) #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) .zodiac-inner-progress-fill:is(*,._){stroke-linecap:butt}html body.page-phases:is(*,._._._._._) :is( #lunarYearCircularSlider:is(*,#_#_), #thirteenCircularSlider:is(*,#_#_) ) .natural-circle-center-progress-fill:is(*,._){border-radius:0}html body.page-phases:is(*,._._._) #phaseOrderJulianCalendar:is(*,#_) > .phase-order-title:is(*,._),html body.page-phases:is(*,._._._) #julianYearCard:is(*,#_) .card-title:is(*,._){color:#84dbff;-webkit-text-fill-color:#84dbff;font-family:Inter, ui-sans-serif, system-ui, sans-serif;text-align:center}html body.page-phases:is(*,._._._) #phaseOrderJulianCalendar:is(*,#_){& > .julian-calendar-standard-note:is(*,._){display:block;margin:6px auto 12px;color:#9fb9c7;-webkit-text-fill-color:#9fb9c7;font-size:.92rem;font-style:normal;font-weight:500;line-height:1.2;text-align:center}& > .julian-header-summary:is(*,._){display:grid;justify-items:center;gap:15px;width:min(100%, 620px);margin:4px auto 18px;padding:0;text-align:center}& .julian-header-summary > .calendar-current-bubble{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(92%, 390px);min-width:330px;max-width:calc(100% - 24px);margin:0 auto;padding:7px 24px;border:1px solid rgba(121, 207, 226, .5);border-radius:999px;background:linear-gradient(135deg, rgba(24, 69, 91, .9), rgba(10, 37, 55, .94));color:#d5f4fa;font-size:1.08rem;font-weight:400;text-align:center;white-space:nowrap}& .julian-header-summary > .calendar-visible-summary{display:grid;justify-items:center;gap:7px;width:min(100%, 430px);margin:0 auto;color:#c9e3eb;font-size:1.02rem;line-height:1.25;text-align:center}}html body.page-phases #phaseOrderJulianCalendar .calendar-visible-summary{& > :is(span,em){display:block;margin:0;text-align:center}& > em{margin-top:3px;color:#b7d6df}}html body.page-phases:is(*,._._._._) #julianYearCard:is(*,#_#_){& > .slider-gap{height:6px;min-height:6px}& .calendar-circle-slider:is(*,._){display:grid;place-items:center;width:min(100%, 660px);max-width:660px;margin-left:auto;margin-right:auto;overflow:visible}& .calendar-circle-stage:is(*,._){position:relative;display:grid;place-items:center;width:min(94vw, 620px);height:min(94vw, 620px);border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(6, 18, 31, .98) 0 37%, transparent 38%), conic-gradient(from -90deg, var(--calendar-ring-gradient));box-shadow:inset 0 0 0 1px rgba(143, 226, 245, .24), inset 0 0 32px rgba(0, 0, 0, .28), 0 18px 42px rgba(0, 0, 0, .28);overflow:visible}}html body.page-phases #julianYearCard{& .calendar-circle-stage::before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient(from -90deg, transparent 0 var(--calendar-current-start), rgba(198, 247, 255, .34) var(--calendar-current-start) var(--calendar-current-end), transparent var(--calendar-current-end) 360deg);-webkit-mask:radial-gradient(circle, transparent 0 37%, #000 38% 94%, transparent 95%);mask:radial-gradient(circle, transparent 0 37%, #000 38% 94%, transparent 95%)}& .calendar-circle-svg:is(*,._){position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;overflow:visible}& .calendar-circle-segment-divider{stroke:rgba(192, 239, 249, .7);stroke-width:1.25px;vector-effect:non-scaling-stroke}& .calendar-circle-outline{fill:none;stroke:rgba(116, 174, 194, .62);stroke-width:1.5px;vector-effect:non-scaling-stroke}& .calendar-circle-progress{fill:none;stroke-width:9px;stroke-linecap:round;transform:rotate(-90deg);transform-origin:130px 130px;filter:drop-shadow(0 0 8px rgba(118, 239, 255, .44))}& .calendar-circle-inner{fill:rgba(5, 18, 30, .92);stroke:rgba(130, 221, 239, .28);stroke-width:1.5px}& .calendar-circle-ring-label:is(*,._){display:block;fill:#c9f1fa;stroke:none;stroke-width:0;paint-order:normal;font-size:5.6px;font-weight:400;letter-spacing:0}& .calendar-circle-ring-label-line-0{fill:#e3fbff;font-size:6.25px;font-weight:600}& .calendar-circle-ring-label :is(.calendar-circle-ring-label-line-2, .calendar-circle-ring-label-line-3){fill:#9ed8e8;font-size:5.25px}& .calendar-circle-center{display:none}& .calendar-circle-marker-svg{display:block;fill:#c9fbff;stroke:#0d3d52;stroke-width:2.4px;transform:rotate(var(--calendar-deg));transform-origin:130px 130px;filter:drop-shadow(0 0 5px rgba(132, 240, 255, .92))}}html body.page-phases:is(*,._._._) #julianYearCard:is(*,#_) > :is(.card-pie-meter, .card-hourglass-meter, .card-head, .work-status){display:none}html body.page-phases:is(*,._._._) #gregorianYearCard:is(*,#_) > .julian-calendar-panel{box-sizing:border-box;width:min(92%, 880px);margin:20px auto 4px;padding:18px 20px 20px;border:1px solid rgba(123, 190, 209, .3);border-radius:15px;background:linear-gradient(145deg, rgba(24, 45, 59, .94), rgba(15, 29, 42, .96));box-shadow:inset 0 1px 0 rgba(225, 248, 255, .07), 0 12px 28px rgba(2, 11, 20, .22);color:#c8dce6}html body.page-phases .julian-calendar-panel > h3{margin:0 0 14px;color:#dff5ff;font-size:1.28rem;font-weight:720;text-align:center}html body.page-phases .julian-calendar-panel > h3 span{display:inline-block;margin-right:5px;color:#8bd6e8}html body.page-phases .julian-current-date{display:grid;justify-items:center;gap:4px;width:min(100%, 530px);margin:0 auto;padding:13px 18px;border:1px solid rgba(120, 211, 227, .36);border-radius:12px;background:linear-gradient(135deg, rgba(49, 103, 121, .28), rgba(33, 66, 83, .42));text-align:center}html body.page-phases .julian-current-date span{color:#9fc8d7;font-size:.88rem;font-weight:650;letter-spacing:.03em}html body.page-phases .julian-current-date strong{color:#f0fbff;font-size:1.48rem;line-height:1.2}html body.page-phases .julian-current-date small{color:#8dd6e5;font-size:.9rem}html body.page-phases .julian-calendar-explanation{margin-top:17px;color:#c2d5de;font-size:.96rem;line-height:1.55;text-align:left}html body.page-phases .julian-calendar-explanation h4{margin:0 0 7px;color:#e0f1f7;font-size:1.05rem;text-align:center}html body.page-phases .julian-calendar-explanation > p{margin:8px 0 0}html body.page-phases:is(*,._._._._._._._) #phaseOrderJulianCalendar:is(*,#_#_) #julianYearCard:is(*,#_#_) #julianYearCircleSlider:is(*,#_).calendar-circle-slider{box-sizing:border-box;height:min(calc(88vw + 40px), 500px);min-height:min(calc(88vw + 40px), 500px);max-height:min(calc(88vw + 40px), 500px);transform:translateY(-90px);margin-bottom:-32px}html body.page-phases:is(*,._._._._) #phaseOrderJulianCalendar:is(*,#_) #julianYearCard:is(*,#_) > .julian-calendar-basis-note.julian-calendar-full-explanation{display:block;box-sizing:border-box;width:min(92%, 880px);margin:20px auto 4px;padding:18px 20px 20px;border:1px solid rgba(123, 190, 209, .3);border-radius:15px;background:linear-gradient(145deg, rgba(24, 45, 59, .94), rgba(15, 29, 42, .96));box-shadow:inset 0 1px 0 rgba(225, 248, 255, .07), 0 12px 28px rgba(2, 11, 20, .22);color:#c8dce6;text-align:left}html body.page-phases #julianYearCard > .julian-calendar-full-explanation > p{margin:0}html body.page-phases .julian-leap-comparison{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:11px;margin:13px 0}html body.page-phases .julian-leap-comparison article{padding:12px 13px;border:1px solid rgba(145, 190, 204, .2);border-radius:10px;background:rgba(8, 22, 34, .34)}html body.page-phases .julian-leap-comparison span{display:block;margin-bottom:4px;color:#9fe2ef;font-weight:700}html body.page-phases .julian-leap-comparison p{margin:0}@media (max-width: 720px){html body.page-phases .julian-leap-comparison{grid-template-columns:1fr}html body.page-phases .julian-calendar-panel > h3{font-size:1.16rem}html body.page-phases .julian-current-date strong{font-size:1.3rem}}html body.page-phases:is(*,._._._._._) #seasonalSunPositionCard:is(*,#_#_#_#_#_#_#_#_#_#_){& .seasonal-sun-topic-body > #seasonalSunPositionBoundaryTiming:is(*,#_#_).sun-boundary-timing-split{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:fit-content;max-width:calc(100% - 24px);min-height:42px;margin:10px auto 16px;padding:9px 16px;border:1px solid rgba(124, 203, 225, .58);border-radius:10px;background:linear-gradient(135deg, rgba(20, 44, 59, .96), rgba(37, 53, 63, .94));box-shadow:inset 0 1px 0 rgba(231, 251, 255, .08), 0 5px 14px rgba(0, 0, 0, .22)}& #seasonalSunPositionBoundaryTiming:is(*,#_#_) > .sun-boundary-timing-row:is(*,._){display:inline-flex;align-items:center;justify-content:center;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#dceff4;font-size:clamp(.88rem, 1.3vw, 1rem);font-weight:650;line-height:1.2;white-space:nowrap;text-shadow:none;transform:none}& #seasonalSunPositionBoundaryTiming:is(*,#_#_) > .sun-boundary-timing-row.is-sunrise-timing{color:#ffe2a4}& #seasonalSunPositionBoundaryTiming:is(*,#_#_) > .sun-boundary-timing-row.is-sunset-timing{color:#ffc09a}& #seasonalSunPositionBoundaryTiming:is(*,#_#_) > .sun-boundary-timing-row + .sun-boundary-timing-row::before{content:"\2022";margin:0 11px;color:#86c8da}}@media (max-width: 520px){html body.page-phases:is(*,._._) #seasonalSunPositionCard:is(*,#_#_#_#_#_#_) .seasonal-sun-topic-body > #seasonalSunPositionBoundaryTiming:is(*,#_).sun-boundary-timing-split{max-width:calc(100% - 12px);padding:8px 11px}html body.page-phases:is(*,._._) #seasonalSunPositionCard:is(*,#_#_#_#_#_) #seasonalSunPositionBoundaryTiming:is(*,#_) > .sun-boundary-timing-row:is(*,._){font-size:.82rem}}html body.page-phases:is(*,._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_){& .phase-summary-grid.phase-summary-ordered-grid :is(.phase-summary-tile, .phase-summary-feature) > :is(span:not(.phase-summary-icon), .phase-summary-label){font-size:clamp(.84rem, 2.1vw, .92rem);line-height:1.14}& .phase-summary-grid.phase-summary-ordered-grid :is(.phase-summary-tile, .phase-summary-feature) > strong{font-size:clamp(.84rem, 2.1vw, .92rem);line-height:1.12}& .phase-summary-grid.phase-summary-ordered-grid :is(.phase-summary-tile, .phase-summary-feature) > :is(em, small){font-size:clamp(.84rem, 2.1vw, .92rem);line-height:1.16}& .phase-summary-day-copy > span:not(.phase-summary-icon){font-size:1.1rem}& .phase-summary-day-copy > strong{font-size:1.78rem}& .phase-summary-day-copy > em{font-size:1.34rem}}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& > .weather-period-scale-title:is(*,._){margin-bottom:10px}& .day-night-current-phase-bubble:is(*,._){display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-width:250px;max-width:min(100%, 420px);margin:0 auto 18px;padding:9px 18px;border:1px solid rgba(138, 231, 255, .42);border-radius:999px;font-size:.92rem;font-weight:500;letter-spacing:0;line-height:1;text-align:center;text-transform:none;white-space:nowrap}& .day-night-current-phase-bubble:is(*,._) span{color:#9beeff;font-weight:500}& .day-night-current-phase-bubble:is(*,._) b{color:#ffe2a3;font-size:1.04rem;font-weight:600;letter-spacing:0}}html body.page-phases:is(*,._._) #dayNightPhaseCombinedScale:is(*,#_).day-night-phase-combined-scale{--day-night-track-height: 890px;display:grid;margin:0 auto;padding:4px 8px 8px}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& .day-night-phase-column-left:is(*,._){padding-right:12px;text-align:right}& .day-night-phase-column-time:is(*,._){text-align:center}& .day-night-phase-column-track:is(*,._){grid-column:3;min-height:1px;color:transparent}& .day-night-phase-column-right:is(*,._){padding-left:12px;text-align:left}& .day-night-phase-scale-body:is(*,._){display:grid;grid-column:1 / -1;min-height:var(--day-night-track-height);align-items:stretch}& :is(.day-night-phase-label-column, .day-night-time-labels-column, .day-night-phase-track, .day-night-phase-track-rail){min-height:var(--day-night-track-height);position:relative}& .day-night-phase-track:is(*,._){grid-column:3;display:flex;align-items:stretch;justify-content:center;padding:0 12px;border:1px solid rgba(113, 211, 255, .35);border-radius:999px;background:rgba(3, 12, 24, .34);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 0 24px rgba(50, 182, 255, .08), 0 0 18px rgba(0, 0, 0, .2)}& .day-night-phase-track-rail:is(*,._){width:76px;border:2px solid rgba(134, 226, 255, .45);background:linear-gradient(90deg, transparent 0 38%, rgba(223, 252, 255, .22) 38% 62%, transparent 62%), rgba(2, 11, 20, .52);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 0 30px rgba(0, 0, 0, .4), 0 0 18px rgba(89, 207, 255, .16)}& .day-night-phase-segment:is(*,._){width:64px}& .day-night-time-label:is(*,._){left:50%;min-width:76px;padding:3px 7px;transform:translate(-50%, -50%)}& .day-night-phase-marker:is(*,._){position:absolute;left:50%;top:var(--day-night-marker-top, 50%);z-index:9;width:38px;height:38px;border:0;border-radius:50%;background:repeating-conic-gradient(from -4deg, rgba(255, 213, 91, .98) 0deg 9deg, transparent 9deg 22deg);box-shadow:0 0 16px rgba(255, 183, 55, .34);transform:translate(-50%, -50%)}& .day-night-phase-marker:is(*,._)::before{content:"";position:absolute;left:50%;right:auto;top:50%;width:22px;height:22px;border:2px solid rgba(255, 248, 222, .92);border-radius:50%;background:radial-gradient(circle at 36% 34%, #fff3a9 0 20%, #ffd55a 42%, #ef9a22 100%);box-shadow:0 0 8px rgba(255, 220, 96, .55);transform:translate(-50%, -50%)}& .day-night-phase-marker:is(*,._)::after{content:"";position:absolute;left:50%;top:50%;width:29px;height:29px;border:1px solid rgba(255, 237, 160, .5);border-radius:50%;background:transparent;box-shadow:none;transform:translate(-50%, -50%)}& .day-night-phase-marker:is(*,._) b{display:none}}@media (max-width: 760px){html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){padding-inline:10px}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& .day-night-current-phase-bubble:is(*,._){min-width:0;width:min(100%, 280px);padding:8px 12px;font-size:.78rem}& .day-night-current-phase-bubble:is(*,._) b{font-size:.86rem}& .day-night-phase-column-left:is(*,._){padding-right:4px}& .day-night-phase-column-time:is(*,._){grid-column:2}& .day-night-phase-column-track:is(*,._){grid-column:3}& .day-night-phase-column-right:is(*,._){grid-column:4;padding-left:4px}& :is(.day-night-side-label, .day-night-time-label){font-size:.56rem}& .day-night-time-label:is(*,._){min-width:40px;padding:2px 3px}& .day-night-phase-track:is(*,._){padding:0 5px}& .day-night-phase-track-rail:is(*,._){width:36px;border-width:1px}& .day-night-phase-segment:is(*,._){width:28px}& .day-night-phase-marker:is(*,._){width:28px;height:28px}& .day-night-phase-marker:is(*,._)::before{width:16px;height:16px}& .day-night-phase-marker:is(*,._)::after{width:21px;height:21px}}}html body.page-phases #seasonalYearlySunAngleSideViewSection .yearly-sun-side-daily-high-bubble{transform:translateY(-22.5px)}html body.page-phases #seasonalSunDeclinationCard{& .solar-declination-current-band{display:none}& .solar-declination-current-dot{fill:none;stroke:rgba(125, 245, 255, .98);stroke-width:2.4px;vector-effect:non-scaling-stroke}& .solar-declination-season-arrow{stroke:rgba(218, 247, 252, .86);stroke-width:1.6px;stroke-dasharray:none;vector-effect:non-scaling-stroke}& #solarDeclinationSeasonArrowHead path{fill:#daf7fc;stroke:none}}html body.page-phases:is(*,._._._._) main.shell.shell #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) #seasonalSunDeclinationCard:is(*,#_#_){& .seasonal-declination-monthly-table:is(*,._){box-sizing:border-box;width:min(100%, 600px);max-width:600px;margin-left:auto;margin-right:auto}& .seasonal-declination-monthly-table:is(*,._) :is(article.seasonal-vertical-table, .seasonal-table-scroll, table){box-sizing:border-box;width:100%;max-width:100%;min-width:0}& .seasonal-declination-monthly-table:is(*,._) table :is(thead th:first-child, tbody th:first-child){width:46%}& .seasonal-declination-monthly-table:is(*,._) table :is(thead th:nth-child(2), tbody td:nth-child(2)){width:54%;text-align:center}& .seasonal-declination-monthly-table:is(*,._) article.seasonal-vertical-table{border:1px solid rgba(119, 174, 230, .52);background:radial-gradient(circle at 86% 0%, rgba(96, 163, 231, .2), transparent 42%),linear-gradient(145deg,#173653,#1d4162 54%,#233b5b);box-shadow:inset 0 1px 0 rgba(218, 237, 255, .13),0 12px 26px rgba(0,0,0,.22)}& .seasonal-declination-monthly-table:is(*,._) article.seasonal-vertical-table > h4{color:#d5ecff;-webkit-text-fill-color:#d5ecff}& .seasonal-declination-monthly-table:is(*,._) .seasonal-table-scroll{border:1px solid rgba(127, 186, 237, .46);border-radius:6px;background:#173651;overflow:hidden}& .seasonal-declination-monthly-table:is(*,._) thead th{background:linear-gradient(180deg,#285c85,#21486f);color:#e1f3ff;-webkit-text-fill-color:#e1f3ff}& .seasonal-declination-monthly-table:is(*,._) tbody tr:nth-child(even){background:rgba(86, 142, 201, .15)}& .seasonal-declination-monthly-table:is(*,._) tbody tr:has(.seasonal-table-season-label){background:linear-gradient(90deg,rgba(78, 116, 179, .38),rgba(79, 137, 181, .2))}& .seasonal-declination-monthly-table:is(*,._) tbody th:first-child{background:rgba(35, 76, 113, .34);color:#e1edfa;-webkit-text-fill-color:#e1edfa}& .seasonal-declination-monthly-table:is(*,._) tbody td{color:#a8dcff;-webkit-text-fill-color:#a8dcff}}html body.page-phases:is(*,._._) #dayNightPhaseCombinedScale:is(*,#_).day-night-phase-combined-scale{grid-template-columns:minmax(220px, 1fr) 104px 106px 104px minmax(220px, 1fr);gap:10px 16px;width:min(100%, 1120px)}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& .day-night-phase-scale-body:is(*,._){grid-template-columns:minmax(220px, 1fr) 104px 106px 104px minmax(220px, 1fr);gap:16px}& :is(.day-night-phase-column-left:is(*,._),.day-night-phase-labels-left:is(*,._)){grid-column:1}& :is(.day-night-phase-column-day-track:is(*,._),.day-night-phase-track-left:is(*,._)){grid-column:2}& :is(.day-night-phase-column-time:is(*,._),.day-night-time-labels-column:is(*,._)){grid-column:3}& :is(.day-night-phase-column-sun-track:is(*,._),.day-night-phase-track-right:is(*,._)){grid-column:4}& :is(.day-night-phase-column-right:is(*,._),.day-night-phase-labels-right:is(*,._)){grid-column:5}& :is(.day-night-phase-track-left, .day-night-phase-track-right){display:flex;align-items:stretch;justify-content:center;padding:0 12px;border:1px solid rgba(113, 211, 255, .35);border-radius:999px;background:rgba(3, 12, 24, .34);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 0 24px rgba(50, 182, 255, .08), 0 0 18px rgba(0, 0, 0, .2)}& :is(.day-night-phase-track-rail-left, .day-night-phase-track-rail-right){width:76px;border:2px solid rgba(134, 226, 255, .45)}& .day-night-clock-marker:is(*,._){width:36px;height:36px;border:2px solid rgba(223, 249, 255, .92);border-radius:50%;background:radial-gradient(circle at 38% 34%, #f8fdff 0 16%, #cfeeff 36%, #6f9fbb 100%);box-shadow:0 0 14px rgba(137, 229, 255, .34)}& .day-night-clock-marker:is(*,._)::before{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;border:2px solid rgba(16, 45, 63, .82);border-radius:50%;background:rgba(232, 249, 255, .72);box-shadow:inset 0 0 7px rgba(24, 70, 94, .22);transform:translate(-50%, -50%)}& .day-night-clock-marker:is(*,._)::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border:0;border-radius:0;background:linear-gradient(to bottom, transparent 0 2px, #102d3f 2px 9px, transparent 9px 100%) center / 3px 100% no-repeat, linear-gradient(to right, transparent 0 7px, #102d3f 7px 14px, transparent 14px 100%) center / 100% 3px no-repeat;box-shadow:none;transform:translate(-50%, -50%) rotate(18deg)}& .day-night-sun-marker:is(*,._){width:38px;height:38px}}@media (max-width: 760px){html body.page-phases:is(*,._._) #dayNightPhaseCombinedScale:is(*,#_).day-night-phase-combined-scale,html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_) .day-night-phase-scale-body:is(*,._){grid-template-columns:minmax(76px, 1fr) 38px 48px 38px minmax(90px, 1.25fr);gap:5px}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& :is(.day-night-phase-track-left, .day-night-phase-track-right){padding:0 4px}& :is(.day-night-phase-track-rail-left, .day-night-phase-track-rail-right){width:30px;border-width:1px}& .day-night-clock-marker:is(*,._){width:27px;height:27px}& .day-night-clock-marker:is(*,._)::before{width:18px;height:18px}& .day-night-clock-marker:is(*,._)::after{width:12px;height:12px}}}html body.page-phases:is(*,._._) #dayNightPhaseCombinedScale:is(*,#_).day-night-phase-single-scale{--day-night-track-height: 890px;--day-night-scale-gap: 20px;--day-night-track-column: 150px;--day-night-left-label-width: 230px;--day-night-right-label-width: 210px;display:grid;grid-template-columns:minmax(285px, 1fr) 150px minmax(220px, .75fr);gap:10px 20px;width:min(100%, 960px);margin:40px auto 0;padding:0;transform:translateX(-50px)}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_) .day-night-phase-single-scale{& .day-night-phase-scale-body:is(*,._){display:grid;position:relative;grid-column:1 / -1;grid-template-columns:minmax(285px, 1fr) 150px minmax(220px, .75fr);gap:20px;min-height:var(--day-night-track-height);align-items:stretch;padding-bottom:24px}& .day-night-table-row-lines:is(*,._){display:none}& .day-night-table-row-line:is(*,._){display:none}& :is(.day-night-phase-column-left:is(*,._),.day-night-phase-labels-left:is(*,._)){grid-column:1;padding-right:12px;text-align:right}& .day-night-phase-labels-left:is(*,._)::before{content:"";display:none}& :is(.day-night-phase-column-track:is(*,._),.day-night-phase-track-single:is(*,._)){grid-column:2}& :is(.day-night-phase-column-right:is(*,._),.day-night-time-labels-column:is(*,._),.day-night-major-labels-right:is(*,._)){grid-column:3;padding-left:12px;text-align:left}& .day-night-major-labels-right:is(*,._)::before{content:"";display:none}& :is(.day-night-phase-column-day-track, .day-night-phase-column-sun-track, .day-night-phase-track-left, .day-night-phase-track-right, .day-night-phase-labels-right, .day-night-sun-label){display:none}& :is(.day-night-phase-label-column, .day-night-time-labels-column, .day-night-major-labels-right, .day-night-phase-track-single, .day-night-phase-track-rail-single){min-height:var(--day-night-track-height);position:relative}& .day-night-phase-track-single:is(*,._){display:flex;align-items:stretch;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .day-night-phase-track-rail-single:is(*,._){width:142px;border:2px solid rgba(134, 226, 255, .5);border-radius:0;background:linear-gradient(90deg, transparent 0 38%, rgba(223, 252, 255, .22) 38% 62%, transparent 62%), rgba(2, 11, 20, .52);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 0 30px rgba(0, 0, 0, .4), 0 0 18px rgba(89, 207, 255, .14);overflow:visible}& .day-night-phase-segment:is(*,._){left:50%;width:138px;border-radius:0;transform:translateX(-50%)}& .day-night-phase-label-inside:is(*,._){left:50%;right:auto;display:flex;align-items:center;justify-content:center;z-index:8;width:132px;max-width:132px;padding:0 3px;color:rgba(218, 247, 255, .96);font-size:.7rem;font-weight:400;line-height:1.02;text-align:center;text-shadow:0 1px 7px rgba(0, 0, 0, .74);transform:translate(-50%, -50%);white-space:normal;pointer-events:none}& .day-night-phase-label-inside:is(*,._) .day-night-phase-name{display:block}& .day-night-phase-label:is(*,._){right:0;width:var(--day-night-left-label-width);color:#72cfff;font-size:.92rem;font-weight:400;text-align:right}& .day-night-major-label:is(*,._){left:12px;z-index:7;width:var(--day-night-right-label-width);color:#f4d28e;font-size:.92rem;font-weight:400;text-align:left;transform:translateY(-50%)}& .day-night-phase-time:is(*,._){color:#72cfff;font-weight:400}& .day-night-major-time:is(*,._){color:inherit;font-weight:400}& .day-night-time-label:is(*,._){left:auto;right:0;z-index:7;min-width:0;padding:0 8px 0 0;border:0;border-radius:0;background:transparent;color:#bff7ff;text-align:right;transform:translateY(-50%)}& .day-night-time-labels-left .day-night-start-time-label:is(*,._)::before{display:none}& .day-night-time-label:is(*,._)::before{content:"";position:absolute;right:calc(100% + 4px);top:50%;z-index:-1;width:calc((var(--day-night-scale-gap) * 2) + var(--day-night-track-column) + var(--day-night-left-label-width) + 4px);height:1px;background:linear-gradient(90deg, rgba(124, 222, 244, .58), rgba(139, 235, 255, .72), rgba(124, 222, 244, .34));box-shadow:0 0 8px rgba(96, 218, 247, .18);pointer-events:none;transform:translateY(-50%)}& .day-night-time-end-label:is(*,._){top:100%;transform:translateY(-50%);color:#f4d28e;border-color:transparent;background:transparent}& .day-night-clock-marker:is(*,._){position:absolute;left:50%;top:var(--day-night-marker-top, 50%);z-index:9;width:34px;height:34px;border:2px solid rgba(223, 249, 255, .92);border-radius:50%;background:radial-gradient(circle at 38% 34%, #f8fdff 0 16%, #cfeeff 36%, #6f9fbb 100%);box-shadow:0 0 14px rgba(137, 229, 255, .34);transform:translate(-50%, -50%)}& .day-night-clock-marker:is(*,._)::before{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;border:2px solid rgba(16, 45, 63, .82);border-radius:50%;background:rgba(232, 249, 255, .72);box-shadow:inset 0 0 7px rgba(24, 70, 94, .22);transform:translate(-50%, -50%)}& .day-night-clock-marker:is(*,._)::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;border:0;border-radius:0;background:linear-gradient(to bottom, transparent 0 2px, #102d3f 2px 9px, transparent 9px 100%) center / 3px 100% no-repeat, linear-gradient(to right, transparent 0 7px, #102d3f 7px 14px, transparent 14px 100%) center / 100% 3px no-repeat;box-shadow:none;transform:translate(-50%, -50%) rotate(18deg)}& .day-night-clock-marker:is(*,._) b{display:none}& .day-night-current-position-arrow:is(*,._){position:absolute;left:50%;top:calc(var(--day-night-marker-top, 50%) - 55px);z-index:10;width:20px;height:38px;pointer-events:none;transform:translateX(-50%)}& .day-night-current-position-arrow:is(*,._)::before{content:"";position:absolute;left:50%;top:0;width:2px;height:28px;border-radius:999px;background:linear-gradient(180deg, rgba(119, 236, 255, .72), rgba(255, 228, 153, .96));box-shadow:0 0 8px rgba(128, 232, 255, .35);transform:translateX(-50%)}& .day-night-current-position-arrow:is(*,._)::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid rgba(255, 228, 153, .96);filter:drop-shadow(0 0 5px rgba(128, 232, 255, .34));transform:translateX(-50%)}}@media (max-width: 760px){html body.page-phases:is(*,._._) #dayNightPhaseCombinedScale:is(*,#_).day-night-phase-single-scale,html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_) .day-night-phase-single-scale .day-night-phase-scale-body:is(*,._){grid-template-columns:minmax(90px, 1fr) 42px minmax(74px, .8fr);gap:8px}html body.page-phases:is(*,._._) #dayNightPhaseCombinedScale:is(*,#_).day-night-phase-single-scale{--day-night-track-height: 780px;--day-night-scale-gap: 8px;--day-night-track-column: 42px;--day-night-left-label-width: 128px;--day-night-right-label-width: 112px;width:min(100%, 360px);transform:translateX(0)}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_) .day-night-phase-single-scale{& .day-night-phase-track-rail-single:is(*,._){width:38px;border-width:1px}& .day-night-phase-segment:is(*,._){width:34px}& .day-night-time-label:is(*,._){min-width:0;padding-left:5px;font-size:.56rem}}}html body.page-phases #phaseOrderDayNightPhases > .phase-order-title{text-align:center}html body.page-phases:is(*,._._._._._._._._) #phaseOrderDayNightPhases:is(*,#_#_) > .phase-order-title:is(*,._){display:block;margin:0 0 30px;color:#f7dfaa;-webkit-text-fill-color:#f7dfaa;font-size:clamp(1.35rem, 2.1vw, 1.85rem);font-weight:750;line-height:1.12}html body.page-phases #phaseOrderDayNightPhases{& > .day-night-b60-outer-summary{display:grid;justify-items:center;margin:0 auto 14px;text-align:center}& > .day-night-b60-outer-summary #phaseDayTitleValue:is(*,#_){position:static;top:auto;display:inline-flex;align-items:center;justify-content:center;min-width:138px;min-height:42px;margin:0;padding:8px 22px;transform:none;border:1px solid rgba(142, 224, 255, .38);border-radius:999px;background:linear-gradient(135deg, rgba(10, 40, 66, .94), rgba(11, 26, 43, .96) 55%, rgba(6, 14, 26, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .05), 0 10px 24px rgba(0, 6, 18, .26), 0 0 16px rgba(105, 218, 255, .12);color:#eafaff;font-size:clamp(1.08rem, 1.65vw, 1.42rem);font-weight:500;line-height:1;letter-spacing:0;text-align:center}& > .day-night-b60-outer-summary #timeOfDayPhaseDetail:is(*,#_){margin:0;color:#b6d9e7;font-size:.98rem;font-weight:400;line-height:1.25;text-align:center}& > .phase-order-body{display:grid;gap:0;justify-items:stretch}& #dayNightPhasesCard{display:none}}html body.page-phases:is(*,._._._._._) #dayNightPhasesCard:is(*,#_).phase-order-legacy-hidden:is(*,._){display:none}html body.page-phases #phaseOrderDayNightPhases{& .sun-cycle-panel,& .sun-cycle-panel.phase-order-legacy-hidden{display:none}& .day-night-b60-restored-panel{display:block;width:100%;max-width:100%;margin:0 auto}& .day-night-b60-restored-panel .cycle-slider-label-container{position:relative;border:0;background:transparent;box-shadow:none;overflow-x:visible;overflow-y:visible;overscroll-behavior-x:auto;scrollbar-width:none;scrollbar-color:auto}& .day-night-b60-restored-panel .cycle-slider-label-container::-webkit-scrollbar{height:8px}& .day-night-b60-restored-panel .cycle-slider-label-container::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(108, 218, 255, .42)}& :is(#periodScaleMount, #sunCycleScaleMount){width:100%;min-width:0;border:0;background:transparent;box-shadow:none}& :is(#periodScale, #sunCycleScale),& :is(#periodScale, #sunCycleScale) .mini-scale-track{width:100%;min-width:0;max-width:100%}& #periodScale:is(*,#_){padding:32px 14px 82px;border:0;background:transparent;box-shadow:none}& :is(#periodScale, #sunCycleScale) .mini-bottom-label{width:max-content;max-width:none;white-space:nowrap;overflow-wrap:normal;line-height:1.05;font-size:.78rem;font-weight:500;text-align:center;z-index:7}& #periodScale:is(*,#_) .mini-bottom-label:is(*,._){top:auto;bottom:-66px;color:#86dfff;font-size:.82rem;font-weight:500;transform:translateX(-50%);text-shadow:0 1px 8px rgba(0, 0, 0, .72)}& #periodScale:is(*,#_) .mini-bottom-label .scale-label-time{display:none}& :is(#periodScale, #sunCycleScale) .mini-bottom-label.phase-label-top{transform:translate(-50%, -7px)}& :is(#periodScale, #sunCycleScale) .mini-bottom-label.phase-label-bottom{transform:translate(-50%, 3px)}& #periodScale:is(*,#_) :is(.mini-bottom-label.phase-label-top,.mini-bottom-label.phase-label-bottom){top:auto;bottom:-60px;transform:translate(-50%, 0) rotate(-45deg);transform-origin:50% 0}& #periodScale:is(*,#_) .mini-major-label{position:absolute;top:-62px;bottom:auto;z-index:9;display:grid;justify-items:center;gap:2px;width:max-content;max-width:116px;padding:0;color:#ffdca2;font-size:.78rem;font-weight:600;line-height:1.05;text-align:center;white-space:normal;transform:translateX(-50%);text-shadow:0 1px 8px rgba(0, 0, 0, .8), 0 0 9px rgba(255, 206, 124, .18)}& #periodScale:is(*,#_) .mini-major-label.scale-label-end{transform:translateX(-100%)}& #periodScale:is(*,#_) .mini-major-label.scale-label-start{transform:translateX(0)}& #periodScale:is(*,#_) .mini-major-label.label-middle-of-night{transform:translateX(-50%)}& #periodScale:is(*,#_) .mini-bottom-label.scale-label-start{transform:translate(-50%, 0) rotate(-45deg);transform-origin:50% 0}& #periodScale:is(*,#_) .mini-bottom-label.label-late-night.scale-label-start{transform:translate(-50%, 0) rotate(-45deg);transform-origin:50% 0}& #periodScale:is(*,#_) .mini-bottom-label.scale-label-end{transform:translate(-100%, 0) rotate(-45deg);transform-origin:100% 0}& #periodScale:is(*,#_) .mini-major-label .scale-label-text{display:block;color:#ffe2ae;white-space:normal}& #periodScale:is(*,#_) .mini-major-label .scale-label-time{display:block;color:#bdefff;font-size:.68rem;font-weight:500;white-space:nowrap}& #periodScale:is(*,#_) .mini-major-tick{position:absolute;top:-14px;z-index:8;width:2px;height:34px;border-radius:999px;background:linear-gradient(180deg, rgba(255, 222, 164, .88), rgba(125, 223, 255, .38));box-shadow:0 0 9px rgba(120, 225, 255, .22);transform:translateX(-50%)}& #periodScale:is(*,#_) .mini-major-tick.scale-label-start{transform:translateX(0)}& #periodScale:is(*,#_) .mini-major-tick.scale-label-end{transform:translateX(-100%)}& :is(#periodScale, #sunCycleScale) :is(.label-middle-of-night, .label-lowest-night-arc){max-width:none;white-space:nowrap}& :is(#periodScale, #sunCycleScale) :is(.scale-label-text, .scale-label-time){display:block;white-space:normal;line-height:1.05}& :is(#periodScale, #sunCycleScale) .mini-fixed-time-label{width:58px;max-width:58px;white-space:normal;overflow-wrap:anywhere;line-height:1.05;font-size:.82rem;text-align:center}& :is(#periodScale, #sunCycleScale) .mini-midnight-start-label{transform:translateX(0) translateY(-5px);text-align:left}& :is(#periodScale, #sunCycleScale) .mini-midnight-end-label{transform:translateX(-100%) translateY(-5px);text-align:right}& #periodScale:is(*,#_) :is(.mini-bottom-label.phase-label-bottom,.mini-bottom-label.phase-label-top){width:max-content;min-width:max-content;max-width:none;white-space:nowrap;text-align:left}& #periodScale:is(*,#_) .mini-bottom-label.phase-label-bottom .scale-label-text,& #periodScale:is(*,#_) .mini-bottom-label.phase-label-top .scale-label-text{display:inline-block;white-space:nowrap;line-height:1}}@media (max-width: 900px){html body.page-phases #phaseOrderDayNightPhases{width:100%}html body.page-phases #phaseOrderDayNightPhases{& .day-night-b60-restored-panel .cycle-slider-label-container{padding:54px 14px 30px}& :is(#periodScale, #sunCycleScale),& :is(#periodScale, #sunCycleScale) .mini-scale-track{min-width:0;max-width:100%}& :is(#periodScale, #sunCycleScale) .mini-bottom-label{max-width:none;font-size:.72rem}}}@media (min-width: 761px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_){& .phase-summary-sun-row.phase-summary-row{grid-template-columns:repeat(3, 212px);width:660px;max-width:min(100%, 660px)}& .phase-summary-sun-row.phase-summary-row > .phase-summary-tile{width:212px;min-width:212px;max-width:212px}& .phase-summary-daily-row.phase-summary-row{grid-template-columns:repeat(3, 237px);width:735px;max-width:min(100%, 735px)}& .phase-summary-daily-row.phase-summary-row > .phase-summary-tile{width:237px;min-width:237px;max-width:237px}& .phase-summary-moon-row.phase-summary-row{grid-template-columns:repeat(3, 252px);width:780px;max-width:min(100%, 780px)}& .phase-summary-moon-row.phase-summary-row > .phase-summary-tile{width:252px;min-width:252px;max-width:252px}& .phase-summary-year-row.phase-summary-row{grid-template-columns:repeat(3, 272px);width:840px;max-width:min(100%, 840px)}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseSummaryDashboard:is(*,#_#_#_#_){& .phase-summary-row-two:is(*,._).phase-summary-sun-row:is(*,._).phase-summary-row:is(*,._){grid-template-columns:repeat(3, 212px);width:660px;max-width:min(100%, 660px)}& .phase-summary-row-two:is(*,._).phase-summary-sun-row:is(*,._).phase-summary-row:is(*,._) > .phase-summary-tile:is(*,._){width:212px;min-width:212px;max-width:212px}& .phase-summary-daily-row:is(*,._).phase-summary-sun-stats-row:is(*,._).phase-summary-row:is(*,._){grid-template-columns:repeat(3, 237px);width:735px;max-width:min(100%, 735px)}& .phase-summary-daily-row:is(*,._).phase-summary-sun-stats-row:is(*,._).phase-summary-row:is(*,._) > .phase-summary-tile:is(*,._){width:237px;min-width:237px;max-width:237px}& .phase-summary-moon-row:is(*,._).phase-summary-row-three:is(*,._).phase-summary-row:is(*,._){grid-template-columns:repeat(3, 252px);width:780px;max-width:min(100%, 780px)}& .phase-summary-moon-row:is(*,._).phase-summary-row-three:is(*,._).phase-summary-row:is(*,._) > .phase-summary-tile:is(*,._){width:252px;min-width:252px;max-width:252px}}}html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& #dayNightPhaseCombinedScale.day-night-phase-circular-scale{width:min(100%, 760px);max-width:760px;margin:8px auto 0;padding:0;overflow:visible}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-scale-body{display:grid;grid-template-columns:1fr;place-items:center;width:100%;min-height:660px;height:auto;padding:26px 16px 38px;overflow:visible}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-stage{position:relative;width:min(100%, 620px);aspect-ratio:1 / 1;margin:0 auto;overflow:visible}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale :is(.day-night-circle-track,.day-night-circle-ring){position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;border-radius:50%;overflow:visible}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-ring{background:radial-gradient(circle at center, #06131f 0 42%, rgba(8, 24, 37, .98) 43% 51%, transparent 52%), var(--day-night-ring-gradient);border:2px solid rgba(112, 231, 248, .74);box-shadow:0 0 0 1px rgba(174, 244, 255, .18), inset 0 0 42px rgba(0, 0, 0, .46), 0 18px 44px rgba(0, 0, 0, .28)}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-ring::after{content:"";position:absolute;inset:19%;border:1px solid rgba(112, 208, 230, .28);border-radius:50%;pointer-events:none}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-section-divider{position:absolute;left:50%;top:50%;z-index:3;width:2px;height:48%;min-height:0;background:linear-gradient(180deg, rgba(154, 243, 255, .78), rgba(154, 243, 255, .08));border:0;transform:translateX(-50%) rotate(var(--divider-angle));transform-origin:50% 0}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-section-divider b{display:none}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale :is(.day-night-side-label, .day-night-time-label, .day-night-major-label){position:absolute;left:50%;top:50%;z-index:8;width:100px;min-width:0;min-height:0;padding:3px 6px;border-radius:7px;letter-spacing:0;line-height:1.05;text-align:center;white-space:normal;pointer-events:none}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-phase-label{color:#8fe8ff;-webkit-text-fill-color:#8fe8ff;font-size:clamp(.74rem, 1.1vw, .9rem);font-weight:450;background:rgba(2, 13, 24, .66);border:1px solid rgba(112, 222, 245, .26);box-shadow:0 8px 18px rgba(0, 0, 0, .18);transform:translate(-50%, -50%) rotate(var(--label-angle)) translateY(calc(-1 * var(--circle-phase-radius))) rotate(var(--label-counter))}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-time-label{display:block;color:#d2edff;-webkit-text-fill-color:#d2edff;font-size:clamp(.66rem, .92vw, .78rem);font-weight:420;background:transparent;border:0;box-shadow:none;opacity:.78;transform:translate(-50%, -50%) rotate(var(--time-angle)) translateY(calc(-1 * var(--circle-time-radius))) rotate(var(--time-counter))}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-major-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:118px;color:#ffe5a5;-webkit-text-fill-color:#ffe5a5;font-size:clamp(.82rem, 1.25vw, 1rem);font-weight:550;background:rgba(3, 15, 27, .82);border:1px solid rgba(255, 219, 133, .44);box-shadow:0 10px 22px rgba(0, 0, 0, .24);transform:translate(-50%, -50%) rotate(var(--major-angle)) translateY(calc(-1 * var(--circle-major-radius))) rotate(var(--major-counter))}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-major-time{display:block;color:#aee9f5;-webkit-text-fill-color:#aee9f5;font-size:.72em;font-weight:500;line-height:1}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-phase-marker.day-night-clock-marker{position:absolute;left:50%;top:50%;z-index:12;width:38px;height:38px;min-width:38px;min-height:38px;border:2px solid rgba(255, 248, 196, .96);border-radius:50%;background:radial-gradient(circle at 34% 30%, #fff3a2 0 20%, #ffd45c 42%, #f1a91f 78%);box-shadow:0 0 0 5px rgba(11, 28, 40, .78), 0 0 24px rgba(255, 199, 74, .68);transform:translate(-50%, -50%) rotate(var(--day-night-marker-angle)) translateY(calc(-1 * var(--circle-marker-radius))) rotate(calc(-1 * var(--day-night-marker-angle)))}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-phase-marker.day-night-clock-marker::before,& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-phase-marker.day-night-clock-marker::after,& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-current-position-arrow{display:none}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-phase-marker.day-night-clock-marker b{position:absolute;left:50%;top:calc(100% + 8px);display:block;min-width:72px;padding:3px 8px;border:1px solid rgba(142, 229, 248, .36);border-radius:7px;background:rgba(2, 12, 22, .86);color:#d8fbff;-webkit-text-fill-color:#d8fbff;font-size:.78rem;font-weight:520;letter-spacing:0;line-height:1;text-align:center;transform:translateX(-50%);white-space:nowrap}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-center{position:absolute;left:50%;top:50%;z-index:5;display:grid;place-items:center;gap:4px;width:132px;height:132px;border-radius:50%;border:1px solid rgba(126, 224, 245, .35);background:radial-gradient(circle at 48% 36%, rgba(26, 63, 86, .9), rgba(4, 15, 26, .96) 72%);box-shadow:inset 0 0 24px rgba(113, 229, 255, .08);color:#dffbff;transform:translate(-50%, -50%)}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-center b{color:#ffe6a8;-webkit-text-fill-color:#ffe6a8;font-size:1.55rem;font-weight:600;line-height:1}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-center small{color:#91e7fa;-webkit-text-fill-color:#91e7fa;font-size:.84rem;font-weight:480;line-height:1}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .is-active-phase{color:#ffffff;-webkit-text-fill-color:#ffffff;border-color:rgba(170, 247, 255, .82);background:rgba(18, 66, 88, .9);box-shadow:0 0 18px rgba(108, 233, 255, .28), 0 8px 20px rgba(0, 0, 0, .22)}}@media (max-width: 720px){html body.page-phases:is(*,._._) #dayNightPhasesCard:is(*,#_){& #dayNightPhaseCombinedScale.day-night-phase-circular-scale{width:100%}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-scale-body{min-height:590px;padding:20px 6px 34px}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale :is(.day-night-side-label, .day-night-time-label, .day-night-major-label){width:100px;font-size:.78rem}& #dayNightPhaseCombinedScale.day-night-phase-circular-scale .day-night-circle-center{width:112px;height:112px}}}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_){& .phase-day-panel.day-night-b60-restored-panel{padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none}& #periodScaleMount:is(*,#_).weather-period-scale{place-items:center;width:100%}& #periodScale.period-circle-scale{position:relative;display:grid;place-items:center;max-width:620px;min-width:0;min-height:0;margin:0 auto;padding:0;transform:translateY(-30px);overflow:visible;background:transparent;border:0;box-shadow:none}& #periodScale.period-circle-scale :is(.period-circle-stage,.period-circle-ring){position:relative;width:100%;height:100%;min-width:0;min-height:0;border-radius:50%;overflow:visible}& #periodScale.period-circle-scale .period-circle-ring{background:radial-gradient(circle at center, #071523 0 30%, rgba(8, 26, 42, .98) 31% 40%, transparent 41%), linear-gradient(180deg, rgba(108, 190, 218, .2) 0 48.8%, rgba(0, 0, 0, .08) 49.7%, rgba(0, 0, 0, .4) 50.8% 100%), var(--period-ring-gradient);border:3px solid rgba(117, 238, 249, .82);box-shadow:0 0 0 1px rgba(182, 245, 255, .18), inset 0 0 42px rgba(0, 0, 0, .44), 0 20px 42px rgba(0, 0, 0, .26)}& #periodScale.period-circle-scale .period-circle-ring::before{content:"";position:absolute;inset:0;z-index:2;display:none;border-radius:50%;background:none;clip-path:inset(0 0 50% 0);pointer-events:none}& #periodScale.period-circle-scale .period-circle-ring::after{content:"";position:absolute;/**/ inset: 21%;border:1.5px solid rgba(127, 220, 239, .48);border-radius:50%;pointer-events:none}& #periodScale.period-circle-scale .period-circle-divider{position:absolute;left:50%;top:50%;z-index:3;width:2px;height:50%;background:linear-gradient(180deg, transparent 0 58%, rgba(151, 226, 241, .56) 58% 99.4%, transparent 100%);filter:drop-shadow(0 0 1px rgba(70, 178, 205, .34));transform:translateX(-50%) rotate(var(--divider-angle));transform-origin:50% 0;pointer-events:none}& #periodScale.period-circle-scale .period-circle-phase-label{position:absolute;left:50%;top:50%;z-index:8;align-items:center;justify-content:center;min-height:0;letter-spacing:0;transform:translate(-50%, -50%) rotate(var(--phase-angle)) translateY(calc(-1 * (var(--period-phase-radius) + var(--period-label-extra-radius)))) rotate(var(--phase-counter));pointer-events:none}& #periodScale.period-circle-scale .period-circle-major-label{position:absolute;left:50%;top:50%;z-index:9;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:132px;min-width:0;min-height:0;padding:7px 10px;border:1px solid rgba(255, 220, 134, .46);border-radius:7px;background:rgba(3, 15, 27, .86);color:#ffe6a7;-webkit-text-fill-color:#ffe6a7;font-size:clamp(.94rem, 1.4vw, 1.12rem);font-weight:540;letter-spacing:0;line-height:1.02;text-align:center;white-space:normal;box-shadow:0 10px 22px rgba(0, 0, 0, .24);transform:translate(-50%, -50%) rotate(var(--major-angle)) translateY(calc(-1 * var(--period-major-radius))) rotate(var(--major-counter));pointer-events:none}& #periodScale.period-circle-scale .period-circle-major-label small{display:block;color:#aee9f5;-webkit-text-fill-color:#aee9f5;font-size:.82em;font-weight:500;line-height:1}& #periodScale.period-circle-scale .period-circle-horizon-line{position:absolute;left:0;right:0;top:50%;z-index:5;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(105, 218, 240, .38), rgba(125, 226, 245, .86) 12% 88%, rgba(105, 218, 240, .38));box-shadow:0 0 5px rgba(89, 205, 232, .22);transform:translateY(-50%);pointer-events:none}& #periodScale.period-circle-scale .period-circle-sun-hand{position:absolute;left:50%;bottom:50%;z-index:4;width:6px;height:var(--period-marker-radius);border-radius:999px;background:rgba(112, 221, 241, .84);box-shadow:0 0 6px rgba(92, 213, 235, .38);transform:translateX(-50%) rotate(var(--period-marker-angle));transform-origin:50% 100%;pointer-events:none}& #periodScale.period-circle-scale .period-circle-sun-hand::after{content:"";position:absolute;left:50%;bottom:-7px;width:11px;height:11px;box-sizing:border-box;border:2.5px solid rgba(126, 231, 248, .96);border-radius:50%;background:#0a1d2c;box-shadow:0 0 7px rgba(88, 216, 240, .38);transform:translateX(-50%)}& #periodScale.period-circle-scale .period-circle-marker{position:absolute;left:50%;top:50%;z-index:12;width:48px;height:48px;min-width:48px;min-height:48px;border:2px solid rgba(255, 248, 196, .96);border-radius:50%;background:radial-gradient(circle at 34% 30%, #fff3a2 0 20%, #ffd45c 42%, #f1a91f 78%);box-shadow:0 0 0 5px rgba(11, 28, 40, .78), 0 0 24px rgba(255, 199, 74, .68);transform:translate(-50%, -50%) rotate(var(--period-marker-angle)) translateY(calc(-1 * var(--period-marker-radius))) rotate(calc(-1 * var(--period-marker-angle)))}& #periodScale.period-circle-scale .period-circle-marker.is-below-horizon{border:3px solid #ff9f43;background:#08233a;box-shadow:none}& #periodScale.period-circle-scale .period-circle-marker::before,& #periodScale.period-circle-scale .period-circle-marker::after{display:none}& #periodScale.period-circle-scale .period-circle-center{position:absolute;left:50%;top:50%;z-index:5;display:grid;place-items:center;gap:4px;width:132px;height:132px;border:1px solid rgba(126, 224, 245, .35);border-radius:50%;background:radial-gradient(circle at 48% 36%, rgba(26, 63, 86, .9), rgba(4, 15, 26, .96) 72%);color:#dffbff;box-shadow:inset 0 0 24px rgba(113, 229, 255, .08);transform:translate(-50%, -50%);pointer-events:none}& #periodScale.period-circle-scale .period-circle-center b{color:#ffe6a8;-webkit-text-fill-color:#ffe6a8;font-size:1.55rem;font-weight:600;line-height:1}& #periodScale.period-circle-scale .period-circle-center small{color:#91e7fa;-webkit-text-fill-color:#91e7fa;font-size:.84rem;font-weight:480;line-height:1}& #periodScale.period-circle-scale .period-circle-inner-day-shade{position:absolute;inset:21%;z-index:2;box-sizing:border-box;border:2px solid rgba(110, 196, 222, .56);border-radius:50%;background:linear-gradient(180deg, rgba(49, 111, 137, .68) 0%, rgba(29, 76, 98, .56) 45%, rgba(18, 53, 72, .34) 49%, transparent 50.5% 100%);box-shadow:inset 0 0 22px rgba(1, 11, 21, .22), 0 0 0 1px rgba(4, 20, 32, .4);pointer-events:none}& #periodScale.period-circle-scale .period-circle-half-label{position:absolute;z-index:6;color:#cceefa;-webkit-text-fill-color:#cceefa;font-size:clamp(.92rem, 1.5vw, 1.12rem);font-weight:650;letter-spacing:.16em;line-height:1;text-align:center;text-shadow:0 2px 8px rgba(0, 0, 0, .62);pointer-events:none}& #periodScale.period-circle-scale .period-circle-day-label{top:35%;color:#38cfff;-webkit-text-fill-color:#38cfff;text-shadow:0 0 12px rgba(56, 207, 255, .36), 0 2px 8px rgba(0, 0, 0, .62)}& #periodScale.period-circle-scale .period-circle-night-label{top:65%;color:#3976a2;-webkit-text-fill-color:#3976a2}& #periodScale.period-circle-scale .period-circle-horizon-label{position:absolute;left:50%;top:calc(50% + 11px);z-index:6;display:block;padding:2px 8px;border-radius:999px;background:rgba(4, 18, 30, .82);color:#ffad5b;-webkit-text-fill-color:#ffad5b;font-size:.78rem;font-weight:560;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 9px rgba(255, 139, 55, .28), 0 1px 8px rgba(0, 0, 0, .86);transform:translateX(-50%);pointer-events:none}& #periodScale.period-circle-scale .is-active-phase{color:#ffffff;-webkit-text-fill-color:#ffffff;border-color:rgba(178, 250, 255, .94);background:linear-gradient(145deg, rgba(27, 132, 144, .98), rgba(18, 75, 111, .98));box-shadow:0 0 20px rgba(108, 233, 255, .36), 0 9px 20px rgba(0, 0, 0, .28)}}@media (max-width: 720px){html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_){& #periodScaleMount:is(*,#_).weather-period-scale{min-height:510px;padding-bottom:22px}& #periodScale.period-circle-scale{width:500px;height:500px;transform:translateY(0)}& #periodScale.period-circle-scale :is(.period-circle-phase-label, .period-circle-major-label){width:96px;font-size:.78rem;padding:4px 6px}& #periodScale.period-circle-scale .period-circle-major-label{width:96px;font-size:.84rem;padding:5px 7px}& #periodScale.period-circle-scale .period-circle-center{width:112px;height:112px}}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell:not(#sharedPageTopA#sharedPageTopB#sharedPageTopC#sharedPageTopD#sharedPageTopE#sharedPageTopF#sharedPageTopG#sharedPageTopH),html body.page-home-test main.home-test-shell:is(*,._):not(#sharedPageTopA#sharedPageTopB#sharedPageTopC#sharedPageTopD#sharedPageTopE#sharedPageTopF#sharedPageTopG#sharedPageTopH){box-sizing:border-box;margin-top:0;padding-top:calc(var(--nav-height, 90px) + var(--shared-page-top-gap))}html body.page-phases main.shell > #phaseSummaryDashboard:is(*,#_):not(#sharedFirstCardA#sharedFirstCardB#sharedFirstCardC#sharedFirstCardD#sharedFirstCardE#sharedFirstCardF#sharedFirstCardG#sharedFirstCardH),html body.page-home-test main.home-test-shell > #homeOverviewCard:is(*,#_):not(#sharedFirstCardA#sharedFirstCardB#sharedFirstCardC#sharedFirstCardD#sharedFirstCardE#sharedFirstCardF#sharedFirstCardG#sharedFirstCardH){position:relative;top:0;bottom:auto;margin-top:0;transform:none;translate:none}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& > .phase-summary-head:is(*,._){display:grid;width:100%;min-height:0;height:auto;margin:0;padding:4px 0 14px;place-items:center}& > .phase-summary-head:is(*,._) > h2.natural-card-title-with-icon{display:grid;grid-template-rows:52px auto;justify-items:center;align-items:center;gap:6px;width:auto;min-height:0;height:auto;max-height:none;margin:0;padding:0;color:#b7e9ef;font-family:"Segoe UI", Arial, sans-serif;font-size:1.65rem;font-style:normal;font-weight:800;line-height:1.08;text-align:center}& > .phase-summary-head:is(*,._) .natural-card-title-icon{width:52px;height:52px;margin:0}& .phase-summary-row-one.phase-summary-day-row{display:none}& > .phase-summary-grid:is(*,._){height:auto;min-height:0}}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_){& > .days-of-week-current-day-tile.phase-summary-day-tile{margin:8px auto 14px;border:1px solid rgba(129, 210, 221, 0.4);border-radius:16px;background:linear-gradient(180deg, rgba(35, 79, 100, 0.88), rgba(20, 54, 72, 0.94));box-shadow:inset 0 1px 0 rgba(214, 246, 250, 0.08), 0 10px 24px rgba(2, 19, 29, 0.2)}& > .days-of-week-summary{margin-top:0}}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_) .phase-overview-location-details:is(*,._){grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px;width:min(100%, 610px);margin:0 auto 5px;padding:8px 14px;border:1px solid rgba(113, 188, 207, 0.35);border-radius:12px;box-sizing:border-box;font-size:0.82rem;font-style:normal;line-height:1.2}html body.page-phases:is(*,._._) #phaseSummaryDashboard:is(*,#_) .phase-overview-location-details{& > span{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}& b{color:#a8d1df;font-weight:650}& em{font-style:normal}}html body.page-phases:is(*,._._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-segment.is-active{stroke:#f2ffff;stroke-width:1.55px;filter:brightness(1.2) saturate(1.1) drop-shadow(0 0 1.8px rgba(220, 255, 251, 0.88))}& :is(.week-wheel-track,.week-wheel-progress){stroke-width:4px}& .week-wheel-track{stroke:rgba(48, 77, 94, 0.96)}& .week-wheel-progress-marker{stroke-width:0.95px}}@media (max-width: 760px){html body.page-phases:is(*,._._) #phaseSummaryDashboard:is(*,#_) .phase-overview-location-details:is(*,._){justify-content:flex-start;gap:6px 14px;padding:8px 10px}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._) #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_){& > .phase-summary-head:is(*,._){position:relative;z-index:3;display:grid;place-items:center;box-sizing:border-box;width:100%;height:126px;min-height:126px;max-height:126px;margin:0;padding:10px 0 12px;grid-template-rows:104px;overflow:visible}& > .phase-summary-head:is(*,._) > h2.natural-card-title-with-icon:is(*,._){position:relative;inset:auto;display:grid;place-items:center;box-sizing:border-box;width:100%;height:91px;min-height:91px;max-height:91px;margin:0;padding:0 8px;grid-template-rows:52px auto;gap:5px;transform:none;overflow:visible}}}html body.page-phases:is(*,._).natural-summary-ready:not(.natural-summary-fade-ready) main.shell.shell #phaseSummaryDashboard:is(*,#_) > :is(.phase-summary-grid:is(*,._), .phase-summary-circle-row:is(*,._), .phase-overview-location:is(*,._)){opacity:0;visibility:hidden}html body.page-phases:is(*,._).natural-summary-ready.natural-summary-fade-ready main.shell.shell #phaseSummaryDashboard:is(*,#_) > :is(.phase-summary-grid:is(*,._), .phase-summary-circle-row:is(*,._), .phase-overview-location:is(*,._)){opacity:1;visibility:visible;transition:opacity 560ms cubic-bezier(.22, .72, .26, 1)}html body.page-phases.natural-summary-fade-ready main.shell.shell #phaseSummaryDashboard:is(*,#_){& > .phase-summary-circle-row:is(*,._){transition-delay:80ms}& > .phase-overview-location:is(*,._){transition-delay:160ms}}@media (prefers-reduced-motion: reduce){html body.page-phases:is(*,._).natural-summary-ready.natural-summary-fade-ready main.shell.shell #phaseSummaryDashboard:is(*,#_) > :is(.phase-summary-grid:is(*,._), .phase-summary-circle-row:is(*,._), .phase-overview-location:is(*,._)){transition-duration:0.01ms;transition-delay:0ms}}html body.page-phases:is(*,._._._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_#_).days-of-week-circle-section{padding-bottom:8px}html body.page-phases:is(*,._._._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_#_) > .phase-order-body:is(*,._) .natural-week-circle-shell:is(*,._){padding-bottom:8px}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){justify-content:center}& #phaseOverviewLocationInput:is(*,#_){grid-column:1;color:#bdd2da;border-color:rgba(99, 151, 169, .32);background:#0d2532}& #phaseOverviewLocationButton:is(*,#_){grid-column:2;border-color:rgba(96, 157, 169, .3);background:linear-gradient(135deg, #183e4c, #245557);color:#bad2d8;box-shadow:none}& .phase-overview-location-details:is(*,._){border-color:rgba(91, 149, 168, .24);background:linear-gradient(180deg, rgba(16, 49, 65, .9), rgba(10, 34, 48, .96));color:#91adba;box-shadow:none}}html body.page-phases:is(*,._._) #phaseSummaryDashboard:is(*,#_) .phase-overview-location-details:is(*,._) em{color:#a7c2cd;font-weight:500}@media (max-width: 680px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){grid-template-columns:minmax(0, 1fr) auto;justify-content:stretch}& #phaseOverviewLocationInput:is(*,#_){max-width:none}}}@media (max-width: 520px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_) #phaseOverviewLocationButton:is(*,#_){grid-column:1;width:100%}}html body.page-phases:is(*,._._._._._._) #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-label:is(*,._){transform:translate(-50%, -50%) rotate(var(--week-label-angle)) translateX(calc((var(--week-wheel-size) * .255) + 25px)) rotate(calc(-1 * var(--week-label-angle)))}& .week-wheel-progress:is(*,._){stroke:#4e9da8;filter:drop-shadow(0 0 1.5px rgba(78, 157, 168, .28))}& .week-wheel-progress-marker:is(*,._){fill:#5ca9b2;stroke:#9dc7cf;filter:drop-shadow(0 0 1.5px rgba(78, 157, 168, .34))}& .week-wheel-center-copy:is(*,._) > #daysOfWeekCenterPercent:is(*,#_){color:#6ca9c4;-webkit-text-fill-color:#6ca9c4;font-weight:400;text-shadow:none}}html body.page-phases:is(*,._._._._._._) #seasonCard:is(*,#_#_) .calendar-circle-slider:is(*,._) :is(.calendar-circle-ring-label, .calendar-circle-boundary-date){paint-order:normal;stroke:none;stroke-width:0}html body.page-phases:is(*,._._) #phaseOrderGregorianCalendar:is(*,#_) > .gregorian-calendar-standard-note:is(*,._){display:block;margin:6px auto 12px;color:#9fb9c7;-webkit-text-fill-color:#9fb9c7;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:.92rem;font-style:normal;font-weight:500;line-height:1.2;text-align:center}html body.page-phases:is(*,._._._._._._) :is(#gregorianYearCard:is(*,#_), #seasonCard:is(*,#_)) .calendar-circle-outline:is(*,._){fill:none;stroke:rgba(116, 174, 194, .62);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1.5px rgba(78, 143, 166, .2))}html body.page-phases:is(*,._._._) main.shell.shell #phaseManualOrderSection:is(*,#_) #moonCyclePhaseCard:is(*,#_).moon-cycle-phase-combined-card{display:block;width:100%;min-width:0;margin:10px 0;padding:0;overflow:hidden;border:1px solid rgba(190, 201, 214, .34);border-radius:18px;background:radial-gradient(circle at 18% 8%, rgba(232, 238, 245, .13), transparent 30%), radial-gradient(circle at 80% 18%, rgba(154, 168, 185, .1), transparent 32%), linear-gradient(145deg, #313842, #1c222b 55%, #12171e);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 14px 28px rgba(0, 0, 0, .22);box-sizing:border-box}html body.page-phases:is(*,._._._) main.shell.shell #moonCyclePhaseCard:is(*,#_){& > #lunarMonthCard:is(*,#_){border-top:0}& #moonCycleCard:is(*,#_) > .moon-cycle-phase-combined-header:is(*,._){display:grid;justify-items:center;gap:9px;width:100%;margin:0;padding:0 0 14px;text-align:center}& #moonCycleCard:is(*,#_) > .moon-cycle-phase-combined-header > .moon-phase-clean-summary:is(*,._){display:grid;justify-items:center;gap:7px;width:min(100%, 720px);margin:0 auto}& #moonCycleCard:is(*,#_) > .moon-cycle-phase-combined-header > :is(.moon-cycle-current-bubble, .moon-cycle-completion-bubble){margin:0 auto}& #lunarMonthCard:is(*,#_) > .moon-phase-merged-source-header:is(*,._){display:none}& #moonCycleCard:is(*,#_) > .moon-cycle-graph-explanation:is(*,._){width:min(100%, 760px);margin-top:4px}}html body.page-phases:is(*,._._._._) main.shell.shell #moonCyclePhaseCard:is(*,#_).moon-cycle-phase-combined-card{padding:22px}html body.page-phases:is(*,._._._) #moonCyclePhaseCard:is(*,#_) > .moon-overview-header{display:grid;justify-items:center;width:100%;margin:0 auto 18px;text-align:center}html body.page-phases .moon-overview-header h2{display:inline-flex;align-items:center;gap:9px;margin:0;color:#d8f3fa;font-family:Inter, ui-sans-serif, system-ui, sans-serif;font-size:clamp(1.55rem, 2.4vw, 1.9rem);font-weight:750;letter-spacing:.01em}html body.page-phases .moon-overview-title-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(152, 219, 237, .42);border-radius:50%;background:rgba(17, 48, 68, .72);color:#f1e5b6;font-size:1.45rem;line-height:1;box-shadow:0 0 15px rgba(83, 170, 203, .18)}html body.page-phases:is(*,._._._._) main.shell.shell #moonCyclePhaseCard:is(*,#_){& > :is(#moonCycleCard:is(*,#_), #lunarMonthCard:is(*,#_)){box-sizing:border-box;width:100%;margin:0 auto 18px;padding:22px 24px 26px;overflow:visible;border:1px solid rgba(152, 190, 207, .28);border-radius:14px;background:linear-gradient(145deg, rgba(26, 38, 49, .86), rgba(14, 25, 36, .9));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035), 0 9px 20px rgba(0, 0, 0, .16)}& > #lunarMonthCard:is(*,#_){margin-bottom:0;padding-top:22px;background:linear-gradient(145deg, rgba(23, 40, 55, .9), rgba(13, 26, 39, .92))}}html body.page-phases:is(*,._._._) #moonCyclePhaseCard:is(*,#_) .moon-inner-card-title:is(*,._){margin:0 auto 8px;color:#bfeaf4;-webkit-text-fill-color:#bfeaf4;font-size:clamp(1.22rem, 1.8vw, 1.45rem);font-weight:700;text-align:center}html body.page-phases:is(*,._._._._) #moonCyclePhaseCard:is(*,#_) #lunarMonthCard:is(*,#_) > .moon-phase-inner-header:is(*,._){display:grid;justify-items:center;gap:8px;width:100%;margin:0 auto 14px;padding:0;text-align:center}html body.page-phases:is(*,._._._) #moonCyclePhaseCard:is(*,#_) #moonCycleCard:is(*,#_) > .moon-cycle-inner-header:is(*,._){padding-bottom:12px}@media (max-width: 620px){html body.page-phases:is(*,._._) main.shell.shell #moonCyclePhaseCard:is(*,#_).moon-cycle-phase-combined-card{padding:13px}html body.page-phases:is(*,._._) main.shell.shell #moonCyclePhaseCard:is(*,#_) > :is(#moonCycleCard:is(*,#_), #lunarMonthCard:is(*,#_)){padding:18px 12px 22px}}html body.page-phases:is(*,._._._._) #phaseOrderDaysOfWeek:is(*,#_#_){& > .days-of-week-current-day-tile:is(*,._){box-sizing:border-box;height:84px;min-height:84px;max-height:84px;padding:5px 14px 11px}& > .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendar:is(*,#_){font-size:2.3rem;line-height:1}& > .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendarDetail:is(*,#_){font-size:1.25rem;line-height:1.08}}html body.page-phases:is(*,._._._) main.shell.shell #phaseManualOrderSection:is(*,#_){& > :is( #moonCycleCard:is(*,#_).moon-separated-card, #lunarMonthCard:is(*,#_).moon-separated-card ){box-sizing:border-box;width:100%;margin:10px 0;padding:24px 26px 28px;overflow:visible;border:1px solid rgba(165, 199, 214, .32);border-radius:18px;background:radial-gradient(circle at 18% 8%, rgba(183, 218, 232, .09), transparent 31%), linear-gradient(145deg, rgba(31, 45, 57, .97), rgba(15, 27, 39, .98));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045), 0 13px 27px rgba(0, 0, 0, .2)}& > #lunarMonthCard:is(*,#_).moon-separated-card{background:radial-gradient(circle at 80% 10%, rgba(121, 154, 190, .1), transparent 31%), linear-gradient(145deg, rgba(27, 43, 57, .98), rgba(13, 28, 42, .98))}}html body.page-phases:is(*,._._) :is(#moonCycleCard:is(*,#_), #lunarMonthCard:is(*,#_)) .moon-inner-card-title:is(*,._){margin:0 auto 8px;color:#bfeaf4;-webkit-text-fill-color:#bfeaf4;font-size:clamp(1.35rem, 2vw, 1.65rem);font-weight:720;text-align:center}html body.page-phases:is(*,._._._) #lunarMonthCard:is(*,#_).moon-separated-card > .moon-phase-inner-header:is(*,._){display:grid;justify-items:center;gap:8px;width:100%;margin:0 auto 14px;padding:0;text-align:center}@media (max-width: 620px){html body.page-phases:is(*,._._) main.shell.shell #phaseManualOrderSection:is(*,#_) > :is( #moonCycleCard:is(*,#_).moon-separated-card, #lunarMonthCard:is(*,#_).moon-separated-card ){padding:19px 13px 23px}}html body.page-phases:is(*,._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_){row-gap:6px}html body.page-phases:is(*,._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_){& > .days-of-week-current-day-tile:is(*,._){margin:0 auto}& > .days-of-week-summary:is(*,._){width:min(100%, 560px);margin:0 auto}& #daysOfWeekSummaryProgress:is(*,#_){margin:0;padding:10px 20px}& > .phase-order-body:is(*,._) .natural-week-circle-shell:is(*,._){padding-top:0}}html body.page-phases:is(*,._._._) main.shell.shell #thirteenCard:is(*,#_){& #thirteenDetails:is(*,#_) > .thirteen-turtle-calendar-card:is(*,._) > .thirteen-turtle-current-status:is(*,._){display:grid;justify-items:center;gap:5px;width:min(100%, 390px);margin:0 auto 2px;padding:10px 16px;border:1px solid rgba(130, 198, 192, 0.34);border-radius:14px;background:linear-gradient(145deg, rgba(25, 65, 67, 0.9), rgba(19, 43, 54, 0.96));box-sizing:border-box;text-align:center}& .thirteen-turtle-current-status > strong{color:#c9f2e5;font-size:1rem;font-weight:700;line-height:1.2}& .thirteen-turtle-current-status > strong > span{color:#a9dbe2;font-weight:600}& .thirteen-turtle-current-status > span{color:#b8d9df;font-size:0.88rem;line-height:1.2}& .thirteen-turtle-current-status > em{color:#8fc2c9;font-size:0.82rem;font-style:normal;line-height:1.2}}html body.page-phases:is(*,._._._._._._._) main.shell.shell #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-label:is(*,._){transform:translate(-50%, -50%) rotate(var(--week-label-angle)) translateX(calc((var(--week-wheel-size) * .255) + 35px)) rotate(calc(-1 * var(--week-label-angle)))}& .week-wheel-outer-border:is(*,._){fill:none;stroke:rgba(151, 192, 211, 0.72);stroke-width:0.72px;filter:drop-shadow(0 0 1.4px rgba(85, 158, 184, 0.28));pointer-events:none}}html body.page-phases:is(*,._._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_){& #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box{width:auto;max-width:100%;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& > .phase-order-title:is(*,._){margin:5px 0 10px}}html body.page-phases:is(*,._._._._._) main.shell.shell #daysOfWeekCircularSlider:is(*,#_).week-wheel .week-wheel-progress:is(*,._){stroke:url(#weekWheelProgressGradient);filter:drop-shadow(0 0 3px rgba(103, 232, 219, 0.58))}html body.page-phases:is(*,._._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_) #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box{transform:translateY(10px)}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._._._._._._) #phaseOrderDayNames:is(*,#_#_#_#_#_#_#_#_#_) #alternateWeekCard:is(*,#_#_#_#_#_#_#_#_#_) .alternate-week-table:is(*,._._) tbody{& td.is-active-day{box-shadow:none}& tr:first-child td.is-active-day{background:#202a33;box-shadow:inset 2px 0 0 #f7dfaa, inset -2px 0 0 #f7dfaa, inset 0 2px 0 #f7dfaa}& tr:nth-child(2) td.is-active-day{background:#202a33;box-shadow:inset 2px 0 0 #f7dfaa, inset -2px 0 0 #f7dfaa, inset 0 -2px 0 #f7dfaa}}html body.page-phases:is(*,._._._._._._._) main.shell.shell #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-segment.is-active{filter:brightness(1.62) saturate(1.12);stroke:#edfffb;stroke-width:1.65px}& .week-wheel-label:is(*,._){color:#adb8bd;-webkit-text-fill-color:#adb8bd;text-shadow:0 1px 2px rgba(0, 0, 0, 0.72)}& .week-wheel-label:is(*,._) > small{color:#929ea4;-webkit-text-fill-color:#929ea4}& .week-wheel-label.is-active:is(*,._){color:#d9f3e9;-webkit-text-fill-color:#d9f3e9;text-shadow:0 1px 2px rgba(0, 0, 0, 0.72)}& .week-wheel-label.is-active:is(*,._) > small{color:#b9dcd3;-webkit-text-fill-color:#b9dcd3}& .week-wheel-progress-separator:is(*,._){fill:none;stroke-width:0.72px;pointer-events:none}}html body.page-phases:is(*,._._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){grid-template-columns:minmax(180px, 320px) auto;column-gap:8px;width:min(100%, 560px);margin:8px auto 4px}& #phaseOverviewLocationDetails:is(*,#_).phase-overview-location-details{display:block;width:fit-content;max-width:100%;margin:0 auto 3px;padding:7px 12px;border-radius:7px;color:#b7d8e1;font-size:0.88rem;line-height:1.35;text-align:center;white-space:normal}}html body.page-phases:is(*,._._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_) #phaseOverviewLocationDetails:is(*,#_){& > span{display:inline;margin:0;padding:0;white-space:normal}& em{color:#bddde5;font-weight:500;letter-spacing:0}}html body.page-phases:is(*,._._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& #phaseOverviewLocationInput:is(*,#_){width:100%;max-width:320px;height:32px;min-height:32px;padding:0 11px;border-radius:7px;font-size:0.88rem}& #phaseOverviewLocationButton:is(*,#_){height:32px;min-height:32px;padding:0 13px;border-radius:7px;font-size:0.8rem}}@media (max-width: 520px){html body.page-phases:is(*,._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){grid-template-columns:minmax(0, 1fr)}& :is(#phaseOverviewLocationInput:is(*,#_), #phaseOverviewLocationButton:is(*,#_)){width:100%;max-width:none}}}html body.page-phases:is(*,._._._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_){& .phase-overview-location:is(*,._){row-gap:8px;padding:14px 16px 16px;border:1px solid rgba(103, 181, 198, .36);border-radius:15px;background:linear-gradient(145deg, rgba(17, 55, 70, .9), rgba(10, 34, 48, .96));box-shadow:inset 0 1px 0 rgba(221, 250, 255, .055), 0 10px 22px rgba(2, 16, 25, .2)}& .phase-overview-location-title:is(*,._){grid-column:1 / -1;display:block;width:100%;margin:0 0 1px;padding:0;color:#9edee8;font-size:1rem;font-weight:750;line-height:1.15;letter-spacing:.02em;text-align:center}& > .phase-summary-head:is(*,._) > h2.natural-card-title-with-icon > .natural-card-title-icon:is(*,._){transform:translateY(-10px)}}html body.page-phases:is(*,._._._._._._._) main.shell.shell #daysOfWeekCircularSlider:is(*,#_).week-wheel{& .week-wheel-progress:is(*,._){stroke-linecap:butt}& .week-wheel-progress-separator:is(*,._){display:none;stroke:none}& .week-wheel-progress-border:is(*,._){fill:none;stroke:rgba(8, 31, 43, 0.96);stroke-width:5.1px;filter:none;pointer-events:none}& .week-wheel-progress:is(*,._){stroke-dashoffset:0}}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){height:auto;min-height:0;max-height:none;grid-template-rows:auto auto auto;grid-auto-rows:auto}html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){& > .phase-summary-grid:is(*,._).phase-summary-ordered-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:78px;gap:12px;width:min(100%, 1040px);min-width:0;max-width:1040px;height:auto;min-height:0;max-height:none;margin:0 auto 18px;overflow:visible}& .phase-summary-grid:is(*,._) > .phase-summary-row:is(*,._){display:contents;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none}& .phase-summary-grid:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;align-content:center;column-gap:10px;row-gap:7px;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:78px;min-height:78px;max-height:78px;margin:0;padding:10px 16px;border:1px solid var(--overview-card-border, rgba(111, 198, 211, .3));border-radius:17px;background:linear-gradient(145deg, var(--overview-card-start, #153847), var(--overview-card-mid, #194654) 58%, var(--overview-card-end, #0b2431));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 9px 18px rgba(1, 12, 22, .2);text-align:center}& .phase-summary-grid:is(*,._) :is(.phase-summary-tile, .phase-summary-feature) > :is(span:not(.phase-summary-icon), .phase-summary-label, strong, small){position:static;inset:auto;display:block;flex-grow:0;flex-shrink:0;order:initial;width:auto;min-width:0;max-width:100%;margin:0;white-space:nowrap;transform:none}}html body.page-phases:is(*,._._) #phaseSummaryDashboard:is(*,#_) .phase-summary-grid:is(*,._) :is(.phase-summary-tile, .phase-summary-feature){& > :is(span:not(.phase-summary-icon), .phase-summary-label){color:#92d5df;-webkit-text-fill-color:#92d5df;font-size:.92rem;font-weight:700;line-height:1.15}& > strong{color:#f2fbfd;-webkit-text-fill-color:#f2fbfd;font-size:.92rem;font-weight:650;line-height:1.15;text-shadow:none}& > small{flex-basis:100%;justify-self:center;color:#adcbd3;-webkit-text-fill-color:#adcbd3;font-size:.92rem;font-weight:600;line-height:1.15;text-align:center}}@media (max-width: 760px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) > .phase-summary-grid:is(*,._).phase-summary-ordered-grid{grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:78px;gap:10px;width:min(100%, 680px);max-width:680px}}@media (max-width: 650px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) > .phase-summary-grid:is(*,._).phase-summary-ordered-grid{grid-template-columns:minmax(0, 1fr);grid-auto-rows:74px;width:min(100%, 420px);max-width:420px}html body.page-phases:is(*,._._) #phaseSummaryDashboard:is(*,#_) .phase-summary-grid:is(*,._){& :is(.phase-summary-tile, .phase-summary-feature){height:74px;min-height:74px;max-height:74px;padding-inline:10px;column-gap:10px}& :is(.phase-summary-tile, .phase-summary-feature) > :is(span:not(.phase-summary-icon), .phase-summary-label, strong, small){font-size:clamp(.8rem, 3.5vw, .88rem)}}}html body.page-phases:is(*,._._._._._._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_) #daysOfWeekCircularSlider:is(*,#_).week-wheel .week-wheel-progress:is(*,._){stroke-dashoffset:-.75px}html body.page-phases:is(*,._._._._._) main.shell.shell #phaseOrderDaysOfWeek:is(*,#_#_){& > .days-of-week-current-day-tile:is(*,._._){box-sizing:border-box;height:84px;min-height:84px;max-height:84px;padding:5px 14px 11px}& > .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendar:is(*,#_#_){font-size:2.3rem;line-height:1}& > .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendarDetail:is(*,#_#_){font-size:1.25rem;line-height:1.08}}@media (max-width: 760px){html body.page-phases:is(*,._._) main.shell.shell #phaseSummaryDashboard:is(*,#_#_#_#_#_){& > .phase-summary-head:is(*,._){opacity:1;visibility:visible}& > .phase-summary-head:is(*,._) > h2.natural-card-title-with-icon:is(*,._){min-width:0;max-width:100%;color:#b7e9ef;-webkit-text-fill-color:#b7e9ef;font-size:clamp(1.28rem, 6vw, 1.48rem);font-weight:800;line-height:1.15;text-align:center;white-space:normal;opacity:1;visibility:visible}}html body.page-phases:is(*,._._) #phaseSummaryDashboard:is(*,#_#_) > .phase-summary-head:is(*,._) > h2.natural-card-title-with-icon > .natural-card-title-icon:is(*,._){width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0 auto;transform:none}}html body.page-phases:is(*,._._._._._) main.shell.shell :is( #phaseDayTitleValue.phase-title-bubble, #sunCycleTitleValue.sun-cycle-title-bubble, .day-night-current-phase-bubble:is(*,._), .seasonal-sun-angle-bubble:is(*,._), .days-of-week-summary:is(*,._), .calendar-header-summary > .calendar-current-bubble:is(*,._), .season-header-summary > .season-current-bubble:is(*,._), .zodiac-header-summary > .zodiac-current-bubble:is(*,._), .moon-cycle-inner-header > .moon-cycle-current-bubble:is(*,._), .moon-cycle-inner-header > .moon-cycle-completion-bubble:is(*,._), .moon-cycle-inner-header > .moon-cycle-year-count-bubble:is(*,._), .moon-phase-inner-header > .moon-phase-current-bubble:is(*,._), .seasonal-sun-topic-header > .seasonal-card-header-bubble:is(*,._), .seasonal-day-length-split-bubble:is(*,._), .seasonal-sun-azimuth-overview-bubble:is(*,._), .sun-boundary-timing-box:is(*,._), .moon-position-title > #moonCycleTitleValue:is(*,#_), .moon-position-visibility-bubble:is(*,._), .moon-angle-chart > p, .moon-direction-chart > p, .sun-direction-graph > p, .wake-sleep-top-bubble:is(*,._), .time-slider-bubble-row > .time-slider-bubble:is(*,._):not(:empty) ){border-color:rgba(98, 157, 188, .58);background:#17364b;box-shadow:inset 0 1px 0 rgba(218, 244, 255, .07), 0 5px 12px rgba(1, 10, 18, .18)}html body.page-phases:is(*,._._._._._) main.shell.shell #moonCycleCard:is(*,#_) > .moon-cycle-inner-header:is(*,._){& > :is( .moon-cycle-current-bubble:is(*,._), .moon-cycle-completion-bubble:is(*,._), .moon-cycle-year-count-bubble:is(*,._) ){background:#24394b}& > .moon-cycle-year-count-bubble:is(*,._){border-color:rgba(144, 164, 190, .62);background:#303d50}}html body.page-phases :is(#dayNightPhasesCard, #phaseOrderDayNightPhases) .daylight-edge-labels small{font-size:1rem}html body.page-phases:is(*,._._._._) #phaseOrderDayNightPhases:is(*,#_#_){padding-bottom:8px}html body.page-phases:is(*,._._._._) #phaseOrderDayNightPhases:is(*,#_#_) .day-night-b60-restored-panel .cycle-slider-label-container:is(*,._){padding-bottom:8px}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_){& .daylight-phase-marker:is(*,._)::before{/**/ top: var(--daylight-live-icon-top, 17px);width:22px;height:22px;box-sizing:border-box;border:2px solid #fff1a8;border-radius:50%;background:radial-gradient(circle at 38% 34%, #fff7b8 0 18%, #f6c94f 48%, #d89522 100%);box-shadow:none}& .daylight-phase-marker.is-night-marker:is(*,._)::before{content:"";top:var(--daylight-live-icon-top, 17px);display:block;width:22px;height:22px;border:2px solid #dce9ee;border-radius:50%;background:radial-gradient(circle at 35% 35%, #80919a 0 8%, transparent 9%), radial-gradient(circle at 64% 57%, #74868f 0 12%, transparent 13%), radial-gradient(circle at 42% 72%, #8999a0 0 7%, transparent 8%), radial-gradient(circle at 37% 31%, #e8eff1 0, #aebcc2 60%, #788993 100%);color:transparent;font-size:0;text-shadow:none;box-shadow:none}& .daylight-phase-marker:is(*,._),& .daylight-phase-marker.is-night-marker:is(*,._){width:0;background:transparent;box-shadow:none}& .daylight-phase-marker:is(*,._) > b{z-index:8}& .daylight-phase-marker.is-night-marker:is(*,._) > b{border-color:var(--daylight-live-label-border, #c9eaff);color:var(--daylight-live-label-color, #edf7ff)}& .daylight-phase-segment > b{top:var(--daylight-phase-label-top, 0px)}& .daylight-phase-segment.is-active-phase > b{padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#ffb15c;font-weight:850;text-shadow:0 0 9px rgba(255, 145, 55, .58)}}@media (max-width: 760px){html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_) .daylight-phase-marker:is(*,._) > b{top:var(--daylight-live-label-top, -26px);bottom:auto}}html body.page-phases:is(*,._._._) #phaseOrderDayNightPhases:is(*,#_#_){& > .phase-order-title:is(*,._).natural-card-title-with-icon{margin-bottom:30px}& #periodScale:is(*,#_#_).daylight-phase-scale{margin-top:-20px;margin-bottom:-20px}}html body.page-phases:is(*,._) #phaseOrderDayNightPhases:is(*,#_){& > .phase-order-title:is(*,._){margin-bottom:30px}& #periodScale:is(*,#_) .is-daylight-block > h4{top:0;margin-bottom:48px;color:#68bff2;font-size:1.14rem;text-shadow:0 0 10px rgba(104, 191, 242, .34)}& #periodScale:is(*,#_) .is-night-block > h4{position:relative;left:auto;top:0;margin:0 0 48px;color:#8580c7;font-size:1.14rem;text-shadow:0 0 10px rgba(133, 128, 199, .34);transform:none}}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_){& #periodScale:is(*,#_) .daylight-edge-labels:is(*,._){order:5;min-height:38px;margin:var(--daylight-edge-label-gap) 0 0}& .day-night-b60-restored-panel .cycle-slider-label-container{/**/ width: 760px;min-width:760px;max-width:760px;font-size:14px;line-height:1.45;min-height:0;padding:22px 20px 24px}& #periodScaleMount:is(*,#_).weather-period-scale{display:block;height:auto;margin:0 auto;padding:0;overflow:visible}& #periodScale:is(*,#_).daylight-phase-scale{display:block;width:720px;min-width:720px;max-width:720px;min-height:0;height:auto;padding:14px 40px 6px;border:0;background:transparent;box-shadow:none}}html body.page-phases:is(*,._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_) .daylight-phase-block.is-daylight-block{transform:none}html body.page-phases:not(.page-calendars) :is( #phaseOrderSeason, #phaseOrderZodiacCalendar, #phaseOrderGregorianCalendar, #phaseOrderJulianCalendar, #phaseOrderLunarYearCalendar, #phaseOrderGenericLunarCalendar, #phaseOrderThirteenCalendar, #phaseOrderMayaCalendar, #phaseOrderAztecCalendar, #phaseOrderOtherCalendars, #egyptianCalendarCard ){display:none}html body.page-phases:not(.page-calendars) #calendarDefinitionCard:is(*,#_){position:relative;isolation:isolate;box-sizing:border-box;display:block;overflow:hidden;width:min(100%, var(--app-standard-page-card-width, 1480px));max-width:var(--app-standard-page-card-width, 1480px);margin:16px auto;padding:clamp(24px, 3vw, 36px);border:1px solid rgba(112, 205, 227, .32);border-radius:var(--app-standard-page-card-radius, 24px);background:radial-gradient(circle at 12% 5%, rgba(255, 205, 91, .15), transparent 34%), radial-gradient(circle at 88% 100%, rgba(83, 190, 218, .15), transparent 38%), linear-gradient(145deg, rgba(25, 55, 70, .98), rgba(11, 35, 48, .99) 62%, rgba(8, 27, 40, .99));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 38px rgba(0, 12, 24, .3)}html body.page-phases:not(.page-calendars) #calendarDefinitionCard{& #definingDayTitle{margin:0;color:#effcff;font-size:clamp(1.65rem, 2.6vw, 2.15rem);font-weight:760;line-height:1.08;letter-spacing:-.02em;text-align:center}& .defining-day-header p{margin:7px 0 0;color:#b8d7e1;font-size:1rem;line-height:1.45;text-align:center}& .calendar-definition-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}& .defining-day-panel{margin:0;padding:22px 22px 20px 72px}& .defining-day-panel h4{margin:0 0 10px;color:#e9faff;font-size:1.1rem;font-weight:720;line-height:1.25}& .defining-day-panel :is(p, li){color:#bfd7df;font-size:.98rem;line-height:1.48}& .defining-day-panel p{margin:0}& .defining-day-panel ul{margin:0;padding:0}& .defining-day-highlight{margin-top:13px;color:#8fdde9}}@media (max-width: 760px){html body.page-phases:not(.page-calendars) #calendarDefinitionCard:is(*,#_){padding:22px 15px}html body.page-phases:not(.page-calendars) #calendarDefinitionCard{& #definingDayTitle,& .defining-day-header p{text-align:center}& .calendar-definition-grid{grid-template-columns:minmax(0, 1fr)}}}@media (max-width: 430px){html body.page-phases:not(.page-calendars) #calendarDefinitionCard .defining-day-panel{padding:64px 18px 20px}}html body:not(#site-title-font-01):not(#site-title-font-02):not(#site-title-font-03):not(#site-title-font-04):not(#site-title-font-05):not(#site-title-font-06):not(#site-title-font-07):not(#site-title-font-08):not(#site-title-font-09):not(#site-title-font-10):not(#site-title-font-11):not(#site-title-font-12):not(#site-title-font-13):not(#site-title-font-14):not(#site-title-font-15):not(#site-title-font-16):not(#site-title-font-17):not(#site-title-font-18):not(#site-title-font-19):not(#site-title-font-20):not(#site-title-font-21):not(#site-title-font-22):not(#site-title-font-23):not(#site-title-font-24) main :is(h2, .card-title, .phase-order-title){font-family:var(--site-card-title-font)}html body:not(#site-title-font-01):not(#site-title-font-02):not(#site-title-font-03):not(#site-title-font-04):not(#site-title-font-05):not(#site-title-font-06):not(#site-title-font-07):not(#site-title-font-08):not(#site-title-font-09):not(#site-title-font-10):not(#site-title-font-11):not(#site-title-font-12):not(#site-title-font-13):not(#site-title-font-14):not(#site-title-font-15):not(#site-title-font-16):not(#site-title-font-17):not(#site-title-font-18):not(#site-title-font-19):not(#site-title-font-20):not(#site-title-font-21):not(#site-title-font-22):not(#site-title-font-23):not(#site-title-font-24) main :is(h2, .card-title, .phase-order-title) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]):not(.time-card-title-suffix){font-family:var(--site-card-title-font)}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h1, h2, .site-title):not(.site-subtitle):not(.site-section-title):not(#homeTestTitle){color:var(--site-title-color);-webkit-text-fill-color:var(--site-title-color);font-family:var(--site-font-title);font-size:var(--site-title-size);font-style:normal;font-weight:var(--site-title-weight);line-height:var(--site-title-line-height);letter-spacing:var(--site-title-letter-spacing);text-decoration:none;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h1, h2, .site-title):not(.site-subtitle):not(.site-section-title) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]){color:inherit;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit;text-shadow:none;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h4:not(.site-title), h5:not(.site-title), .site-subtitle):not(.daylight-phase-heading){color:var(--site-subtitle-color);-webkit-text-fill-color:var(--site-subtitle-color);font-family:var(--site-font-body);font-size:var(--site-subtitle-size);font-style:normal;font-weight:var(--site-subtitle-weight);line-height:var(--site-subtitle-line-height);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h4:not(.site-title), h5:not(.site-title), .site-subtitle) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]){color:inherit;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit;text-shadow:none;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(p, li, dd, dt, blockquote, .site-body):not(#workTestWeekdayLabel){color:var(--site-body-color);-webkit-text-fill-color:var(--site-body-color);font-family:var(--site-font-body);font-size:var(--site-body-size);font-style:normal;font-weight:var(--site-body-weight);line-height:var(--site-body-line-height);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(label, .site-label, .field-label, .control-label, .weather-detail-label, .info-label, .stat-label, .metric-label){color:var(--site-label-color);-webkit-text-fill-color:var(--site-label-color);font-family:var(--site-font-body);font-size:var(--site-label-size);font-style:normal;font-weight:var(--site-label-weight);line-height:var(--site-label-line-height);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(output, .site-value, .weather-detail-value, .card-value, .metric-value, .stat-value){color:var(--site-value-color);-webkit-text-fill-color:var(--site-value-color);font-family:var(--site-font-body);font-size:var(--site-value-size);font-style:normal;font-weight:var(--site-value-weight);line-height:var(--site-value-line-height);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(.site-caption, .helper-text, .meta-text, .fine-print){color:var(--site-caption-color);-webkit-text-fill-color:var(--site-caption-color);font-family:var(--site-font-body);font-size:var(--site-caption-size);font-style:normal;font-weight:var(--site-caption-weight);line-height:var(--site-caption-line-height);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) :is(main, nav) :is(button, input, select, textarea){font-family:var(--site-font-body);font-style:normal;letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(table, .site-table-text, th, td){font-family:var(--site-font-interface);font-size:var(--site-table-size);font-style:normal;line-height:1.45;letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main th{font-weight:var(--site-label-weight)}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main td{font-weight:var(--site-body-weight)}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main table :is(th, td) :is(span, small, b, strong, em, output){color:inherit;-webkit-text-fill-color:currentColor;font-family:inherit;font-size:inherit;font-style:normal;font-weight:inherit;line-height:inherit;letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) nav.top-nav[data-shared-nav] :is(.page-menu-button, .page-nav-link, .nav-about-right-link),html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) nav.top-nav[data-shared-nav] .nav-live-summary :is(span, time){font-family:var(--site-font-interface);font-style:normal;letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}@media (min-width: 761px){html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) nav.top-nav[data-shared-nav] :is(.page-menu-button, .page-nav-link, .nav-about-right-link){font-size:15px;font-weight:600;line-height:18px}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) nav.top-nav[data-shared-nav] .nav-live-summary :is(span, time){font-size:14px;font-weight:600;line-height:18px}}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main svg :is(text, tspan){color:var(--site-chart-label-color, var(--site-chart-text-color));fill:var(--site-chart-label-color, var(--site-chart-text-color));font-family:var(--site-font-body);font-style:normal;letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;stroke:none;stroke-width:0;stroke-opacity:0;paint-order:normal;filter:none;opacity:1}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main svg :is(text.site-chart-text, .site-chart-text text, .site-chart-text tspan){font-size:var(--site-chart-size);font-weight:var(--site-body-weight)}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) #weatherByHourChart{& :is(text, tspan){stroke:none;stroke-width:0;stroke-opacity:0;paint-order:normal;text-shadow:none;filter:none;opacity:1}& :is(.weather-hour-condition-label, .weather-hour-condition-label tspan){color:#c5edf3;fill:#c5edf3;font-size:18px;font-weight:500}& .weather-hour-temp-label{color:#fff1c7;fill:#fff1c7;font-size:20px;font-weight:600}& .weather-hour-clock-label{color:#d5edf5;fill:#d5edf5;font-size:19px;font-weight:500}& .weather-hour-relative-label{color:#9bdff0;fill:#9bdff0;font-size:17px;font-weight:500}& .weather-hour-relative-label.weather-now-bottom-label{color:#f2be73;fill:#f2be73;font-size:19px;font-weight:600}}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is([class*="chart"], [class*="graph"], [class*="slider"], [class*="scale"], [class*="dial"], [class*="ring"], [class*="timeline"]) :is([class*="label"], [class*="caption"], [class*="tick-text"], [class*="axis-text"], .mini-bottom-label, .mini-scale-label, .progress-label, .day-label, .time-label, .phase-label):not(#workTestWeekdayLabel){color:var(--site-chart-label-color, var(--site-chart-text-color));-webkit-text-fill-color:var(--site-chart-label-color, var(--site-chart-text-color));font-family:var(--site-font-interface);font-style:normal;letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) #weatherSimpleTopCard{& :is(#currentWeatherFactsBubble, #weatherLocationControlsPanel) :is(span, b, strong, label, input, button, output){font-family:var(--site-font-interface);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}& #currentWeatherFactsBubble :is(.weather-detail-label, .weather-average-category, .weather-humidity-description){color:#c5e5ed;-webkit-text-fill-color:#c5e5ed;font-size:16px;font-weight:600;line-height:1.35}& #currentWeatherFactsBubble :is(.weather-detail-value, b){color:#f5fbfd;-webkit-text-fill-color:#f5fbfd;font-size:16px;font-weight:600;line-height:1.35}& #weatherLocationControlsPanel #todayWeatherCity,& #weatherLocationControlsPanel #todayWeatherCity *{font-family:var(--site-font-interface);text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) #weatherTemperatureScale{& .weather-temperature-scale-labels{color:#d9f1f7;-webkit-text-fill-color:#d9f1f7;font-family:var(--site-font-interface);font-size:14px;font-weight:600;line-height:16px;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}& .weather-temperature-scale-current,& .weather-temperature-scale-current > b{color:#ffe3a2;-webkit-text-fill-color:#ffe3a2;font-family:var(--site-font-interface);font-size:15px;font-weight:600;line-height:16px;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none;opacity:1}& .weather-temperature-scale-current{height:16px}& .weather-temperature-scale-ticks > span{width:2px;background:#c9eaf3;box-shadow:none;opacity:1}& .weather-temperature-scale-track{border-color:rgba(215, 241, 249, .9);box-shadow:inset 0 0 0 1px rgba(8, 35, 50, .45)}}@media (max-width: 560px){html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) #weatherTemperatureScale .weather-temperature-scale-labels{font-size:11px;line-height:13px}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) #weatherSimpleTopCard #currentWeatherFactsBubble :is(.weather-detail-label, .weather-average-category, .weather-humidity-description, .weather-detail-value, b){font-size:13px}}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main a:not([class*="button"]):not([role="button"]){color:var(--site-link-color);-webkit-text-fill-color:var(--site-link-color);text-shadow:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h3:not(.site-title), h4:not(.site-title), h5:not(.site-title), .site-subtitle, .site-section-title):not(.daylight-phase-heading){color:var(--site-subtitle-color);-webkit-text-fill-color:var(--site-subtitle-color);font-family:var(--site-font-interface);font-size:var(--site-section-title-size);font-style:normal;font-weight:var(--site-section-title-weight);line-height:var(--site-section-title-line-height);letter-spacing:0;text-decoration:none;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h3:not(.site-title), h4:not(.site-title), h5:not(.site-title), .site-subtitle, .site-section-title) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]):not(.time-card-title-suffix){color:inherit;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit;text-shadow:none;-webkit-text-stroke:0 transparent;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is( h3.card-title, section.glass-card > h3, section.glass-card > :is(header, div)[class*="head"] h3, :is(section, article, div)[class*="-card"] > h3, :is(section, article, div)[class*="-card"] > header h3, :is(section, article, div)[class*="-card"] > :is([class*="-head"], [class*="-header"], [class*="-heading"]) h3, .cycle-panel > h3, .defining-day-header h3, #localForecastSection > h3, #weatherOverviewCard > h3 ):not(.site-subtitle):not(.site-section-title){color:var(--site-title-color);-webkit-text-fill-color:var(--site-title-color);font-family:var(--site-font-title);font-size:var(--site-title-size);font-style:normal;font-weight:var(--site-title-weight);line-height:var(--site-title-line-height);letter-spacing:var(--site-title-letter-spacing);text-decoration:none;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-stroke:0 transparent;filter:none}@media (max-width: 1024px){html,body{width:100%;max-width:100%}html body :is( main.shell, main.home-shell, main.home-test-shell, main.orbit-simulator-app, main.phase-simulator-app ){box-sizing:border-box;width:calc(100% - 24px);min-width:0;max-width:none;margin-inline:auto;padding-inline:0;zoom:1;transform:none;transform-origin:top center}html body :is( main.shell, main.home-shell, main.home-test-shell, main.orbit-simulator-app, main.phase-simulator-app ) > *,html body [data-main-card-unit],html body [data-main-card-stack]{box-sizing:border-box;min-width:0;max-width:100%}html body :is( .glass-card, .progress-card, .timeline-card, .weather-simple-card, .weather-stat-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .geography-card, .phase-order-section, .isolated-simulator-card, .calendar-summary-section, .work-test-view-section, .work-test-slider-card ){box-sizing:border-box;min-width:0;max-width:100%}html body :is( main.shell, main.home-shell, main.home-test-shell, main.orbit-simulator-app, main.phase-simulator-app ) :is(img, video, canvas, iframe){box-sizing:border-box;max-width:100%}html body :is( main.shell, main.home-shell, main.home-test-shell, main.orbit-simulator-app, main.phase-simulator-app ) svg:not(#weatherByHourChart){max-width:100%}html body :is(input, select, textarea, button){box-sizing:border-box}html body :is( [class*="table-wrap"], [class*="table-scroll"], [class*="table-container"], [class*="timeline-scroll"], [class*="chart-scroll"] ){box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:auto}html body #sharedNavMount #optionsMenuButton:is(*,#_){width:40px;min-width:40px;max-width:40px}html body .top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){box-sizing:border-box;flex:0 0 42px;width:42px;min-width:42px;max-width:42px}html body .top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_){box-sizing:border-box;width:42px;min-width:42px;max-width:42px;padding-inline:0}html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item #optionsMenuButton:is(*,#_){box-sizing:border-box;flex:0 0 42px;width:42px;min-width:42px;max-width:42px;padding-inline:0}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._) #phaseBottomSimulatorsSection:is(*,#_#_) #phaseBottomSimulatorsStack:is(*,#_#_) :is(#phaseOrbitSimulatorSection:is(*,#_), #phaseSimulatorSection:is(*,#_)) > .weather-period-scale-title:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:auto;transform:none}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_#_#_) :is( h2, h3, h4, .natural-card-title-with-icon:is(*,._), .moon-position-title:is(*,._), .weather-period-scale-title:is(*,._), .defining-day-header:is(*,._), .defining-day-header:is(*,._) > div ){box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:auto;transform:none}}@media (max-width: 600px){html body :is( main.shell, main.home-shell, main.home-test-shell, main.orbit-simulator-app, main.phase-simulator-app ){width:calc(100% - 12px)}}@media (max-width: 1024px){html body.page-phases:is(*,._._._._) main.shell:is(*,._._._) #phaseManualOrderSection:is(*,#_#_){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;overflow-x:clip}html body.page-phases:is(*,._._._._) main.shell:is(*,._._._) #phaseManualOrderSection:is(*,#_#_){& :is( .phase-order-section:is(*,._), .phase-order-body:is(*,._), .cycle-panel:is(*,._), .seasonal-sun-grid:is(*,._), .seasonal-sun-controls:is(*,._), .seasonal-sun-topic-card:is(*,._), .seasonal-sun-topic-header:is(*,._), .seasonal-sun-topic-body:is(*,._), .moon-position-path-card:is(*,._), .calendar-definition-card:is(*,._), .phase-bottom-week-history:is(*,._) ){box-sizing:border-box;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0, 1fr);transform:none}& .moon-position-path-card:is(*,._){flex-direction:column;align-items:stretch}}html body.page-phases:is(*,._._._) :is(#phaseBottomSimulatorsSection:is(*,#_), #phaseBottomSimulatorsStack:is(*,#_)){box-sizing:border-box;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0, 1fr);overflow-x:clip}html body.page-phases:is(*,._._._) :is(#phaseOrbitSimulatorSection:is(*,#_), #phaseSimulatorSection:is(*,#_)){box-sizing:border-box;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0, 1fr);overflow:hidden}html body.page-phases:is(*,._._) :is(#phaseOrbitSimulatorSection, #phaseSimulatorSection) iframe{display:block;width:100%;min-width:0;max-width:100%}html body.page-phases:is(*,._._) #seasonalDayNightLengthYearTable:is(*,#_){box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:auto}}@media (max-width: 600px){html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_#_) :is( .seasonal-sun-angle-tables:is(*,._), .seasonal-sun-angle-year-table:is(*,._), .seasonal-sunrise-sunset-year-table:is(*,._), article.seasonal-vertical-table:is(*,._), .seasonal-table-scroll:is(*,._) ){box-sizing:border-box;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0, 1fr);margin-inline:auto;transform:none}html body.page-phases:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_){& article.seasonal-vertical-table:is(*,._){overflow-x:hidden}& article.seasonal-vertical-table:is(*,._) .seasonal-table-scroll:is(*,._){overflow-x:auto;overflow-y:hidden}}html body.page-phases:is(*,._._._._._) main.shell:is(*,._._._._) #phaseBottomSimulatorsSection:is(*,#_#_) #phaseBottomSimulatorsStack:is(*,#_#_) :is(#phaseOrbitSimulatorSection:is(*,#_), #phaseSimulatorSection:is(*,#_)) > .weather-period-scale-title:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:auto;transform:none}html body.page-phases:is(*,._._._._) #phaseManualOrderSection:is(*,#_#_) #phaseOrderDayNightPhases:is(*,#_) #periodScaleMount:is(*,#_) .daylight-phase-block:is(*,._) > h4{left:50%;width:100%;min-width:0;max-width:100%;transform:translateX(-50%)}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) #weatherByHourChart:is(*,#_) :is(.weather-hour-condition-label, .weather-hour-condition-label tspan){font-size:16px}}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_){& #periodScale:is(*,#_) .daylight-edge-labels:is(*,._) > span > b{order:1;color:#f2c492;-webkit-text-fill-color:#f2c492;font-weight:700;text-shadow:0 0 7px rgba(242, 174, 108, .18)}& #periodScale:is(*,#_) .daylight-edge-labels:is(*,._) > span > small{order:2;color:#f2c492;-webkit-text-fill-color:#f2c492;font-weight:650;text-shadow:0 0 7px rgba(242, 174, 108, .18)}& #periodScale:is(*,#_) .daylight-phase-marker:is(*,._) > b{top:var(--daylight-live-label-top, -29px);bottom:auto;border:2px solid var(--daylight-live-label-border, #ffda79);background:var(--daylight-live-label-bg, #302b1e);color:var(--daylight-live-label-color, #fff1c2);-webkit-text-fill-color:var(--daylight-live-label-color, #fff1c2)}& .day-night-b60-restored-panel .cycle-slider-label-container{transform:none;margin-bottom:0}}html body.page-phases:is(*,._._._) #phaseOrderDayNightPhases:is(*,#_#_) #periodScale:is(*,#_#_).daylight-phase-scale{margin:16px auto 0}html body.page-phases:is(*,._._) #phaseOrderDayNightPhases:is(*,#_) #periodScale:is(*,#_){& .daylight-phase-marker:is(*,._) > b::before{content:none;display:none}& .daylight-edge-labels:is(*,._) > span::after{display:none}}html body.page-phases:is(*,._._) #seasonalSunAzimuthCard:is(*,#_){& .sunrise-sunset-definition-guide:is(*,._){box-sizing:border-box;width:min(100%, 940px);margin:10px auto 18px;padding:14px 16px;border:1px solid rgba(137, 190, 218, .34);border-radius:13px;background:rgba(18, 39, 58, .72);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05)}& .sunrise-sunset-definition-guide > h4{margin:0 0 11px;color:#d9eff8;font-size:clamp(1rem, 1.5vw, 1.16rem);font-weight:650;line-height:1.25;text-align:center}& .sunrise-sunset-definition-grid:is(*,._){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}& .sunrise-sunset-definition-grid > article{display:grid;grid-template-columns:minmax(0, 1fr);gap:9px;align-content:start;justify-items:center;text-align:center;min-width:0;padding:10px 11px;border:1px solid rgba(144, 187, 210, .2);border-radius:10px;background:rgba(31, 56, 75, .62)}& .sunrise-sunset-definition-grid > article > strong{color:#c8e8f5;font-size:.9rem;line-height:1.42}& .sunrise-sunset-definition-grid > .is-sunrise-definition > strong{color:#ffd29a}& .sunrise-sunset-definition-grid > .is-sunset-definition > strong{color:#ffb596}& .sunrise-sunset-definition-grid > article > span,& .sunrise-sunset-definition-note:is(*,._){color:#b9cad5;font-size:.84rem;line-height:1.46}& .sunrise-sunset-definition-note:is(*,._){max-width:88ch;margin:11px auto 0;text-align:center}}@media (max-width: 720px){html body.page-phases:is(*,._._) #seasonalSunAzimuthCard:is(*,#_) .sunrise-sunset-definition-grid:is(*,._){grid-template-columns:1fr}}@media (max-width: 440px){html body.page-phases:is(*,._._) #seasonalSunAzimuthCard:is(*,#_) .sunrise-sunset-definition-grid > article{grid-template-columns:1fr;gap:3px}}}@layer components-page{body.page-phases{background:var(--ui-bg, #0f1724);color:var(--ui-text, #e8eef6);font-family:var(--ui-font, Inter, "Segoe UI", sans-serif)}.page-phases main :is(.glass-card, .phase-order-section, .moon-position-independent-card, .moon-separated-card, .week-origins-history){border:1px solid var(--ui-border, #324458);border-radius:18px;background:var(--ui-surface, #172233);box-shadow:0 8px 24px rgb(0 0 0 / 10%);color:var(--ui-text, #e8eef6);text-shadow:none}.page-phases main :is(.phase-order-section, .moon-position-independent-card, .moon-separated-card, #calendarDefinitionCard, #weekOriginsHistorySection, #phaseSummaryDashboard, #phaseBottomSimulatorsSection){padding:28px;min-width:0;max-width:100%}.page-phases main :is(.phase-order-section, .moon-position-independent-card, .moon-separated-card, #calendarDefinitionCard, #weekOriginsHistorySection, #phaseSummaryDashboard)::before,.page-phases main :is(.phase-order-section, .moon-position-independent-card, .moon-separated-card, #calendarDefinitionCard, #weekOriginsHistorySection, #phaseSummaryDashboard)::after{content:none}.page-phases main :is(.phase-order-title, .phase-summary-head h2, .moon-position-independent-card > h4, #lunarMonthTitle, .moon-inner-card-title, #definingDayTitle, .week-origins-head h3, .moon-cycle-main-title, .isolated-simulator-title, .isolated-simulator-card > h3){color:var(--ui-heading, var(--ui-text, #e8eef6));-webkit-text-fill-color:currentColor;font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);font-size:28px;font-weight:650;font-style:normal;line-height:1.25;letter-spacing:-.025em;text-shadow:none;text-align:center;margin:0 auto 20px}.page-phases main :is(h3, h4, p, .detail-text, .phase-order-subtitle, .phase-info-copy, .weather-period-scale-title){font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);font-style:normal;text-shadow:none}.page-phases main .natural-card-title-with-icon{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:0;height:auto;padding:0;transform:none;text-align:center}.page-phases main .natural-card-title-icon{--natural-icon-line: var(--ui-accent, #83c5f4);--natural-icon-accent: var(--ui-accent, #83c5f4);--natural-icon-soft: var(--ui-muted, #a9b8c9);display:grid;position:static;inset:auto;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;border:0;background:none;box-shadow:none;filter:none;transform:none}.page-phases main .natural-title-artwork{display:block;position:static;inset:auto;width:100%;height:100%;filter:none;transform:none}.page-phases main :is(.phase-order-subtitle, .phase-info-copy, .calendar-basis-note-above-graph){max-width:65ch;margin:8px auto 20px;color:var(--ui-muted, #a9b8c9);font-size:15px;line-height:1.55;text-align:center}.page-phases main :is(button, .section-scroll-button){min-height:44px;border:1px solid var(--ui-button-border, #75b5e4);border-radius:10px;background:var(--ui-button-bg, #243d58);box-shadow:none;color:var(--ui-text, #e8eef6);font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);font-size:14px;font-weight:600;text-shadow:none}.page-phases main button:hover:not(:disabled){background:var(--ui-button-hover, #2e4d6d)}.page-phases main :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]), select, textarea){background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-text);-webkit-text-fill-color:currentColor}.page-phases main input::placeholder{color:var(--ui-muted);opacity:1}.page-phases main :is(button, summary, input):focus-visible{outline:3px solid var(--ui-accent, #83c5f4);outline-offset:3px}.page-phases main button:disabled{opacity:.5;cursor:not-allowed}.page-phases main :is(.day-night-current-phase-bubble, .moon-phase-current-line, .moon-phase-section-subtext, .days-of-week-summary, .moon-position-readouts, .seasonal-sun-current-bubble){background:var(--ui-raised, #1e2d41);border-color:var(--ui-border, #324458);box-shadow:none;color:var(--ui-text, #e8eef6);text-shadow:none}.page-phases #phaseSummaryDashboard .natural-overview-celestial-row{display:none}.page-phases #phaseSummaryDashboard{display:block;padding-top:24px}.page-phases #phaseSummaryDashboard{& .natural-card-title-icon{width:48px;height:48px}& .phase-summary-head{display:block;position:static;inset:auto;transform:none;height:auto;min-height:0;max-height:none;margin:0;padding:0}& .phase-summary-head h2{margin:0;min-height:0;max-height:none}& .phase-summary-ordered-grid{display:grid;position:static;inset:auto;transform:none;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:auto;align-items:stretch;gap:16px;margin:20px auto 0;padding:0;width:min(100%, 720px);max-width:720px;min-height:0;height:auto;max-height:none;background:none}& .natural-summary-group{display:block;box-sizing:border-box;height:auto;min-height:0;max-height:none;width:100%;min-width:0;max-width:none;justify-self:stretch;align-self:stretch;margin:0;padding:16px 20px;border:1px solid var(--ui-border, #324458);border-radius:12px;background:var(--ui-raised, #1e2d41)}& .natural-summary-group h3{box-sizing:border-box;display:block;width:auto;min-width:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;font-size:18px;font-weight:650;line-height:1.3;color:var(--ui-accent, #83c5f4);margin:0 0 10px;text-align:center}& .natural-summary-title-icon{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 4px}& .natural-summary-title-icon svg{display:block;width:100%;height:100%;overflow:visible}& .natural-summary-title-icon-sun{color:var(--natural-summary-sun)}& .natural-summary-title-icon-moon{color:var(--natural-summary-moon)}& .natural-summary-sun h3{color:var(--natural-summary-sun);-webkit-text-fill-color:currentColor}& .natural-summary-moon h3{color:var(--natural-summary-moon);-webkit-text-fill-color:currentColor}& .phase-summary-row{display:grid;grid-column:auto;grid-row:auto;grid-template-columns:minmax(0, 1fr);grid-template-rows:none;grid-auto-rows:auto;grid-auto-flow:row;gap:0;width:100%;min-width:0;min-height:0;height:auto;max-height:none;margin:0;padding:0;border:0;background:none;box-shadow:none}& .phase-summary-day-row{display:none}& :is(.phase-summary-tile, .phase-summary-feature){position:static;display:grid;grid-column:auto;grid-row:auto;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:5px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:12px 0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;text-align:center}& .phase-summary-row > article + article{border-top:1px solid var(--ui-border, #324458)}& :is(.phase-summary-tile, .phase-summary-feature) > :is(span, strong, small){position:static;display:block;justify-self:center;align-self:center;grid-column:1;grid-row:auto;width:auto;max-width:100%;margin:0;padding:0;color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor;font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);font-weight:500;font-style:normal;line-height:1.4;font-size:13px;letter-spacing:0;text-transform:none;text-align:center;text-shadow:none;transform:none;white-space:normal;overflow-wrap:anywhere;border:0;background:none;box-shadow:none}& :is(.phase-summary-tile, .phase-summary-feature) > strong{color:var(--ui-text, #e8eef6);font-size:19px;font-weight:650}& .natural-summary-times{box-sizing:border-box;position:static;display:grid;grid-column:1;grid-template-columns:minmax(0, 1fr);justify-self:stretch;width:100%;max-width:100%;gap:8px;margin:0;padding:12px 0;min-width:0;text-align:center}& .natural-summary-time-pair{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:100%}& .natural-summary-time-pair > div{display:grid;gap:5px;align-content:start;min-width:0}& .natural-summary-time-pair > div + div{border-left:1px solid var(--ui-border, #324458)}& .natural-summary-times :is(span, strong){display:block;margin:0;padding:0;color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor;font:500 13px/1.4 var(--ui-font, Inter, "Segoe UI", sans-serif);text-align:center;white-space:normal;overflow-wrap:anywhere}& .natural-summary-time-pair strong{font-size:18px;font-weight:600;color:var(--ui-text, #e8eef6)}& :is(.natural-summary-sun, .natural-summary-moon){border-color:color-mix(in srgb, var(--natural-summary-card-tone) 48%, var(--ui-border, #324458));background:radial-gradient(circle at 50% -18%, color-mix(in srgb, var(--natural-summary-card-tone) 18%, transparent), transparent 62%), linear-gradient(145deg, color-mix(in srgb, var(--natural-summary-card-tone) 13%, var(--ui-raised, #1e2d41)), var(--ui-raised, #1e2d41));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--natural-summary-card-tone) 24%, transparent), 0 8px 20px color-mix(in srgb, var(--natural-summary-card-tone) 8%, transparent)}& :is(.natural-summary-sun, .natural-summary-moon) .phase-summary-row > article + article,& :is(.natural-summary-sun, .natural-summary-moon) .natural-summary-time-pair > div + div{border-color:color-mix(in srgb, var(--natural-summary-card-tone) 32%, var(--ui-border, #324458))}& :is(.natural-summary-sun, .natural-summary-moon) :is(.phase-summary-tile > strong, .natural-summary-time-pair strong){color:color-mix(in srgb, var(--natural-summary-card-tone) 62%, var(--ui-text, #e8eef6));-webkit-text-fill-color:currentColor}& :is(.natural-summary-sun, .natural-summary-moon) :is(.phase-summary-tile > span, .phase-summary-tile > small, .natural-summary-times span){color:color-mix(in srgb, var(--natural-summary-card-tone) 44%, var(--ui-muted, #a9b8c9));-webkit-text-fill-color:currentColor}& .natural-summary-quickfacts{display:grid;gap:5px;margin-top:4px;padding-top:10px;border-top:1px solid color-mix(in srgb, var(--natural-summary-card-tone) 32%, var(--ui-border, #324458))}& .natural-summary-quickfacts > div{display:flex;align-items:baseline;justify-content:center;gap:5px;min-width:0;text-align:center;white-space:nowrap}& .natural-summary-quickfacts :is(span, strong){display:inline;margin:0;font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);font-style:normal;line-height:1.2;white-space:nowrap}& .natural-summary-quickfacts span{color:var(--ui-muted, #a9b8c9);font-size:11px;font-weight:500}& .natural-summary-quickfacts strong{color:color-mix(in srgb, var(--natural-summary-card-tone) 58%, var(--ui-text, #e8eef6));font-size:12px;font-weight:600}& .phase-overview-location{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:none;grid-auto-rows:auto;gap:10px;width:100%;max-width:880px;margin:16px auto 0;padding:16px 20px;background:var(--ui-bg, #0f1724);border:1px solid var(--ui-border, #324458);border-radius:12px;box-shadow:none}& .phase-overview-location-title{margin:0;color:var(--ui-muted, #a9b8c9);font-size:14px;font-weight:600}& .phase-overview-location-status:empty{display:none}& .phase-overview-location-details{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--ui-text, #e8eef6);font:500 15px/1.5 var(--ui-font, Inter, "Segoe UI", sans-serif);text-align:center;text-wrap:balance}& .phase-overview-location-details :is(span, em){display:inline;width:auto;min-width:0;max-width:none;margin:0;padding:0;color:inherit;font:inherit;white-space:normal;overflow-wrap:normal;word-break:normal}& .phase-overview-location-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:10px;width:100%;min-width:0}& .phase-overview-location-row :is(input, button){width:100%;max-width:none;min-width:0;min-height:44px;height:auto}}.page-phases #phaseOrderDayNightPhases{& .daylight-phase-segment b{font-size:13.5px;line-height:1.2}& .daylight-phase-segment small{font-size:11px}& :is(.daylight-boundary-label, .daylight-edge-labels b, .daylight-edge-labels small){font-size:14px}}.page-phases #seasonalSunPositionCard{& .current-sun-angle-layout{padding-top:0;gap:10px}& #seasonalSunPositionBoundaryTiming{margin:0 auto;transform:none}}.page-phases #seasonalSunPositionClockIcon .seasonal-sun-angle-clock-face{width:540px;min-width:540px;max-width:540px;height:540px;min-height:540px;max-height:540px;aspect-ratio:1 / 1;flex:0 0 540px;margin-top:0}.page-phases main #phaseOrderSeasonalSunAngle.phase-solar-topics,.page-phases #phaseOrderSeasonalSunAngle.phase-solar-topics > .phase-order-body,.page-phases #phaseOrderSeasonalSunAngle.phase-solar-topics #seasonalSunAnglePanel,.page-phases #phaseOrderSeasonalSunAngle.phase-solar-topics :is(.seasonal-sun-grid,.seasonal-sun-controls){box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.page-phases #phaseOrderSeasonalSunAngle.phase-solar-topics .seasonal-sun-card-stack{display:grid;grid-template-columns:minmax(0, 1fr);gap:20px}.page-phases #phaseManualOrderSection{content-visibility:visible;contain-intrinsic-size:none}.page-phases #seasonalCurrentSunAngleSection{min-height:520px}.page-phases #seasonalYearlySunAngleSideViewSection{min-height:500px}.page-phases #seasonalSunDirectionGraph{min-height:400px}.page-phases #seasonalSunriseSunsetPositionChart{min-height:1140px}.page-phases #seasonalSunAngleTables{min-height:860px}.page-phases #seasonalDayNightLengthYearTable{min-height:820px}.page-phases #seasonalSunriseSunsetYearTable{min-height:890px}.page-phases #seasonalSolarDeclinationSection{min-height:160px}.page-phases #seasonalSolarDeclinationMonthlyTable{min-height:860px}@media (max-width: 560px){.page-phases #seasonalCurrentSunAngleSection{min-height:540px}.page-phases #seasonalYearlySunAngleSideViewSection{min-height:580px}.page-phases #seasonalSunDirectionGraph{min-height:280px}.page-phases #seasonalSunAngleTables{min-height:880px}.page-phases #seasonalDayNightLengthYearTable{min-height:850px}.page-phases #seasonalSunriseSunsetYearTable{min-height:920px}.page-phases #seasonalSolarDeclinationSection{min-height:300px}.page-phases #seasonalSolarDeclinationMonthlyTable{min-height:930px}}.page-phases #phaseOrderSeasonalSunAngle .seasonal-sun-topic-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:28px;border:1px solid var(--ui-border, #324458);border-radius:18px;background:var(--ui-surface, #172233);box-shadow:0 8px 24px rgb(0 0 0 / 10%)}.page-phases #seasonalSunAnglePrimaryCard .yearly-sun-side-merged-graph{padding:0;border:0;background:none;box-shadow:none}.page-phases #phaseOrderSeasonalSunAngle .seasonal-sun-topic-header > h3{margin:0;color:var(--ui-heading, var(--ui-text, #e8eef6));-webkit-text-fill-color:currentColor;font:650 28px/1.25 var(--ui-font, Inter, "Segoe UI", sans-serif);letter-spacing:-.025em;text-align:center}.page-phases #phaseOrderDaysOfWeek{& .days-of-week-current-day-tile{border:1px solid var(--ui-border, #324458);border-radius:var(--ui-radius-inner);background:var(--ui-raised, #1e2d41);box-shadow:none}& #phaseSummaryCalendar{color:var(--ui-text);-webkit-text-fill-color:currentColor;font:600 24px/1.25 var(--ui-font)}& #phaseSummaryCalendarDetail{color:var(--ui-muted);-webkit-text-fill-color:currentColor;font:400 14px/1.5 var(--ui-font)}}.page-phases #phaseOrderDayNightPhases{& #timeOfDayPhaseDetail{box-sizing:border-box;width:fit-content;max-width:100%;margin:12px auto 0;padding:10px 18px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-raised);color:var(--ui-text);white-space:pre-line;line-height:1.5;text-align:center}& .cycle-slider-label-container,& #periodScale{box-sizing:border-box;width:100%;min-width:0;max-width:100%}& .cycle-slider-label-container{padding:8px 0}& #periodScale{padding:0;margin:0 auto}}.page-phases #periodScale{& > .diagram-scroll-viewport{padding:8px 0 12px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-raised);overflow-x:hidden;margin-top:0}& > .diagram-scroll-viewport ~ .diagram-scroll-viewport{margin-top:14px}& > .diagram-scroll-viewport[data-diagram-overflow="true"]{overflow-x:auto}& > .diagram-scroll-actions{margin:12px auto 24px}& .daylight-phase-block{box-sizing:border-box;width:720px;min-width:720px;max-width:720px;/**/ padding: 10px 40px 16px;margin:0 auto}}@media (max-width: 560px){.page-phases #periodScale .daylight-phase-block{margin-inline:max(0px, calc(50% - 40px))}}.page-phases #periodScale .daylight-phase-block > h4{top:0;margin:0 0 28px}.page-phases main :is(.seasonal-card-header-bubble, .seasonal-day-length-split-bubble, .seasonal-sun-azimuth-overview-bubble, .sun-boundary-timing-box, .moon-cycle-year-count-bubble, .moon-cycle-current-bubble, .moon-cycle-completion-bubble, .moon-phase-current-bubble, .moon-position-visibility-bubble, .moon-angle-chart > p, .moon-direction-chart > p, .sun-direction-graph > p, .moon-position-path-card > .moon-position-title){box-sizing:border-box;max-width:100%;border:1px solid var(--ui-border);border-radius:var(--ui-radius-inner);background:var(--ui-raised);box-shadow:none;color:var(--ui-text);-webkit-text-fill-color:currentColor;font:500 15px/1.5 var(--ui-font);text-align:center;text-shadow:none;white-space:normal}.page-phases main :is(.seasonal-card-header-bubble, .moon-cycle-year-count-bubble, .moon-cycle-current-bubble, .moon-cycle-completion-bubble, .moon-position-visibility-bubble, .moon-angle-chart > p, .moon-direction-chart > p, .sun-direction-graph > p, .moon-position-path-card > .moon-position-title){width:fit-content;min-height:0;padding:8px 16px;margin-inline:auto}.page-phases main :is(.seasonal-card-header-bubble, .moon-cycle-year-count-bubble, .moon-cycle-current-bubble, .moon-cycle-completion-bubble, .moon-position-visibility-bubble, .moon-angle-chart > p, .moon-direction-chart > p, .sun-direction-graph > p, .moon-position-path-card > .moon-position-title) :is(span, b, strong){color:inherit;-webkit-text-fill-color:currentColor;font:inherit;text-shadow:none}.page-phases main :is(.seasonal-card-header-bubble, .moon-cycle-current-bubble, .moon-cycle-year-count-bubble) :is(b, strong){font-weight:650}.page-phases .seasonal-card-header-bubble > span{color:var(--ui-muted)}.page-phases main .seasonal-card-header-bubble{width:min(100%, 360px)}.page-phases .seasonal-sun-topic-header{gap:12px;margin:0 0 20px;padding:0}.page-phases .seasonal-sun-topic-header > .seasonal-card-header-bubble{margin-block:0}.page-phases .moon-position-path-card > .moon-position-title{display:block;margin-block:0 20px}.page-phases main :is(.moon-phase-inner-header, .moon-cycle-inner-header){margin:0 0 20px;gap:12px}.page-phases main :is(#lunarMonthTitle, .moon-inner-card-title){margin:0 0 8px}.page-phases main :is(.seasonal-analemma-card-description, .seasonal-sun-azimuth-header-subtitle, .today-sun-path-subtitle, .seasonal-sun-table-note, .sun-direction-definition, .moon-phase-clean-line, .moon-phase-date-row, .moon-slider-heading > p){max-width:65ch;margin-inline:auto;color:var(--ui-muted);-webkit-text-fill-color:currentColor;font:400 15px/1.55 var(--ui-font);text-align:center;text-shadow:none}.page-phases .seasonal-sun-topic-header > p{margin-block:0}.page-phases main .moon-phase-clean-line{font-size:16px;color:var(--ui-text)}.page-phases main .moon-phase-date-row{font-size:14px}.page-phases main .moon-phase-date-row b{color:var(--ui-accent);-webkit-text-fill-color:currentColor;font-weight:600}.page-phases .sun-boundary-timing-box :is(span, b, strong){font-size:14px;font-weight:500;text-shadow:none}.page-phases main #seasonalSunPositionCard #seasonalSunPositionBoundaryTiming.sun-boundary-timing-box{border:1.5px solid rgba(154, 162, 200, .68);border-radius:999px;background:linear-gradient(135deg, #262c42, #1a2237);box-shadow:inset 0 1px 0 rgba(225, 231, 255, .08), 0 5px 14px rgba(0, 0, 0, .2);color:#dce4ef;transform:translateY(-15px)}.page-phases #seasonalDayLengthGraphSection{box-sizing:border-box;width:900px;min-width:900px;max-width:900px;min-height:390px;margin-inline:auto;padding:0}.page-phases #seasonalDayLengthGraphSection .seasonal-day-length-graph{display:block;width:100%;height:390px;min-height:390px;max-height:390px}.page-phases .seasonal-day-length-graph :is(.seasonal-day-length-month-label, .seasonal-day-length-current-label){font-size:12px;letter-spacing:0}.page-phases .seasonal-day-length-graph :is(.seasonal-day-length-hour-label, .seasonal-day-length-season-marker > text, .seasonal-day-length-axis-caption){font-size:11px;letter-spacing:0}.page-phases #moonDirectionGraph{& .moon-direction-pointer{stroke:var(--natural-moon-direction-arrow);opacity:1}& #moon-direction-arrowhead path{fill:var(--natural-moon-direction-arrow)}}.page-phases #lunarMonthCard .moon-phase-illumination-bar > i{background:var(--natural-moon-illumination-gradient);/**/ filter: none}.page-phases .seasonal-day-length-bubble-pair{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:1fr;width:min(100%, 860px);gap:16px;margin:0 auto}.page-phases .seasonal-day-length-split-bubble{width:100%;min-width:0;padding:16px;margin:0}.page-phases .seasonal-day-length-split-bubble :is(b, strong, span){width:100%;min-width:0;max-width:100%;white-space:normal;font-family:var(--ui-font);font-weight:400;font-size:14px;line-height:1.55;color:var(--ui-muted);-webkit-text-fill-color:currentColor;text-shadow:none}.page-phases .seasonal-day-length-split-bubble .seasonal-day-length-summary-label{font-size:17px;font-weight:650;color:var(--ui-text)}.page-phases .seasonal-sun-azimuth-overview-bubble :is(b, span, strong){color:var(--ui-text);-webkit-text-fill-color:currentColor;font-size:15px;font-weight:500;line-height:1.5}.page-phases main :is(.sun-direction-graph, .seasonal-horizon-graph){background:var(--ui-raised);border-color:var(--ui-border);border-radius:var(--ui-radius-inner);box-shadow:none}.page-phases #seasonalSunriseSunsetPositionChart{& .seasonal-horizon-graphs{width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0, 1fr)}& .seasonal-horizon-graph{box-sizing:border-box;width:100%;min-width:0;max-width:990px;margin-inline:auto;padding:12px 14px 14px}& .seasonal-horizon-svg{width:100%;min-width:0;max-width:100%}}@media (max-width: 760px){.page-phases #seasonalSunriseSunsetPositionChart .seasonal-horizon-slider-scroll > .seasonal-horizon-svg{width:max(100%, 744px);min-width:744px;max-width:none}}.page-phases main .seasonal-sun-analemma-chart{background:var(--natural-plot-bg);border-color:var(--ui-border);box-shadow:none}.page-phases .seasonal-analemma-frame{background:linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px), var(--natural-plot-bg);background-size:40px 40px;border-color:var(--ui-border);box-shadow:none}.page-phases main :is(.seasonal-horizon-graph-head, .moon-information-guide, .isolated-simulator-card) :is(p, label){color:var(--ui-muted);-webkit-text-fill-color:currentColor}.page-phases #moonEclipsesCard{box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);gap:22px;width:100%;min-width:0;margin:0;padding:clamp(20px, 3.2vw, 38px);border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-surface, #172638);color:var(--ui-text)}.page-phases #moonEclipsesCard{& > .moon-eclipse-information-head{display:grid;justify-items:center;gap:10px;text-align:center}& h4{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0;color:var(--ui-heading);-webkit-text-fill-color:currentColor;font-size:clamp(1.5rem, 2.5vw, 2rem);line-height:1.2}& h5{margin:0 0 8px;color:var(--ui-heading);-webkit-text-fill-color:currentColor;font-size:1.05rem;line-height:1.35}& p{margin:0;color:var(--ui-muted);-webkit-text-fill-color:currentColor;line-height:1.6}& > .moon-eclipse-information-head > p{max-width:760px}}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-section{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px;min-width:0;padding:clamp(12px, 2vw, 20px);border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-raised)}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-section > h5{margin:0;color:var(--ui-heading);-webkit-text-fill-color:currentColor;text-align:center;font-size:1.12rem}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-section > p{margin:0;color:var(--ui-muted);-webkit-text-fill-color:currentColor;line-height:1.6}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table-scroll{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:auto;border:1px solid var(--ui-border);border-radius:12px;overscroll-behavior-inline:contain}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table-scroll:focus-visible{outline:2px solid var(--ui-heading);outline-offset:3px}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table{width:100%;min-width:580px;border-collapse:collapse;font-size:.92rem;line-height:1.5;color:var(--ui-text);-webkit-text-fill-color:currentColor;background:var(--ui-surface, #172638)}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table caption{padding:12px 14px;color:var(--ui-heading);-webkit-text-fill-color:currentColor;background:var(--ui-raised);font-weight:600;text-align:left}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table :is(th, td){padding:12px 14px;border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:middle;color:var(--ui-text);-webkit-text-fill-color:currentColor}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table thead th{background:var(--ui-raised);color:var(--ui-heading);font-weight:650}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table tbody th{font-weight:600}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table tbody tr:last-child :is(th, td){border-bottom:0}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-table small{display:block;margin-top:5px;color:var(--ui-muted);-webkit-text-fill-color:currentColor;font-size:.85rem}.page-phases #moonInformationGuideCard{& .moon-education-phase-icon{display:block;width:42px;height:42px;min-width:42px;margin:auto}& .moon-education-phase-icon .moon-education-dark{fill:#152236;stroke:none}& .moon-education-phase-icon .moon-education-lit{fill:#e8e6ca;stroke:none}& .moon-education-phase-icon .moon-education-outline{fill:none;stroke:#8faabc;stroke-width:1.2}}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-category{display:inline-block;padding:3px 8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-raised);font-size:.82rem;line-height:1.4}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) :is(.moon-education-date-grid, .moon-eclipse-alignment-grid){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;min-width:0}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) :is(.moon-education-date-grid, .moon-eclipse-alignment-grid) > article{display:grid;gap:7px;align-content:start;padding:15px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface, #172638)}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-date-grid :is(span, strong){color:var(--ui-heading);-webkit-text-fill-color:currentColor}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) .moon-education-date-grid p{margin:0;color:var(--ui-muted);-webkit-text-fill-color:currentColor;font-size:.9rem;line-height:1.5}.page-phases #moonEclipsesCard .moon-eclipse-alignment-grid{& article{text-align:center}& small{color:var(--ui-muted)}}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) :is(.moon-education-note, .moon-education-sources){margin:0;color:var(--ui-muted);-webkit-text-fill-color:currentColor;font-size:.86rem;line-height:1.6}.page-phases #moonEclipsesCard .moon-eclipse-intro{font-size:1rem;text-align:center}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) a{color:var(--ui-heading);-webkit-text-fill-color:currentColor;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.page-phases #moonEclipsesCard{& .moon-eclipse-history{min-width:0;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-raised)}& .moon-eclipse-history > summary{padding:14px 18px;cursor:pointer;color:var(--ui-heading);font-weight:600}& .moon-eclipse-history[open] > .moon-education-table-scroll{border-width:1px 0 0;border-radius:0 0 12px 12px}}@media (max-width: 580px){.page-phases #moonEclipsesCard{padding:20px 14px;gap:18px}.page-phases :is(#moonInformationGuideCard, #moonEclipsesCard) :is(.moon-education-date-grid, .moon-eclipse-alignment-grid){grid-template-columns:minmax(0, 1fr)}}.page-phases main :is(.seasonal-horizon-dynamic-scale, .seasonal-sun-table-note){color:var(--ui-muted)}.page-phases main :is(.seasonal-vertical-table, .seasonal-horizontal-table, .moon-year-cycle-table-wrap){box-sizing:border-box;width:100%;max-width:860px;min-width:0;margin-inline:auto;padding:18px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-inner);background:var(--ui-raised);box-shadow:none}.page-phases main :is(.seasonal-vertical-table, .seasonal-horizontal-table, .moon-year-cycle-table-wrap) > h4,.page-phases main .alternate-week-table-title{margin:0 0 16px;color:var(--ui-text);-webkit-text-fill-color:currentColor;font:600 18px/1.4 var(--ui-font);text-align:center}.page-phases main :is(.seasonal-table-scroll, .week-name-history-table-wrap){max-width:100%;overflow-x:auto;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg);box-shadow:none}.page-phases main .moon-year-cycle-table-wrap{width:min(100%, 540px);max-width:540px;overflow-x:auto}.page-phases main #seasonalDayNightLengthYearTable{& .seasonal-day-night-length-table{width:min(100%, 600px);max-width:600px;margin-inline:auto}& .seasonal-day-night-length-table table{min-width:560px}}.page-phases main #seasonalSunriseSunsetYearTable{& .seasonal-sunrise-sunset-position-table{width:min(100%, 620px);max-width:620px;margin-inline:auto}& .seasonal-sunrise-sunset-position-table table{min-width:580px}}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table, .week-name-history-table){border-color:var(--ui-border);background:var(--ui-bg);box-shadow:none;color:var(--ui-text);font-family:var(--ui-font)}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table, .week-name-history-table) :is(th, td){padding:10px 14px;border-color:var(--ui-border);background:transparent;color:var(--ui-text);-webkit-text-fill-color:currentColor;font:400 14px/1.45 var(--ui-font);text-shadow:none;text-align:center}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table, .week-name-history-table) :is(th, td) > :is(span, b, strong){color:inherit;-webkit-text-fill-color:currentColor;font-size:inherit;font-family:inherit;text-shadow:none}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table, .week-name-history-table) th{font-weight:600}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table, .week-name-history-table) thead th{background:var(--ui-raised);color:var(--ui-accent)}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table, .week-name-history-table) tbody tr:nth-child(even){background:color-mix(in srgb, var(--ui-text) 3%, transparent)}.page-phases #seasonalSolarDeclinationMonthlyTable .seasonal-table-scroll{& table{table-layout:fixed}& :is(th, td):first-child{width:44%}& :is(th, td):nth-child(2){width:56%}}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table, .alternate-week-table) :is(.is-current-cell, .is-active-day),.page-phases main .moon-year-cycle-table .is-current-moon-cycle > :is(th, td){background:var(--ui-button-bg);color:var(--ui-text);font-weight:650}.page-phases main :is(.defining-day-panel, .week-origins-timeline > article, .api-credits-source){background:var(--ui-raised);border:1px solid var(--ui-border);border-radius:var(--ui-radius-inner);box-shadow:none}.page-phases main #weekOriginsHistorySection{width:100%;max-width:100%;margin:0}.page-phases #calendarDefinitionCard .defining-day-header{gap:12px;margin-bottom:20px}.page-phases #calendarDefinitionCard #definingDayTitle,.page-phases .week-origins-head h3{margin-bottom:0}.page-phases #calendarDefinitionCard{& .defining-day-header-icon{flex-basis:36px;width:36px;height:36px;background:none;border:0;box-shadow:none;color:var(--ui-accent);font-size:36px}& .defining-day-eyebrow{display:none}& .defining-day-panel{padding:20px;text-align:center}& .defining-day-panel-icon{position:static;margin:0 auto 12px;border:0;background:none;box-shadow:none;color:var(--ui-accent)}& .defining-day-panel h4{font:600 18px/1.4 var(--ui-font);color:var(--ui-text);margin:0 0 10px}& .defining-day-panel li{padding-left:0}& .defining-day-panel li::before{content:none}}.page-phases main :is(.defining-day-header p, .defining-day-panel p, .defining-day-panel li, .week-origins-answer, .week-origins-timeline p, .week-origins-note){color:var(--ui-muted);-webkit-text-fill-color:currentColor;font:400 15px/1.6 var(--ui-font);text-align:center}.page-phases main :is(.defining-day-panel, .week-origins-answer) :is(b, strong){color:var(--ui-text);-webkit-text-fill-color:currentColor;font-weight:600}.page-phases .defining-day-equation{justify-content:center}.page-phases .defining-day-equation span{background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-text)}.page-phases .week-origins-timeline > article{padding:20px;text-align:center}.page-phases .week-origins-timeline > article > span{color:var(--ui-accent);font:500 13px/1.5 var(--ui-font);text-transform:none;letter-spacing:0}.page-phases .week-origins-timeline > article > strong{color:var(--ui-text);font:600 17px/1.4 var(--ui-font)}.page-phases main :is(.food-card, .drink-card, #alternateWeekCard){border:0;background:none;box-shadow:none}.page-phases main .placeholder-ad-slot{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:none}.page-phases #phaseBottomSimulatorsSection{& :is(.isolated-simulator-frame-shell, .isolated-simulator-frame){box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0;height:var(--natural-simulator-height, 900px);min-height:0;max-height:none;border-color:var(--ui-border, #324458);border-radius:12px;background:var(--ui-bg, #0f1724)}& .isolated-simulator-toggle{box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:44px;height:auto;padding:12px 16px;font-size:14px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip}}.page-phases #pageApiCreditsTitle{margin:12px auto;color:var(--ui-text, #e8eef6);font:650 28px/1.3 var(--ui-font, Inter, "Segoe UI", sans-serif);text-align:center}.page-phases #pageApiCreditsCard{& :is(p, a, li){color:var(--ui-muted, #a9b8c9);font:400 15px/1.55 var(--ui-font, Inter, "Segoe UI", sans-serif)}& .api-credits-card__icon{width:36px;height:36px;margin:0 auto;filter:none;color:var(--ui-accent, #83c5f4)}}@media (max-width: 760px){.page-phases #phaseOrderSeasonalSunAngle{& .seasonal-sun-topic-card{padding:20px}& .seasonal-sun-topic-header > h3{font-size:24px}}.page-phases main :is(.phase-order-section, .moon-position-independent-card, .moon-separated-card, #calendarDefinitionCard, #weekOriginsHistorySection, #phaseSummaryDashboard, #phaseBottomSimulatorsSection){padding:20px}.page-phases main :is(.phase-order-title, .phase-summary-head h2, .moon-position-independent-card > h4, #lunarMonthTitle, .moon-inner-card-title, #definingDayTitle, .week-origins-head h3, .moon-cycle-main-title, .isolated-simulator-title, .isolated-simulator-card > h3){font-size:24px}.page-phases .seasonal-day-length-bubble-pair,.page-phases #calendarDefinitionCard .calendar-definition-grid,.page-phases .week-origins-timeline{grid-template-columns:minmax(0, 1fr)}.page-phases main :is(.seasonal-vertical-table, .seasonal-horizontal-table, .moon-year-cycle-table-wrap){padding:14px}.page-phases main :is(.seasonal-table-scroll table, .moon-year-cycle-table){min-width:460px}.page-phases #seasonalSunAngleTables .seasonal-table-scroll{& table{min-width:360px;table-layout:fixed}& :is(th, td):first-child{width:48%}& :is(th, td):nth-child(2),& :is(th, td):nth-child(3){width:26%}}.page-phases #seasonalSolarDeclinationMonthlyTable .seasonal-table-scroll table{min-width:360px}.page-phases #calendarDefinitionCard{& .defining-day-equation{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);gap:4px;width:100%}& .defining-day-equation span{min-width:0;padding:6px 3px;font-size:12px;white-space:nowrap}& .defining-day-equation b{font-size:12px}}.page-phases #phaseSummaryDashboard{& .phase-summary-ordered-grid{grid-template-columns:minmax(0, 1fr);gap:14px;width:min(calc(100% - 24px), 320px);max-width:320px}& .natural-summary-group{padding:14px}& :is(.phase-summary-tile, .phase-summary-feature){grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;padding:12px 0}& .phase-overview-location{box-sizing:border-box;width:min(calc(100% - 24px), 320px);max-width:320px;padding:14px}& .phase-overview-location-row{display:grid;grid-template-columns:minmax(0, 1fr);gap:10px}& .phase-overview-location-row :is(input, button){min-width:0;width:100%;min-height:44px}}.page-phases main #phaseBottomSimulatorsSection{width:100%;padding:0;border:0;background:none;box-shadow:none}.page-phases #phaseBottomSimulatorsSection{& .phase-bottom-simulators-stack{width:100%;min-width:0;max-width:none;padding:0;margin:0;gap:20px}& .isolated-simulator-card{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;padding:20px 8px 8px;gap:16px}}.page-phases #pageApiCreditsCard{padding:20px}.page-phases #pageApiCreditsTitle{font-size:24px}}.page-phases main #phaseSummaryDashboard:is(*,#_){& .phase-overview-location{box-sizing:border-box;grid-template-columns:minmax(0, 1fr) auto;width:min(100%, 520px);margin:28px auto 0;padding:10px 12px;row-gap:6px;column-gap:7px}& .phase-overview-location-title{margin:0;font-size:.9rem;line-height:1.1}& .phase-overview-location-details{margin:0;padding:0;font-size:.8rem;line-height:1.25}& .phase-overview-location-row{gap:7px}& :is(#phaseOverviewLocationInput, #phaseOverviewLocationButton){box-sizing:border-box;height:36px;min-height:36px;max-height:36px;padding:0 10px}& #phaseOverviewLocationInput{font-size:.82rem}& #phaseOverviewLocationButton{padding-inline:11px;font-size:.78rem}& .phase-overview-location-status{min-height:0;margin:0;font-size:.72rem}}@media (max-width: 760px){.page-phases main #phaseSummaryDashboard:is(*,#_){& .phase-overview-location{width:min(calc(100% - 24px), 320px);margin-top:26px;padding:9px 10px;row-gap:6px}& .phase-overview-location-row{grid-template-columns:minmax(0, 1fr);justify-items:center;gap:6px;width:min(100%, 280px);margin-inline:auto}& #phaseOverviewLocationInput{font-size:16px;text-align:left}& #phaseOverviewLocationButton{width:min(100%, 150px)}}}.page-phases main #moonPositionCard:is(*,#_) #moonPositionPathCard:is(*,#_){& > .moon-position-title:is(*,._){width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}& > .moon-position-title:is(*,._) > #moonCycleTitleValue:is(*,#_){margin:0 0 8px}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) #seasonalSunPositionCard:is(*,#_) > .seasonal-sun-topic-header{& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble{min-width:0}& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > :is(span, b){box-sizing:border-box;align-items:center;justify-content:center;letter-spacing:0;text-align:center;white-space:nowrap}& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > span{color:#c5f4ff;border-color:rgba(91, 217, 242, 0.84);background:linear-gradient(135deg, rgba(8, 55, 74, 0.96), rgba(10, 37, 58, 0.96));box-shadow:inset 0 1px 0 rgba(209, 250, 255, 0.16), 0 5px 14px rgba(0, 0, 0, 0.16)}& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > b{border-color:rgba(240, 198, 110, 0.9);background:linear-gradient(135deg, rgba(87, 63, 25, 0.96), rgba(48, 39, 28, 0.96));box-shadow:inset 0 1px 0 rgba(255, 244, 201, 0.18), 0 5px 14px rgba(0, 0, 0, 0.16)}}html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) #seasonalSunAnglePrimaryCard:is(*,#_) > .seasonal-sun-topic-header > :is(.seasonal-sun-angle-header-bubble, .seasonal-sun-highest-angle-header-bubble){min-height:42px;padding:9px 18px;border-width:2px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 5px 14px rgba(0, 0, 0, 0.16)}@media (max-width: 480px){html body.page-phases:is(*,._._._._._._._) main.shell:is(*,._._) #phaseOrderSeasonalSunAngle:is(*,#_) #seasonalSunAnglePanel:is(*,#_) #seasonalSunPositionCard:is(*,#_) > .seasonal-sun-topic-header > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > :is(span, b){min-height:36px;padding:7px 11px}}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_){& #seasonalSunPositionCard:is(*,#_#_) > .seasonal-sun-topic-header > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble{height:auto;border-width:0;border-color:transparent}& #seasonalSunPositionCard:is(*,#_#_) > .seasonal-sun-topic-header > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > :is(span, b){border-width:2px}& #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header > .seasonal-card-header-bubble.seasonal-sun-angle-header-bubble{min-height:42px;padding:9px 18px;border:2px solid rgba(91, 217, 242, 0.84);background:linear-gradient(135deg, rgba(8, 55, 74, 0.96), rgba(10, 37, 58, 0.96));color:#c5f4ff;-webkit-text-fill-color:currentColor;box-shadow:inset 0 1px 0 rgba(209, 250, 255, 0.16), 0 5px 14px rgba(0, 0, 0, 0.16)}& #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header > .seasonal-card-header-bubble.seasonal-sun-highest-angle-header-bubble{min-height:42px;padding:9px 18px;border:2px solid rgba(240, 198, 110, 0.9);background:linear-gradient(135deg, rgba(87, 63, 25, 0.96), rgba(48, 39, 28, 0.96));color:#fff1c2;-webkit-text-fill-color:currentColor;box-shadow:inset 0 1px 0 rgba(255, 244, 201, 0.18), 0 5px 14px rgba(0, 0, 0, 0.16)}& #seasonalSunAnglePrimaryCard:is(*,#_#_) > .seasonal-sun-topic-header > :is(.seasonal-sun-angle-header-bubble, .seasonal-sun-highest-angle-header-bubble) :is(span, b){color:inherit;-webkit-text-fill-color:currentColor;font-size:1rem;font-weight:500;line-height:1.15}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunDirectionCard:is(*,#_#_) > .seasonal-sun-topic-header{& > .sun-direction-readout:is(*,._){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;width:fit-content;max-width:100%;min-height:40px;margin:10px auto 2px;padding:8px 14px;border:2px solid rgba(91, 217, 242, 0.84);border-radius:999px;background:linear-gradient(135deg, rgba(8, 55, 74, 0.96), rgba(10, 37, 58, 0.96));color:#e6fbff;-webkit-text-fill-color:currentColor;font-size:1rem;font-weight:500;line-height:1.15;text-align:center;box-shadow:inset 0 1px 0 rgba(209, 250, 255, 0.16), 0 5px 14px rgba(0, 0, 0, 0.16)}& > .sun-direction-readout:is(*,._) > b{color:#c5f4ff;-webkit-text-fill-color:currentColor;font:inherit;font-weight:500}& > .sun-direction-readout:is(*,._) > span{color:#fff1c2;-webkit-text-fill-color:currentColor;font:inherit;font-weight:500}& > .sun-direction-readout:is(*,._) > em{color:#b9cbd0;-webkit-text-fill-color:currentColor;font:inherit;font-style:normal}}html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunAnalemmaCard:is(*,#_#_) #seasonalSunAnalemmaChart:is(*,#_#_){display:block}@media (max-width: 480px){html body.page-phases:is(*,._._._._._._._._._) main.shell:is(*,._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunDirectionCard:is(*,#_#_) > .seasonal-sun-topic-header > .sun-direction-readout:is(*,._){gap:5px;min-height:38px;padding:7px 11px}}html body.page-phases:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._) #phaseOrderSeasonalSunAngle:is(*,#_#_) #seasonalSunAnglePanel:is(*,#_#_) #seasonalSunPositionCard:is(*,#_#_) > .seasonal-sun-topic-header{& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;min-height:42px;margin:10px auto 0;padding:9px 18px;border:2px solid rgba(91, 217, 242, 0.84);border-radius:999px;background:linear-gradient(135deg, rgba(8, 55, 74, 0.96), rgba(10, 37, 58, 0.96));color:#c5f4ff;-webkit-text-fill-color:currentColor;box-shadow:inset 0 1px 0 rgba(209, 250, 255, 0.16), 0 5px 14px rgba(0, 0, 0, 0.16)}& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > :is(span, b){display:inline;width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1rem;font-weight:500;line-height:1.15}& > .seasonal-card-header-bubble.seasonal-sun-position-header-bubble > b{color:#fff1c2;-webkit-text-fill-color:currentColor}}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_).day-names-restored-section{display:block;width:min(100%, 1120px);max-width:1120px;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_).day-names-restored-section{& > .phase-order-title{display:none}& > .phase-order-body{display:block;width:100%;margin:0;padding:0}& .seven-planets-card{display:none}& #alternateWeekCard:is(*,#_){box-sizing:border-box;display:block;width:100%;max-width:1120px;margin:0 auto;padding:22px;border:1px solid rgba(102, 190, 216, .28);border-radius:18px;background:radial-gradient(circle at 12% 0%, rgba(91, 175, 201, .1), transparent 30%), linear-gradient(145deg, #07131f, #030a14 68%, #08141c);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 16px 36px rgba(0, 0, 0, .28)}& #alternateWeekCard:is(*,#_) > :not(.detail-text){display:none}& #alternateWeekCard:is(*,#_) > .detail-text:is(*,._){display:block;width:100%;margin:0;padding:0;border:0;background:transparent}& .alternate-week-table-title:is(*,._){display:block;position:static;width:100%;min-height:0;margin:0 0 16px;padding:0;color:#e4c99d;-webkit-text-fill-color:currentColor;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:clamp(1.55rem, 2.2vw, 2rem);font-weight:600;line-height:1.15;text-align:center;text-shadow:0 0 10px rgba(228, 201, 157, .2);transform:none}& .alternate-week-table-description{max-width:76ch;margin:0 auto 18px;color:var(--ui-muted);font-size:.9rem;line-height:1.55;text-align:center}& .alternate-week-table-wrap:is(*,._){box-sizing:border-box;display:block;width:100%;max-width:100%;margin:0 auto;padding:10px;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(92, 187, 213, .22);border-radius:12px;background:linear-gradient(180deg, #081421, #020811);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045), 0 12px 28px rgba(0, 0, 0, .25);scrollbar-width:thin}& .alternate-week-table-inner:is(*,._){--alternate-week-label-column: 98px;box-sizing:border-box;display:block;position:relative;width:100%;min-width:920px;max-width:none;margin:0;padding:0;background:transparent;box-shadow:none}& :is(.alternate-week-header-spacer, .alternate-week-arrow-lane){display:none}& .alternate-week-table:is(*,._){width:100%;min-width:920px;max-width:none;table-layout:fixed;border-collapse:collapse;background:#050e1a}& .alternate-week-table:is(*,._) .alternate-week-label-col,& .alternate-week-table:is(*,._) th[scope="row"]{width:var(--alternate-week-label-column);min-width:var(--alternate-week-label-column);max-width:var(--alternate-week-label-column)}& .alternate-week-table:is(*,._) th[scope="row"]{height:auto;padding:8px 10px;border-color:rgba(102, 151, 177, .15);background:#050e1a;color:#9ca8b0;-webkit-text-fill-color:currentColor;font-size:.78rem;line-height:1.15;text-align:left;white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:normal}& .alternate-week-table:is(*,._) td{height:auto;min-width:0;padding:8px 7px;font-size:.8rem;line-height:1.2;white-space:nowrap;overflow-wrap:normal;word-break:normal}& .alternate-week-table:is(*,._) :is( .alternate-week-day-row td.is-active-day, .alternate-week-day-row + tr td.is-active-day ){border:0;outline:0;box-shadow:none}& .alternate-week-table:is(*,._) :is( .alternate-week-planet-row, .alternate-week-symbol-row ) td{color:var(--planet-accent);-webkit-text-fill-color:currentColor;font-weight:650;text-shadow:0 0 9px color-mix(in srgb, var(--planet-accent) 28%, transparent)}& .alternate-week-table:is(*,._) .alternate-week-symbol-row td{font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;font-size:1.55rem;line-height:1.05}& .alternate-week-table:is(*,._) .alternate-week-planet-image-row td{padding-block:6px}& .alternate-week-table:is(*,._) .alternate-week-bottom-spacer{display:none}}@media (max-width: 700px){html body.page-phases:is(*,._) #phaseOrderDayNames:is(*,#_).day-names-restored-section{& #alternateWeekCard:is(*,#_){padding:14px;border-radius:15px}& .alternate-week-table-title:is(*,._){margin-bottom:12px;font-size:1.4rem}& .alternate-week-table-wrap:is(*,._){padding:6px}}}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_){& > .days-of-week-summary:is(*,._){box-sizing:border-box;display:grid;align-items:center;width:min(100%, 600px);min-height:68px;margin:16px auto 20px;padding:10px 20px}& #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box{display:grid;align-content:center;width:100%;max-width:100%;margin:0 auto;padding:0;transform:none}& #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box > span{line-height:1.3}& #daysOfWeekCircularSlider:is(*,#_).week-wheel{--week-wheel-size: clamp(390px, 48vw, 520px)}}@media (max-width: 620px){html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_){& > .days-of-week-summary:is(*,._){width:min(100%, 520px);min-height:72px;margin-block:14px 18px;padding:11px 14px}& #daysOfWeekCircularSlider:is(*,#_).week-wheel{--week-wheel-size: 490px}}}html body.page-phases:is(*,._._) #phaseOrderDaysOfWeek:is(*,#_){& > .days-of-week-current-day-tile:is(*,._){background:linear-gradient(135deg, #204d52 0%, #203d4b 100%);border:2px solid rgba(117, 211, 205, .78);border-radius:16px;box-shadow:inset 0 1px 0 rgba(221, 255, 249, .14), 0 8px 18px rgba(4, 22, 28, .26)}& > .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendar:is(*,#_){color:#e8fff9;-webkit-text-fill-color:#e8fff9;text-shadow:0 1px 8px rgba(174, 244, 229, .17)}& > .days-of-week-current-day-tile:is(*,._) #phaseSummaryCalendarDetail:is(*,#_){display:inline-flex;align-items:center;min-height:25px;padding:3px 10px;border:1px solid rgba(160, 233, 221, .58);border-radius:999px;background:rgba(176, 242, 226, .11);color:#d5f9ef;-webkit-text-fill-color:#d5f9ef;font-weight:700;letter-spacing:.01em}& > .days-of-week-summary:is(*,._){border:1.5px solid rgba(101, 202, 220, .58);border-radius:14px;background:linear-gradient(120deg, rgba(18, 57, 73, .96), rgba(27, 48, 78, .96));box-shadow:inset 0 1px 0 rgba(222, 251, 255, .08), 0 7px 16px rgba(4, 17, 29, .2)}& #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box{gap:6px}& #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box > span:first-child{color:#daf6fa;-webkit-text-fill-color:#daf6fa;font-weight:650}& #daysOfWeekSummaryProgress:is(*,#_).days-of-week-progress-box > span:last-child{color:#b9d8e6;-webkit-text-fill-color:#b9d8e6}}html body.page-phases:is(*,._) #moonPositionCard:is(*,#_) > .diagram-scroll-viewport:has(#moonCycleScaleMount[hidden]){display:none}html body.page-phases:is(*,._._) #seasonalSunAzimuthCard:is(*,#_) .seasonal-horizon-graph-head:is(*,._){& > h5.natural-card-title-with-icon:is(*,._){display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;width:fit-content;min-height:36px;margin:10px auto;padding:0;text-align:center}& > h5.natural-card-title-with-icon > .natural-card-title-icon:is(*,._){flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0}}html body.page-phases:is(*,._._) #lunarMonthCard:is(*,#_){& .moon-phase-current-bubble:is(*,._){border:1px solid rgba(132, 157, 218, .58);background:rgba(35, 46, 75, .96);color:#e8eeff;-webkit-text-fill-color:currentColor;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 18px rgba(0, 0, 0, .15)}& .moon-phase-current-bubble > .moon-phase-length{color:#bec9e8;-webkit-text-fill-color:#bec9e8}& .moon-phase-next-full-line:is(*,._){border:1px solid rgba(181, 153, 225, .62);background:rgba(53, 40, 76, .96);color:#eadcff;-webkit-text-fill-color:currentColor}}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value{box-sizing:border-box;display:inline-flex;align-items:baseline;justify-content:center;gap:12px;width:min(92%, 620px);min-height:0;margin:0 auto 16px;padding:9px 24px;transform:none;border:1px solid rgba(103, 220, 239, .46);border-radius:18px;background:rgba(10, 58, 76, .78);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 8px 18px rgba(0, 0, 0, .14);text-align:center}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value > strong{display:inline;min-width:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#73eef4;-webkit-text-fill-color:#73eef4;font-size:clamp(1rem, 1.55vw, 1.2rem);font-style:normal;font-weight:500;line-height:1.2;white-space:normal}html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value > span{display:inline;margin:0;color:#f0d6a8;-webkit-text-fill-color:#f0d6a8;font-size:.88rem;font-weight:500;line-height:1.2;white-space:nowrap}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)).day-mini-scale{--meal-drink-segment-1: #243549;--meal-drink-segment-2: #2c4055;--meal-drink-segment-3: #344b60;--meal-drink-segment-4: #3c566b;--meal-drink-segment-5: #405d71;--meal-drink-segment-6: #365368;--meal-drink-segment-7: #2e455c;--meal-drink-segment-8: #263a50;box-sizing:border-box;min-height:0;margin:0;padding:32px 14px 48px;overflow:visible;transform:none}html body.page-phases :is(#mealScale, #drinkScale) > .mini-scale-track{border-color:#708da3;box-shadow:inset 0 0 0 1px rgba(16, 32, 43, .12), 0 0 10px rgba(98, 133, 158, .18)}.page-phases .meal-drink-color-segments > span{flex:0 0 12.5%}.page-phases .meal-drink-color-segments > span:nth-child(1){background:var(--meal-drink-segment-1)}.page-phases .meal-drink-color-segments > span:nth-child(2){background:var(--meal-drink-segment-2)}.page-phases .meal-drink-color-segments > span:nth-child(3){background:var(--meal-drink-segment-3)}.page-phases .meal-drink-color-segments > span:nth-child(4){background:var(--meal-drink-segment-4)}.page-phases .meal-drink-color-segments > span:nth-child(5){background:var(--meal-drink-segment-5)}.page-phases .meal-drink-color-segments > span:nth-child(6){background:var(--meal-drink-segment-6)}.page-phases .meal-drink-color-segments > span:nth-child(7){background:var(--meal-drink-segment-7)}.page-phases .meal-drink-color-segments > span:nth-child(8){background:var(--meal-drink-segment-8)}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) .mini-bottom-label.meal-name-bottom:is(*,._){top:calc(100% + 10px);box-sizing:border-box;width:12.5%;min-width:0;max-width:none;transform:translateX(-50%);text-align:center;white-space:normal}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) .mini-bottom-label.meal-name-bottom:is(*,._) .scale-label-text:is(*,._){position:static;display:block;width:100%;min-height:2.3em;color:#d8edf0;-webkit-text-fill-color:#d8edf0;font-size:clamp(.68rem, .92vw, .82rem);font-weight:500;line-height:1.12;text-align:center;transform:none;transform-origin:center;white-space:normal}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) .mini-bottom-label.meal-name-bottom:is(*,._) .scale-label-time:is(*,._){top:-96px;left:0}html body.page-phases:is(*,._._) :is(#foodCard:is(*,#_#_), #drinkCard:is(*,#_#_)) .insight-art:is(*,._){width:fit-content;max-width:100%;margin:0 auto;transform:none}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._){display:grid;grid-template-columns:repeat(6, 96px);align-items:stretch;justify-content:center;gap:10px;width:fit-content;max-width:100%;min-height:118px;margin:0 auto}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span{display:grid;grid-template-rows:60px auto;align-items:start;justify-items:center;width:96px;min-width:96px;max-width:96px;height:112px;min-height:112px;max-height:112px;margin:0;padding:7px 4px 8px}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span > em{grid-row:1;align-self:center;margin:0;font-size:2.85rem;line-height:1;transform:none}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span > b{grid-row:2;align-self:start;min-height:0;margin:11px 0 0;font-size:.72rem;line-height:1.1;text-align:center;white-space:normal;text-wrap:balance}@media (max-width: 720px){html body.page-phases:is(*,._) :is(#phaseOrderMeal, #phaseOrderDrink) .phase-order-current-value{flex-wrap:wrap;gap:3px 10px;width:min(96%, 520px);padding:8px 14px}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._){grid-template-columns:repeat(6, minmax(0, 1fr));gap:4px;width:100%;min-height:102px;overflow:visible}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span{width:100%;min-width:0;max-width:none;height:96px;min-height:96px;max-height:96px;padding:2px;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span > em{font-size:clamp(1.85rem, 9vw, 2.25rem)}html body.page-phases:is(*,._._) :is(#foodIcon:is(*,#_#_), #drinkIcon:is(*,#_#_)).meal-icon-row:is(*,._) > span > b{font-size:clamp(.54rem, 2.5vw, .66rem);overflow-wrap:anywhere}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)).day-mini-scale{width:100%;min-width:0;min-height:0;padding:0 0 48px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:auto;scrollbar-color:rgba(105, 205, 220, .78) rgba(5, 22, 33, .82)}html body.page-phases:is(*,._._) :is(#mealScale:is(*,#_#_), #drinkScale:is(*,#_#_)) > .mini-scale-track:is(*,._){width:880px;min-width:880px;max-width:none;margin:36px 10px 0}}html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_#_){& #seasonalSunAzimuthHeaderSubtitle.seasonal-sun-azimuth-header-subtitle{margin:0 auto 4px;color:#ffd18a;-webkit-text-fill-color:#ffd18a;font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;font-size:clamp(1.22rem, 2vw, 1.42rem);font-style:italic;font-weight:600;letter-spacing:.035em;line-height:1.12;text-align:center}& #seasonalSunAzimuthHeaderDescription.seasonal-sun-azimuth-header-description{box-sizing:border-box;width:min(100%, 760px);max-width:76ch;margin:0 auto 8px;color:#b9cad5;-webkit-text-fill-color:#b9cad5;font-size:.9rem;font-weight:450;line-height:1.46;text-align:center}}@media (max-width: 760px){html body.page-phases:is(*,._._._._._) #seasonalSunAzimuthCard:is(*,#_#_#_){& #seasonalSunAzimuthHeaderSubtitle.seasonal-sun-azimuth-header-subtitle{font-size:1.18rem}& #seasonalSunAzimuthHeaderDescription.seasonal-sun-azimuth-header-description{margin-bottom:6px;font-size:.82rem;line-height:1.4}}}html body.page-phases:is(*,._) #phaseDayTitleValue.phase-title-bubble,html body.page-phases:is(*,._) #dayNightPhasesCard .day-night-current-phase-bubble{border-color:rgba(162, 182, 246, .68);background:linear-gradient(135deg, #313c67, #283756);color:#e6edff;-webkit-text-fill-color:#e6edff;box-shadow:inset 0 1px 0 rgba(239, 245, 255, .1), 0 5px 12px rgba(10, 18, 46, .18)}html body.page-phases:is(*,._) #seasonalSunPositionCard .seasonal-sun-position-header-bubble,html body.page-phases:is(*,._) #seasonalSunAnglePrimaryCard .seasonal-sun-angle-header-bubble,html body.page-phases:is(*,._) #seasonalSunDirectionCard .sun-direction-readout{border-color:rgba(106, 216, 240, .76);background:linear-gradient(135deg, #164c66, #163d5b);color:#def8ff;-webkit-text-fill-color:#def8ff;box-shadow:inset 0 1px 0 rgba(224, 251, 255, .1), 0 5px 12px rgba(3, 24, 39, .2)}html body.page-phases:is(*,._) #seasonalSunDirectionCard{& .sun-direction-visibility{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;max-width:100%;min-height:34px;margin:3px auto 2px;padding:6px 12px;border:1px solid rgba(166, 191, 203, .58);border-radius:999px;background:linear-gradient(135deg, #263c4b, #223441);color:#d9edf2;-webkit-text-fill-color:#d9edf2;box-shadow:inset 0 1px 0 rgba(235, 252, 255, .07), 0 4px 10px rgba(3, 18, 29, .16);font-size:.9rem;line-height:1.2}& .sun-direction-visibility > b{color:#b9dbe4;-webkit-text-fill-color:#b9dbe4;font-weight:600}& .sun-direction-visibility > span{color:#f0c887;-webkit-text-fill-color:#f0c887;font-weight:600}}html body.page-phases:is(*,._) #seasonalSunAnglePrimaryCard .seasonal-sun-highest-angle-header-bubble{border-color:rgba(246, 203, 113, .76);background:linear-gradient(135deg, #624723, #513b29);color:#fff0ca;-webkit-text-fill-color:#fff0ca}html body.page-phases:is(*,._) #seasonalSunDeclinationCard .seasonal-sun-declination-header-bubble{border-color:rgba(106, 211, 201, .72);background:linear-gradient(135deg, #1a4f52, #1c4058);color:#dcffef;-webkit-text-fill-color:#dcffef}html body.page-phases:is(*,._) #seasonalSunDayNightCard{& .seasonal-day-length-day-bubble{border:2px solid color-mix(in srgb, var(--natural-summary-sun, #dfbd7f) 60%, var(--ui-border));background:var(--ui-raised);color:var(--ui-text);-webkit-text-fill-color:currentColor}& .seasonal-day-length-night-bubble{border:2px solid color-mix(in srgb, var(--natural-summary-moon, #9ebfe4) 60%, var(--ui-border));background:var(--ui-raised);color:var(--ui-text);-webkit-text-fill-color:currentColor}}html body.page-phases:is(*,._) #seasonalSunAzimuthCard{& .seasonal-sun-azimuth-overview-bubble.is-sunrise{border-color:rgba(255, 194, 122, .74);background:linear-gradient(135deg, #69452d, #573529);color:#fff0d6;-webkit-text-fill-color:#fff0d6}& .seasonal-sun-azimuth-overview-bubble.is-sunset{border-color:rgba(244, 174, 104, .74);background:linear-gradient(135deg, #60452d, #443324);color:#ffe4bd;-webkit-text-fill-color:#ffe4bd}}html body.page-phases:is(*,._) #moonPositionPathCard .moon-position-title > #moonCycleTitleValue,html body.page-phases:is(*,._) #moonPositionPathCard .moon-position-visibility-bubble{border-color:rgba(120, 204, 225, .68);background:linear-gradient(135deg, #1c485d, #273d61);color:#e0f7ff;-webkit-text-fill-color:#e0f7ff;box-shadow:inset 0 1px 0 rgba(233, 251, 255, .09), 0 5px 12px rgba(4, 20, 38, .18)}html body.page-phases:is(*,._) #lunarMonthCard .moon-phase-illumination-line{border-color:rgba(110, 209, 231, .64);background:linear-gradient(135deg, #1c4b61, #203b5a);color:#d9f8ff;-webkit-text-fill-color:#d9f8ff}html body.page-phases:is(*,._) #moonCycleCard{& .moon-cycle-current-bubble{border-color:rgba(128, 181, 236, .68);background:linear-gradient(135deg, #2d3d69, #293655);color:#e5edff;-webkit-text-fill-color:#e5edff}& .moon-cycle-completion-bubble{border-color:rgba(166, 145, 231, .68);background:linear-gradient(135deg, #41335f, #342d54);color:#f0e7ff;-webkit-text-fill-color:#f0e7ff}& .moon-cycle-year-count-bubble{border-color:rgba(102, 201, 201, .66);background:linear-gradient(135deg, #1e4e58, #243d59);color:#dcffff;-webkit-text-fill-color:#dcffff}}html body.page-phases:is(*,._) #phaseOrderSeason .season-current-bubble{border-color:rgba(172, 214, 133, .68);background:linear-gradient(135deg, #3c5135, #3c4634);color:#efffdc;-webkit-text-fill-color:#efffdc}html body.page-phases:is(*,._) #phaseOrderZodiacCalendar .zodiac-current-bubble{border-color:rgba(192, 150, 235, .7);background:linear-gradient(135deg, #4d356a, #36355e);color:#f3e7ff;-webkit-text-fill-color:#f3e7ff}html body.page-phases:is(*,._) #phaseOrderGregorianCalendar .calendar-current-bubble,html body.page-phases:is(*,._) #phaseOrderThirteenCalendar .calendar-current-bubble{border-color:rgba(108, 204, 226, .68);background:linear-gradient(135deg, #1c4d62, #1e415b);color:#e0f9ff;-webkit-text-fill-color:#e0f9ff}html body.page-phases:is(*,._) #phaseOrderJulianCalendar .calendar-current-bubble{border-color:rgba(171, 157, 237, .7);background:linear-gradient(135deg, #3e3765, #303657);color:#eeeaff;-webkit-text-fill-color:#eeeaff}html body.page-phases:is(*,._) #phaseOrderGenericLunarCalendar :is(.generic-lunar-current-cycle-heading,.generic-lunar-cycle-info,.calendar-current-bubble){border-color:rgba(143, 160, 231, .64);background:linear-gradient(135deg, #353a67, #2d3559);color:#ebefff;-webkit-text-fill-color:#ebefff}html body.page-phases:is(*,._) #phaseOrderLunarYearCalendar{& :is(.lunar-year-current-month-heading,.calendar-current-bubble,.lunar-year-month-info){border-color:rgba(229, 189, 109, .66);background:linear-gradient(135deg, #59452f, #493a32);color:#fff0d2;-webkit-text-fill-color:#fff0d2}& .chinese-lunar-zodiac-panel{border-color:rgba(232, 140, 112, .66);background:linear-gradient(135deg, #5b3740, #4b3445);color:#ffe9dd;-webkit-text-fill-color:#ffe9dd}}html body.page-phases:is(*,._._) #phaseOrderLunarYearCalendar:is(*,#_) .lunar-year-current-month-heading:is(*,._){border:1px solid rgba(229, 189, 109, .66)}}@layer components-layout{.page-calendars #calendarPageHero{margin-bottom:-14px}@media (max-width: 760px){.page-weather #phaseCard{top:0}.page-phases main.shell,.page-phases #phaseSummaryDashboard,.page-phases #phaseSummaryDashboard > :is( .phase-summary-head, .phase-summary-grid, .phase-summary-circle-row, .phase-overview-location ){animation:none;transform:none;transition:none}.page-phases #phaseSummaryDashboard{top:0;margin-top:0}.page-phases #phaseSummaryDashboard > :is( .phase-summary-head, .phase-summary-grid, .phase-summary-circle-row, .phase-overview-location ){opacity:1;visibility:visible}.page-work-test #workTestDaySliderSlot,.page-work-test #workTestWeekSliderSlot{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.page-work-test #workTestDaySliderSlot > #workdayCombinedSlider{width:340px;min-width:340px}.page-work-test #workTestWeekSliderSlot > #workweekCard{/**/ width: max(100%, 580px);min-width:580px;margin-inline:0}}}@layer components-layout{.page-phases #calendarDefinitionCard .natural-information-sources,.page-phases #moonInformationGuideCard .moon-information-source{max-width:72ch;margin:4px auto 0;color:var(--ui-muted,#a9b8c9);font-size:.82rem;line-height:1.5;text-align:center}.page-phases #moonInformationGuideCard > .moon-information-guide-head > #moonInformationGuideTitle{font-size:24px;font-weight:650;line-height:1.25}.page-phases #calendarDefinitionCard .natural-information-sources a,.page-phases #moonInformationGuideCard .moon-information-source a,.page-phases #seasonalSunAzimuthCard .sunrise-sunset-definition-note a{color:var(--ui-accent,#83c5f4);text-underline-offset:3px}.page-phases #phaseOrderDayNightPhases .day-night-phase-method-note{max-width:68ch;margin:10px auto 14px;color:var(--ui-muted,#a9b8c9);font-size:.82rem;line-height:1.45;text-align:center}.page-phases .natural-routine-method-note{max-width:68ch;margin:0 auto 14px;color:var(--ui-muted,#a9b8c9);font-size:.82rem;line-height:1.45;text-align:center}html body.page-phases:is(*,._) #moonInformationGuideCard:is(*,#_) > .moon-information-facts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;width:100%;margin-inline:auto}.page-phases :is(.moon-information-more,.week-name-history-details){box-sizing:border-box;width:min(100%,940px);margin-inline:auto;border:1px solid var(--ui-border,#324458);border-radius:12px;background:var(--ui-raised,#1b2b3a);overflow:hidden}.page-phases :is(.moon-information-more,.week-name-history-details) > summary{cursor:pointer;list-style:none;padding:13px 18px;color:var(--ui-text,#e8eef6);font-weight:600;text-align:center}.page-phases :is(.moon-information-more,.week-name-history-details) > summary::-webkit-details-marker{display:none}.page-phases :is(.moon-information-more,.week-name-history-details) > summary::after{content:' +';color:var(--ui-accent,#83c5f4)}.page-phases :is(.moon-information-more,.week-name-history-details)[open] > summary::after{content:' −'}.page-phases :is(.moon-information-more,.week-name-history-details)[open] > summary{border-bottom:1px solid var(--ui-border,#324458)}.page-phases .moon-information-more > .moon-education-section{margin:16px}.page-phases .week-name-history-details > .week-name-history-table-wrap{margin:16px}.page-phases #phaseBottomWeekHistorySection{& .week-name-history-details{margin:20px auto 0;border:0;border-radius:0;background:transparent;overflow:visible}& .week-name-history-details > summary{box-sizing:border-box;display:block;width:fit-content;max-width:100%;min-height:44px;margin:0 auto;padding:11px 22px;border:1px solid #70a9c4;border-radius:999px;background:linear-gradient(180deg,#28546e 0%,#183c56 100%);color:#f2f9fc;-webkit-text-fill-color:currentColor;box-shadow:inset 0 2px 0 rgba(255,255,255,.11),inset 0 -2px 0 rgba(3,17,31,.2),0 4px 12px rgba(0,12,24,.2);font:600 1rem/1.3 var(--ui-font);text-align:center}& .week-name-history-details > summary:hover{background:linear-gradient(180deg,#32637f 0%,#204961 100%)}& .week-name-history-details > summary:focus-visible{outline:2px solid #a8d9f0;outline-offset:3px}& .week-name-history-details[open] > summary{border:1px solid #70a9c4}& .week-name-history-details > .week-name-history-table-wrap{margin:16px auto 0}}@media (max-width: 520px){.page-phases .moon-information-more > .moon-education-section{margin:10px}.page-phases #phaseBottomWeekHistorySection .week-name-history-details > .week-name-history-table-wrap{margin:10px auto 0}}}@layer components-layout{.page-phases #phaseManualOrderSection{& > .phase-segment-banner{--segment-accent:#f1a65c;--segment-edge:rgba(224,179,100,.82);box-sizing:border-box;display:flex;flex-direction:column;grid-column:1 / -1;align-items:center;justify-content:center;justify-self:center;width:calc(100% - 200px);min-width:0;min-height:64px;margin:34px 0 12px;padding:12px 18px;border:1.5px solid transparent;border-radius:12px;background:linear-gradient(105deg,#152a3d,#0c1b2d 66%,#15273b) padding-box,linear-gradient(105deg,var(--segment-edge),rgba(109,177,213,.5),var(--segment-edge)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 9px 22px rgba(0,8,18,.16)}& > .phase-segment-banner:first-child{margin-top:18px}& > .phase-segment-banner-moon{--segment-accent:#84bfff;--segment-edge:rgba(159,179,232,.8);background:linear-gradient(105deg,#1e2b43,#111d31 66%,#1c2940) padding-box,linear-gradient(105deg,var(--segment-edge),rgba(122,164,218,.48),var(--segment-edge)) border-box}& > .phase-segment-banner-calendar{--segment-accent:#84cf9c;--segment-edge:rgba(106,198,191,.78);background:linear-gradient(105deg,#17323b,#10212f 66%,#16303b) padding-box,linear-gradient(105deg,var(--segment-edge),rgba(94,168,206,.48),var(--segment-edge)) border-box}& > .phase-segment-banner h2{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-width:0;max-width:none;margin:0;color:var(--segment-accent);-webkit-text-fill-color:currentColor;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(1.3rem,2.25vw,1.65rem);font-weight:600;line-height:1.2;letter-spacing:.04em;text-align:center;text-transform:uppercase;transform:none}& > .phase-segment-banner h2::before,& > .phase-segment-banner h2::after{content:"";flex:1 1 0;max-width:170px;height:1px;background:linear-gradient(to right,transparent,var(--segment-accent));opacity:.65}& > .phase-segment-banner h2::after{background:linear-gradient(to left,transparent,var(--segment-accent))}}@media (max-width:800px){.page-phases #phaseManualOrderSection > .phase-segment-banner{width:100%}}@media (max-width:620px){.page-phases #phaseManualOrderSection{& > .phase-segment-banner{min-height:55px;margin-top:26px;padding:10px 12px;border-radius:10px}& > .phase-segment-banner:first-child{margin-top:12px}& > .phase-segment-banner h2{font-size:1.28rem;letter-spacing:.04em}}}}@layer components-layout{.page-phases main .natural-card-title-icon.natural-title-emblem{--natural-emblem-ink: #b5d7ee;--natural-emblem-accent: #83cbd2;--natural-emblem-wash: rgb(131 203 210 / 12%);display:grid;position:static;place-items:center;flex:0 0 48px;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:none;transform:none;color:var(--natural-emblem-ink);-webkit-text-fill-color:currentColor}.page-phases main .natural-title-emblem .natural-title-emblem-artwork{display:block;position:static;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--natural-emblem-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:none;transform:none}.page-phases main .natural-title-emblem .natural-emblem-petal{fill:var(--natural-emblem-wash)}.page-phases main .natural-title-emblem .natural-emblem-soft{stroke:var(--natural-emblem-accent)}.page-phases main .natural-title-emblem .natural-emblem-core{fill:var(--natural-emblem-accent);stroke:none}.page-phases #phaseSummaryDashboard{& .natural-summary-group > h3.natural-card-title-with-icon{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 auto 14px}& .natural-summary-group .natural-card-title-icon.natural-title-emblem{flex-basis:32px;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}& .phase-summary-head > h2 .natural-card-title-icon.natural-title-emblem{flex-basis:36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px}}.page-phases main .natural-title-emblem[data-natural-icon-family="sun"]{--natural-emblem-ink: #e6d3a5;--natural-emblem-accent: #ddba73;--natural-emblem-wash: rgb(221 186 115 / 12%)}.page-phases main .natural-title-emblem[data-natural-icon-family="moon"]{--natural-emblem-ink: #c3d5ef;--natural-emblem-accent: #9cadd9;--natural-emblem-wash: rgb(156 173 217 / 12%)}.page-phases main .natural-title-emblem[data-natural-icon-family="mixed"]{--natural-emblem-ink: #b5d7ee;--natural-emblem-accent: #ddba73;--natural-emblem-wash: rgb(131 183 216 / 10%)}.page-phases #phaseOrderDayNames .alternate-week-table-title.natural-card-title-with-icon,.page-phases #definingDayTitle.natural-card-title-with-icon,.page-phases #weekOriginsHistorySection .week-origins-head > .natural-card-title-with-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:0;margin:0 auto 12px;padding:0}.page-phases #calendarDefinitionCard .defining-day-header{display:block;text-align:center}.page-phases #phaseOrderDayNames .alternate-week-table-title::before,.page-phases #definingDayTitle::before,.page-phases #weekOriginsHistorySection .week-origins-head > h3::before{content:none}@media (max-width: 600px){.page-phases main .natural-card-title-icon.natural-title-emblem{flex-basis:44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px}}}@media (max-width: 760px), (pointer: coarse){html body.page-phases #topSecondsToggle,html body.page-phases #primaryProgress #secondCard,html body.page-phases [data-orbit-speed],html body.page-phases [data-orbit-speed-reset]{display:none}}