/* 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 components-page{body.page-time :is(.progress-card, .timeline-card) > .card-head .time-card-title-icon + .card-title,body.page-time :is(#timezoneChangesTitle, #timekeepingDevicesTitle),body.page-time #otherCityTimesCard .other-city-times-head > .card-title{margin-top:0}body.page-time :is(.progress-card, .timeline-card, .timezone-changes-head, .other-city-times-head, .timekeeping-devices-head) .time-card-title-icon{margin-bottom:2px}@media (max-width: 760px){body.page-time :is(.progress-card, .timeline-card, .timezone-changes-head, .other-city-times-head, .timekeeping-devices-head) .time-card-title-icon{margin-bottom:6px}body.page-time .time-static-card-title-icon{margin-top:2px;margin-bottom:6px}}body.page-time .timezone-changes-head{align-content:start}body.page-time #otherCityTimesCard .other-city-times-head{gap:6px}}@layer foundation-page{.page-time #primaryProgress .card-pie-meter{--time-progress-empty: var(--ui-raised, #343a42)}.page-time #timekeepingDevicesSection{& [data-device="sundial"]{--device-icon-scale: 1.57;--device-icon-y: 1.6px}& [data-device="hourglass"]{--device-icon-scale: 1.17;--device-icon-y: 2px}& [data-device="water"]{--device-icon-scale: 1.78;--device-icon-y: 4.3px}& [data-device="pendulum"]{--device-icon-scale: 1.49;--device-icon-y: .7px}& [data-device="cuckoo"]{--device-icon-scale: 1.09;--device-icon-y: 1.9px}& [data-device="quartz"]{--device-icon-scale: 2.09;--device-icon-x: 2.1px;--device-icon-y: 10.6px}& [data-device="candle"]{--device-icon-scale: .95;--device-icon-x: -4.1px}& [data-device="chronometer"]{--device-icon-scale: .97;--device-icon-x: -1.9px;--device-icon-y: -.4px}& [data-device="atomic"]{--device-icon-scale: .98;--device-icon-x: -1.1px;--device-icon-y: .8px}}}@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{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,.age-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,.draw-timeline-btn,.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,.draw-timeline-btn: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,.age-milestone-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,.age-milestone-table th,.age-milestone-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}.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}.age-card{margin-top:20px}.age-title-inside{text-align:center}.age-inputs{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px}.draw-timeline-btn{display:block;margin:14px auto;min-width:180px}.age-summary{display:grid;gap:6px;margin:14px 0;padding:14px;background:#f7fbfd;border:1px solid var(--line);border-radius:var(--radius)}.life-percent{color:var(--accent-blue);font-weight:800}.age-track{position:relative;height:38px;margin:54px 0 58px;border-radius:999px;background:#dbe6ed}.age-progress{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--track-fill)}.age-current{position:absolute;top:50%;width:20px;height:20px;transform:translate(-50%, -50%);border-radius:50%;background:#fff;border:4px solid var(--accent-red)}.age-year-mark,.age-milestone{position:absolute;transform:translateX(-50%);color:var(--ink-muted);font-size:.78rem;font-weight:650}.age-year-mark{top:-30px}.age-milestone{top:46px}.age-scale-title{color:var(--ink-muted);font-weight:800}.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,.age-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,.age-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,.age-inputs,.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; }}body.page-time main.shell{width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)))}body.page-time #current-time-and-weatherSection{margin:0 auto;padding:30px 34px}body.page-time .top-clock-date-wrap{display:flex;justify-content:center;align-items:center;min-height:360px}body.page-time .clock-display-wrap{display:grid;justify-items:center;align-content:center;gap:18px;width:min(100%, 640px);min-height:330px;margin:0 auto;padding:30px 40px;transform:none}body.page-time .main-analog-clock-panel{display:grid;place-items:center;width:100%}body.page-time .analog-clock{width:190px;height:190px;margin:0 auto;transform:none}body.page-time .hour-hand{height:50px}body.page-time .minute-hand{height:68px}body.page-time .second-hand{height:74px}body.page-time .main-time-copy{display:grid;justify-items:center;gap:8px;width:100%;text-align:center}body.page-time .digital-time{font-size:2.4rem}body.page-time .date-line{margin-top:0;font-size:1.55rem}body.page-time .timezone-control-wrap{grid-template-columns:1fr;grid-template-areas:"zone" "mode";align-items:center;justify-items:center;gap:14px;width:min(100%, 850px);margin:22px auto 0;padding:20px;background:#112236}body.page-time .timezone-final-name{display:none}body.page-time .timezone-picker{grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:12px;width:min(100%, 560px);margin:0;transform:none;justify-self:center}body.page-time .timezone-picker > span{grid-area:auto;display:block;order:1;color:#ccefff;font-size:.9rem;white-space:nowrap}body.page-time .timezone-picker select{grid-area:auto;order:2}body.page-time .time-mode-picker{grid-area:mode;display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:12px;width:min(100%, 540px);transform:none;justify-self:center}body.page-time .timezone-mode-label{grid-area:auto;display:block;order:1;transform:none;color:#ccefff;font-size:.9rem;white-space:nowrap}body.page-time .dst-radio-wrap{grid-area:auto;order:2;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-top:0;transform:none;justify-content:center}body.page-time .dst-choice{justify-items:center;width:100%;min-height:52px;padding:8px 10px;background:#0d2238;border-color:rgba(125, 234, 243, .16);border-radius:18px;color:rgba(224, 241, 247, .58);opacity:.72;text-align:center}body.page-time .dst-choice input{display:none}body.page-time .dst-choice small{display:block;margin-top:4px;color:inherit}body.page-time .dst-choice:has(input:checked){background:#1f5f92;border-color:rgba(150, 234, 255, .72);color:#ffffff;opacity:1;box-shadow:0 0 0 1px rgba(125, 234, 243, .24), 0 10px 22px rgba(31, 120, 209, .24)}body.page-time .primary-time-readout-stack{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;width:min(100%, 840px);margin:18px auto 0}body.page-time .primary-time-readout-stack .time-readout-utc-top{grid-column:1 / -1;width:min(100%, 520px);justify-self:center}body.page-time .primary-time-readout-stack .time-readout{justify-items:center;text-align:center}body.page-time .language-clocks-section{display:grid;gap:18px;width:100%;max-width:none;margin:0 auto;padding:26px;text-align:center}body.page-time .language-clocks-section h2{margin:0;color:#f4fbff}body.page-time .language-clock-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}body.page-time #primaryProgress{& :is(.progress-card,.timeline-card){position:relative}& .card-pie-meter{position:absolute;top:15px;z-index:2;display:grid;place-items:center;margin:15px 0;border:1px solid #9aa7b3;border-radius:50%;background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #33404a var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #f6c453 0deg, #f28a2e 48%, #d9441f 100%);box-shadow:0 0 10px rgba(217, 68, 31, .14)}& .card-pie-meter::before{content:"";background:rgba(235, 248, 255, .86);transform:translateX(-50%)}& .card-pie-meter::after{content:"0";color:#dceeff;font-size:.82rem;line-height:1;transform:translateX(-50%)}& .card-pie-core{place-items:center;border:1px solid #9aa7b3;background:#142333}& .card-pie-core span{display:block;color:#effaff;line-height:1;text-align:center}}body.page-time #minuteCard{& .minute-battery{grid-template-columns:repeat(60, minmax(3px, 1fr));gap:2px;padding:5px;background:#06101a;border:1px solid #142434}& .minute-cell{min-height:48px;background:#111a24;border:1px solid #07121d;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035)}& .minute-cell.filled{box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06)}}body.page-time #primaryProgress{& .card-head{position:relative;min-height:118px}& .card-title-wrap{position:relative;display:grid;justify-items:center;width:100%;min-height:96px;padding:0 150px}& .card-title-line{display:block;width:100%}& .title-value-stack{display:grid;justify-items:center;gap:6px;width:100%;text-align:center}& :is(.card-title,.card-title-subline,.progress-summary-line,.compact-top-lines,.detail-text,.work-status){text-align:center}& .percent-inline{display:none}& .compact-completed-line{display:block;color:#dffcff;font-size:1rem;text-align:center}& .compact-top-lines{display:grid;justify-items:center;gap:6px;width:100%}& :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics){display:grid;width:100%}& :is(.compact-detail-column,.compact-detail-metrics){grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 22px;justify-items:center;align-items:center}& :is(.compact-detail-metric,.compact-measure-line,.compact-remaining-line){display:block;width:100%;text-align:center}& :is(.compact-detail-list,.bottom-metric-list){grid-template-columns:repeat(2, minmax(0, 1fr));justify-items:center;text-align:center}}body.page-time #secondCard :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics),body.page-time #minuteCard :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics),body.page-time #hourCard :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics){grid-template-columns:1fr;justify-items:center;max-width:760px;margin-left:auto;margin-right:auto;text-align:center}body.page-time #secondCard .bottom-metric-list,body.page-time #minuteCard .bottom-metric-list,body.page-time #hourCard .bottom-metric-list{grid-template-columns:1fr}body.page-time #secondCard .compact-top-lines{display:none}body.page-time #primaryProgress{& .card-title{color:#d9c2ff;font-size:clamp(1.7rem, 2.4vw, 2.25rem);line-height:1.08}& .card-title-subline{color:#eef6ff;font-size:clamp(1.16rem, 1.5vw, 1.38rem);line-height:1.2}& .compact-completed-line{margin-top:6px}}body.page-time #secondCard{& .second-clock-orbit{transform:translateY(-30px);box-shadow:none}& .second-clock-orbit::after{content:"";position:absolute;z-index:3;height:calc(50% - 12px);transform:translateX(-50%);background:rgba(225, 245, 255, .78)}& .second-orbit-dot,& .second-clock-face span{box-shadow:none}& .second-orbit-dot{width:22px;height:22px;background:radial-gradient(circle at 34% 28%, #f8ffff 0 10%, #7ddbe5 11% 24%, #128aa5 25% 46%, #0a4c8d 47% 72%, #031d38 100%);border:1px solid rgba(225, 250, 255, .9);box-shadow:inset -5px -6px 9px rgba(3, 20, 42, .56), inset 3px 3px 7px rgba(255, 255, 255, .34), 0 8px 18px rgba(0, 0, 0, .34), 0 0 18px rgba(60, 219, 237, .46)}& .second-spinner-label{width:64px;color:#eafcff;font-size:.82rem;line-height:1.05;text-align:center}& .detail-text{margin-top:15px}}body.page-time #minuteCard .detail-text{margin-top:28px}body.page-time #primaryProgress{& .progress-card .card-head,& .timeline-card .card-head{padding-left:150px}& .card-pie-meter{width:106px;height:106px}& .card-pie-core span{font-size:1.08rem}}body.page-time #timeVisualizedGroup #hourCard .detail-text,body.page-time #timeVisualizedGroup #hourCard ~ article .detail-text{margin-top:-32px}body.page-time #phaseCard,body.page-time #myWeatherCard,body.page-time #worldClockCard,body.page-time #oceanCurrentsCard,body.page-time #aboutPageCard,body.page-time #unitConverterGroupShell,body.page-time #dayNightCycleGroupShell,body.page-time #foodDrinkTimeGroupShell,body.page-time #workHoursGroupShell,body.page-time #phaseOrbitSimulatorSection,body.page-time #bottomTimeDevicesSection,body.page-time #current-time-and-weatherSection .machine-pair-row,body.page-time #current-time-and-weatherSection #timeTravelCard,body.page-time .age-card,body.page-time .unit-converter-card{display:none}@media (max-width: 760px){body.page-time #current-time-and-weatherSection{padding:22px 16px}body.page-time .timezone-control-wrap{grid-template-columns:1fr;grid-template-areas:"zone" "mode"}body.page-time .timezone-picker,body.page-time .time-mode-picker{width:100%;transform:none}body.page-time .time-mode-picker{grid-template-columns:auto minmax(0, 1fr)}body.page-time .timezone-mode-label{text-align:center}body.page-time .dst-radio-wrap,body.page-time .primary-time-readout-stack,body.page-time .language-clock-grid,body.page-time #primaryProgress :is(.card-title-wrap,.detail-text,.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list){grid-template-columns:1fr}body.page-time #primaryProgress{& .card-title-wrap{padding:48px 0 0}& :is(.percent-inline,.card-pie-meter,.card-value){position:static;justify-self:center}}body.page-time .clock-display-wrap{min-height:300px;padding:24px 18px}}body.page-time #timezoneDifferenceCalculator{box-sizing:border-box;width:100%;max-width:100%;margin-inline:auto;padding:clamp(22px, 3vw, 34px);text-align:center}body.page-time #timezoneDifferenceCalculator{& .timezone-difference-head{display:grid;justify-items:center;gap:2px;margin:0 auto 22px}& .timezone-difference-title-copy{display:grid;justify-items:center;gap:7px}& .timezone-difference-title-copy :is(h2,p){margin:0}& .timezone-difference-title-copy h2{color:var(--ui-heading, #b9d9f5);font-size:clamp(1.5rem, 2.2vw, 1.85rem);line-height:1.15}& .timezone-difference-title-copy p{color:var(--ui-muted, #aebed0);font-size:.94rem;line-height:1.45}& .timezone-difference-controls{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:end;gap:14px;width:min(100%, 940px);margin:0 auto}& .timezone-difference-controls label{display:grid;gap:7px;min-width:0;color:var(--ui-muted, #aebed0);font-size:.82rem;font-weight:650;letter-spacing:.02em;text-align:left}& .timezone-difference-controls select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:9px 38px 9px 12px;border:1px solid color-mix(in srgb, var(--ui-accent, #83c5f4) 46%, var(--ui-border, #324458));border-radius:9px;background:var(--ui-raised, #1e2d41);color:var(--ui-text, #e8eef6);font:inherit;font-size:.9rem}& .timezone-difference-controls select:focus-visible,& .timezone-difference-swap:focus-visible{outline:2px solid var(--ui-accent, #83c5f4);outline-offset:3px}& .timezone-difference-swap{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 13px;border:1px solid color-mix(in srgb, var(--ui-accent, #83c5f4) 62%, var(--ui-border, #324458));border-radius:9px;background:color-mix(in srgb, var(--ui-button, #16445c) 88%, var(--ui-raised, #1e2d41));color:var(--ui-heading, #b9d9f5);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}& .timezone-difference-swap:hover{border-color:var(--ui-accent, #83c5f4);background:var(--ui-button-hover, #1b5874)}& .timezone-difference-swap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}& .timezone-difference-summary{box-sizing:border-box;width:min(100%, 700px);min-height:42px;margin:20px auto 16px;padding:10px 16px;border:1px solid color-mix(in srgb, var(--ui-accent, #83c5f4) 32%, var(--ui-border, #324458));border-radius:999px;background:color-mix(in srgb, var(--ui-raised, #1e2d41) 82%, transparent);color:var(--ui-heading, #b9d9f5);font-size:.96rem;font-weight:650;line-height:1.35}& .timezone-difference-results{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;width:min(100%, 940px);margin:0 auto}& .timezone-difference-result{box-sizing:border-box;display:grid;justify-items:center;gap:5px;min-width:0;padding:18px 16px;border:1px solid color-mix(in srgb, var(--ui-border, #324458) 86%, var(--ui-accent, #83c5f4));border-radius:12px;background:linear-gradient(145deg, color-mix(in srgb, var(--ui-raised, #1e2d41) 92%, #235777), color-mix(in srgb, var(--ui-surface, #172233) 94%, #132e48))}& .timezone-difference-result > span{color:var(--ui-accent, #83c5f4);font-size:.86rem;font-weight:700}& .timezone-difference-result > strong{color:var(--ui-text, #e8eef6);font-size:clamp(1.75rem, 4vw, 2.35rem);font-weight:620;letter-spacing:-.025em;line-height:1.08}& .timezone-difference-result > b{color:var(--ui-heading, #b9d9f5);font-size:.92rem;font-weight:580;line-height:1.35}& .timezone-difference-result > small{color:var(--ui-muted, #aebed0);font-size:.76rem;line-height:1.35}}@media (max-width: 700px){body.page-time #timezoneDifferenceCalculator{& .timezone-difference-controls{grid-template-columns:minmax(0, 1fr)}& .timezone-difference-swap{justify-self:center;min-width:112px}& .timezone-difference-results{grid-template-columns:minmax(0, 1fr)}& .timezone-difference-summary{border-radius:12px}}}body.page-time #current-time-and-weatherSection{padding-top:20px;padding-bottom:20px}body.page-time #current-time-and-weatherSection{& .top-clock-date-wrap{transform:translateY(-10px)}& .primary-time-readout-stack{margin-top:3px}& .season-zodiac-grid{display:none}}body.page-time main.shell,body.page-time main.shell *{font-weight:400}body.page-time #eraCard{display:grid;gap:14px}body.page-time #eraCard{& .detail-text{margin-top:8px}& :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics){display:grid;width:100%;max-width:none}& .bottom-metric-list{display:none}& .deep-time-stack{width:100%;max-width:none;margin:0}& .deep-time-slider{grid-template-columns:minmax(0, 1fr);align-items:stretch;row-gap:5px;width:100%;background:rgba(6, 26, 44, 0.76);border:1px solid rgba(126, 198, 230, 0.22)}& .deep-time-slider header{justify-content:space-between;min-width:0}& .deep-time-slider header span{color:#e9f7ff}& .deep-time-slider header em{font-style:normal}& .deep-time-track{width:100%;background:#0a2741;border:1px solid rgba(155, 220, 255, 0.58)}& .deep-time-segment{top:0;bottom:0;min-width:2px;background:linear-gradient(90deg, var(--deep-color), rgba(255, 255, 255, 0.16));border-right:1px solid rgba(221, 244, 255, 0.34)}& .deep-time-segment b{position:absolute;left:50%;top:50%;max-width:100%;padding:0 4px;transform:translate(-50%, -50%);color:rgba(255, 255, 255, 0.92);font-size:0.62rem;line-height:1;white-space:nowrap;pointer-events:none}}body.page-time #primaryProgress{& .progress-track > :is(.tick-label,.top-label){min-width:44px}& #weekCard .progress-track > .tick-label{min-width:76px}}body.page-time #eraCard{& .deep-time-segment.is-current{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.55)}& .deep-time-segment.is-informal{background:repeating-linear-gradient(45deg, var(--deep-color) 0 7px, rgba(255, 255, 255, 0.2) 7px 10px)}& .deep-time-slider footer{grid-column:1;color:rgba(199, 224, 237, 0.72);font-size:0.72rem;text-align:center}& .deep-time-slider p,& .deep-time-note p{grid-column:1 / -1;margin:0;color:rgba(218, 236, 246, 0.78);font-size:0.82rem;line-height:1.35;text-align:center}& .deep-time-note{display:grid;gap:8px;background:rgba(6, 26, 44, 0.7);border:1px solid rgba(126, 198, 230, 0.18)}& .deep-time-note h4{font-size:1rem;text-align:center}& .deep-time-note ul{list-style:none}& .deep-time-note li{display:grid;grid-template-columns:minmax(90px, 140px) minmax(0, 1fr);gap:10px;align-items:center}& .deep-time-note li em{color:rgba(202, 226, 238, 0.76);font-style:normal}}@media (max-width: 760px){body.page-time #eraCard{& .deep-time-slider,& .deep-time-note li{grid-template-columns:1fr}& .deep-time-slider :is(header,footer){grid-column:1;text-align:center}}}body.page-time #primaryProgress #secondCard .card-pie-core span::before{content:"1"}body.page-time #current-time-and-weatherSection{& .roman-clock-number.r12{--roman-angle: 0deg}& .roman-clock-number.r1{--roman-angle: 30deg}& .roman-clock-number.r2{--roman-angle: 60deg}& .roman-clock-number.r3{--roman-angle: 90deg}& .roman-clock-number.r4{--roman-angle: 120deg}& .roman-clock-number.r5{--roman-angle: 150deg}& .roman-clock-number.r6{--roman-angle: 180deg}& .roman-clock-number.r7{--roman-angle: 210deg}& .roman-clock-number.r8{--roman-angle: 240deg}& .roman-clock-number.r9{--roman-angle: 270deg}& .roman-clock-number.r10{--roman-angle: 300deg}& .roman-clock-number.r11{--roman-angle: 330deg}& .clock-number.n12{--clock-angle: 0deg}& .clock-number.n1{--clock-angle: 30deg}& .clock-number.n2{--clock-angle: 60deg}& .clock-number.n3{--clock-angle: 90deg}& .clock-number.n4{--clock-angle: 120deg}& .clock-number.n5{--clock-angle: 150deg}& .clock-number.n6{--clock-angle: 180deg}& .clock-number.n7{--clock-angle: 210deg}& .clock-number.n8{--clock-angle: 240deg}& .clock-number.n9{--clock-angle: 270deg}& .clock-number.n10{--clock-angle: 300deg}& .clock-number.n11{--clock-angle: 330deg}& .main-time-page-title{width:100%}& .time-readout span{font-family:Georgia, "Times New Roman", serif}& .top-seconds-toggle{margin-top:4px;border:1px solid rgba(124, 184, 226, .45);background:linear-gradient(180deg, #16263a, #0b1524);cursor:pointer}& .top-seconds-toggle[aria-pressed="true"]{background:linear-gradient(180deg, #27466b, #12243c)}}body.page-time{--time-slider-border: #4ca7c8;--time-grid-line: rgba(150, 205, 225, .62)}body.page-time{--time-progress-start: #123794;--time-progress-mid: #1a6dad;--time-progress-end: #26a7c7;--time-progress-empty: #031b3b;--time-slider-bg: #031b3b;--time-meter-center: #2a3340;--track-fill: linear-gradient(90deg, var(--time-progress-start) 0%, var(--time-progress-mid) 54%, var(--time-progress-end) 100%);--minute-cell-fill: linear-gradient(90deg, #123794, #26a7c7)}html body.page-time #primaryProgress #minuteCard #minuteBattery .minute-smooth-fill,html body.page-time #minuteCard #minuteBattery .minute-smooth-fill{width:0%}html body.page-time #languageClocksSection{& .time-readout:nth-child(2){--clock-accent: #ffb66d;--clock-label: #ffd0a0;--clock-value: #ffe1bf}& .time-readout:nth-child(3){--clock-accent: #a789ff;--clock-label: #cabdff;--clock-value: #ddd2ff}& .time-readout:nth-child(4){--clock-accent: #5bc8ff;--clock-label: #a9e8ff;--clock-value: #d1f5ff}& .time-readout:nth-child(5){--clock-accent: #ee93ff;--clock-label: #f4c2ff;--clock-value: #fad7ff}& .time-readout:nth-child(6){--clock-accent: #7df0c9;--clock-label: #adf8e4;--clock-value: #d0fff2}& .time-readout:nth-child(7){--clock-accent: #ffc14f;--clock-label: #ffd889;--clock-value: #ffe7b4}& .time-readout:nth-child(8){--clock-accent: #65d8ff;--clock-label: #a5edff;--clock-value: #cdf7ff}& .time-readout:nth-child(9){--clock-accent: #c99dff;--clock-label: #dec7ff;--clock-value: #eadcff}& .time-readout:nth-child(10){--clock-accent: #88bfff;--clock-label: #bddcff;--clock-value: #e0f0ff}}: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.page-time > :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 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)}html body.page-time{--time-top-card-y: 0px;--time-slider-track-radius: 0px;--time-top-clock-dock-extra-height: 60px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) .second-orbit-dot:is(*,._){--second-orbit-angle: -90deg}html body:is(.page-time, .page-weather) .stable-output:is(*,._){will-change:opacity, filter}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-side-gear{--gear-angle: 0deg}html body.page-time{--time-gray-card-a: #1e252b;--time-gray-card-b: #212b30;--time-gray-card-c: #1c242b;--time-beige-orange: #e6ae40}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-time #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, #digitalClock, #currentDate, #topSecondsToggle ),html body.delayed-data-visible.page-time #languageClocksSection:is(*,#_) .time-readout strong,html body.delayed-data-visible.page-time :is( #utcTimeHero, #utcTime, #mainTime, #militaryTime, #romanTime, #greekTime, #arabicTime, #japaneseTime, #kanjiTime, #chineseTime, #devanagariTime, #thaiTime, #indianTime, #binaryTime ){will-change:auto}html body.page-time:is(*,._) #eraCard#eraCard .deep-time-progress-icon{left:var(--deep-time-marker-left, 100%)}: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, .age-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-time{--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.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_){& .time-readout:nth-child(2){--clock-accent: #ffb66d;--clock-label: #ffd0a0;--clock-value: #ffe1bf}& .time-readout:nth-child(3){--clock-accent: #a789ff;--clock-label: #cabdff;--clock-value: #ddd2ff}& .time-readout:nth-child(4){--clock-accent: #5bc8ff;--clock-label: #a9e8ff;--clock-value: #d1f5ff}& .time-readout:nth-child(5){--clock-accent: #ee93ff;--clock-label: #f4c2ff;--clock-value: #fad7ff}& .time-readout:nth-child(6){--clock-accent: #7df0c9;--clock-label: #adf8e4;--clock-value: #d0fff2}& .time-readout:nth-child(7){--clock-accent: #ffc14f;--clock-label: #ffd889;--clock-value: #ffe7b4}& .time-readout:nth-child(8){--clock-accent: #65d8ff;--clock-label: #a5edff;--clock-value: #cdf7ff}& .time-readout:nth-child(9){--clock-accent: #c99dff;--clock-label: #dec7ff;--clock-value: #eadcff}& .time-readout:nth-child(10){--clock-accent: #88bfff;--clock-label: #bddcff;--clock-value: #e0f0ff}}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}}@media (max-width: 1280px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_){& .clock-display-wrap:is(*,._){--time-top-panel-width: 600px}& .timezone-control-wrap:is(*,._){--time-top-panel-width: 720px}}}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& > :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& .card-pie-meter:is(*,._){--time-progress-empty: #3a3f46}& .card-pie-meter:is(*,._):not(#timePieA#timePieB#timePieC#timePieD#timePieE#timePieF),& :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._):not(#timePieA#timePieB#timePieC#timePieD#timePieE#timePieF){--time-progress-empty: #3a3f46}}: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.page-time main.shell #current-time-and-weatherSection{& .clock-display-wrap{--time-top-panel-width: 600px}& .timezone-control-wrap{--time-top-panel-width: 720px}}html body{--readability-tiny-font: 15px;--readability-tiny-line: 1.34}@media (max-width: 760px){html body{--readability-tiny-font: 14px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._){& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(1){--earth-clock-bg: radial-gradient(circle at 16% 0%, rgba(60, 112, 132, .22), transparent 38%), linear-gradient(145deg, #112f3d 0%, #0b2231 58%, #061421 100%);--earth-clock-border: rgba(105, 194, 224, .48);--earth-clock-bright: #9af6ff;--earth-clock-glow: rgba(154, 246, 255, .18)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(2){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .2), transparent 38%), linear-gradient(145deg, #172f2c 0%, #102322 58%, #07151c 100%);--earth-clock-border: rgba(126, 198, 169, .46);--earth-clock-bright: #b7ffd6;--earth-clock-glow: rgba(183, 255, 214, .16)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(3){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(78, 94, 132, .22), transparent 38%), linear-gradient(145deg, #17243a 0%, #101a2d 58%, #080f1d 100%);--earth-clock-border: rgba(129, 151, 199, .48);--earth-clock-bright: #a9cfff;--earth-clock-glow: rgba(169, 207, 255, .16)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(4){--earth-clock-bg: radial-gradient(circle at 16% 0%, rgba(134, 150, 154, .2), transparent 36%), linear-gradient(145deg, #212d36 0%, #111b29 58%, #07111d 100%);--earth-clock-border: rgba(142, 165, 172, .46);--earth-clock-bright: #c7e8f0;--earth-clock-glow: rgba(199, 232, 240, .14)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(5){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(142, 132, 171, .18), transparent 38%), linear-gradient(145deg, #202538 0%, #161b2b 58%, #0d1320 100%);--earth-clock-border: rgba(159, 151, 192, .44);--earth-clock-bright: #d8ccff;--earth-clock-glow: rgba(216, 204, 255, .14)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(6){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .19), transparent 36%), linear-gradient(145deg, #162b2f 0%, #0f2127 58%, #0a151f 100%);--earth-clock-border: rgba(104, 200, 200, .44);--earth-clock-bright: #96ffe9;--earth-clock-glow: rgba(150, 255, 233, .15)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(7){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .18), transparent 36%), linear-gradient(145deg, #182734 0%, #111e2a 58%, #0b141f 100%);--earth-clock-border: rgba(122, 176, 202, .42);--earth-clock-bright: #aee7ff;--earth-clock-glow: rgba(174, 231, 255, .14)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(8){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .18), transparent 36%), linear-gradient(145deg, #172a2d 0%, #102026 58%, #0a151f 100%);--earth-clock-border: rgba(123, 198, 169, .42);--earth-clock-bright: #b9ffd2;--earth-clock-glow: rgba(185, 255, 210, .14)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(9){--earth-clock-bg: radial-gradient(circle at 16% 0%, rgba(60, 112, 132, .18), transparent 38%), linear-gradient(145deg, #142a38 0%, #0e2030 58%, #081522 100%);--earth-clock-border: rgba(105, 184, 217, .42);--earth-clock-bright: #a9eeff;--earth-clock-glow: rgba(169, 238, 255, .14)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(10){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(142, 132, 171, .17), transparent 38%), linear-gradient(145deg, #202436 0%, #171b2a 58%, #0d131f 100%);--earth-clock-border: rgba(164, 154, 192, .42);--earth-clock-bright: #e1d3ff;--earth-clock-glow: rgba(225, 211, 255, .13)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(11){--earth-clock-bg: radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), transparent 36%), linear-gradient(145deg, #162b2a 0%, #0f201f 58%, #0a151e 100%);--earth-clock-border: rgba(112, 196, 151, .42);--earth-clock-bright: #c7ffc8;--earth-clock-glow: rgba(199, 255, 200, .13)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(12){--earth-clock-bg: radial-gradient(circle at 50% 0%, rgba(255, 210, 101, .18), transparent 42%), linear-gradient(180deg, rgba(68, 43, 16, .9), rgba(22, 21, 31, .96));--earth-clock-border: rgba(211, 166, 76, .46);--earth-clock-bright: #ffd8aa;--earth-clock-glow: rgba(255, 216, 170, .13)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(13){--earth-clock-bg: radial-gradient(circle at 20% 0%, rgba(255, 208, 89, .16), transparent 34%), radial-gradient(circle at 82% 8%, rgba(104, 210, 255, .1), transparent 36%), linear-gradient(180deg, rgba(37, 38, 42, .96), rgba(11, 23, 36, .99));--earth-clock-border: rgba(171, 154, 118, .46);--earth-clock-bright: #ffe196;--earth-clock-glow: rgba(255, 225, 150, .13)}}html body.page-time:is(*,._) #otherCityTimesGrid{& .other-city-time-box{--city-card-a: #092745;--city-card-b: #05344f;--city-card-c: #17282b}& .city-tone-ocean{--city-card-a:#092745;--city-card-b:#06415d;--city-card-c:#17282b}& .city-tone-stone{--city-card-a:#17282b;--city-card-b:#243e4a;--city-card-c:#12192b}& .city-tone-desert{--city-card-a:#1a3842;--city-card-b:#30434a;--city-card-c:#252c38}& .city-tone-steel{--city-card-a:#12192b;--city-card-b:#1f3d52;--city-card-c:#28343c}& .city-tone-harbor{--city-card-a:#092745;--city-card-b:#05344f;--city-card-c:#1e3847}& .city-tone-teal{--city-card-a:#073143;--city-card-b:#0f505a;--city-card-c:#1d3137}& .city-tone-ice{--city-card-a:#12213a;--city-card-b:#27506a;--city-card-c:#52656d}& .city-tone-pacific{--city-card-a:#06354f;--city-card-b:#0e5968;--city-card-c:#243c46}& .city-tone-forest{--city-card-a:#102a2e;--city-card-b:#1a4a44;--city-card-c:#233b35}& .city-tone-jade{--city-card-a:#12333b;--city-card-b:#1c514b;--city-card-c:#30473c}& .city-tone-lagoon{--city-card-a:#082b43;--city-card-b:#0a5360;--city-card-c:#204c4c}& .city-tone-slate{--city-card-a:#141f32;--city-card-b:#2c4150;--city-card-c:#313744}& .city-tone-fog{--city-card-a:#1c2c3a;--city-card-b:#334c58;--city-card-c:#2a343c}& .city-tone-deep{--city-card-a:#101b2e;--city-card-b:#14384d;--city-card-c:#1d2a34}& .city-tone-navy{--city-card-a:#0c2037;--city-card-b:#193752;--city-card-c:#12192b}& .city-tone-bluegray{--city-card-a:#10263d;--city-card-b:#2b4658;--city-card-c:#25323a}& .city-tone-sandblue{--city-card-a:#1f3040;--city-card-b:#3a4b52;--city-card-c:#23333b}& .city-tone-greenblue{--city-card-a:#0e2d35;--city-card-b:#24514d;--city-card-c:#193538}& .city-tone-earth{--city-card-a:#162d32;--city-card-b:#304d45;--city-card-c:#293a37}& .city-tone-gulf{--city-card-a:#123245;--city-card-b:#204e5f;--city-card-c:#2e3a42}& .city-tone-monsoon{--city-card-a:#122b3f;--city-card-b:#235062;--city-card-c:#29373f}& .city-tone-rainforest{--city-card-a:#0c2f37;--city-card-b:#214f48;--city-card-c:#17383b}& .city-tone-aqua{--city-card-a:#06344c;--city-card-b:#0b5c67;--city-card-c:#1c3943}& .city-tone-ink{--city-card-a:#111d2f;--city-card-b:#263c50;--city-card-c:#252a36}& .city-tone-midnight{--city-card-a:#10182a;--city-card-b:#233a53;--city-card-c:#1d2635}& .city-tone-reef{--city-card-a:#07334b;--city-card-b:#0b5668;--city-card-c:#183e48}& .city-tone-moss{--city-card-a:#102d31;--city-card-b:#244944;--city-card-c:#1f3536}& .city-tone-tahiti{--city-card-a:#07314e;--city-card-b:#0f5d6a;--city-card-c:#1f3d4b}& .city-tone-polar{--city-card-a:#102138;--city-card-b:#2d5167;--city-card-c:#34444b}& .city-tone-antarctic{--city-card-a:#0e1e32;--city-card-b:#27475d;--city-card-c:#4a5960}}html body.page-time #anniversaryMilestonesCard .anniversary-milestones-table tbody{& tr:nth-child(1){--anniversary-row-rgb: 18, 39, 64}& tr:nth-child(2){--anniversary-row-rgb: 19, 42, 68}& tr:nth-child(3){--anniversary-row-rgb: 20, 45, 73}& tr:nth-child(4){--anniversary-row-rgb: 20, 48, 78}& tr:nth-child(5){--anniversary-row-rgb: 21, 51, 83}& tr:nth-child(6){--anniversary-row-rgb: 22, 54, 88}& tr:nth-child(7){--anniversary-row-rgb: 23, 57, 93}& tr:nth-child(8){--anniversary-row-rgb: 24, 60, 98}& tr:nth-child(9){--anniversary-row-rgb: 25, 63, 103}& tr:nth-child(10){--anniversary-row-rgb: 26, 66, 108}& tr:nth-child(11){--anniversary-row-rgb: 27, 69, 113}& tr:nth-child(12){--anniversary-row-rgb: 28, 72, 118}& tr:nth-child(13){--anniversary-row-rgb: 29, 75, 123}& tr:nth-child(14){--anniversary-row-rgb: 30, 78, 128}& tr:nth-child(15){--anniversary-row-rgb: 31, 81, 133}& tr:nth-child(16){--anniversary-row-rgb: 32, 84, 138}& tr:nth-child(17){--anniversary-row-rgb: 34, 86, 142}& tr:nth-child(18){--anniversary-row-rgb: 36, 88, 146}& tr:nth-child(19){--anniversary-row-rgb: 38, 90, 150}& tr:nth-child(20){--anniversary-row-rgb: 40, 92, 154}& tr:nth-child(21){--anniversary-row-rgb: 42, 94, 158}& tr:nth-child(22){--anniversary-row-rgb: 44, 96, 162}& tr:nth-child(23){--anniversary-row-rgb: 46, 98, 166}& tr:nth-child(24){--anniversary-row-rgb: 48, 100, 170}}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._){--time-circle-inner-radius: 145px;--time-circle-outer-radius: 195px;--time-circle-band-inner-radius: 170px;--time-circle-band-outer-radius: 215px;--time-circle-divider-start-radius: 110px}html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondCircleSlider:is(*,#_).time-main-circle-slider{--time-circle-inner-radius: 128px;--time-circle-outer-radius: 158px;--time-circle-band-inner-radius: 145px;--time-circle-band-outer-radius: 175px;--time-circle-divider-start-radius: 110px}@media (max-width: 600px){html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondCircleSlider:is(*,#_).time-main-circle-slider{--time-circle-inner-radius: 105px;--time-circle-outer-radius: 126px;--time-circle-band-inner-radius: 115px;--time-circle-band-outer-radius: 140px;--time-circle-divider-start-radius: 89px}}html body.page-time:is(*,._._) #languageClocksSection:is(*,#_) #utcMinuteHourglassMeter:is(*,#_).utc-minute-hourglass-meter{--hourglass-top-scale: 1;--hourglass-bottom-scale: 0}@media (max-width: 600px){html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._){--time-circle-inner-radius: 118px;--time-circle-outer-radius: 160px;--time-circle-band-inner-radius: 140px;--time-circle-band-outer-radius: 180px;--time-circle-divider-start-radius: 89px}}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{--shared-page-top-gap: 20px}@media (max-width: 760px){html body{--shared-page-top-gap: 20px}}.timekeeping-devices-card{position:relative;overflow:hidden;margin-top:16px;padding:clamp(22px, 3vw, 38px);border:1px solid rgba(137, 194, 210, 0.36);border-radius:22px;background:radial-gradient(circle at 88% 7%, rgba(104, 154, 165, 0.16), transparent 28%), linear-gradient(145deg, rgba(39, 53, 62, 0.98), rgba(26, 39, 47, 0.98));color:#dce8ea;box-shadow:0 18px 42px rgba(4, 13, 18, 0.3), inset 0 1px rgba(255, 255, 255, 0.035)}.timekeeping-devices-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:0 auto 28px;text-align:center}.timekeeping-title-copy{text-align:center}.timekeeping-devices-head h2{margin:0;color:#9cc8d3;font:800 clamp(1.45rem, 2.3vw, 2rem)/1.15 Inter, system-ui, sans-serif;letter-spacing:0.01em}.timekeeping-devices-head p{margin:7px 0 0;color:#aebfc3;font:500 0.98rem/1.45 Inter, system-ui, sans-serif}.timekeeping-title-icon,.timekeeping-device-icon,.atomic-symbol{flex:0 0 auto;display:grid;place-items:center}.timekeeping-title-icon{width:66px;height:66px;border:1px solid rgba(198, 169, 105, 0.38);border-radius:19px;background:linear-gradient(145deg, rgba(124, 95, 50, 0.34), rgba(49, 64, 68, 0.72))}.timekeeping-title-icon svg{width:43px;height:43px}.timekeeping-device-icon svg{width:58px;height:58px}.atomic-symbol svg{width:60px;height:60px}.timekeeping-devices-card svg{overflow:visible;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.timekeeping-devices-card svg .timekeeping-icon-fill{fill:currentColor;stroke:none;opacity:0.55}.timekeeping-device-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px}.timekeeping-device{--device-color: #c5aa73;display:flex;flex-direction:column;gap:0;min-height:355px;padding:0 18px 20px;overflow:hidden;border:1px solid color-mix(in srgb, var(--device-color) 34%, transparent);border-radius:17px;background:linear-gradient(145deg, color-mix(in srgb, var(--device-color) 12%, #293943), rgba(31, 44, 52, 0.94));box-shadow:inset 0 1px rgba(255, 255, 255, 0.035)}.timekeeping-device[data-device="hourglass"]{--device-color: #d3aa62}.timekeeping-device[data-device="water"]{--device-color: #73b5c4}.timekeeping-device[data-device="pendulum"]{--device-color: #829ebd}.timekeeping-device[data-device="cuckoo"]{--device-color: #8cae7b}.timekeeping-device[data-device="quartz"]{--device-color: #a99bc4}.timekeeping-device-photo{display:grid;place-items:center;width:100%;height:190px;margin:10px 0 14px;overflow:visible;border:0;background:transparent}.timekeeping-device-photo img{display:block;width:100%;height:100%;max-width:220px;object-fit:contain;object-position:center}.timekeeping-device-illustration{background:transparent}.timekeeping-device-illustration img{object-fit:contain;image-rendering:auto}.timekeeping-device h3{margin:2px 0 7px;color:color-mix(in srgb, var(--device-color) 78%, #ffffff);font:750 1.06rem/1.25 Inter, system-ui, sans-serif;text-align:center}.timekeeping-device p{margin:0;color:#bfced1;font:500 0.91rem/1.55 Inter, system-ui, sans-serif}.time-standard-panel{margin-top:18px;padding:clamp(20px, 2.7vw, 32px);border:1px solid rgba(100, 181, 190, 0.32);border-radius:19px;background:radial-gradient(circle at 7% 0%, rgba(67, 151, 164, 0.16), transparent 26%), linear-gradient(145deg, rgba(22, 48, 56, 0.92), rgba(24, 36, 44, 0.97))}.time-standard-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center}.time-standard-intro > div:last-child{display:flex;flex-direction:column;align-items:center}.atomic-symbol{width:76px;height:76px;border-radius:50%;background:rgba(70, 139, 151, 0.13);color:#83c8d2}.time-standard-intro h3{margin:0;color:#addce4;font:850 clamp(1.35rem, 2.2vw, 1.75rem)/1.18 Inter, system-ui, sans-serif;letter-spacing:0.01em}.time-standard-intro p{max-width:900px;margin:8px 0 0;text-align:center;color:#bdcccf;font:500 0.95rem/1.55 Inter, system-ui, sans-serif}.time-standard-flow{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin-top:22px}.time-standard-flow article{position:relative;min-height:174px;padding:18px 15px 16px;border:1px solid rgba(111, 172, 183, 0.2);border-radius:14px;background:rgba(45, 67, 75, 0.63)}.time-standard-flow article > span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:11px;border-radius:50%;background:#4a8791;color:#ecfafb;font:800 0.78rem/1 Inter, system-ui, sans-serif}.time-standard-flow h4,.time-standard-details h4{margin:0 0 7px;color:#a8d4da;font:750 0.94rem/1.3 Inter, system-ui, sans-serif}.time-standard-flow p,.time-standard-details p{margin:0;color:#b8c8cb;font:500 0.84rem/1.5 Inter, system-ui, sans-serif}.time-standard-details{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;margin-top:10px}.ntp-protocol-panel{margin-top:12px;padding:20px;border:1px solid rgba(111, 172, 183, 0.27);border-radius:15px;background:linear-gradient(145deg, rgba(18, 47, 58, 0.82), rgba(17, 31, 42, 0.9))}.ntp-protocol-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.ntp-protocol-heading > div{display:flex;flex-direction:column;align-items:center}.ntp-network-icon{flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(72, 137, 155, 0.15);color:#7fc1cf}.ntp-network-icon svg{width:38px;height:38px}.ntp-protocol-heading h4{margin:0;color:#addce4;font:850 clamp(1.3rem, 2.1vw, 1.65rem)/1.2 Inter, system-ui, sans-serif;letter-spacing:0.01em}.ntp-protocol-heading p{margin:6px 0 0;max-width:850px;text-align:center;color:#bdcccf;font:500 0.9rem/1.5 Inter, system-ui, sans-serif}.ntp-step-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:9px;margin-top:17px}.ntp-step-grid article{padding:14px;border-radius:12px;background:rgba(49, 76, 86, 0.54)}.ntp-step-grid b,.ntp-step-grid span{display:block}.ntp-step-grid b{margin-bottom:7px;color:#96d0d9;font:750 0.86rem/1.25 Inter, system-ui, sans-serif}.ntp-step-grid span{color:#b9c9cc;font:500 0.8rem/1.5 Inter, system-ui, sans-serif}.ntp-management-note{margin-top:10px;padding:14px 16px;border-left:3px solid #6bb3c0;border-radius:10px;background:rgba(10, 25, 34, 0.55)}.ntp-management-note strong{display:block;margin-bottom:5px;color:#a9d9df;font:800 0.92rem/1.3 Inter, system-ui, sans-serif}.ntp-management-note p{margin:0;color:#b7c8cb;font:500 0.83rem/1.55 Inter, system-ui, sans-serif}.ntp-management-note b{color:#d0e5e8}.time-standard-details article{padding:17px 16px;border-radius:14px;background:rgba(15, 30, 36, 0.54)}.time-standard-details code{color:#b7dfe4;font-size:0.86em}.atomic-second-fact{display:flex;align-items:center;gap:14px;margin-top:12px;padding:13px 16px;border:1px solid rgba(194, 166, 103, 0.25);border-radius:12px;background:rgba(105, 84, 48, 0.16);color:#c8d4d6;font:500 0.87rem/1.45 Inter, system-ui, sans-serif}.atomic-second-fact strong{flex:0 0 auto;color:#d5bd88;font-weight:800}.atomic-second-fact b{color:#ead6a8}.time-standard-sources{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:14px;color:#82989d;font:600 0.76rem/1.4 Inter, system-ui, sans-serif}.time-standard-sources a{color:#81bac4;text-decoration:none;border-bottom:1px solid rgba(129, 186, 196, 0.36)}.time-standard-sources a:hover,.time-standard-sources a:focus-visible{color:#b9e1e6;border-color:currentColor}@media (max-width: 1050px){.timekeeping-device-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.time-standard-flow{grid-template-columns:repeat(2, minmax(0, 1fr))}.ntp-step-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 760px){.timekeeping-devices-card{margin-top:10px;padding:20px 14px;border-radius:17px}.timekeeping-devices-head{gap:10px;margin-bottom:20px}.timekeeping-title-icon{width:54px;height:54px;border-radius:15px}.timekeeping-title-icon svg{width:35px;height:35px}.timekeeping-device-grid,.time-standard-flow,.time-standard-details,.ntp-step-grid{grid-template-columns:1fr}.timekeeping-device{min-height:0;padding:0 14px 17px}.timekeeping-device-photo{width:100%;height:190px;margin:10px 0 14px}.time-standard-panel{padding:19px 14px}.time-standard-intro{align-items:center}.atomic-symbol{width:58px;height:58px}.atomic-symbol svg{width:45px;height:45px}.time-standard-flow article{min-height:0}.atomic-second-fact{align-items:flex-start;flex-direction:column;gap:4px}.ntp-protocol-panel{padding:17px 13px}}@media (max-width: 430px){.timekeeping-device{text-align:center}.time-standard-intro{flex-direction:column}.ntp-protocol-heading{align-items:center}}.timekeeping-devices-card .time-standard-panel{width:min(100%, 1040px);box-sizing:border-box;margin:34px auto 0;padding:34px 10px 6px;border:0;border-top:1px solid rgba(116, 185, 198, .24);border-radius:0;background:transparent}.timekeeping-devices-card .time-standard-intro,.timekeeping-devices-card .ntp-protocol-heading{max-width:850px;margin-inline:auto;gap:8px;text-align:center}.timekeeping-devices-card .atomic-symbol{width:58px;height:58px;border-radius:0;background:transparent;color:#7fc6d0}.timekeeping-devices-card .atomic-symbol svg{width:48px;height:48px}.timekeeping-devices-card .time-standard-intro h3,.timekeeping-devices-card .ntp-protocol-heading h4{margin:0;color:#b6e4eb;font-size:clamp(1.35rem, 2vw, 1.7rem);line-height:1.2;letter-spacing:0;text-align:center}.timekeeping-devices-card .time-standard-intro p,.timekeeping-devices-card .ntp-protocol-heading p{max-width:820px;margin:7px auto 0;color:#becdd0;font-size:.93rem;line-height:1.58;text-align:center}.timekeeping-devices-card .time-standard-flow,.timekeeping-devices-card .ntp-step-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:42px;row-gap:0;max-width:920px;margin:25px auto 0}.timekeeping-devices-card .time-standard-flow article,.timekeeping-devices-card .ntp-step-grid article{display:grid;grid-template-columns:30px minmax(0, 1fr);grid-template-rows:auto 1fr;align-content:start;column-gap:12px;min-height:0;box-sizing:border-box;padding:17px 4px;border:0;border-top:1px solid rgba(116, 185, 198, .2);border-radius:0;background:transparent;box-shadow:none;text-align:left}.timekeeping-devices-card .time-standard-flow article > span{grid-column:1;grid-row:1 / 3;width:27px;height:27px;margin:0;border:1px solid rgba(137, 210, 220, .45);background:rgba(55, 116, 129, .3);color:#dff7fa;font-size:.74rem}.timekeeping-devices-card .time-standard-flow h4,.timekeeping-devices-card .time-standard-flow p,.timekeeping-devices-card .ntp-step-grid b,.timekeeping-devices-card .ntp-step-grid span{grid-column:2}.timekeeping-devices-card .time-standard-flow h4,.timekeeping-devices-card .ntp-step-grid b{margin:1px 0 5px;color:#a9dbe2;font-size:.91rem;line-height:1.3;text-align:left}.timekeeping-devices-card .time-standard-flow p,.timekeeping-devices-card .ntp-step-grid span{margin:0;color:#b8c7ca;font-size:.83rem;line-height:1.52;text-align:left}.timekeeping-devices-card .ntp-protocol-panel{max-width:960px;margin:32px auto 0;padding:32px 0 0;border:0;border-top:1px solid rgba(116, 185, 198, .28);border-radius:0;background:transparent;box-shadow:none}.timekeeping-devices-card .ntp-network-icon{width:48px;height:48px;border-radius:0;background:transparent;color:#7fc6d0}.timekeeping-devices-card .ntp-network-icon svg{width:36px;height:36px}.timekeeping-devices-card .ntp-step-grid article{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 1fr;padding-inline:7px}.timekeeping-devices-card .ntp-step-grid b,.timekeeping-devices-card .ntp-step-grid span{grid-column:1}.timekeeping-devices-card .ntp-management-note{max-width:820px;margin:17px auto 0;padding:19px 0 0;border:0;border-top:1px solid rgba(116, 185, 198, .18);border-radius:0;background:transparent;text-align:center}.timekeeping-devices-card .ntp-management-note strong{margin-bottom:7px;color:#a9dbe2;font-size:.92rem;text-align:center}.timekeeping-devices-card .ntp-management-note p{color:#b8c7ca;line-height:1.58;text-align:center}.timekeeping-devices-card .time-standard-details{grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:28px;row-gap:0;max-width:960px;margin:25px auto 0}.timekeeping-devices-card .time-standard-details article{padding:18px 4px 6px;border:0;border-top:1px solid rgba(116, 185, 198, .18);border-radius:0;background:transparent;text-align:center}.timekeeping-devices-card .time-standard-details h4{color:#a9dbe2;text-align:center}.timekeeping-devices-card .time-standard-details p{color:#b8c7ca;line-height:1.55;text-align:center}.timekeeping-devices-card .atomic-second-fact{justify-content:center;max-width:860px;margin:24px auto 0;padding:18px 0 0;border:0;border-top:1px solid rgba(190, 166, 108, .2);border-radius:0;background:transparent;text-align:center}.timekeeping-devices-card .time-standard-sources{justify-content:center;max-width:900px;margin:22px auto 0;padding-top:17px;border-top:1px solid rgba(116, 185, 198, .14);text-align:center}@media (max-width: 760px){.timekeeping-devices-card .time-standard-panel{margin-top:28px;padding:28px 2px 4px}.timekeeping-devices-card .time-standard-flow,.timekeeping-devices-card .ntp-step-grid,.timekeeping-devices-card .time-standard-details{grid-template-columns:minmax(0, 1fr)}.timekeeping-devices-card .ntp-protocol-panel{margin-top:27px;padding-top:27px}.timekeeping-devices-card .atomic-second-fact{align-items:center;gap:5px;text-align:center}}.timekeeping-devices-card .time-origins-panel,.timekeeping-devices-card .crystal-time-panel,.timekeeping-devices-card .timekeeping-devices-subsection{width:min(100%, 1040px);box-sizing:border-box;margin-inline:auto}.timekeeping-devices-card .time-information-section-head{max-width:860px;margin:0 auto;text-align:center}.timekeeping-devices-card .analog-clock-guide{margin-bottom:28px}.timekeeping-devices-card .time-information-kicker{display:block;margin-bottom:7px;color:#74b5c1;font:650 .75rem/1.25 Inter, system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase}.timekeeping-devices-card .time-information-section-head h3,.timekeeping-devices-card .crystal-time-panel h3{margin:0;color:#b7e0e6;font:800 clamp(1.32rem, 2vw, 1.7rem)/1.2 Inter, system-ui, sans-serif;letter-spacing:0}.timekeeping-devices-card .time-information-section-head > p,.timekeeping-devices-card .crystal-time-panel p{margin:8px auto 0;color:#bfced1;font:500 .94rem/1.6 Inter, system-ui, sans-serif}.timekeeping-devices-card .time-unit-equation{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:14px;max-width:820px;margin:24px auto 0;padding:13px 18px;border:1px solid rgba(105, 183, 196, .28);border-radius:14px;background:rgba(13, 35, 45, .54)}.timekeeping-devices-card .time-unit-equation > span{display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;text-align:center}.timekeeping-devices-card .time-unit-equation b{color:#d8edf0;font:750 .94rem/1.3 Inter, system-ui, sans-serif}.timekeeping-devices-card .time-unit-equation small{color:#8fc2ca;font:600 .83rem/1.3 Inter, system-ui, sans-serif}.timekeeping-devices-card .time-unit-equation i{color:#c6a765;font:700 1.05rem/1 Inter, system-ui, sans-serif;font-style:normal}.timekeeping-devices-card .time-origin-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;margin-top:18px}.timekeeping-devices-card .time-origin-grid article{padding:18px;border:1px solid rgba(113, 168, 179, .2);border-radius:14px;background:rgba(41, 60, 68, .7)}.timekeeping-devices-card .time-origin-grid h4,.timekeeping-devices-card .timekeeping-history h4{margin:0 0 7px;color:#9ed5dd;font:750 .98rem/1.35 Inter, system-ui, sans-serif}.timekeeping-devices-card .time-origin-grid p{margin:0;color:#bdcbce;font:500 .86rem/1.58 Inter, system-ui, sans-serif}.timekeeping-devices-card .timekeeping-history{margin-top:18px;padding:19px 20px 20px;border:1px solid rgba(184, 157, 96, .2);border-radius:14px;background:rgba(73, 66, 48, .18)}.timekeeping-devices-card .timekeeping-history > h4{margin-bottom:14px;color:#d4bc88;text-align:center}.timekeeping-devices-card .timekeeping-history-steps{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:0}.timekeeping-devices-card .timekeeping-history-steps span{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:3px 15px;text-align:center}.timekeeping-devices-card .timekeeping-history-steps span + span{border-left:1px solid rgba(190, 168, 116, .2)}.timekeeping-devices-card .timekeeping-history-steps b{color:#d7e4e5;font:700 .83rem/1.3 Inter, system-ui, sans-serif}.timekeeping-devices-card .timekeeping-history-steps small{color:#aebdc0;font:500 .76rem/1.45 Inter, system-ui, sans-serif}.timekeeping-devices-card .crystal-time-panel{display:grid;grid-template-columns:64px minmax(0, 1fr);gap:19px;margin-top:22px;padding:22px 24px;border:1px solid rgba(101, 181, 190, .3);border-radius:16px;background:rgba(15, 48, 57, .62)}.timekeeping-devices-card .crystal-time-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(138, 216, 221, .4);border-radius:13px;background:rgba(44, 108, 119, .28);color:#9ce0e5;font:400 2.3rem/1 Inter, system-ui, sans-serif}.timekeeping-devices-card .crystal-time-panel .time-information-kicker{margin-top:1px}.timekeeping-devices-card .crystal-time-panel p + p{margin-top:9px}.timekeeping-devices-card .timekeeping-devices-subsection{margin-top:36px;padding-top:32px;border-top:1px solid rgba(116, 185, 198, .27)}.timekeeping-devices-card .timekeeping-devices-subsection .timekeeping-device-grid{margin-top:22px}.timekeeping-device[data-device="candle"]{--device-color: #d5a66a}.timekeeping-device[data-device="chronometer"]{--device-color: #6fa8bf}.timekeeping-device[data-device="atomic"]{--device-color: #79bda7}.timekeeping-devices-card .timekeeping-device-symbol{display:grid;place-items:center;width:100%;height:190px;margin:10px 0 14px;color:color-mix(in srgb, var(--device-color) 82%, white);font:400 4.6rem/1 "Segoe UI Symbol", "Noto Sans Symbols", sans-serif;text-shadow:0 8px 22px rgba(0, 0, 0, .28)}@media (max-width: 900px){.timekeeping-devices-card .time-origin-grid{grid-template-columns:1fr}.timekeeping-devices-card .timekeeping-history-steps{grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px 0}.timekeeping-devices-card .timekeeping-history-steps span:nth-child(odd){border-left:0}}@media (max-width: 620px){.timekeeping-devices-card .time-unit-equation{grid-template-columns:1fr;gap:8px}.timekeeping-devices-card .time-unit-equation i{transform:rotate(90deg)}.timekeeping-devices-card .timekeeping-history-steps{grid-template-columns:1fr}.timekeeping-devices-card .timekeeping-history-steps span,.timekeeping-devices-card .timekeeping-history-steps span + span{padding:10px 4px;border-left:0;border-top:1px solid rgba(190, 168, 116, .16)}.timekeeping-devices-card .timekeeping-history-steps span:first-child{border-top:0}.timekeeping-devices-card .crystal-time-panel{grid-template-columns:1fr;padding:20px 16px;text-align:center}.timekeeping-devices-card .crystal-time-mark{margin-inline:auto}}html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_).timezone-content-inner{--settings-label: #6fb8ff;--settings-value: #e2f5fa;--settings-secondary: #aac9d2;--settings-accent: #74d0df;--settings-border: rgba(93, 163, 188, .34)}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._){--other-time-box-start: #1b3f5e;--other-time-box-end: #112d47;--other-time-box-border: rgba(91, 185, 235, .56);--other-time-label: #add1e8;--other-time-value: #7fdcff}& > .time-readout:is(*,._):nth-child(4n + 2){--other-time-box-start: #174b4a;--other-time-box-end: #0e3336;--other-time-box-border: rgba(83, 211, 200, .52);--other-time-label: #a6d9d5;--other-time-value: #74eedf}& > .time-readout:is(*,._):nth-child(4n + 3){--other-time-box-start: #3a406c;--other-time-box-end: #262b4a;--other-time-box-border: rgba(158, 158, 241, .52);--other-time-label: #c5c6e8;--other-time-value: #c4bfff}& > .time-readout:is(*,._):nth-child(4n){--other-time-box-start: #2c513f;--other-time-box-end: #19372a;--other-time-box-border: rgba(105, 207, 139, .48);--other-time-label: #b8d7bf;--other-time-value: #9aebb4}& > .time-readout:is(*,._):first-child{--other-time-box-start: #19527c;--other-time-box-end: #103855;--other-time-box-border: rgba(94, 201, 255, .7);--other-time-label: #b5daef;--other-time-value: #76deff}}html body.page-time:is(*,._) #primaryProgress:is(*,#_#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_#_) .card-pie-meter:is(*,._){--time-progress-empty: #303c45}: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-time{--site-title-color: #4c98fc}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}}.page-time #customTimeIntervalCard{& .custom-time-interval-fill{width:0}& .custom-time-interval-marker-current{left:0}}}@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}}body.page-time.seconds-masked #current-time-and-weatherSection :is(.second-hand,.roman-second-hand){display:none}body.page-time.seconds-masked #secondCard{& .second-orbit-dot{transform:rotate(0deg) translateY(-86px)}& #secondFill{width:0%}& #secondMarker{left:0%}}body.page-time.seconds-masked #minuteCard{& #minuteSmoothFill{width:0%;animation:none}& #minuteMarker{left:0%}& .minute-cell{background:#0a1724}}body.page-time .progress-track,body.page-time .progress-fill,body.page-time .segment-band,body.page-time .segment-band span,body.page-time .marker,body.page-time .minute-marker,body.page-time #minuteCard :is(.minute-battery,.minute-smooth-fill,.minute-cell),body.page-time #minuteBattery.minute-battery,body.page-time #minuteBattery :is(.minute-smooth-fill,.minute-cell){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}body.page-time .segment-band span,body.page-time #minuteCard .minute-cell,body.page-time #minuteBattery .minute-cell{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}body.page-time .progress-track::before,body.page-time .progress-track::after,body.page-time .progress-fill::before,body.page-time .progress-fill::after,body.page-time #minuteCard .minute-battery::before,body.page-time #minuteCard .minute-battery::after,body.page-time #minuteCard .minute-smooth-fill::before,body.page-time #minuteCard .minute-smooth-fill::after{border-radius:10px}body.page-time #eraCard :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics){grid-template-columns:minmax(0, 1fr)}body.page-time #primaryProgress{& .progress-track{overflow:visible}& .progress-track > :is(.tick,.progress-tick){display:block;position:absolute;top:0;bottom:0;z-index:5;width:1px;height:auto;min-height:100%;background:var(--time-grid-line, rgba(150, 205, 225, .62));opacity:.9;pointer-events:none}& .progress-track > .tick.major{width:2px;background:rgba(210, 240, 250, .74)}& .progress-track > :is(.tick-label,.top-label){display:block;position:absolute;z-index:8;top:-34px;color:#bfe7f5;font-size:.78rem;line-height:1.05;text-align:center;white-space:normal;opacity:1;pointer-events:none;transform:translateX(-50%)}& #weekCard .progress-track > .tick{display:block;top:0;bottom:0;height:auto;background:rgba(210, 240, 250, .68)}& #weekCard .progress-track > .tick-label{top:-32px;color:#d9f5ff}}body.page-time #primaryProgress .progress-card .card-head,body.page-time #timelineStack .timeline-card .card-head,body.page-time #timeVisualizedGroup .progress-card .card-head,body.page-time #extendedTimeVisualizedGroup .timeline-card .card-head,body.page-time #moreTimeGroup .timeline-card .card-head{justify-items:stretch;text-align:left}body.page-time #primaryProgress .progress-card .card-title-wrap,body.page-time #timelineStack .timeline-card .card-title-wrap,body.page-time #timeVisualizedGroup .progress-card .card-title-wrap,body.page-time #extendedTimeVisualizedGroup .timeline-card .card-title-wrap,body.page-time #moreTimeGroup .timeline-card .card-title-wrap{width:100%;max-width:none;margin:0;padding-left:0;padding-right:150px;justify-items:start;text-align:left}body.page-time #primaryProgress .progress-card :is(.card-title-line,.title-value-stack),body.page-time #timelineStack .timeline-card :is(.card-title-line,.title-value-stack),body.page-time #timeVisualizedGroup .progress-card :is(.card-title-line,.title-value-stack),body.page-time #extendedTimeVisualizedGroup .timeline-card :is(.card-title-line,.title-value-stack),body.page-time #moreTimeGroup .timeline-card :is(.card-title-line,.title-value-stack){width:100%;max-width:none;margin:0;justify-items:start;text-align:left}body.page-time #primaryProgress .progress-card :is(.card-title,.card-title-subline),body.page-time #timelineStack .timeline-card :is(.card-title,.card-title-subline),body.page-time #timeVisualizedGroup .progress-card :is(.card-title,.card-title-subline),body.page-time #extendedTimeVisualizedGroup .timeline-card :is(.card-title,.card-title-subline),body.page-time #moreTimeGroup .timeline-card :is(.card-title,.card-title-subline){width:100%;margin-left:0;text-align:left}body.page-time #primaryProgress .progress-card .compact-top-lines,body.page-time #timelineStack .timeline-card .compact-top-lines,body.page-time #timeVisualizedGroup .progress-card .compact-top-lines,body.page-time #extendedTimeVisualizedGroup .timeline-card .compact-top-lines,body.page-time #moreTimeGroup .timeline-card .compact-top-lines{width:100%;max-width:none;margin:8px 0 0;display:grid;grid-template-columns:1fr;justify-items:start;text-align:left}body.page-time #primaryProgress .progress-card .compact-completed-line,body.page-time #timelineStack .timeline-card .compact-completed-line,body.page-time #timeVisualizedGroup .progress-card .compact-completed-line,body.page-time #extendedTimeVisualizedGroup .timeline-card .compact-completed-line,body.page-time #moreTimeGroup .timeline-card .compact-completed-line{display:none}body.page-time #primaryProgress .progress-card :is(.compact-measure-line,.compact-remaining-line),body.page-time #timelineStack .timeline-card :is(.compact-measure-line,.compact-remaining-line),body.page-time #timeVisualizedGroup .progress-card :is(.compact-measure-line,.compact-remaining-line),body.page-time #extendedTimeVisualizedGroup .timeline-card :is(.compact-measure-line,.compact-remaining-line),body.page-time #moreTimeGroup .timeline-card :is(.compact-measure-line,.compact-remaining-line){width:auto;margin:0;color:#eaf6ff;font-size:1rem;line-height:1.35;text-align:left}body.page-time #current-time-and-weatherSection.time-card{margin:14px auto 24px;padding:24px;background:linear-gradient(135deg, rgba(6, 18, 31, .98), rgba(8, 31, 52, .98) 52%, rgba(5, 14, 27, .98));border:1px solid rgba(112, 190, 226, .32);border-radius:18px;box-shadow:0 24px 60px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06)}body.page-time #current-time-and-weatherSection{& .top-time-dashboard-container{display:grid}& .top-clock-date-wrap{margin:0}& .clock-display-wrap{max-width:none;margin:0}& .main-time-copy{display:grid;place-items:center;text-align:center}& .digital-time{font-weight:400;line-height:1;text-shadow:0 0 22px rgba(65, 178, 226, .24)}& .date-line{font-weight:400}& :is(.analog-clock,.roman-clock){width:172px;height:172px;margin:0;background:radial-gradient(circle at 50% 45%, #102c47, #061827 72%);border-color:rgba(101, 198, 232, .78);box-shadow:0 12px 32px rgba(0, 0, 0, .34), inset 0 0 22px rgba(104, 213, 239, .12)}& .timezone-control-wrap{display:grid;grid-template-columns:1fr;grid-template-areas:"zone" "mode" "name";justify-items:center;margin:0;transform:none}& .timezone-picker{grid-template-columns:auto minmax(0, 1fr);align-items:center;margin:0;transform:none}& .timezone-mode-label,& .timezone-picker span{color:#a9d9ef;font-size:.88rem;font-weight:400;white-space:nowrap}& #timezoneSelect{width:100%;min-width:0;border:1px solid rgba(122, 210, 245, .42)}& .dst-choice{justify-content:center;min-width:0;border:1px solid rgba(124, 208, 240, .3)}& :is(.timezone-final-name,.dst-range-note){margin:0;color:#89d9ee;font-size:.86rem;font-weight:400;text-align:center}& .time-format-panel{margin:0}& .time-readout-stack{display:grid;gap:12px;margin:0}& .time-readout{place-items:center;padding:14px 12px;border:1px solid rgba(121, 210, 244, .28);border-radius:14px;text-align:center}& .time-readout span{font-weight:400}& .time-readout strong{font-weight:400}& :is(.season-zodiac-grid,.machine-pair-row){grid-column:1 / -1}}body.page-time #primaryProgress #secondCard .card-pie-meter{display:grid;--pie-pct: 0%;--pie-deg: 0deg;background:radial-gradient(circle, #071a2b 0 55%, transparent 56%), conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #33404a var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #f6c453 0deg, #f28a2e 48%, #d9441f 100%)}body.page-time #primaryProgress .progress-card .card-value,body.page-time #timelineStack .timeline-card .card-value,body.page-time #timeVisualizedGroup .progress-card .card-value,body.page-time #extendedTimeVisualizedGroup .timeline-card .card-value,body.page-time #moreTimeGroup .timeline-card .card-value{place-items:center;justify-self:end;background:#071a2c;border:2px solid rgba(142, 221, 255, .68);line-height:1.15;transform:translateX(-50px)}body.page-time #primaryProgress #secondCard{& .second-slider-wrap{gap:12px}& .second-orbit-dot{width:22px;height:22px;background:radial-gradient(circle at 32% 28%, #ffffff 0 10%, #b8e9ff 18%, #2d8fe6 52%, #0b3271 100%);box-shadow:inset -4px -5px 8px rgba(0, 0, 0, .34), inset 3px 3px 7px rgba(255, 255, 255, .6), 0 8px 15px rgba(0, 0, 0, .36)}}@media (max-width: 900px){body.page-time #current-time-and-weatherSection{& .top-time-dashboard-container{grid-template-columns:1fr;grid-template-areas:"main" "controls" "formats"}& :is(.clock-display-wrap,.time-readout-stack){grid-template-columns:1fr}}}html body.page-time #primaryProgress article.progress-card .detail-text,html body.page-time #timelineStack article.progress-card .detail-text,html body.page-time #timeVisualizedGroup article.progress-card .detail-text,html body.page-time #extendedTimeVisualizedGroup article.progress-card .detail-text,html body.page-time #moreTimeGroup article.progress-card .detail-text,html body.page-time article.progress-card .detail-text{width:min(100%, 1040px);max-width:1040px;margin-left:auto;margin-right:auto;text-align:center}html body.page-time article.progress-card .compact-detail-columns{column-gap:92px}html body.page-time article.progress-card .compact-detail-columns:has(.compact-detail-column:only-child){grid-template-columns:minmax(760px, 920px)}html body.page-time article.progress-card .detail-text,html body.page-time article.timeline-card .detail-text{display:grid;justify-content:center;justify-items:center;width:min(100%, 1120px);max-width:1120px;text-align:center}html body.page-time article.progress-card .compact-detail-columns,html body.page-time article.timeline-card .compact-detail-columns{width:min(100%, 1060px);max-width:1060px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr;justify-content:center;justify-items:center;text-align:center}html body.page-time article.progress-card .compact-detail-column,html body.page-time article.progress-card .compact-detail-metrics,html body.page-time article.timeline-card .compact-detail-column,html body.page-time article.timeline-card .compact-detail-metrics{width:min(100%, 1040px);max-width:1040px;display:grid;grid-template-columns:repeat(2, minmax(440px, 1fr));column-gap:80px;row-gap:10px;justify-content:center;justify-items:center;align-items:center;text-align:center}html body.page-time article.progress-card .compact-detail-metric,html body.page-time article.progress-card .compact-measure-line,html body.page-time article.progress-card .compact-remaining-line,html body.page-time article.timeline-card .compact-detail-metric,html body.page-time article.timeline-card .compact-measure-line,html body.page-time article.timeline-card .compact-remaining-line{display:block;width:min(100%, 460px);max-width:460px;min-width:360px;margin:0 auto;padding-left:8px;padding-right:8px;text-align:center;white-space:normal}html body.page-time article.progress-card .compact-detail-metric b,html body.page-time article.timeline-card .compact-detail-metric b{display:inline;text-align:center}@media (max-width: 980px){html body.page-time article.progress-card .compact-detail-column,html body.page-time article.progress-card .compact-detail-metrics,html body.page-time article.timeline-card .compact-detail-column,html body.page-time article.timeline-card .compact-detail-metrics{grid-template-columns:1fr;column-gap:0}html body.page-time article.progress-card .compact-detail-metric,html body.page-time article.progress-card .compact-measure-line,html body.page-time article.progress-card .compact-remaining-line,html body.page-time article.timeline-card .compact-detail-metric,html body.page-time article.timeline-card .compact-measure-line,html body.page-time article.timeline-card .compact-remaining-line{min-width:0;width:min(100%, 520px)}}html body.page-time article.progress-card .detail-text .compact-detail-columns .compact-detail-column.compact-detail-metrics > span,html body.page-time article.timeline-card .detail-text .compact-detail-columns .compact-detail-column.compact-detail-metrics > span,html body.page-time #primaryProgress article.progress-card .detail-text .compact-detail-metrics > span,html body.page-time #timelineStack article.timeline-card .detail-text .compact-detail-metrics > span,html body.page-time #timeVisualizedGroup article.progress-card .detail-text .compact-detail-metrics > span,html body.page-time #extendedTimeVisualizedGroup article.timeline-card .detail-text .compact-detail-metrics > span,html body.page-time #moreTimeGroup article.timeline-card .detail-text .compact-detail-metrics > span{box-sizing:border-box;display:block;width:440px;max-width:440px;min-width:440px;margin-left:auto;margin-right:auto;text-align:center;justify-self:center}html body.page-time article.progress-card .detail-text .compact-detail-metrics > span b,html body.page-time article.timeline-card .detail-text .compact-detail-metrics > span b{text-align:center}@media (max-width: 980px){html body.page-time article.progress-card .detail-text .compact-detail-columns .compact-detail-column.compact-detail-metrics > span,html body.page-time article.timeline-card .detail-text .compact-detail-columns .compact-detail-column.compact-detail-metrics > span,html body.page-time #primaryProgress article.progress-card .detail-text .compact-detail-metrics > span,html body.page-time #timelineStack article.timeline-card .detail-text .compact-detail-metrics > span,html body.page-time #timeVisualizedGroup article.progress-card .detail-text .compact-detail-metrics > span,html body.page-time #extendedTimeVisualizedGroup article.timeline-card .detail-text .compact-detail-metrics > span,html body.page-time #moreTimeGroup article.timeline-card .detail-text .compact-detail-metrics > span{width:min(100%, 520px);min-width:0;max-width:520px}}html body.page-time #languageClocksSection.language-clocks-section,html body.page-time #languageClocksSection,html body.page-time #current-time-and-weatherSection,html body.page-time #primaryProgress > article,html body.page-time #timelineStack > article,html body.page-time #timeVisualizedGroup > article,html body.page-time #extendedTimeVisualizedGroup > article,html body.page-time #moreTimeGroup > article,html body.page-time .calendar-section,html body.page-time .age-card,html body.page-time .activities-card{width:min(100%, 1480px);max-width:1480px;margin-left:auto;margin-right:auto}body.page-time #primaryProgress .progress-card .card-head,body.page-time #timelineStack .timeline-card .card-head,body.page-time #timeVisualizedGroup .progress-card .card-head,body.page-time #extendedTimeVisualizedGroup .timeline-card .card-head,body.page-time #moreTimeGroup .timeline-card .card-head{padding-left:93px}body.page-time #primaryProgress .card-pie-meter,body.page-time #timelineStack .card-pie-meter,body.page-time #timeVisualizedGroup .card-pie-meter,body.page-time #extendedTimeVisualizedGroup .card-pie-meter,body.page-time #moreTimeGroup .card-pie-meter{left:40px}body.page-time #primaryProgress .progress-card .card-title-wrap,body.page-time #timelineStack .timeline-card .card-title-wrap,body.page-time #timeVisualizedGroup .progress-card .card-title-wrap,body.page-time #extendedTimeVisualizedGroup .timeline-card .card-title-wrap,body.page-time #moreTimeGroup .timeline-card .card-title-wrap{transform:translate(40px, 15px)}body.page-time #primaryProgress .progress-card .card-title-subline,body.page-time #timelineStack .timeline-card .card-title-subline,body.page-time #timeVisualizedGroup .progress-card .card-title-subline,body.page-time #extendedTimeVisualizedGroup .timeline-card .card-title-subline,body.page-time #moreTimeGroup .timeline-card .card-title-subline{margin-top:5px}body.page-time #primaryProgress .progress-card .progress-track,body.page-time #timelineStack .timeline-card .progress-track,body.page-time #timeVisualizedGroup .progress-card .progress-track,body.page-time #extendedTimeVisualizedGroup .timeline-card .progress-track,body.page-time #moreTimeGroup .timeline-card .progress-track,body.page-time #primaryProgress :is(.minute-battery,.second-slider-wrap){transform:translateY(15px)}body.page-time #current-time-and-weatherSection.time-card{box-sizing:border-box;width:min(100%, 1204px);max-width:1204px}body.page-time #current-time-and-weatherSection{& :is(.timezone-picker,.time-mode-picker){max-width:370px}& :is(.time-readout-utc-top,.time-readout-standard,.alternate-time-readout){grid-column:auto;grid-row:auto;width:100%;min-width:0}}@media (max-width: 980px){body.page-time #current-time-and-weatherSection{& .top-time-dashboard-container{grid-template-columns:1fr;grid-template-areas:"main" "controls" "formats"}& .timezone-control-wrap{grid-area:controls;min-width:0;width:min(100%, 430px);justify-self:center}}}body.page-time #current-time-and-weatherSection{& .timezone-control-wrap{align-content:center;gap:6px}& .dst-radio-wrap{grid-template-columns:minmax(0, 1fr)}}@media (max-width: 980px){body.page-time #current-time-and-weatherSection{& .clock-display-wrap{grid-template-columns:1fr}& .main-time-copy{min-width:0;width:min(100%, 470px)}}}body.page-time #primaryProgress #secondCard :is(.second-slider-wrap,.detail-text){transform:translateY(-40px)}body.page-time #current-time-and-weatherSection{& .digital-time{font-size:42px}& .date-line{font-size:24px}& .time-readout-stack{grid-template-columns:repeat(3, minmax(0, 1fr))}& .dst-choice span{align-items:center;justify-content:center;white-space:nowrap}& .dst-choice span :is(b,small){flex:0 0 auto;white-space:nowrap}& .time-mode-picker{max-width:390px}& .dst-choice{overflow:visible;padding-right:12px}& .dst-choice em{display:none}}@media (max-width: 980px){body.page-time #current-time-and-weatherSection .main-time-copy{transform:none}}body.page-time #current-time-and-weatherSection{& .top-clock-date-wrap{grid-area:main;justify-self:center}& .clock-display-wrap{justify-content:center}& .timezone-control-wrap{justify-self:center}& .time-format-panel{justify-self:stretch;width:100%}& .roman-clock{position:relative;display:block;place-self:center;border:2px solid rgba(101, 198, 232, .78);border-radius:50%;color:#f7fbff;overflow:hidden}& .roman-clock-number{position:absolute;left:50%;top:50%;color:#f8fbff;font-family:Georgia, "Times New Roman", serif;font-size:.82rem;line-height:1;transform:translate(-50%, -50%) rotate(var(--roman-angle)) translateY(-70px) rotate(calc(-1 * var(--roman-angle)));z-index:2}& .roman-clock-hand{position:absolute;left:50%;bottom:50%;width:4px;transform-origin:bottom center;border-radius:999px;z-index:3}& .roman-hour-hand{height:42px;margin-left:-2px;background:#ffd166}& .roman-minute-hand{height:58px;margin-left:-2px;background:#f1fbff}& .roman-second-hand{height:64px;width:2px;margin-left:-1px;background:#ff6b5f}& .roman-clock-pin{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#ffb05a;border:2px solid #fff7e8;transform:translate(-50%, -50%);z-index:4}& .roman-clock-caption{display:none}& #mainTimeWeatherIcon.roman-clock{position:relative;display:block;place-self:center;width:172px;height:172px;min-width:172px;max-width:172px;min-height:172px;max-height:172px;margin:0;border:2px solid rgba(101, 198, 232, .78);border-radius:50%;background:radial-gradient(circle at 50% 45%, #102c47, #061827 72%);box-shadow:0 12px 32px rgba(0, 0, 0, .34), inset 0 0 22px rgba(104, 213, 239, .12);overflow:hidden}& #mainTimeWeatherIcon .roman-clock-caption,& #windCompass{display:none}& .top-clock-date-wrap{padding-top:0;padding-bottom:0}& .top-clock-date-wrap{padding-left:8px;padding-right:8px}& .clock-display-wrap{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center}& .main-analog-clock-panel{display:grid;place-items:center;width:100%;min-width:0}& .clock-number{transform:translate(-50%, -50%) rotate(var(--clock-angle)) translateY(-56px) rotate(calc(-1 * var(--clock-angle)))}}body.page-time section.time-card.glass-card#current-time-and-weatherSection{background-image:linear-gradient(135deg, #2b3946, #243340 54%, #1f2c37)}body.page-time #current-time-and-weatherSection{& .top-clock-date-wrap{width:min(100%, 600px);padding:8px 10px;border:1px solid rgba(179, 203, 218, .24);border-radius:12px}& .main-time-copy{padding:8px 14px 10px;gap:2px;border:1px solid rgba(172, 199, 215, .22);border-radius:10px}& .timezone-control-wrap{margin-top:12px;padding:12px 14px;border:1px solid rgba(176, 201, 216, .24);border-radius:12px}& :is(.timezone-picker,.time-mode-picker){width:min(100%, 390px)}& #timezoneSelect,& .dst-choice{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .025)}& .top-clock-date-wrap{min-height:230px;background:linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0)), linear-gradient(145deg, #293747, #1b2635);border-color:rgba(154, 178, 204, .32);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 24px rgba(2, 8, 18, .18)}& .main-time-copy{box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 10px 20px rgba(3, 8, 18, .16)}& .date-line{margin-top:10px}}body.page-time section.time-card.glass-card#current-time-and-weatherSection{background:radial-gradient(circle at 50% -20%, rgba(42, 75, 118, .24), transparent 34%), radial-gradient(circle at 10% 10%, rgba(41, 69, 106, .16), transparent 30%), repeating-linear-gradient( 180deg, rgba(15, 28, 51, .34) 0 20px, rgba(25, 43, 72, .34) 20px 40px, rgba(11, 23, 43, .36) 40px 60px, rgba(32, 50, 79, .3) 60px 80px, rgba(16, 34, 61, .34) 80px 100px, rgba(39, 55, 84, .26) 100px 120px, rgba(9, 19, 36, .38) 120px 140px ), repeating-linear-gradient(180deg, rgba(255, 255, 255, .018) 0 1px, rgba(255, 255, 255, 0) 1px 7px), linear-gradient(135deg, #08101d 0%, #0c1627 48%, #060b14 100%);box-shadow:0 24px 52px rgba(0, 3, 10, .46), inset 0 1px 0 rgba(255, 255, 255, .045)}body.page-time #current-time-and-weatherSection{& .clock-display-wrap{width:min(100%, 600px);padding:18px 24px 22px;gap:8px;background:radial-gradient(circle at 50% 3%, rgba(54, 92, 137, .2), transparent 44%), linear-gradient(180deg, #111d2e, #0b1423);border:1px solid rgba(111, 150, 194, .34);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 14px 28px rgba(0, 4, 12, .28)}& .main-time-copy{transform:translateY(8px);background:linear-gradient(180deg, #182841, #101b2d);border-color:rgba(119, 158, 201, .36)}& .analog-clock{background:radial-gradient(circle at 50% 44%, #172943, #08111e 74%)}& .timezone-control-wrap{background:radial-gradient(circle at 50% -10%, rgba(58, 106, 166, .18), transparent 44%), linear-gradient(145deg, #102844, #091525);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 5, 14, .22)}& .time-format-panel{background:transparent}& .time-readout{background:radial-gradient(circle at 50% 0%, rgba(55, 104, 162, .18), transparent 46%), linear-gradient(180deg, #102946, #071321);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045), 0 12px 24px rgba(0, 5, 14, .22)}}body.page-time section.time-card.glass-card#current-time-and-weatherSection{padding-top:18px}body.page-time #current-time-and-weatherSection{& .top-time-dashboard-container{gap:8px}& #timezoneSelect{background:linear-gradient(180deg, #15314f, #0b1a2d);border-color:rgba(92, 169, 235, .48);border-radius:14px}& .dst-choice{background:linear-gradient(180deg, #263247, #151f30)}& .dst-choice small{margin-top:2px}& .dst-choice.is-active,& .dst-choice:has(input:checked){background:linear-gradient(180deg, #48376f, #202945);box-shadow:0 0 0 1px rgba(167, 136, 255, .24), 0 10px 20px rgba(73, 50, 132, .24)}& .time-readout{min-height:74px;padding-top:10px;padding-bottom:10px}& .top-time-dashboard-container{grid-template-columns:1fr;grid-template-areas:"title" "main" "controls" "formats";justify-items:center;align-items:stretch;row-gap:10px}& .main-time-page-title{grid-area:title;align-self:start}& .clock-display-wrap{grid-area:main}& .timezone-control-wrap{grid-area:controls}& .time-format-panel{grid-area:formats}}body.page-time section.time-card.glass-card#current-time-and-weatherSection{width:calc(100% - 28px);max-width:none;margin-bottom:10px}body.page-time #current-time-and-weatherSection{& .clock-display-wrap{transform:translateY(-10px)}& :is(.main-analog-clock-panel,.analog-clock){transform:translateY(5px)}& .analog-clock{border-width:4px;border-color:rgba(168, 226, 255, .9);box-shadow:0 12px 32px rgba(0, 0, 0, .34), inset 0 0 24px rgba(143, 224, 255, .18), 0 0 14px rgba(126, 210, 255, .2)}& .time-readout :is(span,strong){line-height:1.18}& .dst-choice{justify-self:center}& .primary-time-readout-stack,& .time-readout-stack.primary-time-readout-stack{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;width:min(100%, 900px);margin:0 auto}& .time-readout-utc-top{grid-column:1 / -1;width:min(100%, 560px);justify-self:center}& :is(.time-readout-12,.time-readout-24,.time-readout-roman-top){grid-column:auto;width:100%}& .time-readout em{font-size:.76rem;font-style:normal;line-height:1.1}& .second-hand{display:none}}body.page-time #current-time-and-weatherSection.top-seconds-visible .second-hand{display:block}@media (max-width: 760px){body.page-time #current-time-and-weatherSection .primary-time-readout-stack,body.page-time #current-time-and-weatherSection .time-readout-stack.primary-time-readout-stack{grid-template-columns:1fr}}body.page-time #current-time-and-weatherSection{& .time-mode-picker{transform:translateY(5px)}& .dst-radio-wrap{transform:translate(5px, 10px)}& .primary-time-format-panel{display:grid;justify-items:center}& .top-seconds-toggle{justify-self:center;margin-left:auto;margin-right:auto}& .main-time-page-title{display:block;margin:0 0 2px;color:#8fb6da;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(.95rem, 1.4vw, 1.18rem);font-weight:400;line-height:1.1;letter-spacing:.03em;text-align:center;text-shadow:none;text-transform:none;transform:none}}body.page-time main.shell{padding-top:calc(var(--nav-height, 58px) + 16px)}html body.page-time main.shell{display:grid}html body.page-time .page-body-title{margin:0}html body.page-time #current-time-and-weatherSection.time-card{margin-top:0}html body.page-time #primaryProgress .card-pie-meter,html body.page-time #timelineStack .card-pie-meter,html body.page-time #timeVisualizedGroup .card-pie-meter,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter,html body.page-time #moreTimeGroup .card-pie-meter{border-color:rgba(129, 207, 244, .78)}html body.page-time #primaryProgress .card-pie-core,html body.page-time #timelineStack .card-pie-core,html body.page-time #timeVisualizedGroup .card-pie-core,html body.page-time #extendedTimeVisualizedGroup .card-pie-core,html body.page-time #moreTimeGroup .card-pie-core{border-color:rgba(165, 221, 247, .74)}html body.page-time #primaryProgress #secondCard .card-pie-meter{box-shadow:0 0 12px rgba(61, 190, 232, .16)}html body.page-time #current-time-and-weatherSection{& .main-analog-clock-panel{transform:translateY(-5px)}& .top-seconds-toggle{transform:translateY(5px)}}html body.page-time #primaryProgress{margin-top:-10px}html body.page-time #current-time-and-weatherSection{& .timezone-control-wrap{transform:translateY(-15px)}& .dst-radio-wrap{align-items:center;justify-items:center}& .dst-choice{display:grid;align-items:center;justify-items:start;width:calc(100% - 55px);max-width:270px;border-color:rgba(120, 150, 213, .42)}& .dst-choice input[type="radio"]{display:inline-grid;grid-column:1;place-self:center;width:13px;height:13px;min-height:13px;max-height:13px;margin:0;padding:0;appearance:none;border:1px solid rgba(173, 208, 255, .72);border-radius:50%;background:#0d1626;accent-color:#80c7ff;opacity:1}& .dst-choice input[type="radio"]:checked{background:radial-gradient(circle, #d7f1ff 0 34%, #61b8ff 36% 58%, transparent 60%);border-color:rgba(209, 238, 255, .94)}& .dst-choice span{grid-column:2;justify-items:start;min-width:0;width:100%}& .dst-choice span :is(b,small){display:block;width:100%;min-width:100%;margin:0;padding:0;justify-self:auto;text-align:left;font-weight:400}& .dst-choice span b{white-space:nowrap}& .dst-choice span small{white-space:nowrap}}html body.page-time #primaryProgress .compact-detail-columns,html body.page-time #timelineStack .compact-detail-columns,html body.page-time #moreTimeGroup .compact-detail-columns{color:#9fc7dd;gap:10px 18px}html body.page-time #primaryProgress :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list),html body.page-time #timelineStack :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list),html body.page-time #moreTimeGroup :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list){column-gap:22px;row-gap:8px;max-width:620px;margin-left:auto;margin-right:auto}html body.page-time #primaryProgress :is(.compact-detail-metric,.compact-measure-line,.compact-remaining-line),html body.page-time #timelineStack :is(.compact-detail-metric,.compact-measure-line,.compact-remaining-line),html body.page-time #moreTimeGroup :is(.compact-detail-metric,.compact-measure-line,.compact-remaining-line){color:#9fc7dd}html body.page-time #calendarSection.calendar-section{width:min(980px, 100%);margin:0 auto;padding:24px;border:1px solid rgba(114, 188, 226, .36);border-radius:14px;background:radial-gradient(circle at 12% 0%, rgba(41, 123, 180, .18), transparent 34%), linear-gradient(180deg, #182434, #101827 68%, #0b1422);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 20px 42px rgba(0, 5, 18, .34)}html body.page-time #calendarSection{& .calendar-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(126, 197, 232, .22)}& .calendar-section-head h2{margin:0;color:#e4f5ff;font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-size:clamp(1.45rem, 2.4vw, 2rem);font-weight:400}}html body.page-time #calendarMonthLabel{margin:0;color:#8edcff;font-size:1.08rem}html body.page-time #calendarMonthGrid.calendar-month-grid{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:7px;padding:12px;border:1px solid rgba(126, 197, 232, .2);border-radius:12px;background:rgba(4, 16, 31, .52)}html body.page-time #calendarMonthGrid{& .calendar-weekday{padding:8px 4px;border-radius:8px;background:rgba(28, 70, 105, .5);color:#bdefff;font-size:.88rem;letter-spacing:.04em;text-align:center;text-transform:uppercase}& :is(.calendar-day,.calendar-day-empty){display:grid;place-items:center;min-height:58px;border:1px solid rgba(111, 177, 214, .2);border-radius:10px;background:linear-gradient(180deg, rgba(20, 35, 53, .95), rgba(9, 20, 35, .95));color:#d7e9f3}& .calendar-day > span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%}& .calendar-day.is-weekend{background:linear-gradient(180deg, rgba(24, 48, 66, .95), rgba(12, 28, 43, .95));color:#9ddcff}& .calendar-day.is-today > span{background:#226da4;color:#f6fcff;box-shadow:0 0 0 3px rgba(70, 181, 226, .18), 0 0 18px rgba(70, 181, 226, .28)}& .calendar-day.is-selected{border-color:rgba(128, 223, 255, .68)}& .calendar-day-empty{opacity:.38}}html body.page-time .language-clocks-section#languageClocksSection{border-radius:16px}html body.page-time #languageClocksSection{& h2{margin:0 0 18px;font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-size:clamp(1.38rem, 2.1vw, 1.9rem);font-weight:400;letter-spacing:.16em;text-align:center}& .time-readout{width:100%;border:1px solid rgba(129, 201, 235, .28)}& .time-readout strong{font-family:"Trebuchet MS", "Segoe UI", sans-serif}}html body.page-time #primaryProgress .progress-card .card-value,html body.page-time #timelineStack .timeline-card .card-value,html body.page-time #timeVisualizedGroup .progress-card .card-value,html body.page-time #extendedTimeVisualizedGroup .timeline-card .card-value,html body.page-time #moreTimeGroup .timeline-card .card-value{display:inline-grid;place-items:center;min-height:42px;padding:8px 14px;border:2px solid rgba(124, 204, 241, .58);border-radius:18px;text-align:center;white-space:nowrap}html body.page-time #eraValue,html body.page-time #financialYearValue,html body.page-time #yearValue{font-variant-numeric:tabular-nums}html body.page-time #primaryProgress{& #secondCard{padding-top:18px;padding-bottom:10px;row-gap:6px}& #secondCard :is(.card-content,.progress-card-body){gap:4px}}html body.page-time #current-time-and-weatherSection{& .top-time-dashboard-container{position:relative;overflow:hidden}& :is(.clock-display-wrap,.timezone-control-wrap,.primary-time-format-panel){transition:filter .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease}& .time-header-clock-art{position:absolute;top:50%;z-index:1;width:clamp(118px, 13vw, 196px);height:auto;opacity:0;filter:drop-shadow(0 24px 30px rgba(0, 0, 0, .45)) saturate(.86) brightness(.88);pointer-events:none;transform:translateY(-50%) scale(.92);transition:opacity .3s ease, transform .3s ease, filter .3s ease}& .time-header-clock-art-left{left:clamp(10px, 3vw, 44px)}& .time-header-clock-art-right{right:clamp(10px, 3vw, 44px);transform:translateY(-50%) scaleX(-1) scale(.92)}}html body.page-time #current-time-and-weatherSection.top-seconds-visible{& .time-header-clock-art{opacity:.58;filter:drop-shadow(0 28px 36px rgba(0, 0, 0, .52)) saturate(.95) brightness(.98);transform:translateY(-50%) scale(1)}& .time-header-clock-art-right{transform:translateY(-50%) scaleX(-1) scale(1)}}html body.page-time #current-time-and-weatherSection{& :is(.clock-display-wrap,.timezone-control-wrap,.primary-time-format-panel){position:relative;z-index:2}& .clock-hand{box-shadow:0 2px 5px rgba(0, 0, 0, .38)}& .time-readout em{display:none}& .main-date-row{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px}& .main-date-calendar-button{place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:1px solid rgba(130, 203, 239, .5);border-radius:8px;background:linear-gradient(180deg, #18334d, #0a1728);color:#ccefff;font-size:.94rem;cursor:pointer}& .main-date-calendar-button[aria-expanded="true"]{color:#ffffff;border-color:rgba(170, 230, 255, .82);box-shadow:0 0 18px rgba(82, 190, 236, .24)}& .main-date-calendar-popup{position:absolute;top:calc(100% + 10px);left:50%;z-index:80;width:340px;max-width:min(340px, 86vw);padding:12px;border:1px solid rgba(133, 205, 241, .48);border-radius:14px;background:linear-gradient(180deg, rgba(15, 30, 47, .98), rgba(6, 14, 26, .98));box-shadow:0 20px 42px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .06);transform:translateX(-50%)}& .main-date-calendar-popup header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:#dff6ff}& .calendar-popup-grid{gap:4px;padding:8px}& .calendar-popup-grid :is(.calendar-day,.calendar-day-empty){min-height:34px;border-radius:7px}& .calendar-popup-grid .calendar-weekday{padding:5px 2px;font-size:.68rem}}@media (max-width: 860px){html body.page-time #languageClocksSection .language-clock-grid{grid-template-columns:1fr}}html body.page-time #primaryProgress #secondCard :is(.detail-text,.compact-detail-columns,.compact-detail-column,.compact-detail-metrics,.bottom-metric-list){margin-top:12px;margin-bottom:0}html body.page-time #primaryProgress #secondCard .second-clock-face span,html body.page-time #secondCirclePanel .second-clock-face span,html body.page-time #primaryProgress #secondCard .second-spinner-label,html body.page-time #secondCirclePanel .second-spinner-label{text-shadow:0 1px 8px rgba(255, 176, 74, .24)}html body.page-time #primaryProgress .progress-card .card-value,html body.page-time #timelineStack .timeline-card .card-value,html body.page-time #timeVisualizedGroup .progress-card .card-value,html body.page-time #extendedTimeVisualizedGroup .timeline-card .card-value,html body.page-time #moreTimeGroup .timeline-card .card-value{box-shadow:0 0 0 1px rgba(94, 186, 232, .18), 0 12px 24px rgba(0, 4, 14, .24), inset 0 1px 0 rgba(255, 255, 255, .08)}html body.page-time #current-time-and-weatherSection{& .time-header-clock-art{display:none}& .clock-number.n12{top:15px}& .clock-number.n6{bottom:15px}& .clock-number.n3{right:15px}& .clock-number.n9{left:15px}& .top-seconds-toggle{position:relative;z-index:8;place-items:center}& .top-seconds-toggle[aria-pressed="true"]{color:#061522;background:linear-gradient(180deg, #76e7e8, #2d9cc2);border-color:rgba(184, 253, 255, .82)}}html body.page-time .language-clocks-section#languageClocksSection{margin:0 auto 14px;padding:22px 28px}html body.page-time #languageClocksSection h2{display:none}html body.page-time #current-time-and-weatherSection{& .analog-clock::before{box-shadow:inset 0 10px 20px rgba(255,255,255,.2), inset 0 -14px 24px rgba(0,0,0,.2)}& .hour-hand{box-shadow:0 2px 5px rgba(0,0,0,.38)}& .minute-hand{box-shadow:0 2px 5px rgba(0,0,0,.34)}& .second-hand{box-shadow:none}& .clock-pin{box-shadow:0 2px 8px rgba(0,0,0,.45)}}@media (max-width: 820px){html body.page-time #languageClocksSection{& .language-clock-grid{grid-template-columns:1fr}& .binary-alt-time-readout{width:100%;max-width:100%}}}html body.page-time #primaryProgress .compact-detail-columns,html body.page-time #timelineStack .compact-detail-columns,html body.page-time #timeVisualizedGroup .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup .compact-detail-columns,html body.page-time #moreTimeGroup .compact-detail-columns{text-align:center}html body.page-time #primaryProgress :is(.compact-detail-column,.bottom-metric-list),html body.page-time #timelineStack :is(.compact-detail-column,.bottom-metric-list),html body.page-time #timeVisualizedGroup :is(.compact-detail-column,.bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup :is(.compact-detail-column,.bottom-metric-list),html body.page-time #moreTimeGroup :is(.compact-detail-column,.bottom-metric-list){width:100%;max-width:900px;margin-left:auto;margin-right:auto;text-align:center}html body.page-time #eraCard{& .slider-gap{display:none}& #eraSliderStack.era-slider-stack{display:grid;gap:14px;width:min(100%, 1120px);max-width:1120px;margin:28px auto 18px}& #eraSliderStack .geologic-time-stack{display:grid;gap:14px;width:100%}& #eraDetails :is(.geologic-time-stack,.deep-time-stack){display:none}}html body.page-time #languageClocksSection.language-clocks-section,html body.page-time #languageClocksSection:is(*,#_),html body.page-time #current-time-and-weatherSection:is(*,#_),html body.page-time #primaryProgress > article.progress-card,html body.page-time #timelineStack > article.progress-card,html body.page-time #timeVisualizedGroup > article.progress-card,html body.page-time #extendedTimeVisualizedGroup > article.progress-card,html body.page-time #moreTimeGroup > article.progress-card{width:min(100%, 1480px);max-width:1480px;margin-left:auto;margin-right:auto}html body.page-time #languageClocksSection.language-clocks-section,html body.page-time #languageClocksSection:is(*,#_){padding:14px 18px;margin-bottom:12px}html body.page-time #languageClocksSection{& .language-clock-grid{margin:0 auto}& :is(.time-readout,.binary-alt-time-readout),& .time-readout:not(.binary-alt-time-readout){justify-items:stretch;border-radius:10px}& .time-readout span{align-self:center}& .binary-alt-time-readout strong{text-overflow:clip}}html body.page-time #current-time-and-weatherSection{& .time-readout :is(span,strong){font-size:1.08rem}& .time-readout-utc-top strong,& .time-readout-12 strong,& .time-readout-24 strong,& .time-readout-roman-top strong{font-size:1.14rem}}@media (max-width: 900px){html body.page-time #languageClocksSection :is(.time-readout,.binary-alt-time-readout),html body.page-time #languageClocksSection .time-readout:not(.binary-alt-time-readout){grid-template-columns:minmax(92px, auto) minmax(0, 1fr)}html body.page-time #primaryProgress .compact-detail-columns,html body.page-time #timelineStack .compact-detail-columns,html body.page-time #timeVisualizedGroup .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup .compact-detail-columns,html body.page-time #moreTimeGroup .compact-detail-columns{width:100%;grid-template-columns:1fr;column-gap:0}}html body.page-time #current-time-and-weatherSection{& .main-date-calendar-button{display:none}& .primary-time-readout-stack .time-readout span,& .time-readout-utc-top span,& .time-readout-12 span,& .time-readout-24 span,& .time-readout-roman-top span{color:#9bd8ff;text-shadow:0 0 14px rgba(91, 177, 255, .18)}& .primary-time-readout-stack .time-readout strong,& .time-readout-utc-top strong,& .time-readout-12 strong,& .time-readout-24 strong,& .time-readout-roman-top strong{color:#d7f6ff;text-shadow:0 0 18px rgba(98, 190, 255, .22)}}html body.page-time #primaryProgress{& #secondCard:is(*,#_) .detail-text .compact-detail-columns,& #hourCard#hourCard .detail-text .compact-detail-columns,& #dayCard#dayCard .detail-text .compact-detail-columns{display:grid;grid-template-columns:1fr;column-gap:0;justify-items:stretch}& #secondCard:is(*,#_) .detail-text :is(.compact-detail-column,.compact-detail-metrics,.bottom-metric-list),& #hourCard#hourCard .detail-text :is(.compact-detail-column,.compact-detail-metrics,.bottom-metric-list),& #dayCard#dayCard .detail-text :is(.compact-detail-column,.compact-detail-metrics,.bottom-metric-list){display:grid;grid-template-columns:1fr;width:min(100%, 680px);max-width:680px;margin-left:auto;margin-right:auto;column-gap:0;row-gap:8px}& #secondCard:is(*,#_) .detail-text :is(.compact-detail-metric,.compact-measure-line),& #hourCard#hourCard .detail-text .compact-detail-metric,& #dayCard#dayCard .detail-text .compact-detail-metric{width:100%;max-width:none}& #minuteCard:is(*,#_) .detail-text :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics,.bottom-metric-list){column-gap:0;row-gap:8px}& #minuteCard:is(*,#_) .detail-text :is(.compact-detail-metric,.compact-measure-line){width:100%;max-width:none;text-align:center}}html body.page-time :is(#dayCard, #weekCard, #monthCard, #yearCard) .detail-text .compact-detail-columns,html body.page-time #timelineStack .detail-text .compact-detail-columns,html body.page-time #timeVisualizedGroup .detail-text .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup .detail-text .compact-detail-columns,html body.page-time #moreTimeGroup .detail-text .compact-detail-columns{display:grid;grid-template-columns:repeat(2, minmax(320px, 1fr));column-gap:42px;justify-content:center;justify-items:stretch;text-align:left}html body.page-time :is(#dayCard, #weekCard, #monthCard, #yearCard) .detail-text .compact-detail-column,html body.page-time :is(#dayCard, #weekCard, #monthCard, #yearCard) .detail-text .compact-detail-metrics,html body.page-time :is(#dayCard, #weekCard, #monthCard, #yearCard) .detail-text .bottom-metric-list,html body.page-time #timelineStack .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #timeVisualizedGroup .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #moreTimeGroup .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list){width:100%;max-width:none;margin-left:0;margin-right:0;justify-items:stretch;text-align:left}html body.page-time :is(#dayCard, #weekCard, #monthCard, #yearCard) .detail-text .compact-detail-metric,html body.page-time #timelineStack .detail-text .compact-detail-metric,html body.page-time #timeVisualizedGroup .detail-text .compact-detail-metric,html body.page-time #extendedTimeVisualizedGroup .detail-text .compact-detail-metric,html body.page-time #moreTimeGroup .detail-text .compact-detail-metric{text-align:left}html body.page-time #primaryProgress .card-value,html body.page-time #timelineStack .card-value,html body.page-time #timeVisualizedGroup .card-value,html body.page-time #extendedTimeVisualizedGroup .card-value,html body.page-time #moreTimeGroup .card-value{background:linear-gradient(135deg, rgba(20, 78, 126, .96), rgba(12, 50, 91, .96));border-color:rgba(118, 196, 255, .3);font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;letter-spacing:.01em;text-shadow:none}html body.page-time #primaryProgress:is(*,#_) #minuteCard:is(*,#_) .detail-text{& :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics,.bottom-metric-list){display:grid;grid-template-columns:1fr;width:min(100%, 680px);max-width:680px;margin-left:auto;margin-right:auto;justify-items:center;text-align:center}& :is(.compact-detail-metric, .compact-measure-line){text-align:center}}html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard) .detail-text .compact-detail-columns,html body.page-time #timelineStack:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #timeVisualizedGroup:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #moreTimeGroup:is(*,#_) .detail-text .compact-detail-columns{display:grid;justify-content:center;justify-items:stretch;text-align:left}html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard) .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #timelineStack:is(*,#_) .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #timeVisualizedGroup:is(*,#_) .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time #moreTimeGroup:is(*,#_) .detail-text :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list){width:100%;max-width:none;margin-left:0;margin-right:0;justify-items:stretch;text-align:left}html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard) .detail-text .compact-detail-metrics:is(*,._){display:grid;grid-template-columns:repeat(2, minmax(280px, 1fr));column-gap:42px}html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard) .detail-text .compact-detail-metric,html body.page-time #timelineStack:is(*,#_) .detail-text .compact-detail-metric,html body.page-time #timeVisualizedGroup:is(*,#_) .detail-text .compact-detail-metric,html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .detail-text .compact-detail-metric,html body.page-time #moreTimeGroup:is(*,#_) .detail-text .compact-detail-metric{text-align:left}html body.page-time #current-time-and-weatherSection:is(*,#_){& .primary-time-format-panel:is(*,._){padding:0;border:0;border-radius:0}& .primary-time-readout-stack:is(*,._){padding:0;border:0;background:transparent;box-shadow:none}}html body.page-time #primaryProgress:is(*,#_) :is(#secondValue.card-value, #minuteValue.card-value, #hourValue.card-value, #dayValue.card-value, #weekValue.card-value, #monthValue.card-value, #yearValue.card-value),html body.page-time #timelineStack:is(*,#_) :is(#seasonValue.card-value, #decadeValue.card-value, #centuryValue.card-value, #thirteenValue.card-value, #zodiacValue.card-value, #eraValue.card-value, #generationValue.card-value),html body.page-time #timeVisualizedGroup:is(*,#_) .card-value,html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .card-value,html body.page-time #moreTimeGroup:is(*,#_) .card-value{background:linear-gradient(135deg, rgba(20, 78, 126, .96), rgba(12, 50, 91, .96));border-color:rgba(118, 196, 255, .3);color:#d6efff;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-weight:400;letter-spacing:.01em;text-shadow:none}html body.page-time #workdayCard{& .work-status-bubble{display:inline-grid;justify-items:center;align-items:center;text-align:center;line-height:1.08}& .work-status-bubble-label{display:block;color:rgba(215, 242, 255, .76);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}& .work-status-text-line{display:block;font-weight:500;text-align:center}& :is(.work-day-context-line.is-weekend-day-line, .work-day-progress-line.is-weekend-day-line){display:block;position:relative;top:-30px;transform:none}& .workday-mini-slider .workday-mini-track .workday-mini-label.label-top{top:auto}& .workday-mini-slider .workday-mini-track .workday-mini-label.label-bottom{bottom:auto}& .workday-mini-slider .workday-mini-track .workday-mini-label.label-time:not(.label-bottom){top:auto;bottom:calc(100% + 14px)}& .workday-mini-slider:not(.is-active) .workday-mini-marker{display:none}& #workdayCombinedSlider.is-active .workday-mini-marker,& #workdayWeekendSlider.is-active .workday-mini-marker{display:block}}html body.page-time #primaryProgress :is(#dayCard, #weekCard, #workdayCard, #workweekCard){& .card-pie-meter{background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), #0d1723 var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #39a9ff 0deg, #3fc7ed 54%, #5fe0d6 100%)}& .card-pie-meter::after{transform:translate(-50%, -50%) rotate(var(--pie-deg, 0deg)) translateY(-53px);transform-origin:center}& .card-pie-meter::before{left:50%;top:-13px;transform:translate(-50%, -50%)}}html body.page-time :is(#workdayCard, #workweekCard) .card-pie-meter,html body.page-time #workDashboard :is(#workdayCard, #workweekCard) .card-pie-meter,html body.page-time main.shell :is(#workdayCard, #workweekCard) .card-pie-meter{background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), #0d1723 var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #39a9ff 0deg, #3fc7ed 54%, #5fe0d6 100%)}html body.page-time :is(#workdayCard, #workweekCard) .card-pie-meter::after,html body.page-time #workDashboard :is(#workdayCard, #workweekCard) .card-pie-meter::after,html body.page-time main.shell :is(#workdayCard, #workweekCard) .card-pie-meter::after{content:"";display:block;transform:translate(-50%, -50%) rotate(var(--pie-deg, 0deg)) translateY(-53px);transform-origin:center}html body.page-time :is(#workdayCard, #workweekCard) .card-pie-meter::before,html body.page-time #workDashboard :is(#workdayCard, #workweekCard) .card-pie-meter::before,html body.page-time main.shell :is(#workdayCard, #workweekCard) .card-pie-meter::before{left:50%;top:-13px;transform:translate(-50%, -50%)}html body.page-time :is(#workdayCard, #workweekCard) .work-status-bubble-label,html body.page-time :is(#workdayCard, #workweekCard) .work-status-bubble b,html body.page-time :is(#workdayCard, #workweekCard) .work-status-header-icon,html body.page-time .work-status-header-icon{display:none}html body.page-time #workdayCard{& .work-status-bubble{gap:0}& .work-status-text-line{font-size:.9rem}& .workday-mini-slider .workday-mini-track .workday-mini-label.label-bottom{top:calc(100% + 9px)}& .workday-mini-slider .workday-mini-track .workday-mini-label.label-top{bottom:calc(100% + 14px)}& .workday-mini-percent{display:none}& .work-day-view-title,& .work-view-title.work-day-view-title{color:rgba(232, 211, 148, .72);-webkit-text-fill-color:rgba(232, 211, 148, .72);text-shadow:0 0 10px rgba(210, 178, 92, .16)}& :is(.work-day-weekday-inline,.work-top-footer-day-name){color:#d6d9d8;-webkit-text-fill-color:#d6d9d8;font-size:1.24em;font-weight:650;text-shadow:none}}html body.page-time #primaryProgress .card-pie-meter::after,html body.page-time #timelineStack .card-pie-meter::after,html body.page-time #timeVisualizedGroup .card-pie-meter::after,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter::after,html body.page-time #moreTimeGroup .card-pie-meter::after,html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._)::after{content:none;display:none;width:0;height:0;background:transparent;box-shadow:none}html body.page-time #minuteCard #minuteSmoothFill,html body.page-time #minuteCard .minute-smooth-fill,html body.page-time #minuteBattery #minuteSmoothFill,html body.page-time #minuteBattery .minute-smooth-fill{display:none;width:0;min-width:0;max-width:0;animation:none;background:transparent;box-shadow:none}html body.page-time #minuteCard .minute-cell:not(.filled),html body.page-time #minuteBattery .minute-cell:not(.filled){background:#111a24;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035)}html body.page-time #timeVisualizedGroup #minuteCard:is(*,#_) #minuteBattery:is(*,#_){& #minuteSmoothFill:is(*,#_){display:none;visibility:hidden;opacity:0;width:0;background:transparent}& .minute-cell.filled{background:linear-gradient(180deg, rgba(126, 247, 255, .82), var(--minute-cell-fill, #16c8d8) 72%, #063852);border-color:rgba(3, 16, 28, .95);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .12)}}html body.page-time :is( .progress-track, .progress-fill, .segment-band, .segment-band span, .minute-battery, .minute-smooth-fill, .minute-cell, .workday-mini-track, .workday-mini-fill, .week-day-cell ){border-radius:0}html body.page-time :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 ){border-radius:0}html body.page-time .progress-track::before,html body.page-time .progress-track::after,html body.page-time .progress-fill::before,html body.page-time .progress-fill::after,html body.page-time .minute-battery::before,html body.page-time .minute-battery::after,html body.page-time .minute-smooth-fill::before,html body.page-time .minute-smooth-fill::after{border-radius:0}html body.page-time :is( .progress-track > .marker, .progress-track .marker, .minute-marker, .workday-mini-marker ){display:none;visibility:hidden;opacity:0;width:0;height:0;box-shadow:none}html body.page-time #workdayCard :is(.card-title-wrap,.card-title-line,.title-value-stack){display:grid;justify-content:center;text-align:center}html body.page-time #workdayTitle{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"title" "status" "context" "progress";justify-items:center;justify-content:center;align-items:center;width:min(760px, 100%);max-width:760px;margin:0 auto;padding-top:0;row-gap:10px;column-gap:0;text-align:center;transform:none}html body.page-time #workdayCard{& .work-day-view-title{grid-area:title;display:block;justify-self:center;width:100%;margin:0;text-align:center;transform:none}& .work-top-status.work-status-bubble{grid-area:status;display:inline-grid;justify-self:center;justify-items:center;width:auto;max-width:min(620px, 100%);margin:0 auto;text-align:center;transform:none}& :is(.work-day-context-line,.work-day-progress-line){display:block;position:static;justify-self:center;width:100%;margin:0 auto;text-align:center;top:auto;transform:none}& .work-day-context-line{grid-area:context}& .work-day-progress-line{grid-area:progress;line-height:1.32}}html body.page-time #workdayCard:is(*,#_){& #workdayTitle:is(*,#_).card-title{justify-items:center;justify-content:center;margin-left:auto;margin-right:auto;text-align:center;transform:none}& :is(.work-day-context-line:is(*,._).is-weekend-day-line,.work-day-progress-line:is(*,._).is-weekend-day-line){position:static;top:auto;transform:none;text-align:center}}html body.page-time #workdayCard:is(*,#_){background:radial-gradient(circle at 50% -20%, rgba(42, 75, 118, .24), transparent 34%), radial-gradient(circle at 10% 10%, rgba(41, 69, 106, .16), transparent 30%), repeating-linear-gradient( 180deg, rgba(15, 28, 51, .34) 0 20px, rgba(25, 43, 72, .34) 20px 40px, rgba(11, 23, 43, .36) 40px 60px, rgba(32, 50, 79, .3) 60px 80px, rgba(16, 34, 61, .34) 80px 100px, rgba(39, 55, 84, .26) 100px 120px, rgba(9, 19, 36, .38) 120px 140px ), repeating-linear-gradient(180deg, rgba(255, 255, 255, .018) 0 1px, rgba(255, 255, 255, 0) 1px 7px), linear-gradient(135deg, #08101d 0%, #0c1627 48%, #060b14 100%);border-color:rgba(90, 127, 170, .38);box-shadow:0 24px 52px rgba(0, 3, 10, .46), inset 0 1px 0 rgba(255, 255, 255, .045)}html body.page-time #workdayCard:is(*,#_){& :is(.card-head,.card-title-wrap){overflow:visible}& :is(#workdayCombinedSlider,#workdayWeekendSlider){border-color:rgba(74, 116, 151, .34);background:radial-gradient(circle at 50% 0%, rgba(49, 86, 120, .16), transparent 48%), linear-gradient(180deg, rgba(9, 22, 38, .98), rgba(5, 13, 24, .99));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04), 0 14px 28px rgba(0, 4, 14, .24)}& #workdayCombinedSlider .workday-mini-track,& #workdayWeekendSlider .workday-mini-track{border-color:rgba(88, 132, 168, .3);background:linear-gradient(180deg, #040914, #07111d);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .025), inset 0 8px 14px rgba(0, 0, 0, .28)}& .card-title-wrap{width:100%;max-width:none;margin:0 auto 18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& :is(.card-title-wrap,.card-title-line,.title-value-stack){grid-template-columns:minmax(0, 1fr);justify-self:stretch;justify-items:center}& :is(.card-title-line,.title-value-stack){width:100%;max-width:none}& #workdayTitle:is(*,#_){width:min(760px, calc(100% - 96px));max-width:760px;margin:8px auto 0;padding:20px 26px 22px;border:1px solid rgba(116, 174, 210, .32);border-radius:8px;background:radial-gradient(circle at 50% 0%, rgba(74, 124, 166, .16), transparent 42%), linear-gradient(180deg, rgba(13, 31, 50, .9), rgba(7, 18, 32, .96));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 18px 34px rgba(0, 5, 16, .24)}}html body.page-time #primaryProgress :is(.progress-card, .timeline-card):not(#workdayCard):not(#workweekCard) .card-title-wrap,html body.page-time #timeVisualizedGroup :is(.progress-card, .timeline-card) .card-title-wrap,html body.page-time #extendedTimeVisualizedGroup :is(.progress-card, .timeline-card) .card-title-wrap,html body.page-time #moreTimeGroup :is(.progress-card, .timeline-card) .card-title-wrap{display:grid;justify-items:center;justify-content:center;text-align:center}html body.page-time #primaryProgress :is(.progress-card, .timeline-card):not(#workdayCard):not(#workweekCard) :is(.card-title-line,.title-value-stack),html body.page-time #timeVisualizedGroup :is(.progress-card, .timeline-card) :is(.card-title-line,.title-value-stack){display:grid;justify-items:center;justify-content:center;width:100%;text-align:center}html body.page-time #primaryProgress{& :is(.progress-card, .timeline-card):not(#workdayCard):not(#workweekCard) :is(.card-title, .card-title-subline, .card-value, .compact-top-lines, .progress-summary-line){justify-self:center;margin-left:auto;margin-right:auto;text-align:center}& #secondCard:is(*,#_) .second-slider-wrap{margin-top:50px}& #secondCard:is(*,#_) .second-clock-orbit{transform:translateY(20px)}}html body.page-time #workdayCard:is(*,#_){& #workdayTitle:is(*,#_){margin-top:-12px}& #workdayMultiSliders{margin-top:-40px}& .work-day-view-title{color:rgba(232, 211, 148, .84);-webkit-text-fill-color:rgba(232, 211, 148, .84)}& :is(.work-day-context-line,.work-day-weekday-inline){color:#f6fbff;-webkit-text-fill-color:#f6fbff;text-shadow:none}& :is(#workdayCombinedSlider, #workdayWeekendSlider) header{display:grid;justify-items:center;justify-content:center;text-align:center}& :is(#workdayCombinedSliderTitle, #workdayWeekendSliderTitle){margin-left:auto;margin-right:auto;color:#eef8ff;text-align:center}& #workdayCombinedLabels :is(.workday-mini-label.label-top.workday-section-label,.workday-mini-label.label-top.label-work-shift){top:-78px;bottom:auto}& #workdayCombinedLabels :is(.workday-mini-label.label-bottom,.workday-mini-label.label-time),& #workdayCombinedLabels .workday-mini-label.workday-boundary-label.label-bottom{top:calc(100% + 12px);bottom:auto;color:#f3fbff}& .workday-mini-slider.is-lunch-active .workday-work-segment.is-active,& .workday-work-segment{background:linear-gradient(90deg, #a54f1f, #d77a2d, #f09a42)}& .workday-mini-slider.is-lunch-active .workday-work-segment.is-active .workday-mini-fill,& #workdayWorkFill{background:linear-gradient(90deg, #c96925, #f19a3e)}}html body.page-time #workweekCard:is(*,#_){background:radial-gradient(circle at 50% -20%, rgba(42, 75, 118, .24), transparent 34%), radial-gradient(circle at 10% 10%, rgba(41, 69, 106, .16), transparent 30%), repeating-linear-gradient( 180deg, rgba(15, 28, 51, .34) 0 20px, rgba(25, 43, 72, .34) 20px 40px, rgba(11, 23, 43, .36) 40px 60px, rgba(32, 50, 79, .3) 60px 80px, rgba(16, 34, 61, .34) 80px 100px, rgba(39, 55, 84, .26) 100px 120px, rgba(9, 19, 36, .38) 120px 140px ), repeating-linear-gradient(180deg, rgba(255, 255, 255, .018) 0 1px, rgba(255, 255, 255, 0) 1px 7px), linear-gradient(135deg, #08101d 0%, #0c1627 48%, #060b14 100%);border-color:rgba(90, 127, 170, .38)}html body.page-time #workweekCard:is(*,#_){& #workweekTitle{width:min(760px, calc(100% - 96px));max-width:760px;margin:8px auto 18px;padding:20px 26px 22px;border:1px solid rgba(116, 174, 210, .32);border-radius:8px;background:radial-gradient(circle at 50% 0%, rgba(74, 124, 166, .16), transparent 42%), linear-gradient(180deg, rgba(13, 31, 50, .9), rgba(7, 18, 32, .96));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 18px 34px rgba(0, 5, 16, .24);text-align:center}& #workweekTrack{min-height:108px;border:2px solid rgba(117, 179, 215, .34);background:linear-gradient(180deg, #050b16, #071727);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 10px 18px rgba(0,0,0,.32)}& #workweekTrack :is(.tick-label, .workweek-range-label, .workweek-boundary-label em){color:#f6fbff;font-size:1.05rem;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.45)}& #workweekTrack .work-day-cell{background:linear-gradient(90deg, #8f421c, #d9782e)}& #workweekTrack .weekend-day-cell{background:linear-gradient(90deg, #145a35, #2aa968)}& #workweekTrack .progress-fill{background:linear-gradient(90deg, #42c6ff, #60f0d6)}}html body.page-time #workDashboard #workweekCard:is(*,#_){& #workweekTitle:is(*,#_),& #workweekTitle:is(*,#_) :is(.work-view-title-line,.work-top-status,.work-top-status-detail){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;justify-content:center;width:100%;text-align:center;transform:none}& #workweekTitle:is(*,#_){grid-template-areas:"title" "status" "detail" "metrics";row-gap:10px}& #workweekTitle:is(*,#_) .work-view-title-line{grid-area:title}& #workweekTitle:is(*,#_) .work-top-status{grid-area:status}& #workweekTitle:is(*,#_) .work-top-status-detail{grid-area:detail}}html body.page-time #workDashboard:is(*,#_){& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.work-token.slot-completed:not(.slot-selected),& #workweekCounterPanel .counter-slot.work-token.slot-completed:not(.slot-selected){background:radial-gradient(circle at 50% 12%, rgba(255, 192, 122, .22), transparent 36%), linear-gradient(160deg, rgba(91, 44, 19, .98), rgba(31, 19, 12, .99));border-color:#ffad5c;box-shadow:inset 0 0 0 1px rgba(255, 235, 205, .16), 0 0 24px rgba(255, 145, 55, .3)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.weekend-token.slot-completed:not(.slot-selected),& #workweekCounterPanel .counter-slot.weekend-token.slot-completed:not(.slot-selected){background:radial-gradient(circle at 50% 12%, rgba(133, 245, 169, .22), transparent 36%), linear-gradient(160deg, rgba(18, 73, 43, .98), rgba(10, 28, 21, .99));border-color:#72e795;box-shadow:inset 0 0 0 1px rgba(212, 255, 222, .16), 0 0 24px rgba(83, 217, 117, .3)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-current:not(.slot-selected),& #workweekCounterPanel .counter-slot.slot-current:not(.slot-selected){border-width:6px;filter:brightness(1.2) saturate(1.08)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-current:not(.slot-selected)::before,& #workweekCounterPanel .counter-slot.slot-current:not(.slot-selected)::before{content:"";position:absolute;left:50%;top:-42px;width:16px;height:30px;background:linear-gradient(180deg, #fff3b8, #ffd06e);transform:translateX(-50%);clip-path:polygon(35% 0, 65% 0, 65% 56%, 100% 56%, 50% 100%, 0 56%, 35% 56%);filter:drop-shadow(0 3px 8px rgba(255, 188, 74, .5))}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-selected,& #workweekCounterPanel .counter-slot.slot-selected{border-color:#c9a0df;background:radial-gradient(circle at 50% 12%, rgba(195, 128, 214, .34), transparent 38%), linear-gradient(160deg, rgba(72, 34, 83, .98), rgba(30, 18, 47, .99));box-shadow:0 0 0 5px rgba(107, 57, 132, .34), 0 0 64px rgba(128, 63, 153, .72), inset 0 0 0 1px rgba(244, 218, 255, .18)}}html body.page-time #workDashboard #payCalculator #payCalculatorBody{& .finance-entry-panel.pay-entry-panel{display:grid;grid-template-columns:minmax(0, 1fr);gap:14px;width:min(720px, 100%);margin:0 auto 18px;padding:20px;border:1px solid rgba(116, 174, 210, .28);border-radius:12px;background:linear-gradient(180deg, rgba(9, 28, 45, .96), rgba(5, 15, 28, .98));font-size:1.14rem}& .finance-entry-panel.pay-entry-panel label{display:grid;grid-template-columns:minmax(190px, 1fr) minmax(190px, 1.2fr);align-items:center;gap:12px;width:100%;font-size:1.16rem}& .finance-entry-panel.pay-entry-panel .pay-rate-line{grid-template-columns:minmax(0, 1fr);justify-items:center;gap:8px;text-align:center}& .finance-entry-panel.pay-entry-panel :is(input,select){min-height:42px;font-size:1.16rem}}html body.page-time #workDashboard:is(*,#_){& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.work-token.slot-current:not(.slot-selected),& #workweekCounterPanel .counter-slot.work-token.slot-current:not(.slot-selected){background:radial-gradient(circle at 50% 12%, rgba(255, 214, 162, .3), transparent 38%), linear-gradient(160deg, rgba(123, 62, 25, .98), rgba(48, 28, 15, .99))}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.weekend-token.slot-current:not(.slot-selected),& #workweekCounterPanel .counter-slot.weekend-token.slot-current:not(.slot-selected){background:radial-gradient(circle at 50% 12%, rgba(165, 255, 190, .3), transparent 38%), linear-gradient(160deg, rgba(29, 100, 58, .98), rgba(12, 42, 29, .99))}}html body.page-time #workDashboard #payCalculatorOutput .finance-result-pair{grid-template-columns:minmax(0, 1fr);justify-items:center;text-align:center}html body.page-time #languageClocksSection:is(*,#_).language-clocks-section{padding:12px 18px}html body.page-time #languageClocksSection:is(*,#_){& .language-clock-grid{align-items:stretch}& .time-readout:not(.binary-alt-time-readout){align-items:center;gap:8px;overflow:hidden;border-radius:8px}& .time-readout:not(.binary-alt-time-readout) span{align-self:center;font-size:.6rem;line-height:1;letter-spacing:.07em;text-align:left}& .time-readout:not(.binary-alt-time-readout) strong{align-self:center;justify-self:end;letter-spacing:.03em;text-align:right;white-space:nowrap}}@media (max-width: 900px){html body.page-time #languageClocksSection:is(*,#_) .language-clock-grid{grid-template-columns:1fr}}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .time-readout:is(*,._):not(.binary-alt-time-readout){min-height:40px;height:40px;max-height:42px}& .time-readout:is(*,._):nth-child(2){background:linear-gradient(145deg, #14171f, #251b16);border-color:rgba(190, 130, 76, .3)}& .time-readout:is(*,._):nth-child(3){background:linear-gradient(145deg, #111722, #1d1730);border-color:rgba(152, 129, 223, .3)}& .time-readout:is(*,._):nth-child(4){background:linear-gradient(145deg, #101923, #112838);border-color:rgba(91, 188, 224, .28)}& .time-readout:is(*,._):nth-child(5){background:linear-gradient(145deg, #171520, #2a1730);border-color:rgba(213, 117, 222, .28)}& .time-readout:is(*,._):nth-child(6){background:linear-gradient(145deg, #0f1a1d, #102b25);border-color:rgba(106, 211, 181, .28)}& .time-readout:is(*,._):nth-child(7){background:linear-gradient(145deg, #171813, #2b2411);border-color:rgba(219, 174, 78, .28)}& .time-readout:is(*,._):nth-child(8){background:linear-gradient(145deg, #101820, #102a35);border-color:rgba(98, 193, 218, .28)}& .time-readout:is(*,._):nth-child(9){background:linear-gradient(145deg, #141620, #211b30);border-color:rgba(180, 145, 223, .28)}& .time-readout:is(*,._):nth-child(10){background:linear-gradient(145deg, #111820, #182433);border-color:rgba(134, 180, 224, .28)}& .time-readout:is(*,._).binary-alt-time-readout{display:grid;grid-template-columns:minmax(82px, .62fr) minmax(0, 1fr);align-items:center;justify-items:stretch;min-height:40px;height:40px;max-height:42px;padding:5px 10px;gap:8px;overflow:hidden;border-radius:8px;text-align:left}& .time-readout:is(*,._).binary-alt-time-readout span{justify-self:stretch;align-self:center;color:#9de8dc;font-size:.6rem;line-height:1;letter-spacing:.07em;text-align:left}& .time-readout:is(*,._).binary-alt-time-readout strong,& #binaryTime:is(*,#_){justify-self:end;align-self:center;color:#c8fff6;font-size:clamp(.62rem, .82vw, .82rem);line-height:1;letter-spacing:.01em;max-width:100%;overflow:hidden;text-align:right;text-overflow:clip;white-space:nowrap}}html body.page-time:is(*,._) #primaryProgress:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) #timeVisualizedGroup:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) #extendedTimeVisualizedGroup:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) #moreTimeGroup:is(*,#_) .card-value:is(*,._){display:inline-grid;place-items:center;justify-self:center;align-self:center;width:fit-content;min-width:286px;max-width:min(92%, 520px);margin:12px auto 8px;padding:8px 18px;position:relative;left:auto;right:auto;top:auto;transform:none;color:#dff5ff;font-size:1.04rem;font-weight:400;line-height:1.18;text-align:center;white-space:normal}html body.page-time:is(*,._) #primaryProgress:is(*,#_) .card-value-extra:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_) .card-value-extra:is(*,._),html body.page-time:is(*,._) #timeVisualizedGroup:is(*,#_) .card-value-extra:is(*,._),html body.page-time:is(*,._) #extendedTimeVisualizedGroup:is(*,#_) .card-value-extra:is(*,._),html body.page-time:is(*,._) #moreTimeGroup:is(*,#_) .card-value-extra:is(*,._){display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) .card-value:is(*,._){display:grid;place-items:center;position:relative;left:50%;right:auto;top:auto;bottom:auto;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:12px 0 8px;padding:8px 18px;transform:translateX(-50%);font-size:1.18rem;font-weight:400;line-height:1.18;text-align:center}html body.page-time:is(*,._) main.shell{position:relative}html body.page-time:is(*,._) .time-page-palm-cluster{position:absolute;left:0;top:590px;z-index:3;width:100%;height:190px;transform:none;border:0;background:transparent;box-shadow:none;pointer-events:none}html body.page-time:is(*,._) .time-page-palm{position:absolute;display:grid;place-items:center;font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;line-height:1;filter:drop-shadow(0 14px 20px rgba(0, 7, 16, .42))}html body.page-time:is(*,._) .time-page-palm-back{left:118px;top:18px;font-size:8rem;opacity:.72;transform:scaleX(-.72) scaleY(1.12) rotate(-5deg)}html body.page-time:is(*,._) .time-page-palm-front{right:258px;top:18px;font-size:8rem;opacity:.9;transform:scaleX(-.72) scaleY(1.16) rotate(4deg)}@media (max-width: 980px){html body.page-time:is(*,._) .time-page-palm-cluster{top:690px;transform:scale(.68);transform-origin:center top}html body.page-time:is(*,._) .time-page-palm-back{left:70px}html body.page-time:is(*,._) .time-page-palm-front{right:210px}}html body.page-time:is(*,._) #current-time-and-weatherSection .timezone-control-wrap,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){width:min(100%, 720px);max-width:720px;min-width:min(100%, 720px);padding-left:138px;padding-right:138px;overflow:visible}html body.page-time:is(*,._) #current-time-and-weatherSection .timezone-control-wrap{& .timezone-content-inner{position:relative;z-index:2;display:grid;justify-items:center;gap:inherit;width:100%;max-width:430px;margin:0 auto}& .time-page-palm{position:absolute;top:50%;z-index:1;display:grid;place-items:center;font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;font-size:6.25rem;line-height:1;opacity:.8;filter:drop-shadow(0 12px 18px rgba(0, 7, 16, .36));pointer-events:none}& .time-page-palm-back{left:26px;right:auto;transform:translateY(-48%) scaleX(-.78) scaleY(1.1) rotate(-5deg)}& .time-page-palm-front{right:26px;left:auto;transform:translateY(-48%) scaleX(.78) scaleY(1.1) rotate(5deg)}}@media (max-width: 760px){html body.page-time:is(*,._) #current-time-and-weatherSection .timezone-control-wrap,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){min-width:0;padding-left:76px;padding-right:76px}html body.page-time:is(*,._) #current-time-and-weatherSection .timezone-control-wrap{& .time-page-palm{font-size:4.25rem}& .time-page-palm-back{left:8px}& .time-page-palm-front{right:8px}}}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, .age-track, .age-progress, .age-current, .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, .age-track, .age-progress, .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, .age-track, .age-progress, .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}body.page-time #primaryProgress :is(.progress-track, .minute-battery){background:var(--time-slider-bg);border:2px solid var(--time-slider-border);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05)}body.page-time #minuteCard :is(.minute-cell, .minute-cell.filled){border-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}body.page-time #primaryProgress{& :is(.tick, .progress-tick, .month-day-tick, .month-week-tick){display:block;width:1px;background:var(--time-grid-line);box-shadow:none}& :is(.tick,.progress-tick){top:0;bottom:0;height:auto}& .month-week-tick{width:1px;background:var(--time-grid-line)}& .segment-band span + span{box-shadow:inset 1px 0 0 var(--time-grid-line)}}body.page-time #minuteCard .minute-cell{border-color:rgba(191, 230, 245, .34)}html body.page-time #primaryProgress .card-pie-meter,html body.page-time #timelineStack .card-pie-meter,html body.page-time #timeVisualizedGroup .card-pie-meter,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter,html body.page-time #moreTimeGroup .card-pie-meter{box-shadow:0 0 10px rgba(61, 190, 232, .12)}html body.page-time #primaryProgress .card-pie-core,html body.page-time #timelineStack .card-pie-core,html body.page-time #timeVisualizedGroup .card-pie-core,html body.page-time #extendedTimeVisualizedGroup .card-pie-core,html body.page-time #moreTimeGroup .card-pie-core{display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(165, 221, 247, .74);border-radius:50%;background:var(--time-meter-center);background-color:var(--time-meter-center);box-shadow:inset 0 0 14px rgba(0, 0, 0, .22)}body.page-time #primaryProgress :is(.progress-fill, .minute-smooth-fill, .age-progress),html body.page-time .progress-track .progress-fill,html body.page-time .progress-fill,html body.page-time #minuteCard .minute-smooth-fill,html body.page-time #minuteBattery .minute-smooth-fill{background:var(--track-fill);background-image:var(--track-fill);background-size:var(--track-gradient-width, 100%) 100%;background-position:left center;background-repeat:no-repeat}body.page-time #minuteCard .minute-cell.filled,html body.page-time #minuteCard .minute-cell.filled,html body.page-time #minuteBattery .minute-cell.filled{background:linear-gradient(90deg, #123794 0%, #26a7c7 100%);border-color:rgba(78, 214, 224, .32)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .progress-track:is(*,._) .progress-fill:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) .progress-track:is(*,._) .progress-fill:is(*,._),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) .progress-track:is(*,._) .progress-fill:is(*,._),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) .progress-track:is(*,._) .progress-fill:is(*,._),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) .progress-track:is(*,._) .progress-fill:is(*,._),html body.page-time:is(*,._) main.shell.shell #minuteCard:is(*,#_) .minute-smooth-fill:is(*,._),html body.page-time:is(*,._) main.shell.shell #minuteBattery:is(*,#_) .minute-smooth-fill:is(*,._){background:var(--track-fill);background-image:var(--track-fill);background-size:var(--track-gradient-width, 100%) 100%;background-position:left center;background-repeat:no-repeat}html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._){border-color:rgba(139, 213, 239, .7)}html body.page-time:is(*,._) main.shell.shell .card-pie-core:is(*,._){background:var(--time-meter-center);background-color:var(--time-meter-center)}html body.page-time #current-time-and-weatherSection{& .dst-choice span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:1.08;margin-left:0;text-align:left}& .dst-choice span :is(b,small){line-height:1.08}& .dst-choice{padding-left:10px}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._){grid-template-columns:14px minmax(0, 1fr);justify-content:flex-start;text-align:left}#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.page-time #primaryProgress #secondCard{& .card-pie-meter{--pie-pct: 100%;--pie-deg: 360deg;border-color:rgba(129, 207, 244, .78)}& .card-pie-core{background:var(--time-meter-center);background-color:var(--time-meter-center)}& .card-pie-core span{font-size:1.08rem;color:#f4fbff}& .card-pie-core span::before{content:none;display:none}}html body.page-time #primaryProgress .card-pie-meter::after,html body.page-time #timelineStack .card-pie-meter::after,html body.page-time #timeVisualizedGroup .card-pie-meter::after,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter::after,html body.page-time #moreTimeGroup .card-pie-meter::after{content:"";position:absolute;z-index:4;left:50%;top:50%;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 32% 28%, #ffffff 0 10%, #b8e9ff 18%, #2d8fe6 52%, #0b3271 100%);border:1px solid rgba(225, 250, 255, .9);box-shadow:inset -4px -5px 8px rgba(0, 0, 0, .34), inset 3px 3px 7px rgba(255, 255, 255, .6), 0 6px 12px rgba(0, 0, 0, .34), 0 0 12px rgba(38, 167, 199, .28);pointer-events:none}html body.page-time #primaryProgress #secondCard{& .second-clock-orbit{overflow:visible}& .second-clock-orbit::before{content:"";position:absolute;border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px rgba(31, 93, 135, .18), 0 0 16px rgba(38, 167, 199, .13)}}html body.page-time #primaryProgress #secondCard .second-spinner-label,html body.page-time #secondCirclePanel .second-spinner-label{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 35% 28%, rgba(102, 189, 215, .72), #1f4e69 38%, #0b253f 100%);border:1px solid rgba(156, 223, 246, .45);box-shadow:inset 0 0 18px rgba(2, 8, 17, .32), 0 0 14px rgba(38, 167, 199, .15)}html body.page-time #primaryProgress .progress-card .card-value,html body.page-time #timelineStack .timeline-card .card-value,html body.page-time #timeVisualizedGroup .progress-card .card-value,html body.page-time #extendedTimeVisualizedGroup .timeline-card .card-value,html body.page-time #moreTimeGroup .timeline-card .card-value{font-family:Georgia, "Times New Roman", serif;font-size:1.48rem;font-style:italic;letter-spacing:.01em}html body.page-time #current-time-and-weatherSection{& .time-mode-picker{transform:translate(-10px, 5px)}& .dst-radio-wrap{transform:translate(-5px, 10px)}}html body.page-time #primaryProgress :is(.progress-track,.minute-battery),html body.page-time #timelineStack .progress-track,html body.page-time #timeVisualizedGroup .progress-track,html body.page-time #extendedTimeVisualizedGroup .progress-track,html body.page-time #moreTimeGroup .progress-track{background:#031b3b;background-color:#031b3b}html body.page-time #primaryProgress .progress-track::before,html body.page-time #primaryProgress .minute-battery::before,html body.page-time #timelineStack .progress-track::before,html body.page-time #timeVisualizedGroup .progress-track::before,html body.page-time #extendedTimeVisualizedGroup .progress-track::before,html body.page-time #moreTimeGroup .progress-track::before{background:#031b3b}html body.page-time #current-time-and-weatherSection .clock-number{transform:translate(-50%, -50%) rotate(var(--clock-angle)) translateY(-62px) rotate(calc(-1 * var(--clock-angle)))}html body.page-time #current-time-and-weatherSection .dst-choice,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._){column-gap:7px;gap:7px;min-height:32px;padding-top:5px;padding-bottom:5px}html body.page-time #primaryProgress #minuteCard #minuteBattery.minute-battery,html body.page-time #minuteCard #minuteBattery.minute-battery{background:#031b3b;border-color:rgba(92, 190, 226, .56)}html body.page-time #primaryProgress #minuteCard #minuteBattery .minute-smooth-fill,html body.page-time #minuteCard #minuteBattery .minute-smooth-fill{display:block;position:absolute;z-index:1;inset:5px auto 5px 5px;height:auto;background:var(--track-fill);background-image:var(--track-fill);background-size:100% 100%;background-position:left center;background-repeat:no-repeat;pointer-events:none}html body.page-time #primaryProgress #minuteCard #minuteBattery .minute-cell,html body.page-time #minuteCard #minuteBattery .minute-cell{position:relative;z-index:2;border-color:rgba(130, 206, 234, .28)}html body.page-time #primaryProgress #minuteCard #minuteBattery .minute-cell.filled,html body.page-time #minuteCard #minuteBattery .minute-cell.filled{border-color:rgba(132, 227, 238, .46);box-shadow:inset 0 0 0 1px rgba(166, 236, 255, .12)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) #minuteBattery.minute-battery:is(*,._) .minute-cell:is(*,._).filled,html body.page-time:is(*,._) main.shell.shell #minuteCard:is(*,#_) #minuteBattery:is(*,#_).minute-battery:is(*,._) .minute-cell:is(*,._).filled{border-color:rgba(132, 227, 238, .46)}html body.page-time #primaryProgress #secondCard .second-clock-orbit,html body.page-time #secondCirclePanel .second-clock-orbit{border:3px solid rgba(100, 213, 244, .82);box-shadow:inset 0 0 30px rgba(2, 8, 20, .4), 0 0 0 1px rgba(206, 244, 255, .22), 0 0 24px rgba(38, 167, 199, .2)}html body.page-time #primaryProgress #secondCard .second-clock-orbit::before,html body.page-time #secondCirclePanel .second-clock-orbit::before{border:3px solid rgba(167, 223, 255, .66)}html body.page-time #primaryProgress #minuteCard #minuteBattery .minute-cell,html body.page-time #minuteCard #minuteBattery .minute-cell{background:#031b3b;background-image:none}html body.page-time #primaryProgress #minuteCard #minuteBattery .minute-cell.filled,html body.page-time #minuteCard #minuteBattery .minute-cell.filled,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) #minuteBattery.minute-battery:is(*,._) .minute-cell:is(*,._).filled,html body.page-time:is(*,._) main.shell.shell #minuteCard:is(*,#_) #minuteBattery:is(*,#_).minute-battery:is(*,._) .minute-cell:is(*,._).filled{background:transparent;background-image:none;background-color:transparent}html body.page-time #primaryProgress #secondCard .second-clock-orbit,html body.page-time #secondCirclePanel .second-clock-orbit{border-width:4px;border-color:rgba(137, 220, 255, .92);background:radial-gradient(circle at 50% 50%, #2d6c83 0 30%, #173b61 31% 56%, #05172b 57% 100%)}html body.page-time #primaryProgress #secondCard .second-clock-orbit::before,html body.page-time #secondCirclePanel .second-clock-orbit::before{border-color:rgba(190, 233, 255, .74);background:rgba(13, 47, 78, .32)}html body.page-time #primaryProgress #secondCard .second-clock-face span,html body.page-time #secondCirclePanel .second-clock-face span,html body.page-time #primaryProgress #secondCard .second-spinner-label,html body.page-time #secondCirclePanel .second-spinner-label{color:#ffd891}html body.page-time #current-time-and-weatherSection{& .analog-clock{position:relative;margin:0 auto;overflow:visible;border:3px solid rgba(129, 189, 224, .78);border-radius:50%;background:radial-gradient(circle at 50% 50%, #dff4ff 0 5px, #0a1422 6px 10px, transparent 11px), radial-gradient(circle at 50% 50%, #e9f3f8 0 54%, #adc4d4 55% 58%, #143151 59% 70%, #071321 71% 100%);box-shadow:inset 0 10px 18px rgba(255,255,255,.24), inset 0 -18px 28px rgba(0,0,0,.32), inset 0 0 0 8px rgba(9, 29, 49, .8), 0 14px 28px rgba(0,0,0,.36);transform:translateY(8px)}& .analog-clock::before{content:"";position:absolute;inset:13px;z-index:0;border-radius:50%;background:repeating-conic-gradient(from 0deg, rgba(10, 31, 50, .45) 0deg 1.1deg, transparent 1.1deg 6deg), radial-gradient(circle at 44% 30%, rgba(255,255,255,.32), transparent 34%), radial-gradient(circle, #f3f8fb 0 59%, #c5d8e4 60% 63%, #102842 64% 100%);border:1px solid rgba(8, 28, 48, .32)}& .analog-clock::after{content:"";position:absolute;inset:5px;z-index:1;border-radius:50%;background:linear-gradient(135deg, rgba(255,255,255,.2), transparent 32%, transparent 70%, rgba(0,0,0,.14));pointer-events:none}& .clock-number{position:absolute;top:50%;left:50%;z-index:5;display:grid;place-items:center;width:24px;height:24px;color:#071827;font-family:Georgia, "Times New Roman", serif;font-size:.88rem;font-weight:700;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.65)}& .clock-number.n12{transform:translate(-50%, -50%) rotate(0deg) translateY(-66px) rotate(0deg)}& .clock-number.n1{transform:translate(-50%, -50%) rotate(30deg) translateY(-66px) rotate(-30deg)}& .clock-number.n2{transform:translate(-50%, -50%) rotate(60deg) translateY(-66px) rotate(-60deg)}& .clock-number.n3{transform:translate(-50%, -50%) rotate(90deg) translateY(-66px) rotate(-90deg)}& .clock-number.n4{transform:translate(-50%, -50%) rotate(120deg) translateY(-66px) rotate(-120deg)}& .clock-number.n5{transform:translate(-50%, -50%) rotate(150deg) translateY(-66px) rotate(-150deg)}& .clock-number.n6{transform:translate(-50%, -50%) rotate(180deg) translateY(-66px) rotate(-180deg)}& .clock-number.n7{transform:translate(-50%, -50%) rotate(210deg) translateY(-66px) rotate(-210deg)}& .clock-number.n8{transform:translate(-50%, -50%) rotate(240deg) translateY(-66px) rotate(-240deg)}& .clock-number.n9{transform:translate(-50%, -50%) rotate(270deg) translateY(-66px) rotate(-270deg)}& .clock-number.n10{transform:translate(-50%, -50%) rotate(300deg) translateY(-66px) rotate(-300deg)}& .clock-number.n11{transform:translate(-50%, -50%) rotate(330deg) translateY(-66px) rotate(-330deg)}& .clock-hand{z-index:6;left:50%;bottom:50%;transform-origin:bottom center;border-radius:999px}& .hour-hand{width:6px;height:43px;background:#10233b}& .minute-hand{width:4px;height:60px;background:#1d5d85}& .second-hand{width:2px;height:64px;background:#e15742}& .clock-pin{z-index:7;width:13px;height:13px;background:#f4fbff;border:3px solid #0b1d31;border-radius:50%}& .timezone-control-wrap{margin-bottom:5px}& .primary-time-format-panel{margin-top:5px}}html body.page-time #primaryProgress .progress-card .card-value,html body.page-time #timelineStack .timeline-card .card-value,html body.page-time #timeVisualizedGroup .progress-card .card-value,html body.page-time #extendedTimeVisualizedGroup .timeline-card .card-value,html body.page-time #moreTimeGroup .timeline-card .card-value{min-width:268px;width:268px}html body.page-time #primaryProgress #secondCard .second-slider-wrap,html body.page-time #secondCirclePanel{margin-top:-10px;margin-bottom:-44px}html body.page-time #primaryProgress #secondCard .second-orbit-label,html body.page-time #secondCirclePanel .second-orbit-label{transform:translate(-50%, -50%) rotate(calc(var(--second-label-angle, 0deg) - 90deg)) translateY(-104px) rotate(calc(var(--second-label-counter, 0deg) + 90deg))}html body.page-time #primaryProgress #secondCard .second-clock-orbit::after,html body.page-time #secondCirclePanel .second-clock-orbit::after{content:"";position:absolute;z-index:4;background:rgba(225, 245, 255, .78);box-shadow:0 0 10px rgba(100, 220, 235, .2)}html body.page-time #primaryProgress .card-pie-meter::before,html body.page-time #timelineStack .card-pie-meter::before,html body.page-time #timeVisualizedGroup .card-pie-meter::before,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter::before,html body.page-time #moreTimeGroup .card-pie-meter::before,html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._)::before{content:"0";display:grid;place-items:center;position:absolute;width:18px;height:18px;background:transparent;color:#cfeaff;font-size:.78rem;line-height:1;font-weight:400;z-index:8}html body.page-time #primaryProgress .progress-card .card-value,html body.page-time #timelineStack .timeline-card .card-value,html body.page-time #timeVisualizedGroup .progress-card .card-value,html body.page-time #extendedTimeVisualizedGroup .timeline-card .card-value,html body.page-time #moreTimeGroup .timeline-card .card-value{background:linear-gradient(180deg, #0d4b58 0%, #082f3c 100%);border-color:rgba(93, 222, 231, .7);color:#dffcff}html body.page-time #current-time-and-weatherSection:is(*,#_){& .clock-display-wrap .analog-clock:is(*,._){position:relative;width:160px;height:160px;min-width:160px;min-height:160px;margin:0 auto 8px;transform:translateY(5px);border-radius:50%;border:8px solid #0a385f;overflow:hidden}& .clock-display-wrap .analog-clock:is(*,._)::before,& .clock-display-wrap .analog-clock:is(*,._)::after{content:none;display:none}& .analog-clock .clock-number{position:absolute;z-index:5;display:block;width:auto;height:auto;transform:translate(-50%, -50%);color:#f6fbff;-webkit-text-fill-color:#f6fbff;font-family:"Segoe UI", Arial, sans-serif;font-size:.72rem;font-weight:800;line-height:1;text-shadow:0 0 6px rgba(125, 249, 255, .48)}& .analog-clock .clock-number.n12{left:50%;top:13%}& .analog-clock .clock-number.n1{left:69%;top:18%}& .analog-clock .clock-number.n2{left:82%;top:31%}& .analog-clock .clock-number.n3{left:87%;top:50%}& .analog-clock .clock-number.n4{left:82%;top:69%}& .analog-clock .clock-number.n5{left:69%;top:82%}& .analog-clock .clock-number.n6{left:50%;top:87%}& .analog-clock .clock-number.n7{left:31%;top:82%}& .analog-clock .clock-number.n8{left:18%;top:69%}& .analog-clock .clock-number.n9{left:13%;top:50%}& .analog-clock .clock-number.n10{left:18%;top:31%}& .analog-clock .clock-number.n11{left:31%;top:18%}& .analog-clock .clock-hand{position:absolute;z-index:6;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:999px}& .analog-clock .hour-hand{width:7px;height:42px}& .analog-clock .minute-hand{width:5px;height:56px}& .analog-clock .second-hand{width:2px;height:62px}& .analog-clock .clock-pin{position:absolute;z-index:7;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%, -50%);border-radius:50%;border:3px solid #ffbd72}}html body.page-time #current-time-and-weatherSection{& :is(.primary-time-format-panel,.time-readout-stack,.primary-time-readout-stack){width:100%}& .time-readout{border:1px solid rgba(92, 214, 225, .42)}& .time-readout:nth-child(2n),& .time-readout:nth-child(3n),& .time-readout-roman-top{background:linear-gradient(145deg, rgba(8, 56, 75, .94), rgba(4, 20, 43, .96))}& .time-readout :is(span,em){color:#95e8f4;-webkit-text-fill-color:#95e8f4}}html body.page-time .language-clocks-section#languageClocksSection{width:min(100%, 1204px);max-width:1204px;border-color:rgba(80, 198, 214, .34)}html body.page-time #primaryProgress{& #secondCard{min-height:calc(var(--card-min-height, 430px) + 20px)}& #secondCard :is(.detail-text,.compact-detail-columns,.compact-detail-column,.compact-detail-metrics,.bottom-metric-list){transform:translateY(-10px)}}html body.page-time #primaryProgress .detail-text,html body.page-time #timelineStack .detail-text,html body.page-time #timeVisualizedGroup .detail-text,html body.page-time #extendedTimeVisualizedGroup .detail-text,html body.page-time #moreTimeGroup .detail-text{border-radius:10px}html body.page-time #primaryProgress :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list),html body.page-time #timelineStack :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list),html body.page-time #timeVisualizedGroup :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list),html body.page-time #moreTimeGroup :is(.compact-detail-column,.compact-detail-metrics,.compact-detail-list,.bottom-metric-list){color:#bcecf1}html body.page-time #languageClocksSection{& :is(.time-readout,.binary-alt-time-readout),& .time-readout:not(.binary-alt-time-readout){grid-column:auto;align-items:center;height:auto}& .time-readout span{line-height:1.05}& .time-readout strong,& .time-readout:not(.binary-alt-time-readout) strong{letter-spacing:.05em;white-space:nowrap}& .binary-alt-time-readout strong,& #binaryTime{overflow:hidden}}html body.page-time #primaryProgress .detail-text,html body.page-time #timelineStack .detail-text,html body.page-time #timeVisualizedGroup .detail-text,html body.page-time #extendedTimeVisualizedGroup .detail-text,html body.page-time #moreTimeGroup .detail-text{justify-self:center;align-self:center;margin-left:auto;margin-right:auto}html body.page-time #primaryProgress .compact-detail-columns,html body.page-time #timelineStack .compact-detail-columns,html body.page-time #timeVisualizedGroup .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup .compact-detail-columns,html body.page-time #moreTimeGroup .compact-detail-columns{width:min(100%, 872px);margin-left:auto;margin-right:auto;grid-template-columns:repeat(2, minmax(390px, 1fr));column-gap:92px;justify-content:center;justify-items:center}html body.page-time #languageClocksSection{& .language-clock-grid{align-items:stretch}& .binary-alt-time-readout,& .time-readout.binary-alt-time-readout{display:grid;align-items:center}& .binary-alt-time-readout span{letter-spacing:.18em}& .binary-alt-time-readout strong,& #binaryTime{font-family:"Cascadia Mono", "Consolas", "Courier New", monospace;line-height:1.05;max-width:100%;overflow-wrap:anywhere}}@media (max-width: 900px){html body.page-time #languageClocksSection{& .binary-alt-time-readout{min-height:96px}& .binary-alt-time-readout strong,& #binaryTime{font-size:clamp(1.05rem, 5vw, 1.7rem)}}}html body.page-time #languageClocksSection{& .time-readout,& .time-readout:not(.binary-alt-time-readout){justify-items:start;gap:15px;padding-left:14px;padding-right:14px}& .time-readout :is(span,strong),& .time-readout:not(.binary-alt-time-readout) strong{justify-self:start;text-align:left}& .binary-alt-time-readout,& .time-readout.binary-alt-time-readout{padding-left:24px}& .binary-alt-time-readout strong,& #binaryTime{white-space:normal}}@media (max-width: 900px){html body.page-time #languageClocksSection{& .language-clock-grid{width:min(100%, 560px)}& :is(.time-readout,.binary-alt-time-readout){grid-template-columns:max-content minmax(0, 1fr)}}}html body.page-time #languageClocksSection{& .binary-alt-time-readout,& .time-readout.binary-alt-time-readout{grid-column:1 / -1;gap:8px}& .binary-alt-time-readout span{justify-self:center}& .binary-alt-time-readout strong,& #binaryTime{justify-self:center;letter-spacing:.06em}}html body.page-time #primaryProgress :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #timelineStack :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #timeVisualizedGroup :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #moreTimeGroup :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list){transform:translateX(100px)}html body.page-time #primaryProgress{& #secondCard .compact-detail-columns,& #minuteCard .compact-detail-columns,& #hourCard .compact-detail-columns{display:grid;grid-template-columns:minmax(0, 1fr);width:min(100%, 640px);max-width:640px;column-gap:0;justify-items:center;text-align:center;transform:none}& #secondCard :is(.compact-detail-column,.bottom-metric-list),& #minuteCard :is(.compact-detail-column,.bottom-metric-list),& #hourCard :is(.compact-detail-column,.bottom-metric-list){width:100%;max-width:640px;justify-self:center;text-align:center;transform:none}}@media (max-width: 900px){html body.page-time #primaryProgress :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #timelineStack :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #timeVisualizedGroup :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list),html body.page-time #moreTimeGroup :is(.compact-detail-columns,.compact-detail-column,.bottom-metric-list){transform:none}}html body.page-time #languageClocksSection{& .binary-alt-time-readout,& .time-readout.binary-alt-time-readout{max-width:520px;min-height:66px;grid-template-columns:1fr;justify-content:center;justify-items:center;padding:10px 16px;text-align:center}& .binary-alt-time-readout span{display:block;width:100%;text-align:center;font-size:.72rem}& .binary-alt-time-readout strong,& #binaryTime{display:block;width:100%;text-align:center;font-size:clamp(1rem, 1.7vw, 1.42rem)}}html body.page-time .progress-card:not(#secondCard):not(#minuteCard):not(#hourCard) .detail-text .compact-detail-columns{transform:translateX(100px)}html body.page-time .progress-card:not(#secondCard):not(#minuteCard):not(#hourCard) .detail-text .compact-detail-column{min-width:360px;transform:none}html body.page-time #secondCard .detail-text,html body.page-time #minuteCard .detail-text,html body.page-time #hourCard .detail-text{display:flex;justify-content:center;text-align:center}html body.page-time #secondCard .detail-text .compact-detail-columns,html body.page-time #minuteCard .detail-text .compact-detail-columns,html body.page-time #hourCard .detail-text .compact-detail-columns{display:grid;grid-template-columns:minmax(0, 1fr);width:min(640px, 100%);transform:none;justify-items:center;text-align:center}html body.page-time #secondCard .detail-text .compact-detail-column,html body.page-time #minuteCard .detail-text .compact-detail-column,html body.page-time #hourCard .detail-text .compact-detail-column{min-width:0;width:min(640px, 100%);text-align:center}html body.page-time #secondCirclePanel .second-clock-orbit::after,html body.page-time #secondCard .second-clock-orbit::after{width:76px;left:calc(50% - 38px);top:calc(50% + 5px)}@media (max-width: 900px){html body.page-time .progress-card:not(#secondCard):not(#minuteCard):not(#hourCard) .detail-text .compact-detail-columns{transform:none}}html body.page-time #current-time-and-weatherSection{& .primary-time-readout-stack .time-readout,& :is(.time-readout-utc-top,.time-readout-12,.time-readout-24,.time-readout-roman-top){background:linear-gradient(145deg, rgba(14, 41, 73, .96), rgba(25, 57, 88, .84)), linear-gradient(180deg, rgba(141, 192, 255, .08), transparent);border-color:rgba(116, 185, 255, .32);color:#d9f2ff}& .primary-time-readout-stack .time-readout :is(span,strong){color:#d7f6ff;text-shadow:0 0 18px rgba(98, 190, 255, .22)}& .primary-time-readout-stack .time-readout span{color:#9bd8ff}}html body.page-time #languageClocksSection{& h2{color:#bfeeff;text-shadow:0 0 18px rgba(95, 195, 255, .22)}& .binary-alt-time-readout span{color:#acecff}& .binary-alt-time-readout strong,& #binaryTime{color:#7de8ff;text-shadow:0 0 20px rgba(92, 218, 255, .32)}& .time-readout:not(.binary-alt-time-readout) span{color:var(--clock-label, #aadfff)}& .time-readout:not(.binary-alt-time-readout) strong{color:var(--clock-value, #d5f6ff);text-shadow:0 0 16px color-mix(in srgb, var(--clock-value, #d5f6ff) 32%, transparent)}}html body.page-time #primaryProgress .card-pie-meter,html body.page-time #timelineStack .card-pie-meter,html body.page-time #timeVisualizedGroup .card-pie-meter,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter,html body.page-time #moreTimeGroup .card-pie-meter,html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, var(--time-progress-start) 0deg, var(--time-progress-mid) 52%, var(--time-progress-end) 100%)}html body.page-time #primaryProgress #secondCard .card-pie-meter{background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, var(--time-progress-start) 0deg, var(--time-progress-mid) 52%, var(--time-progress-end) 100%)}html body.page-time #primaryProgress .card-pie-meter::before,html body.page-time #timelineStack .card-pie-meter::before,html body.page-time #timeVisualizedGroup .card-pie-meter::before,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter::before,html body.page-time #moreTimeGroup .card-pie-meter::before,html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._)::before{left:50%;top:-13px;transform:translate(-50%, -50%)}html body.page-time #primaryProgress .card-pie-meter::after,html body.page-time #timelineStack .card-pie-meter::after,html body.page-time #timeVisualizedGroup .card-pie-meter::after,html body.page-time #extendedTimeVisualizedGroup .card-pie-meter::after,html body.page-time #moreTimeGroup .card-pie-meter::after,html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._)::after{transform:translate(-50%, -50%) rotate(var(--pie-deg, 0deg)) translateY(-53px);transform-origin:center}html body.page-time #primaryProgress #secondCard .second-clock-orbit::after,html body.page-time #primaryProgress #secondCard #secondCirclePanel .second-clock-orbit::after,html body.page-time #secondCirclePanel .second-clock-orbit::after{left:calc(50% - 1px);top:-54px;width:2px;height:136px;transform:none}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(*,._), .age-track:is(*,._), .age-progress: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-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard) .card-pie-meter:is(*,._)::before{left:50%;top:-13px;transform:translate(-50%, -50%)}html body.page-time{--time-slider-border: #70dcff}html body.page-time :is(.progress-fill:is(*,._), .workday-mini-fill:is(*,._), .work-earnings-slider-fill:is(*,._)){background:linear-gradient(90deg, #2a7eff 0%, #30b1f4 52%, #30e6d8 100%);box-shadow:0 0 16px rgba(48, 230, 216, .32)}html body.page-time :is(.progress-track:is(*,._), .minute-battery:is(*,._), .workday-mini-track:is(*,._), .work-earnings-slider:is(*,._)){background:#0b0d10;border-color:rgba(108, 126, 132, .72)}html body.page-time :is(.card-pie-meter:is(*,._)),html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard) .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #111317 var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, var(--time-progress-start) 0deg, var(--time-progress-mid) 52%, var(--time-progress-end) 100%)}html body.page-time #languageClocksSection{& .time-readout,& .time-readout:not(.binary-alt-time-readout),& .time-readout:nth-child(2n),& .time-readout:nth-child(3n),& .time-readout:nth-child(4n){background:radial-gradient(circle at 14% 0%, rgba(89, 180, 171, .16), transparent 34%), linear-gradient(145deg, rgba(6, 48, 55, .96), rgba(4, 26, 38, .98));border-color:rgba(97, 184, 177, .32)}& .binary-alt-time-readout,& .time-readout.binary-alt-time-readout{width:min(960px, 100%);min-width:0;justify-self:center}& .time-readout:nth-child(1) strong{color:#83f4df}& .time-readout:nth-child(2) strong{color:#9ad8ff}& .time-readout:nth-child(3) strong{color:#c3f7b2}& .time-readout:nth-child(4) strong{color:#ffc886}& .time-readout:nth-child(5) strong{color:#f5a6ff}& .time-readout:nth-child(6) strong{color:#a8f0ff}& .time-readout:nth-child(7) strong{color:#fff28d}& .time-readout:nth-child(8) strong{color:#b7c7ff}& .time-readout:nth-child(9) strong{color:#8ff6aa}& .time-readout:nth-child(10) strong{color:#ffadc6}}html body.page-time #primaryProgress #secondCard .second-slider-wrap,html body.page-time #secondCirclePanel{transform:translateY(-80px) scale(.94);transform-origin:top center}html body.page-time #primaryProgress #secondCard .second-clock-orbit,html body.page-time #secondCirclePanel .second-clock-orbit{width:168px;height:168px}html body.page-time #primaryProgress #secondCard .second-clock-orbit::before,html body.page-time #secondCirclePanel .second-clock-orbit::before{inset:-46px}html body.page-time #primaryProgress #secondCard .second-orbit-dot,html body.page-time #secondCirclePanel .second-orbit-dot{display:block;visibility:visible;opacity:1}html body.page-time #primaryProgress:is(*,#_) #hourCard#hourCard .detail-text{& :is(.compact-detail-columns,.compact-detail-column,.compact-detail-metrics,.bottom-metric-list){display:grid;grid-template-columns:1fr;width:min(100%, 720px);max-width:720px;margin-left:auto;margin-right:auto;justify-items:center;text-align:center}& :is(.compact-detail-metric, .compact-measure-line){text-align:center}}html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard) .detail-text .compact-detail-columns,html body.page-time #timelineStack:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #timeVisualizedGroup:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #moreTimeGroup:is(*,#_) .detail-text .compact-detail-columns{width:min(100%, 1040px);grid-template-columns:repeat(2, minmax(430px, 1fr));column-gap:72px;transform:translateX(100px)}@media (max-width: 1180px){html body.page-time #languageClocksSection .time-readout:not(.binary-alt-time-readout){min-width:0}html body.page-time #primaryProgress:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard) .detail-text .compact-detail-columns,html body.page-time #timelineStack:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #timeVisualizedGroup:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .detail-text .compact-detail-columns,html body.page-time #moreTimeGroup:is(*,#_) .detail-text .compact-detail-columns{transform:none}}html body.page-time:is(*,._) main.shell.shell :is(.progress-track:is(*,._), .minute-battery:is(*,._), .workday-mini-track:is(*,._), .work-earnings-slider:is(*,._)),html body.page-time:is(*,._) #primaryProgress:is(*,#_) .progress-track:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_) .progress-track:is(*,._),html body.page-time:is(*,._) #timeVisualizedGroup:is(*,#_) .progress-track:is(*,._),html body.page-time:is(*,._) #extendedTimeVisualizedGroup:is(*,#_) .progress-track:is(*,._),html body.page-time:is(*,._) #moreTimeGroup:is(*,#_) .progress-track:is(*,._){background:#0b0d10;background-color:#0b0d10;background-image:none;border-color:rgba(108, 126, 132, .72)}@media (max-width: 1360px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .language-clock-grid{grid-template-columns:1fr}& .time-readout:is(*,._):not(.binary-alt-time-readout){min-width:0}}}html body.page-time:is(*,._) #minuteBattery:is(*,#_){background:#0b0d10;background-color:#0b0d10;background-image:none;border-color:rgba(108, 126, 132, .72)}html body.page-time:is(*,._) #hourCard#hourCard #hourDetails:is(*,#_).detail-text{display:grid;grid-template-columns:minmax(0, 720px);justify-content:center;justify-items:center;text-align:center;gap:7px}html body.page-time:is(*,._) :is(#dayCard, #weekCard, #monthCard, #yearCard, #decadeCard, #lifeCard) .detail-text{display:grid;grid-template-columns:minmax(300px, 465px) minmax(300px, 465px);justify-content:center;justify-items:start;text-align:left;column-gap:30px;transform:translateX(100px)}@media (max-width: 900px){html body.page-time:is(*,._) #hourCard#hourCard #hourDetails:is(*,#_).detail-text,html body.page-time:is(*,._) :is(#dayCard, #weekCard, #monthCard, #yearCard, #decadeCard, #lifeCard) .detail-text{grid-template-columns:minmax(0, 1fr);transform:none;justify-items:center;text-align:center}}html body.page-time:is(*,._) #primaryProgress:is(*,#_){& #minuteCard:is(*,#_) #minuteBattery:is(*,#_).minute-battery{background:#0b0d10;background-color:#0b0d10;background-image:none}& #minuteCard:is(*,#_) #minuteBattery:is(*,#_).minute-battery .minute-cell:not(.filled){background:#111a24;background-color:#111a24;background-image:none}& #hourCard#hourCard #hourDetails:is(*,#_).detail-text{grid-template-columns:minmax(0, 720px);justify-content:center;justify-items:center;text-align:center;transform:none}& :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #lifeCard#lifeCard) .detail-text:is(*,._){grid-template-columns:minmax(300px, 465px) minmax(300px, 465px);justify-content:center;justify-items:start;text-align:left;column-gap:30px;transform:translateX(100px)}}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .time-readout:is(*,._),& .time-readout:is(*,._).binary-alt-time-readout{background:radial-gradient(circle at 14% 0%, rgba(105, 140, 170, .14), transparent 36%), linear-gradient(145deg, rgba(22, 38, 56, .97), rgba(9, 21, 36, .99) 58%, rgba(6, 12, 22, .99));border-color:rgba(120, 151, 173, .28);box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 12px 26px rgba(0, 0, 0, .24)}& .time-readout:is(*,._).binary-alt-time-readout{min-width:0}& .time-readout strong,& .time-readout :is(strong#binaryTime,strong#romanTime,strong#greekTime,strong#arabicTime,strong#japaneseTime,strong#kanjiTime,strong#chineseTime,strong#devanagariTime,strong#celticTime){color:#dcecf4}}@media (max-width: 1260px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .language-clock-grid{grid-template-columns:1fr;justify-items:center}}@media (max-width: 660px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .time-readout:is(*,._),html body.page-time:is(*,._) #languageClocksSection:is(*,#_) :is(.time-readout:is(*,._):not(.binary-alt-time-readout),.time-readout:is(*,._).binary-alt-time-readout){width:min(100%, 540px);min-width:0;max-width:100%}}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){background:radial-gradient(circle at 12% 0%, rgba(35, 112, 122, .16), transparent 34%), radial-gradient(circle at 88% 18%, rgba(48, 75, 118, .14), transparent 38%), linear-gradient(180deg, rgba(8, 22, 34, .96), rgba(4, 12, 22, .99))}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .language-clock-grid{display:grid;gap:12px}& .time-readout:is(*,._).binary-alt-time-readout{grid-column:1 / -1;justify-self:center;width:min(540px, 100%);max-width:540px}}@media (max-width: 1180px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .language-clock-grid{grid-template-columns:repeat(2, minmax(0, 360px))}}@media (max-width: 780px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .language-clock-grid{grid-template-columns:1fr}& :is(.time-readout:is(*,._):not(.binary-alt-time-readout),.time-readout:is(*,._).binary-alt-time-readout){width:min(100%, 540px);max-width:540px}}}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){width:min(1160px, calc(100vw - 48px));max-width:none;justify-self:center}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .language-clock-grid{width:min(1120px, 100%);max-width:1120px;grid-template-columns:repeat(3, minmax(0, 360px));justify-content:space-between;column-gap:20px;row-gap:14px}& .time-readout:is(*,._):not(.binary-alt-time-readout){width:360px;min-width:0;max-width:360px}& .time-readout strong{font-size:1.16rem;line-height:1.16}& .time-readout :is(strong#japaneseTime,strong#kanjiTime,strong#chineseTime){font-size:1.02rem;line-height:1.14}}@media (max-width: 1220px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& .language-clock-grid{grid-template-columns:repeat(3, minmax(0, 1fr));justify-content:center}& .time-readout:is(*,._):not(.binary-alt-time-readout){width:100%;max-width:360px}}}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.page-time > :not(script):not(style){animation:sharedPageContentFadeIn 1s cubic-bezier(.22, 1, .36, 1) .06s both}@media (prefers-reduced-motion: reduce){html body.page-time > :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 .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-time #current-time-and-weatherSection{& .timezone-picker{display:grid;grid-template-columns:minmax(220px, 1fr);gap:6px;justify-items:center;text-align:center}& .timezone-picker > span,& .timezone-mode-label{display:block;width:100%;margin:0 0 4px;margin-top:0;color:#cfe5f6;font-size:.82rem;font-weight:500;letter-spacing:0;text-align:center;transform:translateX(-46.5px)}& .timezone-picker > span{margin-top:-20px}& .dst-radio-wrap{display:flex;width:100%;margin-top:0}& .time-mode-picker{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start;justify-items:center;width:100%;gap:6px;text-align:center}& .time-mode-picker .timezone-mode-label{grid-row:1;width:100%;margin:5px 0 0}& .time-mode-picker .dst-radio-wrap{grid-row:2;justify-content:center;transform:translate(10px, 5px)}& .top-seconds-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:22px;height:22px;padding:2px 8px;margin:8px auto 0;border:1px solid rgba(111, 158, 194, .74);border-bottom:1px solid rgba(86, 130, 166, .95);border-radius:6px;background:linear-gradient(180deg, #10283d, #071726);color:#d8edf8;font-size:.66rem;font-weight:400;line-height:1.05;box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 4px 9px rgba(0,0,0,.22);overflow:visible}& #mainAnalogClockPanel.main-analog-clock-panel{display:grid;justify-items:center;align-content:start;gap:0}& :is(.primary-time-format-panel,.time-format-panel){overflow:visible;padding-bottom:10px}}html body.page-time #primaryProgress .detail-text,html body.page-time #timelineStack .detail-text,html body.page-time #timeVisualizedGroup .detail-text,html body.page-time #extendedTimeVisualizedGroup .detail-text,html body.page-time #moreTimeGroup .detail-text{display:grid;place-items:center;width:100%;max-width:100%;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;color:inherit;text-align:center;transform:translateX(-46.5px)}html body.page-time #primaryProgress:is(*,#_) :is( #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_) ) .detail-text:is(*,._){width:100%;max-width:100%;margin-top:0;transform:none}html body.page-time #primaryProgress:is(*,#_) :is( #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard ) .detail-text:is(*,._),html body.page-time #timelineStack:is(*,#_) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) .detail-text:is(*,._),html body.page-time #primaryProgress:is(*,#_) :is( #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard ) .detail-text:is(*,._) *{text-align:center;justify-self:center}html body.page-time #primaryProgress:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard ) .detail-text:is(*,._),html body.page-time #timelineStack:is(*,#_) #decadeCard:is(*,#_) .detail-text:is(*,._){transform:translateX(-100px)}html body.page-time:is(*,._) #primaryProgress:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._),html body.page-time:is(*,._) #timeVisualizedGroup:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._){transform:none;text-align:center}html body.page-time:is(*,._) #primaryProgress:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) .compact-detail-columns:is(*,._),html body.page-time:is(*,._) #timeVisualizedGroup:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) .compact-detail-columns:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) .compact-detail-columns:is(*,._){display:block;width:100%;max-width:100%;grid-template-columns:none;column-gap:0;transform:none;text-align:center}html body.page-time:is(*,._) #primaryProgress:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time:is(*,._) #timeVisualizedGroup:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list),html body.page-time:is(*,._) #timelineStack:is(*,#_) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) :is(.compact-detail-column, .compact-detail-metrics, .bottom-metric-list){display:block;width:100%;min-width:0;max-width:100%;transform:none;text-align:center}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .detail-text:is(*,._) :is( .compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list ){transform:none;text-align:center}html body.page-time:is(*,._) :is( #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) .detail-text:is(*,._) :is( .compact-detail-columns:is(*,._), .compact-detail-column:is(*,._), .compact-detail-metrics:is(*,._), .bottom-metric-list:is(*,._) ){transform:none;text-align:center}html body.page-time:is(*,._) #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is( #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ).progress-card:is(*,._) .detail-text:is(*,._) :is( .compact-detail-columns:is(*,._), .compact-detail-column:is(*,._), .compact-detail-metrics:is(*,._), .bottom-metric-list:is(*,._) ){transform:none;text-align:center}html body.page-time #primaryProgress .detail-text :is(.compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list),html body.page-time #timelineStack .detail-text :is(.compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list),html body.page-time #timeVisualizedGroup .detail-text :is(.compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list),html body.page-time #extendedTimeVisualizedGroup .detail-text :is(.compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list),html body.page-time #moreTimeGroup .detail-text :is(.compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list){display:block;width:100%;max-width:100%;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;columns:auto;column-count:1;grid-template-columns:1fr;text-align:center;transform:none}html body.page-time #primaryProgress:is(*,#_) .detail-text :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #timelineStack:is(*,#_) .detail-text :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #timeVisualizedGroup:is(*,#_) .detail-text :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #extendedTimeVisualizedGroup:is(*,#_) .detail-text :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #moreTimeGroup:is(*,#_) .detail-text :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)){display:block;width:100%;max-width:100%;grid-template-columns:none;columns:auto;column-count:1;background:transparent;border:0;box-shadow:none;text-align:center}html body.page-time #primaryProgress:is(*,#_) article.progress-card:is(*,._) .detail-text:is(*,._) :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #timeVisualizedGroup:is(*,#_) article.progress-card:is(*,._) .detail-text:is(*,._) :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #timelineStack:is(*,#_) article.timeline-card:is(*,._) .detail-text:is(*,._) :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #extendedTimeVisualizedGroup:is(*,#_) article.timeline-card:is(*,._) .detail-text:is(*,._) :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)),html body.page-time #moreTimeGroup:is(*,#_) article.timeline-card:is(*,._) .detail-text:is(*,._) :is(.compact-detail-columns:is(*,._),.compact-detail-column:is(*,._),.compact-detail-metrics:is(*,._),.bottom-metric-list:is(*,._)){display:block;grid-template-columns:none;column-count:1;text-align:center}html body.page-time #primaryProgress:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard ) .detail-text:is(*,._) :is( .compact-detail-columns:is(*,._), .compact-detail-column:is(*,._), .compact-detail-metrics:is(*,._), .bottom-metric-list:is(*,._) ),html body.page-time :is( #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #generationCard:is(*,#_) ) .detail-text:is(*,._) :is( .compact-detail-columns:is(*,._), .compact-detail-column:is(*,._), .compact-detail-metrics:is(*,._), .bottom-metric-list:is(*,._) ){display:block;width:100%;max-width:100%;grid-template-columns:none;column-count:1;background:transparent;border:0;box-shadow:none;text-align:center}html body.page-time #primaryProgress .detail-text :is(.compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span),html body.page-time #timelineStack .detail-text :is(.compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span),html body.page-time #timeVisualizedGroup .detail-text :is(.compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span),html body.page-time #extendedTimeVisualizedGroup .detail-text :is(.compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span),html body.page-time #moreTimeGroup .detail-text :is(.compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span){display:block;width:100%;margin:0 0 6px;padding:0;background:transparent;border:0;box-shadow:none;color:inherit;text-align:center}html body.page-time :is( #yearCard, #decadeCard, #centuryCard, #millenniumCard, #eraCard ){background:rgb(41, 55, 68);border-color:rgba(103, 150, 181, .4)}html body.page-time :is( #yearCard, #decadeCard, #centuryCard, #millenniumCard ) .progress-track{width:calc(100% - 50px);height:48px;min-height:48px;margin:0 auto;border:1px solid rgba(118, 164, 192, .48);background:linear-gradient(180deg, #080d13, #111920);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035), inset 0 12px 20px rgba(0,0,0,.34)}html body.page-time :is( #yearCard, #decadeCard, #centuryCard, #millenniumCard ) .progress-fill{background:linear-gradient(90deg, #2a93ff, #33d0d2, #8ee78f)}html body.page-time :is( #yearCard, #decadeCard, #centuryCard, #millenniumCard ) .segment-labels{width:min(100%, 980px);margin-left:auto;margin-right:auto}html body.page-time :is( #yearCard, #decadeCard, #centuryCard, #millenniumCard ) .progress-track :is(.tick-label, .top-label),html body.page-time :is( #yearCard, #decadeCard, #centuryCard, #millenniumCard ) .segment-labels span{color:#dceef7;font-size:.82rem;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.45)}html body.page-time #eraCard #eraSliderStack :is(.deep-time-track,.geologic-time-track){height:48px;min-height:48px;border-color:rgba(118, 164, 192, .48);background:linear-gradient(180deg, #080d13, #111920)}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_){position:relative;inset:auto;transform:none;width:100%;max-width:min(100%, 1180px);margin:-12px auto 0;padding:16px 18px 26px;align-self:stretch;justify-self:center;box-shadow:none;background:linear-gradient(180deg, rgba(9, 31, 54, .92), rgba(4, 15, 29, .96))}html body.page-time:is(*,._) #languageClocksSection:is(*,#_) :is(#japaneseTime:is(*,#_),#kanjiTime:is(*,#_),#chineseTime:is(*,#_)){font-size:1.48rem;line-height:1.05}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .detail-text:is(*,._){display:grid;place-items:center;width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:0;border:0;background:transparent;box-shadow:none;transform:none;text-align:center}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) :is(.detail-text, .detail-text *){text-align:center;justify-content:center;justify-items:center}html body.page-time:is(*,._) :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._){transform:translateX(100px)}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .card-title-subline,html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .compact-top-lines{transform:translateX(40px)}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .card-value{display:inline-grid;place-items:center;align-self:center;justify-self:center;width:max-content;max-width:min(100%, 240px);margin:8px auto 2px;padding:5px 12px;border:1px solid rgba(68, 103, 137, .52);border-radius:8px;background:linear-gradient(180deg, #0d243b, #061522);color:#b7d3e8;font-family:"Segoe UI", Arial, sans-serif;font-size:.78rem;font-weight:400;line-height:1.08;letter-spacing:0;text-align:center;box-shadow:none}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .card-value-extra{display:block;min-height:1em;margin:0 auto 4px;color:#d9e7f1;font-size:.82rem;font-weight:400;line-height:1.1;text-align:center}html body.page-time:is(*,._) :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .detail-text:is(*,._) :is( .compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list, .compact-detail-metric, .compact-measure-line, .compact-remaining-line, .detail-remaining ){display:block;width:100%;max-width:100%;min-width:0;transform:none;text-align:center;justify-self:center}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-value:is(*,._){inset:auto;justify-self:center;align-self:center;min-height:0;border:1px solid rgba(68, 103, 137, .52);border-radius:8px;background:linear-gradient(180deg, #0d243b, #061522);color:#b7d3e8;font-family:"Segoe UI", Arial, sans-serif;letter-spacing:0;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-value-extra:is(*,._){position:static;display:block;justify-self:center;width:max-content;max-width:100%;margin:0 auto 4px;padding:0;border:0;background:transparent;color:#d9e7f1;font-family:"Segoe UI", Arial, sans-serif;font-size:.82rem;font-weight:400;line-height:1.1;text-align:center;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_)) > .detail-text:is(*,._){transform:translateX(100px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_)){& > :is(#dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_)).card-value:is(*,._){position:static;inset:auto;top:auto;right:auto;bottom:auto;left:auto;transform:none;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:max-content;max-width:min(100%, 240px);min-height:0;margin:8px auto 2px;padding:5px 12px;border:1px solid rgba(68, 103, 137, .52);border-radius:8px;background:linear-gradient(180deg, #0d243b, #061522);color:#b7d3e8;font-family:"Segoe UI", Arial, sans-serif;font-size:.78rem;font-weight:400;line-height:1.08;letter-spacing:0;text-align:center;box-shadow:none}& > .detail-text:is(*,._){transform:translateX(100px)}}html body.page-time :is(.progress-track, .minute-battery-grid, .day-mini-scale, .mini-scale-track, .lunar-layer-stack, .lunar-phase-track){border:1px solid #2aa8ff;box-shadow:0 0 0 1px rgba(42, 168, 255, .22), inset 0 0 14px rgba(42, 168, 255, .08)}html body.page-time #bottomTimeDevicesSection{width:min(100%, var(--app-section-max-width));margin:34px auto 48px}html body.page-time #bottomTimeDevicesSection .bottom-time-device-grid{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center}html body.page-time:is(*,._) main.shell.shell :is(.progress-track:is(*,._), .minute-battery-grid:is(*,._), .day-mini-scale:is(*,._), .mini-scale-track:is(*,._), .lunar-layer-stack:is(*,._), .lunar-phase-track:is(*,._)){border-color:#2aa8ff;border-width:1px;border-style:solid;box-shadow:0 0 0 1px rgba(42, 168, 255, .34), inset 0 0 16px rgba(42, 168, 255, .1)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #dayNightCard:is(*,#_), #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard) .progress-track:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #timelineStack:is(*,#_)) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #dayNightCard:is(*,#_), #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #alternateWeekCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #generationCard:is(*,#_), #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard) .progress-track:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #dayNightCard:is(*,#_), #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #alternateWeekCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #generationCard:is(*,#_), #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard) :is(.minute-battery-grid:is(*,._), .lunar-layer-stack:is(*,._), .lunar-phase-track:is(*,._), .day-mini-scale:is(*,._), .mini-scale-track:is(*,._)){border-color:#2aa8ff;border-width:1px;border-style:solid;box-shadow:0 0 0 1px rgba(42, 168, 255, .42), inset 0 0 16px rgba(42, 168, 255, .12)}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-value:is(*,._){display:grid;place-items:center;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:12px 0 8px;padding:8px 18px;transform:translateX(-50%);font-size:1rem;font-weight:400;line-height:1.18;text-align:center}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) > #secondValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) > #minuteValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #hourCard#hourCard > #hourValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #dayCard#dayCard > #dayValue#dayValue.card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #weekCard#weekCard > #weekValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #monthCard:is(*,#_) > #monthValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard > #yearValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #seasonCard:is(*,#_) > #seasonValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #decadeCard:is(*,#_) > #decadeValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #centuryCard:is(*,#_) > #centuryValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #thirteenCard:is(*,#_) > #thirteenValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #zodiacCard:is(*,#_) > #zodiacValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #eraCard#eraCard > #eraValue#eraValue.card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #generationCard:is(*,#_) > #generationValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) .card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) .card-value:is(*,._){display:grid;place-items:center;position:static;left:auto;right:auto;top:auto;bottom:auto;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:12px auto 8px;padding:8px 18px;transform:none;font-size:1rem;font-weight:400;line-height:1.18;text-align:center}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > #dayValue#dayValue.card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #weekCard#weekCard > #weekValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) > #monthValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #yearCard#yearCard > #yearValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #decadeCard:is(*,#_) > #decadeValue:is(*,#_).card-value:is(*,._){left:auto;right:auto;top:auto;bottom:auto}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_),html body.page-time #languageClocksSection:is(*,#_){min-height:0;height:auto;align-content:start;align-items:start;justify-content:center}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid,html body.page-time #languageClocksSection:is(*,#_) .language-clock-grid{height:auto;min-height:0;align-self:start;align-content:start;align-items:start;grid-template-rows:none;transform:none}html body.page-time #languageClocksSection:is(*,#_) .time-readout:is(*,._),html body.page-time #languageClocksSection:is(*,#_) :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)){align-self:start}html body.page-time #current-time-and-weatherSection:is(*,#_){padding-bottom:max(0px, calc(var(--time-top-clock-dock-extra-height, 0px) - 6px))}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_),html body.page-time #languageClocksSection:is(*,#_){margin-top:18px}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-value:is(*,._){grid-row:auto;position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:fit-content;min-width:286px;max-width:min(92%, 540px);min-height:0;margin:10px auto 8px;padding:8px 18px;border:1px solid rgba(70, 116, 154, .58);border-radius:8px;background:linear-gradient(180deg, #0b263f, #051725);color:#dff5ff;font-family:"Segoe UI", Arial, sans-serif;font-size:1.02rem;font-weight:400;line-height:1.16;letter-spacing:0;text-align:center;white-space:nowrap;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-value-extra:is(*,._){display:none;position:static;margin:0;padding:0;min-height:0}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .detail-text:is(*,._){position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none;display:grid;place-items:center;justify-self:center;width:min(100%, 1040px);max-width:1040px;margin:10px auto 0;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) :is( .compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list ),html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) :is( .compact-detail-columns:is(*,._), .compact-detail-column:is(*,._), .compact-detail-metrics:is(*,._), .bottom-metric-list:is(*,._) ){display:block;position:relative;left:auto;right:auto;width:min(100%, 720px);min-width:0;max-width:720px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;transform:none;translate:none;columns:auto;column-count:1;grid-template-columns:none;text-align:center;justify-self:center}html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) .detail-text:is(*,._) :is( .compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span ){display:block;width:100%;margin-left:auto;margin-right:auto;transform:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .detail-text:is(*,._) *{text-align:center;justify-content:center;justify-items:center}html body.page-time:is(*,._) main.shell.shell :is( #secondValue:is(*,#_), #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #seasonValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #thirteenValue:is(*,#_), #zodiacValue:is(*,#_), #eraValue#eraValue, #generationValue:is(*,#_), #lunarMonthValue:is(*,#_), #lunarYearValue:is(*,#_) ).card-value:is(*,._){position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:10px auto 8px;padding:8px 18px;border:1px solid rgba(70, 116, 154, .58);border-radius:8px;background:linear-gradient(180deg, #0b263f, #051725);color:#dff5ff;font-family:"Segoe UI", Arial, sans-serif;font-size:1.02rem;font-weight:400;line-height:1.16;letter-spacing:0;text-align:center;white-space:nowrap;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is( #secondDetails:is(*,#_), #minuteDetails:is(*,#_), #hourDetails:is(*,#_), #dayDetails:is(*,#_), #weekDetails:is(*,#_), #monthDetails:is(*,#_), #yearDetails:is(*,#_), #seasonDetails:is(*,#_), #decadeDetails:is(*,#_), #centuryDetails:is(*,#_), #thirteenDetails:is(*,#_), #zodiacDetails:is(*,#_), #eraDetails:is(*,#_), #generationDetails:is(*,#_), #lunarMonthDetails:is(*,#_), #lunarYearDetails:is(*,#_) ).detail-text:is(*,._){position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;display:grid;place-items:center;justify-self:center;width:min(100%, 1040px);max-width:1040px;margin:10px auto 0;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) > #secondValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) > #minuteValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #hourCard#hourCard > #hourValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #dayCard#dayCard > #dayValue#dayValue.card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #weekCard#weekCard > #weekValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #monthCard:is(*,#_) > #monthValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard > #yearValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > #dayValue#dayValue.card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #weekCard#weekCard > #weekValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) > #monthValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #yearCard#yearCard > #yearValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #decadeCard:is(*,#_) > #decadeValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #seasonCard:is(*,#_) > #seasonValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #decadeCard:is(*,#_) > #decadeValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #centuryCard:is(*,#_) > #centuryValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #thirteenCard:is(*,#_) > #thirteenValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #zodiacCard:is(*,#_) > #zodiacValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #eraCard#eraCard > #eraValue#eraValue.card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #generationCard:is(*,#_) > #generationValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #lunarMonthCard:is(*,#_) > #lunarMonthValue:is(*,#_).card-value:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #lunarYearCard:is(*,#_) > #lunarYearValue:is(*,#_).card-value:is(*,._){position:relative;inset:auto auto auto 50%;transform:translateX(-50%);display:inline-grid;place-items:center;justify-self:center;align-self:center;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:10px auto 8px;padding:8px 18px;border:1px solid rgba(70, 116, 154, .58);border-radius:8px;background:linear-gradient(180deg, #0b263f, #051725);color:#dff5ff;font-family:"Segoe UI", Arial, sans-serif;font-size:1.02rem;font-weight:400;line-height:1.16;text-align:center;white-space:nowrap;box-shadow:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) > #minuteDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #hourCard#hourCard > #hourDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #dayCard#dayCard > #dayDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #weekCard#weekCard > #weekDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #monthCard:is(*,#_) > #monthDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard > #yearDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > #dayDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #weekCard#weekCard > #weekDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) > #monthDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #yearCard#yearCard > #yearDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #decadeCard:is(*,#_) > #decadeDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #seasonCard:is(*,#_) > #seasonDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #decadeCard:is(*,#_) > #decadeDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #centuryCard:is(*,#_) > #centuryDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #thirteenCard:is(*,#_) > #thirteenDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #zodiacCard:is(*,#_) > #zodiacDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #eraCard#eraCard > #eraDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #generationCard:is(*,#_) > #generationDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #lunarMonthCard:is(*,#_) > #lunarMonthDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #lunarYearCard:is(*,#_) > #lunarYearDetails:is(*,#_).detail-text:is(*,._){position:static;inset:auto;transform:none;display:grid;place-items:center;justify-self:center;width:min(100%, 1040px);max-width:1040px;margin:10px auto 0;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}html body.page-time #current-time-and-weatherSection:is(*,#_){& .primary-time-readout-stack:is(*,._){grid-template-columns:repeat(3, minmax(0, 1fr));width:min(100%, 900px)}& .primary-time-readout-stack:is(*,._) .time-readout{grid-column:auto;width:100%}& .primary-time-readout-stack:is(*,._) .time-readout-utc-top{justify-self:stretch}}html body.page-time #languageClocksSection:is(*,#_){& .time-readout:is(*,._),& :is(.time-readout:is(*,._):not(.binary-alt-time-readout),.time-readout:is(*,._).binary-alt-time-readout){padding-top:8px;padding-bottom:8px}& .time-readout:is(*,._) span{font-size:.94rem;font-weight:400;letter-spacing:0;text-transform:none}& .time-readout:is(*,._) strong,& .time-readout:is(*,._):not(.binary-alt-time-readout) strong,& .time-readout:is(*,._).binary-alt-time-readout strong,& #binaryTime:is(*,#_){font-weight:400}}html body.page-time:is(*,._) #languageClocksSection:is(*,#_).language-clocks-section{& :is(.time-readout:is(*,._).alternate-time-readout,.time-readout:is(*,._).binary-alt-time-readout),& .time-readout:is(*,._).alternate-time-readout:not(.binary-alt-time-readout){min-height:50px;height:50px;max-height:50px;padding-top:8px;padding-bottom:8px;align-content:center}& .time-readout:is(*,._).alternate-time-readout span,& .time-readout:is(*,._).binary-alt-time-readout span{font-size:.94rem;font-weight:400;letter-spacing:0;text-transform:none}& .time-readout:is(*,._).alternate-time-readout strong,& .time-readout:is(*,._).binary-alt-time-readout strong,& #binaryTime:is(*,#_){font-weight:400}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .card-value:is(*,._){display:grid;place-items:center;position:relative;left:50%;right:auto;top:auto;bottom:auto;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:12px auto -18px;padding:8px 18px;transform:translateY(-30px);border:1px solid rgba(68, 103, 137, .52);border-radius:8px;background:linear-gradient(180deg, #0d243b, #061522);color:#dff5ff;font-family:"Segoe UI", Arial, sans-serif;font-size:1.18rem;font-weight:400;line-height:1.18;letter-spacing:0;text-align:center;white-space:normal;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .card-value-extra:is(*,._){display:block;width:100%;margin:0 auto;text-align:center;transform:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).card-value:is(*,._){position:relative;top:-10px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_){& :is( #greekTime:is(*,#_), #arabicTime:is(*,#_), #devanagariTime:is(*,#_), #thaiTime#thaiTime, #indianTime:is(*,#_) ){font-size:1.68rem;line-height:1.02;font-weight:400;text-align:center}& .language-clock-grid:is(*,._){align-items:stretch}& .language-clock-grid:is(*,._) > .time-readout:is(*,._),& .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)){padding-top:9px;padding-bottom:10px}& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(1) > strong{font-size:1.74rem;line-height:1.02;font-weight:400}& .language-clock-grid:is(*,._) > .time-readout:nth-child(3) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(4) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(8) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(9) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(10) > strong{font-weight:400}& .language-clock-grid:is(*,._) > .time-readout:nth-child(5) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(6) > strong,& .language-clock-grid:is(*,._) > .time-readout:nth-child(7) > strong{font-weight:400}}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_),html body.page-time #languageClocksSection:is(*,#_){padding-bottom:34px}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid,html body.page-time #languageClocksSection:is(*,#_) .language-clock-grid{row-gap:5px;column-gap:5px}html body.page-time #languageClocksSection:is(*,#_) .time-readout:is(*,._),html body.page-time #languageClocksSection:is(*,#_) :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)){margin:0}html body.page-time #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid,html body.page-time #languageClocksSection:is(*,#_) .language-clock-grid{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));grid-auto-rows:60px;gap:5px}html body.page-time #languageClocksSection:is(*,#_){& .time-readout:is(*,._),& :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)){display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;place-items:center;align-content:center;justify-content:center;min-height:60px;height:60px;max-height:60px;padding:7px 12px 8px;text-align:center;border-color:rgba(119, 153, 159, .35);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}& .time-readout:is(*,._) > :is(span,strong){display:block;width:100%;min-width:0;margin:0 auto;padding:0;text-align:center;justify-self:center;align-self:center;letter-spacing:0}& .time-readout:is(*,._) > span{font-size:.86rem;line-height:1.05;font-weight:400}}html body.page-time #languageClocksSection:is(*,#_) .time-readout:is(*,._) > strong,html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .time-readout:is(*,._):not(.binary-alt-time-readout) strong,html body.page-time:is(*,._) #languageClocksSection:is(*,#_) :is(#japaneseTime, #kanjiTime, #chineseTime){font-size:1.32rem;line-height:1.05;font-weight:400}html body.page-time #languageClocksSection:is(*,#_){& .time-readout:nth-child(1){order:1;grid-column:2 / span 4;background:linear-gradient(180deg, #10252c, #071317)}& .time-readout:nth-child(2){order:2;grid-column:span 2}& .time-readout:nth-child(3){order:3;grid-column:span 2}& .time-readout:nth-child(4){order:4;grid-column:span 2}& .time-readout:nth-child(5){order:8;grid-column:span 3}& .time-readout:nth-child(6){order:10;grid-column:2 / span 4}& .time-readout:nth-child(7){order:9;grid-column:span 3}& .time-readout:nth-child(8){order:5;grid-column:span 2}& .time-readout:nth-child(9){order:6;grid-column:span 2}& .time-readout:nth-child(10){order:7;grid-column:span 2}& .time-readout:nth-child(1) > span{color:#9dbcb5}& .time-readout:nth-child(1) > strong{color:#c7e7dd}& .time-readout:nth-child(2) > span{color:#a9b5ca}& .time-readout:nth-child(2) > strong{color:#d0d9ea}& .time-readout:nth-child(3) > span{color:#a7bea1}& .time-readout:nth-child(3) > strong{color:#d0e1c9}& .time-readout:nth-child(4) > span{color:#b5a8c7}& .time-readout:nth-child(4) > strong{color:#ded0ef}& .time-readout:nth-child(5) > span{color:#b8c2a4}& .time-readout:nth-child(5) > strong{color:#e0e7ce}& .time-readout:nth-child(6) > span{color:#b7a9c7}& .time-readout:nth-child(6) > strong{color:#ded2ec}& .time-readout:nth-child(7) > span{color:#9bbfbd}& .time-readout:nth-child(7) > strong{color:#c5e5e3}& .time-readout:nth-child(8) > span{color:#a6b8c5}& .time-readout:nth-child(8) > strong{color:#d2e0e8}& .time-readout:nth-child(9) > span{color:#9fbdb1}& .time-readout:nth-child(9) > strong{color:#c9e2d5}& .time-readout:nth-child(10) > span{color:#b9adc6}& .time-readout:nth-child(10) > strong{color:#ded4ea}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._){justify-self:stretch;align-self:stretch}& .language-clock-grid:is(*,._) > .time-readout:is(*,._) > :is(span,strong),& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > :is(span,strong){display:block;width:100%;min-width:0;max-width:none;margin:0 auto;padding:0;text-align:center;justify-self:center;align-self:center}& .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,& .language-clock-grid:is(*,._) > .time-readout:is(*,._):not(.binary-alt-time-readout) > strong,& .language-clock-grid:is(*,._) > .time-readout:is(*,._) :is(#japaneseTime, #kanjiTime, #chineseTime){font-size:1.32rem;line-height:1.05;font-weight:400}& .language-clock-grid:is(*,._) > .time-readout:nth-child(4){order:4;grid-column:span 2}& .language-clock-grid:is(*,._) > .time-readout:nth-child(5){order:8;grid-column:span 3}& .language-clock-grid:is(*,._) > .time-readout:nth-child(6){order:10;grid-column:2 / span 4}& .language-clock-grid:is(*,._) > .time-readout:nth-child(7){order:9;grid-column:span 3}& .language-clock-grid:is(*,._) > .time-readout:nth-child(8){order:5;grid-column:span 2}& .language-clock-grid:is(*,._) > .time-readout:nth-child(9){order:6;grid-column:span 2}& .language-clock-grid:is(*,._) > .time-readout:nth-child(10){order:7;grid-column:span 2}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .detail-text:is(*,._){display:grid;place-items:center;justify-content:center;justify-items:center;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0;max-width:100%;margin:8px auto 0;padding:0;transform:none;background:transparent;border:0;box-shadow:none;color:inherit;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .detail-text:is(*,._) :is( .compact-detail-columns, .compact-detail-column, .compact-detail-metrics, .compact-detail-list, .bottom-metric-list ){display:grid;grid-template-columns:1fr;place-items:center;justify-content:center;justify-items:center;width:100%;min-width:0;max-width:100%;margin:0 auto;padding:0;columns:auto;column-count:1;transform:none;background:transparent;border:0;box-shadow:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .detail-text:is(*,._) :is( .compact-detail-metric, .compact-measure-line, .compact-remaining-line, .compact-detail-list li, .bottom-metric-list li, .bottom-metric-list span ){display:block;width:100%;margin:0 0 6px;padding:0;transform:none;background:transparent;border:0;box-shadow:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) :is(.card-title-subline, .compact-top-lines){transform:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #decadeCard:is(*,#_), #centuryCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard, #generationCard:is(*,#_) ) > :is( #secondValue:is(*,#_), #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #seasonValue:is(*,#_), #lunarMonthValue:is(*,#_), #lunarYearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #thirteenValue:is(*,#_), #zodiacValue:is(*,#_), #millenniumValue:is(*,#_), #eraValue#eraValue, #generationValue:is(*,#_) ).card-value:is(*,._){display:grid;place-items:center;position:relative;left:50%;right:auto;top:auto;bottom:auto;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:12px auto -18px;padding:8px 18px;transform:translateY(-30px);font-size:1.18rem;font-weight:400;line-height:1.18;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #secondValue:is(*,#_#_#_#_), #minuteValue:is(*,#_#_#_#_), #hourValue:is(*,#_#_#_#_), #dayValue:is(*,#_#_#_#_), #weekValue:is(*,#_#_#_#_), #monthValue:is(*,#_#_#_#_), #yearValue:is(*,#_#_#_#_), #seasonValue:is(*,#_#_#_#_), #lunarMonthValue:is(*,#_#_#_#_), #lunarYearValue:is(*,#_#_#_#_), #decadeValue:is(*,#_#_#_#_), #centuryValue:is(*,#_#_#_#_), #thirteenValue:is(*,#_#_#_#_), #zodiacValue:is(*,#_#_#_#_), #millenniumValue:is(*,#_#_#_#_), #eraValue:is(*,#_#_#_#_), #generationValue:is(*,#_#_#_#_) ).card-value:is(*,._){display:grid;place-items:center;justify-self:center;align-self:center;position:static;left:auto;right:auto;top:auto;bottom:auto;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:12px auto -18px;padding:8px 18px;transform:translateY(-30px);font-size:1.18rem;font-weight:400;line-height:1.18;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .time-slider-bubble-row{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;align-items:center;width:100%;margin:12px auto -18px;padding:0;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .time-slider-bubble{display:grid;place-items:center;width:fit-content;min-width:286px;max-width:min(92%, 540px);margin:0 auto;padding:8px 18px;border:1px solid rgba(68, 103, 137, .52);border-radius:8px;background:linear-gradient(180deg, #0d243b, #061522);color:#dff5ff;font-family:"Segoe UI", Arial, sans-serif;font-size:1.18rem;font-weight:400;line-height:1.18;letter-spacing:0;text-align:center;white-space:normal;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .time-slider-bubble-extra{display:block;width:100%;margin:0 auto;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) > .detail-text:is(*,._){display:grid;place-items:center;width:min(100%, 1040px);max-width:1040px;margin:10px auto 0;transform:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) > .detail-text:is(*,._) > .compact-detail-columns:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) > .detail-text:is(*,._) > .compact-detail-columns:is(*,._) > .compact-detail-column:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) > .detail-text:is(*,._) > .compact-detail-columns:is(*,._) > .compact-detail-column.compact-detail-metrics{display:block;width:min(100%, 720px);min-width:0;max-width:720px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;transform:none;text-align:center}html body.page-time:is(*,._) main.shell.shell :is( #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_) ) > .detail-text:is(*,._) .compact-detail-metric:is(*,._){display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;transform:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._),& > :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;place-items:center;align-content:center;justify-content:stretch;min-height:70px;height:70px;max-height:70px;padding:9px 12px 10px;text-align:center}& > .time-readout:is(*,._) > :is(span,strong){display:block;width:100%;margin:0 auto;text-align:center;justify-self:center;align-self:center}& > .time-readout:is(*,._) > span{font-size:.92rem;line-height:1.05}& > .time-readout:nth-child(1) > strong{font-size:1.74rem;line-height:1.02}& > .time-readout:nth-child(3) > strong,& > .time-readout:nth-child(4) > strong,& > .time-readout:nth-child(8) > strong,& > .time-readout:nth-child(9) > strong,& > .time-readout:nth-child(10) > strong{font-size:1.68rem;line-height:1.02}& > .time-readout:nth-child(5) > strong,& > .time-readout:nth-child(6) > strong,& > .time-readout:nth-child(7) > strong{font-size:1.54rem;line-height:1.02}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card, .timeline-card) .time-slider-bubble-row{transform:translateY(-45px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is( #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #yearCard#yearCard ) .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_) ) .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #moreTimeGroup:is(*,#_) #eraCard#eraCard .time-slider-bubble-row:is(*,._){transform:translateY(-50px)}html body.page-time:is(*,._) main.shell.shell :is( #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #timelineStack:is(*,#_) ) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) .time-slider-bubble-row:is(*,._){transform:translateY(-50px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) .time-slider-bubble-row:is(*,._){transform:translateY(-50px)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._) > .time-readout:is(*,._),& .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)){min-width:0;width:100%;max-width:100%;margin:0;padding-left:10px;padding-right:10px}& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > strong,& #binaryTime:is(*,#_){font-family:"Lucida Console", "Courier New", Consolas, monospace;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.045em;text-shadow:0 0 7px rgba(128, 244, 226, .22)}}html body.page-time #unitConverterGroupShell:is(*,#_){& .unit-converter-card{display:grid;justify-items:center;gap:20px;width:min(100%, 880px);margin:0 auto;padding:28px;background:linear-gradient(180deg, rgba(14, 26, 38, .98), rgba(8, 16, 25, .98));border:1px solid rgba(126, 196, 220, .28)}& .unit-converter-head{display:grid;justify-items:center;gap:12px;width:100%;text-align:center}& .unit-converter-head h3{margin:0;color:#eef9ff;font-size:1.65rem;font-weight:500}& .unit-converter-grid{display:grid;grid-template-columns:repeat(3, minmax(180px, 1fr));gap:16px;width:min(100%, 760px);align-items:end}& .unit-converter-grid label{display:grid;gap:8px;color:#dccb9c;font-size:1.05rem}& :is(input, select){min-height:44px;font-size:1.12rem;color:#dff7ff;background:#091a27;border:1px solid rgba(126, 196, 220, .35)}& .unit-converter-result{grid-column:1 / -1;display:grid;justify-items:center;gap:8px;padding:18px;background:#07131d;border:1px solid rgba(108, 186, 210, .3);text-align:center}& #unitConverterResult{font-size:1.55rem;color:#9be9ff}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& .card-head:is(*,._) .compact-remaining-line:is(*,._){position:relative;left:40px;transform:none}& #monthCard:is(*,#_) > #monthValue:is(*,#_).card-value:is(*,._),& #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) > #monthValue:is(*,#_).card-value:is(*,._){position:relative;top:-5px;transform:none}& #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) .progress-track:is(*,._),& #monthCard:is(*,#_) #monthTrack:is(*,#_).progress-track:is(*,._){transform:translateY(-5px)}& #secondCard:is(*,#_) > #secondValue:is(*,#_).card-value:is(*,._),& #secondCard:is(*,#_) > #secondValue:is(*,#_#_#_).card-value:is(*,._){position:relative;top:0;transform:none}& #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._){position:relative}& #secondCard:is(*,#_) #secondPieMeter:is(*,#_) #secondPiePercent:is(*,#_){display:none}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-remaining-line:is(*,._){position:relative;transform:none}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .progress-track:is(*,._) > .tick-label.time-bottom-label:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #dayCard#dayCard .progress-track:is(*,._) > .tick-label.day-hour-bottom-label:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard .progress-track:is(*,._) > .tick-label.year-season-bottom-label:is(*,._){top:calc(100% + 14px);bottom:auto;transform:translateX(-50%);max-width:150px;min-width:72px;color:rgba(222, 244, 255, .96);font-size:.92rem;font-weight:600;line-height:1.08;text-align:center;white-space:normal;z-index:6}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._){grid-template-columns:repeat(5, minmax(0, 1fr));margin:14px auto 0;color:rgba(222, 244, 255, .96);font-weight:600;line-height:1.12;text-align:center}& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._) .minute-bottom-label{display:block;min-width:0;padding:0 4px;text-align:center}& #dayCard#dayCard .progress-track:is(*,._) > .tick-label.day-time-top-label:is(*,._){top:auto}& #dayCard#dayCard .progress-track:is(*,._) > .tick-label.day-period-top-label:is(*,._){top:auto;bottom:calc(100% + 14px)}& #yearCard#yearCard .progress-track:is(*,._) > .tick-label.year-month-label:is(*,._){bottom:54px;top:auto}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .detail-text:is(*,._){margin-top:15px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) > #minuteDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #hourCard#hourCard > #hourDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #dayCard#dayCard > #dayDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #weekCard#weekCard > #weekDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #monthCard:is(*,#_) > #monthDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard > #yearDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > #dayDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #weekCard#weekCard > #weekDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) > #monthDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #yearCard#yearCard > #yearDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #decadeCard:is(*,#_) > #decadeDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #decadeCard:is(*,#_) > #decadeDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #centuryCard:is(*,#_) > #centuryDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #millenniumCard:is(*,#_) > #millenniumDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) #eraCard#eraCard > #eraDetails:is(*,#_).detail-text:is(*,._){margin-top:15px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._){margin-top:19px}& #hourCard#hourCard .progress-track:is(*,._) > .tick-label.hour-five-minute-tick:is(*,._):not(.time-bottom-label){transform:translate(-50%, 5px)}& #monthCard:is(*,#_) .time-slider-bubble-row:is(*,._),& #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) .time-slider-bubble-row:is(*,._){transform:translateY(-65px)}& #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) #monthTrack:is(*,#_) .month-day-legend:is(*,._),& #monthCard:is(*,#_) #monthTrack:is(*,#_) .month-day-legend:is(*,._){transform:translateY(15px)}& #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) #monthTrack:is(*,#_) .month-day-label:is(*,._),& #monthCard:is(*,#_) #monthTrack:is(*,#_) .month-day-label:is(*,._){transform:translate(-50%, 15px)}& #yearCard#yearCard .progress-track:is(*,._) > .tick-label.year-season-bottom-label:is(*,._){max-width:230px;min-width:128px;white-space:nowrap}& #yearCard#yearCard .progress-track:is(*,._) > .tick-label.year-season-winter-label:is(*,._){transform:translateX(calc(-50% - 24px))}}html body.page-time:is(*,._) main.shell.shell :is( #extendedTimeVisualizedGroup:is(*,#_), #timelineStack:is(*,#_) ) :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) .progress-track:is(*,._) > .tick-label.time-bottom-label:is(*,._){max-width:210px;min-width:132px;white-space:nowrap}html body.page-time:is(*,._) main.shell.shell :is( #secondDetails:is(*,#_), #minuteDetails:is(*,#_), #hourDetails:is(*,#_), #dayDetails:is(*,#_), #weekDetails:is(*,#_), #monthDetails:is(*,#_), #yearDetails:is(*,#_), #decadeDetails:is(*,#_), #centuryDetails:is(*,#_), #millenniumDetails:is(*,#_), #eraDetails:is(*,#_) ).detail-text:is(*,._){margin-top:15px}html body.page-time:is(*,._) main.shell.shell #secondDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #minuteDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #hourDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #dayDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #weekDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #monthDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #yearDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #decadeDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #centuryDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #millenniumDetails:is(*,#_).detail-text:is(*,._),html body.page-time:is(*,._) main.shell.shell #eraDetails:is(*,#_).detail-text:is(*,._){margin-top:15px}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .progress-track:is(*,._) > .tick-label:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .progress-track:is(*,._) > .tick-label.time-bottom-label:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard .progress-track:is(*,._) > .tick-label.year-season-bottom-label:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._){font-size:.94rem}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-remaining-line:is(*,._){left:80px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #yearCard#yearCard .progress-track:is(*,._) > .tick-label.year-season-new-years-eve-label:is(*,._){top:auto;bottom:calc(100% + 32px);max-width:260px;min-width:190px;transform:translateX(-100%);white-space:nowrap}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #timelineStack:is(*,#_) ) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)){min-height:444px;padding-bottom:40px}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #timelineStack:is(*,#_) ) #yearCard#yearCard{min-height:473px}html body.page-time #current-time-and-weatherSection:is(*,#_){box-sizing:border-box;width:min(1260px, calc(100vw - 48px));max-width:1260px;margin-left:auto;margin-right:auto}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) :is(.timezone-picker:is(*,._),.time-mode-picker:is(*,._),.dst-radio-wrap:is(*,._)),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_){color:#d7f1ff}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(2),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(7),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(7){background:linear-gradient(160deg, rgba(9, 57, 56, .94), rgba(4, 21, 29, .99))}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(3),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(3),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(8),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(8){background:linear-gradient(160deg, rgba(18, 43, 79, .94), rgba(5, 17, 34, .99))}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(4),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(4),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(9),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(9){background:linear-gradient(160deg, rgba(12, 61, 46, .92), rgba(5, 22, 27, .99))}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(5),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(5),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(10),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(10){background:linear-gradient(160deg, rgba(29, 44, 76, .94), rgba(7, 18, 35, .99))}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(6),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(6){background:linear-gradient(160deg, rgba(12, 47, 70, .94), rgba(4, 17, 31, .99))}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)){width:100%;max-width:100%}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #secondCard:is(*,#_){margin-top:5px}& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._){position:relative;display:block;width:100%;height:32px}& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._) .minute-bottom-label:is(*,._){position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._) .minute-bottom-label:is(*,._):first-child{transform:translateX(0)}& #minuteCard:is(*,#_) #minuteBattery.minute-battery + .minute-label-row.time-bottom-label-row:is(*,._) .minute-bottom-label:is(*,._):last-child{transform:translateX(-100%)}& #dayCard#dayCard .progress-track:is(*,._) > .tick-label.day-time-top-label:is(*,._){bottom:calc(100% + 16px)}& #dayCard#dayCard .progress-track:is(*,._) > .tick-label.day-edge-hour-bottom-label:is(*,._){top:calc(100% + 19px)}& #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel{margin-bottom:5px}& #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._){top:15px}}html body:is(.page-time, .page-weather) :is(span, b, strong, em).stable-output:is(*,._){display:inline-block;vertical-align:baseline}html body.page-time .detail-text.stable-output,html body.page-time .compact-top-lines.stable-output{min-height:1.35em}html body:is(.page-time, .page-weather) #currentDate:is(*,#_).date-line,html body:is(.page-time, .page-weather) #topDateTime:is(*,#_),html body:is(.page-time, .page-weather) #navCurrentDate:is(*,#_){box-sizing:border-box;min-height:1.45em;line-height:1.45}html body:is(.page-time, .page-weather) #currentDate:is(*,#_) .current-date-main,html body:is(.page-time, .page-weather) #topDateTime:is(*,#_) :is(.sticky-date-part, .sticky-time-part){min-height:1.45em;line-height:1.45}html body:is(.page-time, .page-weather) #currentDate:is(*,#_).date-line:not(.is-loaded),html body:is(.page-time, .page-weather) #topDateTime:is(*,#_):not(.is-loaded),html body:is(.page-time, .page-weather) #navCurrentDate:is(*,#_):not(.is-loaded){opacity:0;color:transparent;text-shadow:none}html body:is(.page-time, .page-weather) #currentDate:is(*,#_).date-line.is-loaded,html body:is(.page-time, .page-weather) #topDateTime:is(*,#_).is-loaded,html body:is(.page-time, .page-weather) #navCurrentDate:is(*,#_).is-loaded{opacity:1;color:inherit}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) :is(.time-readout:is(*,._).binary-alt-time-readout,.time-readout:is(*,._):not(.binary-alt-time-readout)),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._){background:linear-gradient(165deg, rgba(8, 24, 39, .98), rgba(2, 8, 16, .99));border-color:rgba(88, 146, 174, .28);color:#e7f8ff}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._) span,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .time-readout:is(*,._) span{color:#cce8f2;-webkit-text-fill-color:#cce8f2}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._) strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .time-readout:is(*,._) strong{color:#dff9ff;-webkit-text-fill-color:#dff9ff;font-weight:500}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:is(*,._):nth-child(n){background:linear-gradient(165deg, rgba(7, 21, 35, .99), rgba(1, 6, 13, .995));border-color:rgba(88, 146, 174, .28);color:#e7f8ff}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){border-color:rgba(90, 127, 170, .42);box-shadow:0 24px 52px rgba(0, 3, 10, .46), inset 0 1px 0 rgba(255, 255, 255, .043)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& :is(.timezone-control-wrap:is(*,._),.timezone-picker:is(*,._),.time-mode-picker:is(*,._),.dst-radio-wrap:is(*,._),.primary-time-format-panel:is(*,._)){background:transparent;background-color:transparent;background-image:none;border-color:transparent;box-shadow:none}& #timezoneSelect:is(*,#_){background:linear-gradient(180deg, rgba(4, 14, 26, .98), rgba(1, 6, 13, .99));border-color:rgba(91, 143, 170, .44)}& .primary-time-readout-stack:is(*,._) .time-readout:is(*,._){color:#e6f8ff}& .primary-time-readout-stack:is(*,._) .time-readout:is(*,._) span{color:#c9e6f2;-webkit-text-fill-color:#c9e6f2}& .primary-time-readout-stack:is(*,._) .time-readout:is(*,._) strong{color:#eafaff;-webkit-text-fill-color:#eafaff}& :is(.timezone-picker:is(*,._),.time-mode-picker:is(*,._)){border:1px solid rgba(88, 146, 174, .34);border-radius:8px;padding:10px 12px}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){background-image:none;border-color:transparent}& .timezone-control-wrap:is(*,._){border-radius:8px}& :is(.timezone-picker:is(*,._),.time-mode-picker:is(*,._),.dst-radio-wrap:is(*,._)){background:transparent;background-color:transparent;background-image:none;border-color:transparent;box-shadow:none}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .percent-inline:is(*,._){display:none;height:0;min-height:0;margin:0;padding:0}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._){position:relative;top:-10px}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .time-slider-bubble-row:is(*,._){position:relative;top:-10px}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #timelineStack:is(*,#_) ){gap:calc(var(--page-card-gap, 24px) - 15px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){border-color:rgba(8, 91, 94, .78);outline-color:rgba(8, 91, 94, .78)}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #timelineStack:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)){border-color:rgba(126, 212, 255, .72);box-shadow:inset 0 0 0 1px rgba(146, 218, 255, .16), 0 10px 22px rgba(0, 0, 0, .24)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #hourCard#hourCard .progress-track:is(*,._) > .tick-label.hour-five-minute-tick:is(*,._){min-width:48px;max-width:64px;white-space:nowrap}html body.page-time:is(*,._) main.shell.shell :is( #yearDetails:is(*,#_), #decadeDetails:is(*,#_), #centuryDetails:is(*,#_), #millenniumDetails:is(*,#_) ).detail-text:is(*,._){margin-top:35px;transform:translateY(20px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #dayCard#dayCard .progress-track:is(*,._){& > .tick-label.day-hour-top-label:is(*,._){top:auto;bottom:calc(100% + 14px);transform:translateX(-50%);max-width:58px;min-width:34px;color:rgba(222, 244, 255, .96);font-size:.92rem;font-weight:600;line-height:1.08;text-align:center;white-space:nowrap;z-index:7}& > .tick-label.day-edge-hour-top-label:is(*,._){bottom:calc(100% + 26px)}& > .tick-label.day-time-bottom-label:is(*,._){top:calc(100% + 24px);bottom:auto;transform:translateX(-50%);max-width:120px;min-width:80px;white-space:nowrap}& > .tick-label.day-period-bottom-label:is(*,._){top:calc(100% + 10px);bottom:auto;transform:translateX(-50%);max-width:110px;min-width:70px;white-space:nowrap}}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){position:relative;left:90px;top:10px;transform:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .timezone-control-wrap:is(*,._){gap:3.5px}& .primary-time-format-panel:is(*,._){margin-top:-10px}& .primary-time-readout-stack:is(*,._) .time-readout:is(*,._),& :is(.time-readout-12:is(*,._),.time-readout-utc-top:is(*,._),.time-readout-24:is(*,._)){background:#102133;background-image:linear-gradient(180deg, #102133, #0a1726);border-color:rgba(113, 170, 205, .34)}}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._):nth-child(1),& > .time-readout:is(*,._):nth-child(5),& > .time-readout:is(*,._):nth-child(9){border-color:rgba(126, 183, 213, .28)}& > .time-readout:is(*,._):nth-child(2),& > .time-readout:is(*,._):nth-child(6),& > .time-readout:is(*,._):nth-child(10){border-color:rgba(111, 178, 207, .28)}& > .time-readout:is(*,._):nth-child(3),& > .time-readout:is(*,._):nth-child(7){border-color:rgba(118, 144, 205, .28)}& > .time-readout:is(*,._):nth-child(4),& > .time-readout:is(*,._):nth-child(8){border-color:rgba(104, 185, 198, .28)}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._):nth-child(1),& > .time-readout:is(*,._):nth-child(5),& > .time-readout:is(*,._):nth-child(9){border-color:rgba(126, 183, 213, .28)}& > .time-readout:is(*,._):nth-child(2),& > .time-readout:is(*,._):nth-child(6),& > .time-readout:is(*,._):nth-child(10){border-color:rgba(111, 178, 207, .28)}& > .time-readout:is(*,._):nth-child(3),& > .time-readout:is(*,._):nth-child(7){border-color:rgba(118, 144, 205, .28)}& > .time-readout:is(*,._):nth-child(4),& > .time-readout:is(*,._):nth-child(8){border-color:rgba(104, 185, 198, .28)}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) :is(.timezone-picker:is(*,._),.time-mode-picker:is(*,._)){background:transparent;background-color:transparent;background-image:none;border-color:transparent;box-shadow:none}html body.page-time:is(*,._) main.shell.shell :is(#dayValue, #monthValue).time-slider-bubble span.cycle-context-name:is(*,._){color:#ffd28a;-webkit-text-fill-color:#ffd28a;font-style:italic}html body.page-time:is(*,._) main.shell.shell #monthValue.time-slider-bubble span.cycle-context-name-month:is(*,._){color:#8fe7ff;-webkit-text-fill-color:#8fe7ff}html body.page-time:is(*,._) .card-value:is(*,._) .cycle-context-name{color:#ffd28a;font-style:italic}html body.page-time:is(*,._) .card-value:is(*,._) .cycle-context-name-month{color:#8fe7ff}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) > :not(.time-mode-picker){transform:translateY(5px)}html body.page-time:is(*,._).top-seconds-toggle-ready #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_).top-seconds-toggle-ready .top-seconds-toggle#topSecondsToggle,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle.is-ready{opacity:1;visibility:visible}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_){& #decadeCard:is(*,#_).timeline-card{background:linear-gradient(145deg, rgba(14, 45, 86, .99), rgba(18, 64, 114, .99) 54%, rgba(23, 82, 139, .98));background-color:#0e2d56}& #centuryCard:is(*,#_).timeline-card{background:linear-gradient(145deg, rgba(16, 50, 94, .99), rgba(21, 72, 126, .99) 54%, rgba(27, 92, 153, .98));background-color:#10325e}& #millenniumCard:is(*,#_).timeline-card{background:linear-gradient(145deg, rgba(18, 56, 104, .99), rgba(24, 80, 140, .99) 54%, rgba(31, 102, 169, .98));background-color:#123868}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& :is(.dst-radio-wrap:is(*,._), #timezoneSelect:is(*,#_)){background:linear-gradient(180deg, rgba(8, 35, 68, .96), rgba(5, 22, 48, .99));background-color:#082344;border-color:rgba(118, 197, 242, .28)}& .timezone-picker:is(*,._) > span,& .time-mode-picker:is(*,._) .timezone-mode-label:is(*,._){position:relative}& .timezone-control-wrap:is(*,._) > :is(.timezone-picker:is(*,._),.time-mode-picker:is(*,._)){background:transparent;background-color:transparent;background-image:none;border-color:transparent;box-shadow:none}}html body.page-time:is(*,._) main.shell.shell .card-value:is(*,._) span.cycle-context-name:is(*,._){color:#ffd28a;-webkit-text-fill-color:#ffd28a;font-style:italic}html body.page-time:is(*,._) main.shell.shell .card-value:is(*,._) span.cycle-context-name-month:is(*,._){color:#8fe7ff;-webkit-text-fill-color:#8fe7ff}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #secondCard:is(*,#_).progress-card{background:linear-gradient(145deg, #0a1426 0%, #0b1728 54%, #0c1a2d 100%);background-color:#0a1426}& #minuteCard:is(*,#_).progress-card{background:linear-gradient(145deg, #0a1926 0%, #0b1b29 54%, #0c1d2c 100%);background-color:#0a1926}& #hourCard#hourCard.progress-card{background:linear-gradient(145deg, #071729 0%, #081a2c 54%, #091d30 100%);background-color:#071729}& #dayCard#dayCard.progress-card{background:linear-gradient(145deg, #0b1624 0%, #0c1827 54%, #0d1b2b 100%);background-color:#0b1624}& #weekCard#weekCard.progress-card{background:linear-gradient(145deg, #0a1720 0%, #0b1a24 54%, #0c1d28 100%);background-color:#0a1720}& #monthCard:is(*,#_).progress-card{background:linear-gradient(145deg, #0d1523 0%, #0e1827 54%, #0f1b2b 100%);background-color:#0d1523}& #yearCard#yearCard.progress-card{background:linear-gradient(145deg, #081824 0%, #091b28 54%, #0a1e2c 100%);background-color:#081824}& #decadeCard:is(*,#_).progress-card{background:linear-gradient(145deg, #0b1727 0%, #0c1a2b 54%, #0d1d2f 100%);background-color:#0b1727}& #centuryCard:is(*,#_).progress-card{background:linear-gradient(145deg, #09162a 0%, #0a192d 54%, #0b1c31 100%);background-color:#09162a}& #millenniumCard:is(*,#_).progress-card{background:linear-gradient(145deg, #0c1622 0%, #0d1926 54%, #0e1c2a 100%);background-color:#0c1622}& #eraCard#eraCard.progress-card{background:linear-gradient(145deg, #08151d 0%, #091820 54%, #0a1b24 100%);background-color:#08151d}& :is( #secondValue:is(*,#_), #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble{display:inline-grid;width:max-content;min-width:0;max-width:calc(100% - 24px);padding-left:10px;padding-right:10px;justify-self:center;margin-left:auto;margin-right:auto;white-space:normal}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .time-mode-picker:is(*,._) .dst-choice:is(*,._) > input[type="radio"]{position:absolute;inline-size:1px;block-size:1px;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) :is(.clock-display-wrap,.timezone-control-wrap,.primary-time-format-panel),html body.page-time:is(*,._) #languageClocksSection:is(*,#_){filter:brightness(1.16) saturate(1.08);border-color:rgba(145, 217, 255, .62);box-shadow:0 0 0 1px rgba(84, 188, 236, .14), 0 22px 48px rgba(0, 10, 28, .4), inset 0 1px 0 rgba(255, 255, 255, .08)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_).top-seconds-visible :is(.clock-display-wrap,.timezone-control-wrap,.primary-time-format-panel),html body.page-time:is(*,._).top-seconds-visible #languageClocksSection:is(*,#_){filter:brightness(1.2) saturate(1.1);border-color:rgba(162, 228, 255, .66);box-shadow:0 0 0 1px rgba(99, 204, 242, .16), 0 24px 52px rgba(0, 10, 28, .42), inset 0 1px 0 rgba(255, 255, 255, .09)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_) ).progress-card{background:#091b30;background-color:#091b30;background-image:none}& :is(#dayValue#dayValue, #monthValue:is(*,#_)).time-slider-bubble{width:max-content;min-width:max-content;max-width:calc(100% - 12px);white-space:nowrap;text-wrap:nowrap;padding-left:10px;padding-right:10px}& :is( #secondValue:is(*,#_), #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble{border-width:2px;border-style:solid;border-color:rgba(86, 143, 184, .66);border-radius:999px}& #hourValue:is(*,#_).time-slider-bubble .cycle-context-time{color:#8fe7ff;-webkit-text-fill-color:#8fe7ff;font-style:italic}& :is(#hourValue:is(*,#_), #dayValue#dayValue, #monthValue:is(*,#_)).time-slider-bubble{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:max-content;max-width:none;white-space:nowrap;text-wrap:nowrap;overflow:visible}& :is(#hourValue:is(*,#_), #dayValue#dayValue, #monthValue:is(*,#_)).time-slider-bubble :is(.cycle-context-name,.cycle-context-time){display:inline;width:auto;max-width:none;white-space:nowrap;text-wrap:nowrap}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ).progress-card:is(*,._) > .time-slider-bubble-row:is(*,._){position:relative;top:auto;transform:none;margin:12px auto 0;z-index:8}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondValue:is(*,#_), #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble:is(*,._){background:linear-gradient(180deg, #0b3a45 0%, #062c38 58%, #041f2b 100%);background-color:#062c38;border-color:rgba(92, 196, 210, .72);box-shadow:inset 0 1px 0 rgba(193, 249, 255, .12), 0 8px 18px rgba(0, 7, 18, .24)}& :is(#dayValue#dayValue, #monthValue:is(*,#_)).time-slider-bubble .cycle-context-name:is(*,._){display:inline;width:auto;max-width:none;white-space:nowrap;text-wrap:nowrap}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ).progress-card:is(*,._){position:relative}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) > .card-hourglass-meter:is(*,._){position:absolute;top:23px;right:22px;width:106px;height:106px;display:grid;place-items:center;z-index:12;pointer-events:none}& .card-hourglass-meter .hourglass-glass{clip-path:none}& .card-hourglass-meter .hourglass-glass::before{border-radius:0}& .card-hourglass-meter .hourglass-glass::after{position:absolute;border-radius:999px;filter:none;pointer-events:none;z-index:1}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) :is(.progress-track:is(*,._), .second-ticker:is(*,._), .minute-battery-grid:is(*,._), .lunar-layer-stack:is(*,._), .lunar-phase-track:is(*,._)){background:linear-gradient(180deg, #202833 0%, #18212b 54%, #131a23 100%);background-color:#18212b}& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_) .second-clock-orbit:is(*,._), #secondCard:is(*,#_) .second-circle-panel:is(*,._), #minuteCard:is(*,#_) .minute-battery:is(*,._) ){background:linear-gradient(180deg, #202833 0%, #18212b 54%, #131a23 100%);background-color:#18212b}& #timeVisualizedGroup:is(*,#_) #minuteCard:is(*,#_) .minute-cell:is(*,._):not(.filled){background:#1b242e;background-color:#1b242e}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_){& .analog-clock:is(*,._) > .clock-number:is(*,._){color:#aee8ff;-webkit-text-fill-color:#aee8ff;font-family:"Segoe UI", Arial, sans-serif;font-size:.92rem;font-weight:600;letter-spacing:0;text-shadow:none}& .analog-clock:is(*,._){width:162px;height:162px}& .analog-clock:is(*,._) > .clock-number.n12{left:50%;top:7.2%}& .analog-clock:is(*,._) > .clock-number.n1{left:72.8%;top:13.4%}& .analog-clock:is(*,._) > .clock-number.n2{left:88.4%;top:29.2%}& .analog-clock:is(*,._) > .clock-number.n3{left:92.6%;top:50%}& .analog-clock:is(*,._) > .clock-number.n4{left:87.6%;top:70.7%}& .analog-clock:is(*,._) > .clock-number.n5{left:72.1%;top:86.1%}& .analog-clock:is(*,._) > .clock-number.n6{left:50%;top:89.9%}& .analog-clock:is(*,._) > .clock-number.n7{left:27.9%;top:86.1%}& .analog-clock:is(*,._) > .clock-number.n8{left:12.4%;top:70.7%}& .analog-clock:is(*,._) > .clock-number.n9{left:6.2%;top:50%}& .analog-clock:is(*,._) > .clock-number.n10{left:11.6%;top:29.2%}& .analog-clock:is(*,._) > .clock-number.n11{left:27.2%;top:13.4%}& .analog-clock:is(*,._) > .hour-hand:is(*,._){background:linear-gradient(180deg, #e6fbff 0%, #4fd1c5 100%);box-shadow:0 0 4px rgba(79, 209, 197, .45)}& .analog-clock:is(*,._) > .minute-hand:is(*,._){background:linear-gradient(180deg, #dff9ff 0%, #7dd3fc 55%, #38bdf8 100%);box-shadow:0 0 4px rgba(125, 211, 252, .46)}& .analog-clock:is(*,._) > .second-hand:is(*,._){background:linear-gradient(180deg, #c7d2fe 0%, #818cf8 58%, #6366f1 100%);box-shadow:0 0 4px rgba(129, 140, 248, .45)}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ){& #secondCard:is(*,#_) :is(#secondCirclePanel:is(*,#_).second-circle-panel,#secondClockOrbit:is(*,#_).second-clock-orbit),& #secondCard:is(*,#_) .second-slider-wrap:is(*,._){background:transparent;background-color:transparent;background-image:none;border-color:transparent;box-shadow:none}& #secondCard:is(*,#_) > .card-pie-meter:is(*,._){opacity:0;visibility:hidden}& #secondCard:is(*,#_) > .time-slider-bubble-row:is(*,._){transform:translateY(-8px)}& :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) .compact-top-lines:is(*,._) :is(.compact-measure-line, .compact-detail-metric:first-child, span:first-child, div:first-child){color:#69dfd6;-webkit-text-fill-color:#69dfd6}& :is( #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard ) :is(.progress-track:is(*,._), .segment-labels:is(*,._)){transform:translateY(-10px)}& :is( #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_) ) > .time-slider-bubble-row:is(*,._){transform:translateY(20px)}& :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._){background:#091b30;background-color:#091b30;box-shadow:none}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .primary-time-readout-stack:is(*,._) .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) :is(.time-readout-12:is(*,._),.time-readout-utc-top:is(*,._),.time-readout-24:is(*,._)){position:relative;top:-7px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section{isolation:isolate}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .primary-time-format-panel:is(*,._){min-height:44px;padding-bottom:8px}& .primary-time-readout-stack:is(*,._){display:none}}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._){align-items:stretch}& .language-clock-grid:is(*,._) > .time-readout:is(*,._){order:20}& .language-clock-grid:is(*,._) > .other-clock-utc:is(*,._){order:1;grid-column:2 / span 4}& .language-clock-grid:is(*,._) > .time-readout-12:is(*,._){order:2;min-height:104px}& .language-clock-grid:is(*,._) > .time-readout-24:is(*,._){order:3;min-height:104px}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(4){order:4;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(5){order:5;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(6){order:6;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(7){order:7;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(8){order:8;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(9){order:9;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(10){order:10;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(11){order:11;grid-column:span 2}& .language-clock-grid:is(*,._) > .alternate-time-readout:nth-of-type(12){order:12;grid-column:span 2}& .language-clock-grid:is(*,._) > .other-clock-primary:is(*,._){background:radial-gradient(circle at 50% 0%, rgba(91, 212, 255, .18), transparent 48%), linear-gradient(150deg, rgba(9, 37, 73, .96), rgba(6, 21, 48, .99));border-color:rgba(118, 214, 255, .36)}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& .progress-track:is(*,._) > .tick-label.edge-tick:is(*,._):first-of-type{display:none}& .progress-track:is(*,._) > :is(.tick-label.edge-tick:is(*,._)[style*="left:0"],.tick-label.edge-tick:is(*,._)[style*="left: 0"]){display:none}& .card-hourglass-meter:is(*,._){min-width:70px}& .card-hourglass-meter .hourglass-sand-bottom{left:18px;right:18px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._):nth-child(1){min-height:106px}& > .time-readout:is(*,._):nth-child(2){min-height:104px}& > .time-readout:is(*,._):nth-child(3){min-height:104px}& > .binary-alt-time-readout:is(*,._):nth-child(13){min-height:110px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section{margin-top:-30px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section::before,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section::before{position:absolute;inset:0;z-index:-2;opacity:.96;background-size:100% 100%, 100% 100%, 100% 118px, 100% 146px, 100% 174px, 100% 202px, 100% 230px, auto;background-position:center, center, 0 14px, 0 56px, 0 106px, 0 154px, 0 208px, center;background-repeat:repeat-y;filter:none;pointer-events:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){margin-left:auto;margin-right:auto;align-items:stretch;margin-bottom:-30px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._){justify-self:stretch}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):has(#kanjiTime),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):has(#kanjiTime),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(8),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(8){justify-self:stretch}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1){order:1}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2){order:2}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(3),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(3){order:3}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n+4):nth-child(-n+12),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n+4):nth-child(-n+12){order:20;grid-column:span 4}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._):nth-child(13),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._){order:99}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) :is(.compact-top-lines:is(*,._) .compact-remaining-line:is(*,._), .detail-remaining:is(*,._)){color:#8fd7ff;-webkit-text-fill-color:#8fd7ff}@media (max-width: 760px){html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){width:100%;max-width:100%}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._){grid-column:1 / -1}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section::before,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section::before{content:none;display:none;background:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section::after,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1){grid-column:4 / span 6}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2){grid-column:2 / span 5}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(3),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(3){grid-column:7 / span 5}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._):nth-child(13),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._){grid-column:4 / span 6}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroupShell:is(*,#_){outline:1px solid rgba(95, 176, 184, .34);outline-offset:0}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):has(#kanjiTime),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):has(#kanjiTime){width:calc(100% - 15px);max-width:calc(100% - 15px);justify-self:center}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .timezone-control-wrap:is(*,._) > :is(.timezone-final-name, .timezone-picker, .time-mode-picker){position:relative;top:6px}& .timezone-picker:is(*,._){margin-bottom:6px}& .time-mode-picker:is(*,._){width:min(100%, 354px);max-width:354px;min-height:108px;margin-top:8px;padding-top:6px;padding-bottom:0;transform:none}& .time-mode-picker:is(*,._) .timezone-mode-label:is(*,._){top:0;margin-bottom:6px}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px}& .time-mode-picker:is(*,._) .dst-choice:is(*,._){flex:0 0 36px;min-height:36px;height:36px;padding:5px 12px}& .time-mode-picker:is(*,._) .dst-choice:is(*,._) > span{flex-direction:column;gap:1px;line-height:1.08}}@media (max-width: 760px){html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section{width:100%;max-width:100%;padding:18px 16px 22px}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){max-width:100%}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section::after,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section::after{background:linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 42%, rgba(0, 0, 0, .2) 100%)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section{padding-top:12px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #secondCard:is(*,#_) #secondHourglassMeter:is(*,#_).card-hourglass-meter{display:none;visibility:hidden;opacity:0;width:0;height:0;min-width:0;min-height:0;overflow:hidden;pointer-events:none}& #secondCard:is(*,#_) .time-slider-bubble-row:is(*,._),& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) .time-slider-bubble-row:is(*,._){position:relative;top:-8px;transform:translateY(-8px)}}html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) .time-slider-bubble-row:is(*,._){position:relative;top:-8px;transform:translateY(-8px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._){position:relative;top:-8px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard) > :is(.slider-gap, .progress-track, .segment-labels),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard) > :is(.slider-gap, .progress-track, .segment-labels),html body.page-time:is(*,._) main.shell.shell :is(#hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard) > :is(.slider-gap, .progress-track, .segment-labels){position:relative;top:10px;transform:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .time-slider-bubble-row:is(*,._){position:relative;top:30px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_)).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_)).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_)).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(#yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_)).time-slider-bubble:is(*,._){position:relative;top:30px;transform:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#hourTrack:is(*,#_), #hourLabels:is(*,#_), #dayTrack#dayTrack, #dayLabels:is(*,#_), #weekTrack:is(*,#_), #weekLabels:is(*,#_)),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#hourTrack:is(*,#_), #hourLabels:is(*,#_), #dayTrack#dayTrack, #dayLabels:is(*,#_), #weekTrack:is(*,#_), #weekLabels:is(*,#_)),html body.page-time:is(*,._) main.shell.shell :is(#hourTrack:is(*,#_), #hourLabels:is(*,#_), #dayTrack#dayTrack, #dayLabels:is(*,#_), #weekTrack:is(*,#_), #weekLabels:is(*,#_)){position:relative;top:10px;transform:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(#hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard) :is(.progress-track:is(*,._), .segment-labels:is(*,._)){position:relative;top:10px;transform:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .time-mode-picker:is(*,._) .dst-choice:is(*,._) > span{justify-content:center}& .timezone-control-wrap:is(*,._){border:2px solid rgba(91, 158, 188, .46)}& .time-mode-picker:is(*,._) .dst-choice:is(*,._) > span,& .time-mode-picker:is(*,._) .dst-choice:is(*,._) > span > :is(b,small){display:grid;justify-items:center;align-items:center;text-align:center;width:100%;margin-left:auto;margin-right:auto}& .time-mode-picker:is(*,._) .dst-choice:is(*,._):has(#dstDaylight),& .time-mode-picker:is(*,._) #dstDaylight:is(*,#_) + span{position:relative}& .time-mode-picker:is(*,._) .timezone-mode-label:is(*,._){transform:translateY(-15px)}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){transform:translateY(-15px)}& .time-mode-picker:is(*,._) .dst-choice:is(*,._):has(#dstDaylight){position:relative;top:-5px}& .time-mode-picker:is(*,._) #dstDaylight:is(*,#_) + span{top:0}& .timezone-control-wrap:is(*,._){width:min(100%, 720px);max-width:720px;min-width:min(100%, 720px);padding-left:138px;padding-right:138px;overflow:visible}& .timezone-control-wrap:is(*,._) .timezone-content-inner{z-index:2;display:grid;justify-items:center;gap:inherit;width:100%;max-width:430px;margin:0 auto}& .timezone-control-wrap:is(*,._) .time-page-palm{position:absolute;top:50%;z-index:1;display:grid;place-items:center;font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;font-size:6.25rem;line-height:1;opacity:.8;filter:drop-shadow(0 12px 18px rgba(0, 7, 16, .36));pointer-events:none}& .timezone-control-wrap:is(*,._) .time-page-palm-back{right:auto;transform:translateY(-48%) scaleX(-.78) scaleY(1.1) rotate(-5deg)}& .timezone-control-wrap:is(*,._) .time-page-palm-front{right:26px;left:auto;transform:translateY(-48%) scaleX(.78) scaleY(1.1) rotate(5deg)}}@media (max-width: 760px){html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .timezone-control-wrap:is(*,._){padding-left:76px;padding-right:76px}& .timezone-control-wrap:is(*,._) .time-page-palm{font-size:4.25rem}& .timezone-control-wrap:is(*,._) .time-page-palm-back{left:8px}& .timezone-control-wrap:is(*,._) .time-page-palm-front{right:8px}}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .time-mode-picker:is(*,._) :is(.timezone-mode-label:is(*,._),.dst-radio-wrap:is(*,._)){transform:none}& :is(.timezone-final-name:is(*,._),.timezone-picker:is(*,._)){position:relative;top:-64px}& .time-mode-picker:is(*,._){margin-top:8px}& .time-page-palm-back{left:51px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){margin-bottom:-8px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroupShell:is(*,#_){border:1px solid rgba(78, 139, 166, .34);box-shadow:inset 0 0 0 1px rgba(95, 176, 184, .05), 0 0 14px rgba(29, 116, 124, .07)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):has(#kanjiTime),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):has(#kanjiTime){height:64px;min-height:64px;max-height:64px;padding-top:7px;padding-bottom:7px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n+4),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n+4){position:relative;top:-5px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)){box-shadow:0 0 15px rgba(13, 163, 71, .28)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, #061670 0deg, #066699 var(--pie-mid-deg, 0deg), #0da347 var(--pie-deg, 0deg), rgba(108, 121, 137, .34) var(--pie-deg, 0deg), rgba(108, 121, 137, .34) 360deg)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& .card-hourglass-meter:is(*,._)::before,& .card-hourglass-meter:is(*,._)::after{position:absolute;left:50%;border-radius:999px;transform:translateX(-50%);pointer-events:none;z-index:6}& .card-hourglass-meter:is(*,._)::after{bottom:3px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #binaryTime:is(*,#_){color:#6eccff;-webkit-text-fill-color:#6eccff}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_){-webkit-text-fill-color:#6eccff}html body.page-time:is(*,._){--time-progress-empty: #15181d;--time-slider-bg: #15181d}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ){& .card-title:is(*,._){color:#59bfff;-webkit-text-fill-color:#59bfff}& .card-title-subline:is(*,._){color:#00c2db;-webkit-text-fill-color:#00c2db}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) .progress-fill:is(*,._),& #timeVisualizedGroup:is(*,#_) #minuteCard:is(*,#_) .minute-smooth-fill:is(*,._){background:linear-gradient(90deg, #0065c9 0%, #007fcf 52%, #00cf61 100%);background-image:linear-gradient(90deg, #0065c9 0%, #007fcf 52%, #00cf61 100%)}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) > .card-pie-meter:is(*,._){border-color:rgba(91, 116, 128, .42);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), 0 0 12px rgba(0, 127, 207, .16)}& .card-pie-meter:is(*,._)::before{content:"";display:none}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)){background:linear-gradient(90deg, #002196 0%, #40c0e3 52%, #2bff67 100%);background-image:linear-gradient(90deg, #002196 0%, #40c0e3 52%, #2bff67 100%)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) :is(.card-title-subline:is(*,._), .compact-top-lines:is(*,._) .compact-measure-line:is(*,._)){color:#00c2db;-webkit-text-fill-color:#00c2db}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .time-mode-picker:is(*,._){& .dst-radio-wrap:is(*,._){width:268px;max-width:268px;margin-left:auto;margin-right:auto;justify-self:center}& .dst-choice:is(*,._){width:100%;max-width:268px;justify-self:center;border-radius:14px;background-color:#0b2742}& .dst-choice:is(*,._):has(input:checked){background-color:#0e3453}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell .progress-card:is(*,._) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell .timeline-card:is(*,._) > .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #002396 0deg, #00a0b5 137deg, #04c755 252deg, #e39f00 356deg, #e39f00 360deg)}html body:is(.page-time, .page-weather) .stable-output:is(*,._){min-width:var(--stable-output-min-width, 8ch);min-height:1.08em;transition:opacity 1100ms ease, filter 1100ms ease, color 1100ms ease}html body:is(.page-time, .page-weather) .stable-output.stable-output-pending:not(.is-loaded){opacity:0;color:transparent;filter:saturate(.85) brightness(.86);text-shadow:none}html body:is(.page-time, .page-weather) .stable-output.is-loaded,html body:is(.page-time, .page-weather) .stable-output.stable-output-loaded{opacity:1;filter:none;animation:simpleDataFadeIn 1100ms ease both}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-hourglass-meter:is(*,._){transform:translateY(8px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #minuteCard:is(*,#_) .minute-cell:is(*,._).filled,html body.page-time:is(*,._) main.shell.shell #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled,html body.page-time:is(*,._) main.shell.shell :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)){background:linear-gradient(90deg, #002bba 0%, #0365a6 38%, #05aba3 70%, #00c925 100%);background-image:linear-gradient(90deg, #002bba 0%, #0365a6 38%, #05aba3 70%, #00c925 100%)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #eraCard#eraCard ) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #002bba 0deg, #0365a6 137deg, #05aba3 252deg, #00c925 356deg, #00c925 360deg)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){border:2px solid rgba(128, 215, 238, .76);box-shadow:inset 0 0 0 2px rgba(158, 231, 245, .5), 0 0 0 1px rgba(26, 78, 102, .72), 0 0 18px rgba(35, 147, 175, .18)}html body.page-time:is(*,._) main.shell.shell .card-pie-meter:is(*,._)::before{border-color:rgba(169, 231, 244, .82);box-shadow:inset 0 0 0 1px rgba(178, 239, 246, .5)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .digital-time#digitalClock{color:#aee5ff;-webkit-text-fill-color:#aee5ff;text-shadow:0 0 12px rgba(91, 190, 237, .18)}& :is(#currentDate, .date-line, #calendarPopupMonthLabel){color:#79c9f3;-webkit-text-fill-color:#79c9f3}& .top-seconds-toggle#topSecondsToggle{color:#c9f0ff;border-color:rgba(96, 180, 213, .58);background:linear-gradient(180deg, #103556, #082137)}& .timezone-control-wrap:is(*,._) :is(.timezone-picker > span, .timezone-mode-label){color:#d7f6ff;-webkit-text-fill-color:#d7f6ff;text-shadow:0 1px 2px rgba(0, 20, 42, .55)}& .timezone-control-wrap:is(*,._) :is(#timezoneName, .timezone-final-name){color:#9ee8ff;-webkit-text-fill-color:#9ee8ff}& .timezone-control-wrap:is(*,._) #timezoneSelect:is(*,#_){background:linear-gradient(180deg, #103b5e, #071d35);border-color:rgba(172, 231, 240, .48)}& .time-mode-picker:is(*,._) .dst-choice:is(*,._),& .time-mode-picker:is(*,._) .dst-choice:is(*,._):has(input:checked){display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;box-shadow:none;border-color:rgba(175, 229, 238, .42)}& .time-mode-picker:is(*,._) .dst-choice:is(*,._) span{width:100%;text-align:center;color:#e8fbff;-webkit-text-fill-color:#e8fbff}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #eraCard#eraCard ) > .card-pie-meter:is(*,._){border-width:2px;border-style:solid;border-color:rgba(128, 215, 238, .82);box-shadow:inset 0 0 0 2px rgba(158, 231, 245, .56), 0 0 0 1px rgba(26, 78, 102, .78), 0 0 18px rgba(35, 147, 175, .22)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #eraCard#eraCard ) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #eraCard#eraCard ) > .time-slider-bubble-row:is(*,._){transform:translateY(15px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) > .time-slider-bubble-row:is(*,._){transform:translateY(-10px)}html body.page-time:is(*,._) main.shell.shell :is( #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #generationValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #decamillenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble:is(*,._){transform:translateY(15px)}html body.page-time:is(*,._) main.shell.shell #secondValue:is(*,#_).time-slider-bubble:is(*,._){transform:translateY(-10px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is( #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #generationValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #decamillenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeValue:is(*,#_), #generationValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #decamillenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #generationValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #decamillenniumValue:is(*,#_), #eraValue#eraValue ).time-slider-bubble:is(*,._){transform:translateY(15px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){position:relative;top:-3px}html body.page-time:is(*,._) main.shell.shell #generationCard:is(*,#_).progress-card{background:#091b30;background-color:#091b30}html body.page-time:is(*,._) main.shell.shell #generationCard:is(*,#_){& .progress-track:is(*,._){background-color:#252a31}& .tick-label.generation-year-label{font-size:.54rem;color:rgba(174, 221, 240, .78)}& .tick-label.generation-name-label{font-size:.52rem;max-width:88px;white-space:normal;line-height:1.05;color:rgba(149, 230, 210, .82)}}html body.page-time:is(*,._) main.shell.shell #decamillenniumCard:is(*,#_){& .tick-label.decamillennium-year-label{font-size:.52rem;max-width:58px;white-space:normal;line-height:1.04}& .tick-label.decamillennium-year-label.edge-tick{max-width:76px}& .tick-label.decamillennium-year-label.edge-tick:first-of-type{transform:translateX(0);text-align:left}& .tick-label.decamillennium-year-label.edge-tick:last-of-type{transform:translateX(-100%);text-align:right}& .tick-label.decamillennium-zero-label{color:#93e5ff;font-size:.62rem;font-style:italic;transform:translate(-50%, 18px)}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #extendedTimeVisualizedGroup:is(*,#_) :is( #generationCard:is(*,#_), #decamillenniumCard:is(*,#_) ) .progress-track:is(*,._) .progress-fill:is(*,._),& :is( #generationCard:is(*,#_), #decamillenniumCard:is(*,#_) ) .progress-track:is(*,._) .progress-fill:is(*,._){background:linear-gradient(90deg, #002bba 0%, #0365a6 38%, #05aba3 70%, #00c925 100%);background-image:linear-gradient(90deg, #002bba 0%, #0365a6 38%, #05aba3 70%, #00c925 100%)}& #extendedTimeVisualizedGroup:is(*,#_) :is( #generationCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._),& :is( #generationCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #002bba 0deg, #0365a6 137deg, #05aba3 252deg, #00c925 356deg, #00c925 360deg)}& #extendedTimeVisualizedGroup:is(*,#_) #decamillenniumCard:is(*,#_) .progress-track:is(*,._) > .tick-label:is(*,._).decamillennium-zero-label:is(*,._).time-bottom-label,& #decamillenniumCard:is(*,#_) .progress-track:is(*,._) > .tick-label:is(*,._).decamillennium-zero-label:is(*,._).time-bottom-label{color:#93e5ff;font-size:.62rem;font-style:italic;transform:translate(-50%, 18px)}}html body.page-time:is(*,._) #eraCard#eraCard{& .card-head{padding-left:0;padding-right:0}& .era-slider-stack{margin-top:8px}& .deep-time-stack{display:grid;gap:14px}& .deep-time-slider{display:grid;gap:8px;padding:12px 14px 14px;border:1px solid rgba(83, 166, 199, .42);border-radius:12px;background:linear-gradient(180deg, rgba(7, 30, 49, .88), rgba(6, 19, 34, .92))}& .deep-time-slider header{align-items:baseline;color:#59bfff}& .deep-time-slider header span{font-size:1.02rem;font-weight:700}& .deep-time-slider header em{color:#00c2db;font-size:.88rem;font-style:italic}& .deep-time-scale-note,& .deep-time-slider > p{margin:0;color:rgba(194, 231, 247, .86);font-size:.78rem;line-height:1.35}& .deep-time-track-wrap{position:relative;padding-top:22px}& .deep-time-boundary-labels span{position:absolute;top:0;transform:translateX(-50%);max-width:70px;color:rgba(174, 221, 240, .82);font-size:.58rem;line-height:1.05;text-align:center;white-space:normal}& .deep-time-boundary-labels span:first-child{transform:translateX(0);text-align:left}& .deep-time-boundary-labels .deep-time-boundary-end{transform:translateX(-100%);text-align:right}& .deep-time-track{height:34px;border:1px solid rgba(144, 195, 212, .32);border-radius:10px;background:#151d24}& .deep-time-segment{position:absolute;inset-block:0;display:grid;place-items:center;background:var(--deep-color);color:#eefbff;border-right:1px solid rgba(255, 255, 255, .16);font-size:.66rem;text-align:center}& .deep-time-segment.is-current{box-shadow:inset 0 0 0 2px rgba(255, 218, 90, .9), 0 0 14px rgba(255, 195, 68, .26)}& .deep-time-note{padding:12px 14px;border:1px solid rgba(100, 180, 204, .36);border-radius:12px;background:rgba(5, 20, 35, .88)}& .deep-time-note h4{margin:0 0 6px;color:#59bfff}& .deep-time-note :is(p,li){color:rgba(220, 242, 250, .88);font-size:.82rem}& .deep-time-note ul{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px 14px;margin:10px 0 0;padding:0;list-style:none}& .deep-time-note li span{color:#00c2db;font-weight:700}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .card-title-main{color:#65f0f7;-webkit-text-fill-color:#65f0f7}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title-subline:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title-subline:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title-subline:is(*,._){color:#4cc7fc;-webkit-text-fill-color:#4cc7fc}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) :is(.compact-measure-line, .compact-remaining-line, span, b, em, small),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) :is(.compact-measure-line, .compact-remaining-line, span, b, em, small),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .compact-top-lines:is(*,._) :is(.compact-measure-line, .compact-remaining-line, span, b, em, small){color:#a785ff;-webkit-text-fill-color:#a785ff}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is( #secondTitle:is(*,#_), #minuteTitle:is(*,#_), #hourTitle:is(*,#_), #dayTitle#dayTitle, #weekTitle:is(*,#_), #monthTitle:is(*,#_), #yearTitle:is(*,#_), #decadeTitle:is(*,#_), #generationTitle:is(*,#_), #centuryTitle:is(*,#_), #millenniumTitle:is(*,#_), #decamillenniumTitle:is(*,#_), #eraTitle#eraTitle ).card-title:is(*,._),& :is( #secondTitle:is(*,#_), #minuteTitle:is(*,#_), #hourTitle:is(*,#_), #dayTitle#dayTitle, #weekTitle:is(*,#_), #monthTitle:is(*,#_), #yearTitle:is(*,#_), #decadeTitle:is(*,#_), #generationTitle:is(*,#_), #centuryTitle:is(*,#_), #millenniumTitle:is(*,#_), #decamillenniumTitle:is(*,#_), #eraTitle#eraTitle ).card-title:is(*,._) .card-title-main:is(*,._){color:#65f0f7;-webkit-text-fill-color:#65f0f7}& :is( #secondTitleSubline:is(*,#_), #minuteTitleSubline:is(*,#_), #hourTitleSubline:is(*,#_), #dayTitleSubline:is(*,#_), #weekTitleSubline:is(*,#_), #monthTitleSubline:is(*,#_), #yearTitleSubline:is(*,#_), #decadeTitleSubline:is(*,#_), #generationTitleSubline:is(*,#_), #centuryTitleSubline:is(*,#_), #millenniumTitleSubline:is(*,#_), #decamillenniumTitleSubline:is(*,#_), #eraTitleSubline:is(*,#_) ).card-title-subline:is(*,._){color:#4cc7fc;-webkit-text-fill-color:#4cc7fc}& :is(#secondTitleSubline:is(*,#_).card-title-subline:is(*,._),#minuteTitleSubline:is(*,#_).card-title-subline:is(*,._),#hourTitleSubline:is(*,#_).card-title-subline:is(*,._),#dayTitleSubline:is(*,#_).card-title-subline:is(*,._),#weekTitleSubline:is(*,#_).card-title-subline:is(*,._),#monthTitleSubline:is(*,#_).card-title-subline:is(*,._),#yearTitleSubline:is(*,#_).card-title-subline:is(*,._),#decadeTitleSubline:is(*,#_).card-title-subline:is(*,._),#generationTitleSubline:is(*,#_).card-title-subline:is(*,._),#centuryTitleSubline:is(*,#_).card-title-subline:is(*,._),#millenniumTitleSubline:is(*,#_).card-title-subline:is(*,._),#decamillenniumTitleSubline:is(*,#_).card-title-subline:is(*,._),#eraTitleSubline:is(*,#_).card-title-subline:is(*,._)){color:#4cc7fc;-webkit-text-fill-color:#4cc7fc}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondTitleSubline:is(*,#_).card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) #minuteCard:is(*,#_) #minuteTitleSubline:is(*,#_).card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) #hourCard#hourCard #hourTitleSubline:is(*,#_).card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) #dayCard#dayCard #dayTitleSubline:is(*,#_).card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) #weekCard#weekCard #weekTitleSubline:is(*,#_).card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) #monthCard:is(*,#_) #monthTitleSubline:is(*,#_).card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) #yearCard#yearCard #yearTitleSubline:is(*,#_).card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) #decadeCard:is(*,#_) #decadeTitleSubline:is(*,#_).card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) #generationCard:is(*,#_) #generationTitleSubline:is(*,#_).card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) #centuryCard:is(*,#_) #centuryTitleSubline:is(*,#_).card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) #millenniumCard:is(*,#_) #millenniumTitleSubline:is(*,#_).card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) #decamillenniumCard:is(*,#_) #decamillenniumTitleSubline:is(*,#_).card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) #eraCard#eraCard #eraTitleSubline:is(*,#_).card-title-subline:is(*,._){color:#4cc7fc;-webkit-text-fill-color:#4cc7fc}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-page-palm{transform:translateY(-15px)}html body.page-time:is(*,._) #primaryProgress:is(*,#_){& #secondCard:is(*,#_).progress-card{min-height:calc(var(--time-second-card-height, 360px) - 30px);height:auto;padding-top:max(12px, calc(var(--card-padding, 24px) - 8px));padding-bottom:max(12px, calc(var(--card-padding, 24px) - 18px))}& #secondCard:is(*,#_) :is(.card-head,.title-value-stack){margin-bottom:max(0px, calc(var(--second-title-gap, 30px) - 30px))}& #secondCard:is(*,#_) :is(.card-pie-meter, .second-spinner, .second-orbit-dot, #secondSpinner, #secondPieMeter){margin-top:-30px}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #secondCard:is(*,#_).progress-card{overflow:visible}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._){height:auto;min-height:0;margin-bottom:0;padding-bottom:0}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-bubble-row:is(*,._){position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:42px;margin:10px auto 12px;padding:0;transform:none;z-index:7}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-bubble:is(*,._){position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:max-content;max-width:calc(100% - 24px);min-height:38px;padding:8px 18px;white-space:nowrap;border-width:2px;border-radius:999px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-bubble-extra:is(*,._){position:relative;inset:auto;transform:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .slider-gap:is(*,._){margin-top:6px}& #generationCard:is(*,#_) .card-title:is(*,._){text-align:center}& #generationCard:is(*,#_) .card-title-subline:is(*,._){display:block;color:#4cc7fc;-webkit-text-fill-color:#4cc7fc;font-size:clamp(1.2rem, 2vw, 1.55rem);font-weight:600}& #generationCard:is(*,#_) .generation-age-table td{border-top:1px solid rgba(102, 161, 193, .3)}& #generationCard:is(*,#_) .generation-age-table td:first-child{border-left:1px solid rgba(102, 161, 193, .3);border-radius:12px 0 0 12px}& #generationCard:is(*,#_) .generation-age-table td:last-child{border-right:1px solid rgba(102, 161, 193, .3);border-radius:0 12px 12px 0}& #generationCard:is(*,#_) .generation-age-table .generation-name-chip{align-items:center;gap:8px}& #generationCard:is(*,#_) .generation-age-table .generation-name-chip::before{width:10px;height:10px;border-radius:999px;background:var(--generation-accent, #4cc7fc);box-shadow:0 0 0 3px rgba(255, 255, 255, .8)}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .time-slider-bubble-row:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .time-slider-bubble-row:is(*,._){position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;margin:10px auto 12px;transform:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._){overflow:visible}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){order:2;min-height:42px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .card-title-subline:is(*,._){order:3}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._) .time-slider-bubble:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._) .time-slider-bubble:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._) .time-slider-bubble:is(*,._){max-width:none;min-width:max-content;white-space:nowrap}}html body.page-time:is(*,._){--time-progress-start: #012387;--time-progress-mid: #014b87;--time-progress-mid-2: #008a91;--time-progress-end: #02bf9d;--track-fill: linear-gradient(90deg, #012387 0%, #014b87 38%, #008a91 70%, #02bf9d 100%)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #minuteCard:is(*,#_) .minute-cell:is(*,._).filled,html body.page-time:is(*,._) main.shell.shell #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled,html body.page-time:is(*,._) main.shell.shell :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._)){background:linear-gradient(90deg, #012387 0%, #014b87 38%, #008a91 70%, #02bf9d 100%);background-image:linear-gradient(90deg, #012387 0%, #014b87 38%, #008a91 70%, #02bf9d 100%)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #012387 0deg, #014b87 137deg, #008a91 252deg, #02bf9d 356deg, #02bf9d 360deg)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteCard:is(*,#_) #minutePieMeter:is(*,#_) #minutePiePercent:is(*,#_){display:inline;opacity:1;visibility:visible}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .timezone-control-wrap:is(*,._){color:#b8edff}& .timezone-control-wrap:is(*,._) .time-page-palm:is(*,._){transform:translateY(0)}& .timezone-control-wrap:is(*,._) :is(.timezone-final-name, .timezone-picker > span, .timezone-mode-label){color:#82e8ff;-webkit-text-fill-color:#82e8ff}& .timezone-control-wrap:is(*,._) :is(#timezoneSelect, .dst-choice span, .dst-choice b, .dst-choice small){color:#d7fbff;-webkit-text-fill-color:#d7fbff}& .time-mode-picker:is(*,._){background:transparent;border-color:transparent;box-shadow:none}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){background:transparent;border:0;box-shadow:none}& .time-mode-picker:is(*,._) .dst-choice:is(*,._):has(#dstStandard){width:218px;max-width:218px;justify-content:center;text-align:center}& .time-mode-picker:is(*,._) .dst-choice:is(*,._):has(#dstStandard) span{justify-content:center;text-align:center}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){background:transparent;background-image:none;border-color:transparent;box-shadow:none}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) :is(#timezoneSelect:is(*,#_), .dst-radio-wrap:is(*,._)){background:transparent;background-image:none;border-color:transparent;box-shadow:none}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){position:relative;inset:auto;order:2;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:34px;margin:18px auto 8px;padding:0;overflow:visible;text-align:center}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._) .time-slider-bubble:is(*,._){margin:0 auto}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel,html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel{margin-top:5px}html body.page-time:is(*,._) main.shell.shell .machine-pair-row:is(*,._){display:none}html body.page-time:is(*,._) main.shell.shell .machine-pair-row:is(*,._)[hidden]{display:none}html body.page-time:is(*,._) main.shell.shell .machine-pair-row:is(*,._) #timeTravelCard:is(*,#_).time-travel-card{display:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table{& table{border-color:rgba(204, 160, 232, .24)}& th{border-color:rgba(219, 177, 246, .24)}& td{border-color:rgba(219, 177, 246, .18)}& tr.is-current-generation td{color:#fff7d6;box-shadow:inset 0 0 0 1px rgba(255, 224, 140, .12)}& tr.is-future-generation td{background:#251530;color:#d8c7e8}& :is(h4, p, .generation-name-chip){color:#f4eaff;-webkit-text-fill-color:#f4eaff}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-title{& .time-card-title-suffix{color:#ffbd73;-webkit-text-fill-color:#ffbd73;font-family:Georgia, "Times New Roman", "Segoe Script", cursive;font-style:italic;font-weight:500;text-shadow:0 0 12px rgba(255, 175, 90, .28)}& .time-card-title-separator{color:rgba(177, 231, 255, .84);-webkit-text-fill-color:rgba(177, 231, 255, .84);font-style:normal}}html body.page-time:is(*,._) main.shell.shell #bottomTimeDevicesSection:is(*,#_){display:block;visibility:visible;opacity:1}html body.page-time:is(*,._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){place-items:center}html body.page-time:is(*,._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card{display:grid;visibility:visible;opacity:1}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& .card-hourglass-meter:is(*,._)::before,& .card-hourglass-meter:is(*,._)::after{height:5px}& #generationCard:is(*,#_).progress-card{background:radial-gradient(circle at 18% 0%, rgba(126, 93, 150, .18), transparent 34%), linear-gradient(145deg, #201b29 0%, #17141f 48%, #261830 100%);border-color:rgba(170, 138, 194, .34);box-shadow:inset 0 1px 0 rgba(227, 210, 244, .08), 0 18px 36px rgba(10, 5, 18, .24)}& #generationCard:is(*,#_) :is(#generationPieMeter:is(*,#_), #generationHourglassMeter:is(*,#_), .card-pie-meter:is(*,._), .card-hourglass-meter:is(*,._)){display:none}& #secondCard:is(*,#_) #secondTitle:is(*,#_).card-title:is(*,._){position:relative;top:10px}& #secondCard:is(*,#_) #secondTitleSubline:is(*,#_).card-title-subline:is(*,._){position:relative;top:-10px}& .card-hourglass-meter:is(*,._)::before,& .card-hourglass-meter:is(*,._)::after{background:rgba(93, 61, 36, .86)}& .card-hourglass-meter:is(*,._) .hourglass-sand-top:is(*,._){border-bottom-color:#b98955}& :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #eraCard#eraCard ) > .card-hourglass-meter:is(*,._){width:124px;height:112px}& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._)::before,& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._)::after{inset:2px 4px;background:linear-gradient(59deg, transparent calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% + 1.25px), transparent calc(50% + 1.25px)) left top / 50% 48% no-repeat, linear-gradient(121deg, transparent calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% + 1.25px), transparent calc(50% + 1.25px)) right top / 50% 48% no-repeat, linear-gradient(121deg, transparent calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% + 1.25px), transparent calc(50% + 1.25px)) left bottom / 50% 62% no-repeat, linear-gradient(59deg, transparent calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% - 1.25px), rgba(185, 239, 255, .9) calc(50% + 1.25px), transparent calc(50% + 1.25px)) right bottom / 50% 62% no-repeat}& .card-hourglass-meter:is(*,._)::before,& .card-hourglass-meter:is(*,._)::after{width:58px}& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_) ) > .card-pie-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._),& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #012387 0deg, #014b87 137deg, #008a91 252deg, #02bf9d 356deg, #02bf9d 360deg)}& .card-hourglass-meter:is(*,._)::before{top:-7px}& :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._),& :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) :is(.card-title-wrap:is(*,._),.title-value-stack:is(*,._)){overflow:visible}& :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){width:max-content;max-width:none;min-width:max-content;overflow:visible}& :is(#decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #decamillenniumValue:is(*,#_)).time-slider-bubble:is(*,._){width:max-content;min-width:max-content;max-width:none;padding-left:10px;padding-right:10px;white-space:nowrap}& #generationCard:is(*,#_) .progress-track:is(*,._){overflow:visible}& #generationCard:is(*,#_) #generationFill:is(*,#_).progress-fill{display:none}& #generationCard:is(*,#_) #generationMarker:is(*,#_).marker{border-left:9px solid transparent;border-right:9px solid transparent;border-top:0;border-bottom:15px solid #ffe28a}& #generationCard:is(*,#_) .segment-band:is(*,._){border-radius:inherit}& #generationCard:is(*,#_) .segment-band:is(*,._) span{box-shadow:inset -1px 0 0 rgba(255, 255, 255, .22)}& #generationCard:is(*,#_) .segment-labels:is(*,._) span,& #generationCard:is(*,#_) .generation-segment-name:is(*,._){font-size:.58rem;line-height:1.05;font-weight:700;white-space:normal}& #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr td{border-color:color-mix(in srgb, var(--generation-accent, #7b5fa2) 58%, rgba(219, 177, 246, .18))}& #generationCard:is(*,#_) .generation-age-table:is(*,._) tr.is-current-generation td{background:color-mix(in srgb, var(--generation-accent, #7b5fa2) 58%, #2b1538);border-color:color-mix(in srgb, var(--generation-accent, #7b5fa2) 76%, #ffe08c)}& .card-hourglass-meter:is(*,._) .hourglass-stream:is(*,._){z-index:5;box-shadow:0 0 4px rgba(238, 202, 143, .62), 0 0 9px rgba(185, 129, 73, .34)}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .time-side-analog-clock{position:absolute;top:50%;z-index:1;width:108px;height:108px;pointer-events:none;transform:translateY(-50%)}& .time-side-clock-left{left:34px;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(16, 42, 68, .94) 0 54%, transparent 55%), conic-gradient(from -90deg, rgba(88, 180, 222, .26), rgba(14, 48, 84, .8), rgba(116, 235, 255, .18), rgba(14, 48, 84, .8), rgba(88, 180, 222, .26));border:2px solid rgba(116, 217, 246, .56);box-shadow:inset 0 0 0 7px rgba(5, 18, 35, .82), 0 14px 22px rgba(0, 5, 14, .32)}& .time-side-clock-right{right:34px;border-radius:18px;background:linear-gradient(135deg, rgba(13, 21, 45, .96), rgba(29, 36, 77, .92)), radial-gradient(circle at 50% 50%, rgba(82, 132, 255, .22), transparent 55%);border:2px solid rgba(142, 158, 255, .52);box-shadow:inset 0 0 0 6px rgba(4, 10, 25, .72), 0 14px 22px rgba(0, 5, 14, .32)}& .side-clock-num{position:absolute;color:#aeeeff;-webkit-text-fill-color:#aeeeff;font-size:.78rem;font-weight:600;line-height:1;text-shadow:none}& .side-clock-12{top:12px;left:50%;transform:translateX(-50%)}& .side-clock-3{top:50%;right:12px;transform:translateY(-50%)}& .side-clock-6{bottom:11px;left:50%;transform:translateX(-50%)}& .side-clock-9{top:50%;left:12px;transform:translateY(-50%)}& .side-clock-tick{position:absolute;left:50%;top:50%;width:2px;height:8px;margin-left:-1px;margin-top:-47px;border-radius:999px;background:rgba(203, 214, 255, .78);transform-origin:1px 47px}& .side-clock-tick-1{transform:rotate(30deg)}& .side-clock-tick-2{transform:rotate(60deg)}& .side-clock-tick-3{transform:rotate(90deg)}& .side-clock-tick-4{transform:rotate(120deg)}& .side-clock-tick-5{transform:rotate(150deg)}& .side-clock-tick-6{transform:rotate(180deg)}& .side-clock-tick-7{transform:rotate(210deg)}& .side-clock-tick-8{transform:rotate(240deg)}& .side-clock-tick-9{transform:rotate(270deg)}& .side-clock-tick-10{transform:rotate(300deg)}& .side-clock-tick-11{transform:rotate(330deg)}& .side-clock-hand{position:absolute;left:50%;bottom:50%;width:4px;transform-origin:50% 100%;border-radius:999px}& .side-clock-hour-hand{height:26px;background:#9bd6ff}& .side-clock-minute-hand{height:36px;width:3px;background:#75f2df}& .side-clock-second-hand{height:42px;width:2px;background:#ffba52}& .side-clock-pin{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#eafaff;transform:translate(-50%, -50%);box-shadow:0 0 8px rgba(110, 225, 255, .45)}}@media (max-width: 760px){html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .time-side-analog-clock{width:78px;height:78px}& .time-side-clock-left{left:6px}& .time-side-clock-right{right:6px}}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-suffix:is(*,._){text-shadow:0 0 8px rgba(0, 166, 255, .24)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel,html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) #secondCirclePanel:is(*,#_).second-circle-panel{transform:translateY(-38px) scale(.88);transform-origin:top center}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){transform:translate(60px, 0)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._),html body.page-time:is(*,._) main.shell.shell #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._){transform:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .time-side-analog-clock{display:none}& .time-side-gear{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:112px;height:112px;pointer-events:none;transform:translateY(-50%) rotate(var(--gear-angle));transition:transform .22s cubic-bezier(.2, .9, .2, 1.15)}& .time-side-gear-left{left:32px}& .time-side-gear-right{right:32px}& .gear-body{position:absolute}& .gear-rim{position:absolute;border-radius:50%}& .gear-hub{position:absolute;border-radius:50%}}@media (max-width: 760px){html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .time-side-gear{width:78px;height:78px}& .time-side-gear-left{left:6px}& .time-side-gear-right{right:6px}}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .gear-body{inset:0;box-shadow:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is( #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #012387 0deg, #014b87 137deg, #008a91 252deg, #02bf9d 356deg, #02bf9d 360deg)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .time-side-gear{filter:drop-shadow(0 13px 16px rgba(0, 4, 12, .44)) drop-shadow(-2px -2px 0 rgba(142, 183, 202, .09))}& .gear-body,& .time-side-gear-right .gear-body{border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50.0%2C2.0L55.1%2C11.3L60.1%2C12.3L68.4%2C5.7L74.0%2C8.4L73.7%2C19.1L77.6%2C22.4L88.1%2C20.8L91.6%2C26.0L86.0%2C35.1L87.7%2C39.9L97.6%2C43.7L98.0%2C50.0L88.7%2C55.1L87.7%2C60.1L94.3%2C68.4L91.6%2C74.0L80.9%2C73.7L77.6%2C77.6L79.2%2C88.1L74.0%2C91.6L64.9%2C86.0L60.1%2C87.7L56.3%2C97.6L50.0%2C98.0L44.9%2C88.7L39.9%2C87.7L31.6%2C94.3L26.0%2C91.6L26.3%2C80.9L22.4%2C77.6L11.9%2C79.2L8.4%2C74.0L14.0%2C64.9L12.3%2C60.1L2.4%2C56.3L2.0%2C50.0L11.3%2C44.9L12.3%2C39.9L5.7%2C31.6L8.4%2C26.0L19.1%2C26.3L22.4%2C22.4L20.8%2C11.9L26.0%2C8.4L35.1%2C14.0L39.9%2C12.3L43.7%2C2.4Z%20M50%2034a16%2016%200%201%200%200%2032a16%2016%200%201%200%200-32%22%20fill%3D%22%23162836%22%20stroke%3D%22%236b8da0%22%20stroke-width%3D%221.25%22%20stroke-linejoin%3D%22miter%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M50%209C67%209%2082%2020%2088%2035C80%2021%2067%2014%2050%2014C33%2014%2020%2021%2012%2035C18%2020%2033%209%2050%209Z%22%20fill%3D%22%23314b5a%22%20opacity%3D%22.38%22%2F%3E%3Cpath%20d%3D%22M16%2067C25%2083%2038%2091%2050%2091C66%2091%2079%2082%2087%2066C76%2078%2065%2084%2050%2084C35%2084%2025%2078%2016%2067Z%22%20fill%3D%22%2307131c%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat}& .gear-rim{inset:32px;border:2px solid rgba(142, 179, 196, .56);background:rgba(5, 16, 25, .48);box-shadow:inset 0 0 0 3px rgba(1, 7, 14, .72), inset 3px 3px 8px rgba(116, 151, 170, .14), 0 0 0 1px rgba(42, 76, 94, .4)}& .gear-hub{width:23px;height:23px;background:#203746;box-shadow:inset 2px 2px 4px rgba(151, 185, 201, .24), inset -4px -4px 7px rgba(1, 8, 14, .7), 0 0 0 2px rgba(97, 133, 151, .48), 0 6px 10px rgba(0, 3, 9, .26)}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap .analog-clock:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .clock-display-wrap .analog-clock:is(*,._){background-image:none;box-shadow:0 9px 18px rgba(2, 10, 20, .28), inset 0 0 0 1px rgba(166, 217, 235, .12)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .analog-clock .hour-hand:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .analog-clock .hour-hand:is(*,._){background:#2f80ff;box-shadow:none}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .analog-clock .minute-hand:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .analog-clock .minute-hand:is(*,._){background:#20d6c7;box-shadow:none}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .analog-clock .second-hand:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .analog-clock .second-hand:is(*,._){background:#ffb15f;box-shadow:none}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .analog-clock .clock-pin:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .analog-clock .clock-pin:is(*,._){background:#d9eff8;border-color:#18384f;box-shadow:none}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time{position:relative;top:5px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle{margin-top:-1px;margin-bottom:-8px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){position:relative;box-shadow:inset 0 1px 0 rgba(210, 232, 245, .045), 0 12px 24px rgba(1, 8, 18, .2)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_) ) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){display:flex;justify-content:center;justify-self:center;width:max-content;max-width:none;min-width:max-content;margin:10px auto 0;transform:none;overflow:visible;text-align:center}& .card-hourglass-meter:is(*,._){width:134px;height:132px;overflow:visible}& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._){border:0;box-shadow:none}& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._)::before{position:absolute;inset:0;z-index:8;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 118'%3E%3Cpath d='M22 12H90' stroke='%23523b2a' stroke-width='3' stroke-linecap='round' fill='none'/%3E%3Cpath d='M22 106H90' stroke='%23523b2a' stroke-width='3' stroke-linecap='round' fill='none'/%3E%3Cpath d='M25 15C36 36 47 50 56 59C65 50 76 36 87 15' stroke='%23a7d8e6' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M25 103C36 82 47 68 56 59C65 68 76 82 87 103' stroke='%23a7d8e6' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M22 12H90M22 106H90' stroke='%23906b48' stroke-width='1' stroke-linecap='round' fill='none' opacity='.65'/%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 0 2px rgba(120, 205, 224, .22))}& .card-hourglass-meter:is(*,._) .hourglass-sand:is(*,._){z-index:4}& .card-pie-meter:is(*,._){border:1px solid rgba(116, 156, 178, .36);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .025), 0 0 0 1px rgba(75, 109, 130, .18)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){justify-self:center;align-self:center;justify-content:center;width:max-content;max-width:calc(100vw - 170px);margin:10px auto 0;transform:none;position:relative;left:auto;right:auto}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._) .time-slider-bubble:is(*,._){display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:max-content;max-width:none;padding-left:10px;padding-right:10px;white-space:nowrap;text-align:center;transform:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._){width:134px;height:132px;top:24px;right:34px;transform:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){border:1px solid rgba(122, 166, 188, .42);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 0 1px rgba(52, 86, 108, .2)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._)::after{border:1px solid rgba(172, 220, 232, .48);box-shadow:none}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._){width:134px;height:132px;top:24px;right:34px;transform:none}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._){border-width:1px;border-style:solid;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 0 1px rgba(52, 86, 108, .2)}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._)::after,& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._)::after,& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._)::after{border-width:1px;border-style:solid;border-color:rgba(172, 220, 232, .48);box-shadow:none}& #timeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin:10px auto 0;transform:none;left:auto;right:auto}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-top:2px;transform:none}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-top:-4px;transform:none;justify-self:center}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._),html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._) :is(span,b,small),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._) :is(span,b,small){color:#55a9ff}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_){color:#62b4ff}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._).is-active,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._).is-active,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._):has(input:checked),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .dst-choice:is(*,._):has(input:checked){background:linear-gradient(180deg, rgba(114, 197, 255, .34), rgba(46, 134, 214, .22));border-color:rgba(143, 214, 255, .78);box-shadow:inset 0 0 0 1px rgba(221, 248, 255, .18), 0 0 14px rgba(77, 177, 255, .2)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-bottom:8px}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-bottom:8px}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-top:-14px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) #timezoneSelect:is(*,#_){color:#62b4ff;-webkit-text-fill-color:#62b4ff}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-top:16px}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondSummary:is(*,#_).progress-summary-line,& #secondCard:is(*,#_) #secondSummary:is(*,#_).progress-summary-line{transform:translateY(10px)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._){width:150px;transform:none;overflow:visible}& .card-hourglass-meter:is(*,._)::before,& .card-hourglass-meter:is(*,._)::after{display:none;content:none}& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._){position:absolute;inset:7px 11px 7px 11px;width:auto;height:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 140'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 11H96' stroke='%2398d9ea' stroke-width='4'/%3E%3Cpath d='M32 129H96' stroke='%2398d9ea' stroke-width='4'/%3E%3Cpath d='M38 16 C45 43 55 58 64 70 C55 82 45 97 38 124' stroke='%23b6edf5' stroke-width='3.2'/%3E%3Cpath d='M90 16 C83 43 73 58 64 70 C73 82 83 97 90 124' stroke='%23b6edf5' stroke-width='3.2'/%3E%3Cpath d='M38 16 C48 38 56 55 64 66 C72 55 80 38 90 16' stroke='%235f9fb2' stroke-width='1.4' opacity='.38'/%3E%3Cpath d='M38 124 C48 102 56 85 64 74 C72 85 80 102 90 124' stroke='%235f9fb2' stroke-width='1.4' opacity='.38'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 3px 5px rgba(0, 0, 0, .22))}& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._)::before,& .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._)::after{display:none;content:none}& .card-hourglass-meter:is(*,._) .hourglass-sand:is(*,._){position:absolute;background:linear-gradient(180deg, #f3d68e 0%, #dcae58 54%, #a67835 100%);border:1px solid rgba(255, 230, 170, .32);box-shadow:inset 0 2px 5px rgba(255, 245, 201, .28), inset 0 -5px 8px rgba(96, 55, 23, .24)}& .card-hourglass-meter:is(*,._) .hourglass-stream:is(*,._){display:block;position:absolute;border-radius:999px;background:linear-gradient(180deg, #f5d995, #b47f39)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._){inset:auto;top:7px;left:11px;right:auto;bottom:auto;width:128px}& .card-hourglass-meter:is(*,._) .hourglass-stream:is(*,._){height:18px}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle{padding-top:2px;padding-bottom:2px;text-transform:none;color:#8fbde0;-webkit-text-fill-color:#8fbde0;font-size:.78rem;font-weight:400;letter-spacing:0}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time{-webkit-text-fill-color:#e8f4fb;text-shadow:0 0 8px rgba(125, 188, 230, .12)}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > span,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > span{font-weight:500;letter-spacing:0;text-transform:none}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) #binaryTime:is(*,#_){color:#9ad9ff;-webkit-text-fill-color:#9ad9ff;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-weight:500;letter-spacing:.01em}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._){& .dst-choice:is(*,._){border-color:rgba(58, 139, 220, .68);color:#66aef2;-webkit-text-fill-color:#66aef2}& .dst-choice:is(*,._) :is(span,b,small){color:#66aef2;-webkit-text-fill-color:#66aef2}& .dst-choice:is(*,._).is-active,& .dst-choice:is(*,._):has(input:checked){background-color:transparent;background-image:none;border-color:rgba(139, 205, 255, .96);color:#8dccff;-webkit-text-fill-color:#8dccff;box-shadow:inset 0 0 0 1px rgba(198, 237, 255, .22), 0 0 10px rgba(91, 174, 255, .16)}& .dst-choice:is(*,._).is-active :is(span,b,small),& .dst-choice:is(*,._):has(input:checked) :is(span,b,small){color:#8dccff;-webkit-text-fill-color:#8dccff}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._),& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) :is(.card-title-wrap:is(*,._),.card-title-line:is(*,._),.title-value-stack:is(*,._)){width:100%;justify-content:center;justify-items:center;text-align:center}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-top:-24px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._){overflow:visible}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) :is(.card-title-main,.time-card-title-separator,.time-card-title-suffix){width:auto;min-width:0;max-width:none;white-space:nowrap;flex:0 0 auto}& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) :is(.progress-summary-line:is(*,._), .compact-top-lines:is(*,._)),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) :is(.progress-summary-line:is(*,._), .compact-top-lines:is(*,._)),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) :is(.progress-summary-line:is(*,._), .compact-top-lines:is(*,._)){position:relative;top:10px}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .dst-radio-wrap:is(*,._) .dst-choice:nth-of-type(2),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .dst-radio-wrap:is(*,._) .dst-choice:nth-of-type(2),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .dst-radio-wrap:is(*,._) .dst-choice:nth-of-type(2){width:calc(var(--standard-time-option-width, 218px) - 10px);max-width:calc(var(--standard-time-option-width, 218px) - 10px);transform:translateX(25px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #generationCard:is(*,#_), #eraCard#eraCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) .card-title:is(*,._) .card-title-main:is(*,._){color:#00a6ff;-webkit-text-fill-color:#00a6ff}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-separator:is(*,._){color:#9fc9ee;-webkit-text-fill-color:#9fc9ee}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._){top:22px;right:26px}& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-measure-line:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-measure-line:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-measure-line:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .progress-summary-line:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .progress-summary-line:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .progress-summary-line:is(*,._){position:relative;top:9px}& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative;top:9px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) :is(.card-title-line:is(*,._),.title-value-stack:is(*,._)){display:flex;flex-direction:column}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._){flex-flow:row nowrap;align-items:baseline;justify-content:center;align-self:center;justify-self:center}& .card-hourglass-meter:is(*,._) .hourglass-sand-top:is(*,._){left:42px;right:42px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._){width:100%;max-width:100%;min-width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;transform:translateX(-46.5px);left:0;right:auto;grid-column:1 / -1;justify-self:stretch;justify-content:center;justify-items:center;text-align:center}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) :is(.card-title-line:is(*,._),.title-value-stack:is(*,._)){width:100%;max-width:100%;justify-self:stretch;justify-content:center;justify-items:center;align-items:center;text-align:center}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._){margin-left:auto;margin-right:auto;position:relative;left:auto;right:auto}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){position:relative}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){position:relative}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative}& #timeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #002bba 0deg, #0365a6 137deg, #05aba3 252deg, #00c925 356deg, #00c925 360deg)}& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){position:relative}& :is(#yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #eraCard#eraCard) > .card-head:is(*,._) .card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #moreTimeGroup:is(*,#_) #eraCard#eraCard > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative;top:27px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._){display:grid;justify-items:center;text-align:center;width:100%}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:2px;width:fit-content;min-width:0;max-width:none;margin:0 auto;text-align:center;white-space:normal;line-height:1.08;transform:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) :is(.card-title-main:is(*,._),.time-card-title-suffix:is(*,._)){display:block;width:max-content;max-width:none;min-width:0;margin:0 auto;text-align:center;white-space:nowrap;flex:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-separator:is(*,._){display:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .card-title-main:is(*,._){color:#00a6ff;-webkit-text-fill-color:#00a6ff}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-suffix:is(*,._){color:#65f0f7;-webkit-text-fill-color:#65f0f7;margin-top:1px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){position:relative;margin-top:0;margin-bottom:8px;justify-self:center}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative;display:block;width:fit-content;max-width:none;margin-left:auto;margin-right:auto;text-align:center}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._),& :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._){position:relative;top:30px}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .slider-gap:is(*,._),& :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .slider-gap:is(*,._){position:relative;top:20px}& #secondCard:is(*,#_) .card-title:is(*,._){transform:translateY(10px)}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) .second-slider-wrap:is(*,._),html body.page-time:is(*,._) #secondCirclePanel:is(*,#_){transform:translateY(-40px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) .second-orbit-dot:is(*,._),html body.page-time:is(*,._) #secondCirclePanel:is(*,#_) .second-orbit-dot:is(*,._){left:50%;top:50%;transform-origin:center center;transform:translate(-50%, -50%) rotate(-90deg) translateX(118px) rotate(90deg)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-mode-label:is(*,._){position:relative;left:15px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){top:15px;transform:translateX(30px)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._){top:28px}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){top:-6px;transform:translateX(30px)}& #timeVisualizedGroup:is(*,#_) :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._),& :is(#yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._){top:47px}& #secondCard:is(*,#_) .second-cursive-one:is(*,._){display:block;margin:4px auto 0;font-weight:500;text-align:center;text-shadow:0 0 14px rgba(101, 240, 247, .22)}& #secondCard:is(*,#_) :is(.second-slider-wrap, #secondCirclePanel, .second-clock-orbit, .second-orbit-dot){display:none}& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){position:relative;top:15px;transform:translateX(30px)}& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._),& :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative;top:27px}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){position:relative}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .card-title-subline:is(*,._),& #secondCard:is(*,#_) > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative}& #secondCard:is(*,#_){min-height:0;height:auto;padding-top:var(--time-second-card-top-pad, 18px);padding-bottom:24px;row-gap:0}& #secondCard:is(*,#_) > .card-head:is(*,._){min-height:0;margin-bottom:0;padding-bottom:0}& #secondCard:is(*,#_) .second-cursive-one:is(*,._){margin-top:14px}& #secondCard:is(*,#_) > .slider-gap:is(*,._),& #secondCard:is(*,#_) .slider-gap:is(*,._){display:none;width:0;height:0;min-height:0;margin:0;padding:0;overflow:hidden}& #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._){margin-top:12px;margin-bottom:0}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_).progress-card.second-card.glass-card,& #secondCard:is(*,#_).progress-card.second-card.glass-card{min-height:0;height:auto;align-self:start;align-content:start}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .time-card-title-suffix:is(*,._){position:relative;top:10px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){top:0;transform:translateY(10px)}& #timeVisualizedGroup:is(*,#_) :is(#minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){top:0;transform:translateY(10px)}& #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #dayCard#dayCard > .card-head:is(*,._) .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){transform:translateY(2px)}& #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #dayCard#dayCard > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){top:10px}& #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > .card-head:is(*,._) .card-title-subline:is(*,._),& #dayCard#dayCard > .card-head:is(*,._) .card-title-subline:is(*,._){transform:translateY(-3px)}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondTitle:is(*,#_).card-title:is(*,._),& #secondCard:is(*,#_) #secondTitle:is(*,#_).card-title:is(*,._){transform:translateY(0)}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){top:7px}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._),& #secondCard:is(*,#_) > #secondDetails:is(*,#_).detail-text:is(*,._){transform:translateY(-30px)}& #secondCard:is(*,#_),& #secondCard:is(*,#_) :is(.card-head:is(*,._),.title-value-stack:is(*,._),.time-slider-bubble-row:is(*,._)){overflow:visible}& #secondCard:is(*,#_) .second-cursive-one:is(*,._){color:#65f0f7;-webkit-text-fill-color:#65f0f7;font-size:clamp(2.35rem, 3.2vw, 3.25rem);line-height:.82}& #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){isolation:isolate}& #secondCard:is(*,#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._) :is(.time-slider-bubble:is(*,._),.time-slider-bubble-extra:is(*,._)){position:relative;z-index:2}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .dst-choice:is(*,._){color:#acd1ef}& .dst-choice:is(*,._) :is(b, small, em){color:#acd1ef;-webkit-text-fill-color:#acd1ef}& .dst-choice:is(*,._):is(.is-active, :has(input:checked)){background:#0d2b4d;border-color:rgba(139, 217, 255, .84);color:#e5fbff;box-shadow:0 0 0 1px rgba(117, 203, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .08)}& .dst-choice:is(*,._):is(.is-active, :has(input:checked)) :is(b, small, em){color:#e5fbff;-webkit-text-fill-color:#e5fbff}& .timezone-picker:is(*,._) > span{display:inline-block}& .timezone-mode-label:is(*,._){display:block}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._){background-image:none;color:#acd1ef}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) :is(b, small, em){color:#acd1ef;-webkit-text-fill-color:#acd1ef}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._):is(.is-active, :has(input:checked)){background-image:none;border-color:rgba(146, 221, 255, .9)}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._):is(.is-active, :has(input:checked)) :is(b, small, em){color:#e9fbff;-webkit-text-fill-color:#e9fbff}& .timezone-picker:is(*,._) > span{left:-10px}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) > .timezone-mode-label:is(*,._),& .timezone-mode-label:is(*,._){position:relative;left:-2px;margin-left:-2px;transform:translateX(0);padding-right:2px}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_){& #generationMarker:is(*,#_).marker{top:-24px;width:34px;height:34px;margin-left:-17px;border:2px solid rgba(255, 227, 137, .94);border-radius:50%;background:radial-gradient(circle at 35% 30%, #fff2b8, #d49b28 58%, #6b3c12 100%);box-shadow:0 0 14px rgba(255, 207, 94, .58), 0 5px 12px rgba(0, 0, 0, .32);transform:translateX(-50%);z-index:9}& #generationMarker:is(*,#_).marker::after{content:"\1F4CD";position:absolute;inset:0;display:grid;place-items:center;color:#182238;font-size:17px;line-height:1}& .segment-labels:is(*,._) span{white-space:normal;text-align:center}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){padding-top:16px;padding-bottom:16px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #secondCard:is(*,#_) :is(#secondCirclePanel:is(*,#_),#secondClockOrbit:is(*,#_)),& #secondCard:is(*,#_) :is(.second-clock-orbit:is(*,._),.second-circle-panel:is(*,._),.second-orbit-dot:is(*,._),.second-orbit-trail:is(*,._)){display:none;visibility:hidden;opacity:0}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._){height:124px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._){height:110px}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._){box-sizing:border-box}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .main-time-copy:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .main-time-copy:is(*,._){box-sizing:border-box;min-width:390px;width:390px;min-height:113px;height:113px;grid-template-rows:46px 45px;align-content:center}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time{box-sizing:border-box;display:block;width:330px;min-width:330px;max-width:330px;height:46px;min-height:46px;max-height:46px;line-height:42px;white-space:nowrap;overflow:hidden}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .main-date-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .main-date-row:is(*,._){box-sizing:border-box;width:330px;min-width:330px;max-width:330px;height:45px;min-height:45px;max-height:45px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #currentDate:is(*,#_).date-line,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #currentDate:is(*,#_).date-line{box-sizing:border-box;width:292px;min-width:292px;max-width:292px;height:35px;min-height:35px;max-height:35px;line-height:34.8px;white-space:nowrap;overflow:hidden}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:2px 12px;white-space:nowrap;overflow:hidden;flex:0 0 132px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._){height:114px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._){height:100px}& .card-hourglass-meter:is(*,._) .hourglass-stream:is(*,._){top:42px;bottom:42px;opacity:calc((1 - var(--hourglass-bottom-scale, 0)) * var(--hourglass-top-scale, 1) * .85)}& #decamillenniumCard:is(*,#_) > :is(.card-pie-meter:is(*,._),.card-hourglass-meter:is(*,._)){display:none;width:0;height:0;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}& #decamillenniumCard:is(*,#_) .progress-track:is(*,._){overflow:visible}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-year-label:is(*,._){top:-26px;white-space:normal;text-align:center;transform:translateX(-50%)}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-label-bottom:is(*,._){top:calc(100% + 10px)}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-label-top:is(*,._){top:-26px}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-start-label:is(*,._){left:0;transform:translateX(0);text-align:left}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-end-label:is(*,._){left:100%;transform:translateX(-100%);text-align:right}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-zero-top-label:is(*,._){color:#93e5ff;-webkit-text-fill-color:#93e5ff;font-size:.6rem}& #decamillenniumCard:is(*,#_) .tick-label.decamillennium-zero-line:is(*,._){display:block;top:-24px;bottom:auto;width:2px;height:calc(100% + 48px);min-width:2px;padding:0;border-radius:999px;background:rgba(147, 229, 255, .8);box-shadow:0 0 10px rgba(147, 229, 255, .42);color:transparent;transform:translateX(-50%);pointer-events:none}& #eraCard#eraCard #eraValue#eraValue.time-slider-bubble:is(*,._){min-width:270px;width:270px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& #eraCard#eraCard #eraTitleSubline:is(*,#_).card-title-subline:is(*,._),& #eraCard#eraCard .compact-top-lines:is(*,._){display:none;height:0;min-height:0;margin:0;padding:0;overflow:hidden}& #eraCard#eraCard #eraValue#eraValue.time-slider-bubble:is(*,._){opacity:1;visibility:visible}& :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .slider-gap:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_)) > .slider-gap:is(*,._){height:calc(var(--slider-top-gap, 54px) + 10px);min-height:calc(var(--slider-top-gap, 54px) + 10px)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .compact-top-lines:is(*,._){transform:translateY(-10px)}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._){transform:translateY(0)}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){top:13px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-content-inner:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-content-inner:is(*,._){transform:translateY(7px)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle{height:22px;min-height:22px;max-height:22px;padding-top:0;padding-bottom:0;line-height:12px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._),html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){box-sizing:border-box;height:22px;min-height:22px;max-height:22px;padding-block:0;line-height:12px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){box-sizing:border-box;min-height:228px;height:228px;max-height:228px;background-color:#111b2e}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-time-dashboard-container:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-time-dashboard-container:is(*,._){min-height:627px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-picker select,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) select#timezoneSelect:is(*,#_),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-picker select,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) select#timezoneSelect:is(*,#_){border-radius:0;background:#07101f;background-color:#07101f;color:#dce9ff}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-picker select option,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) select#timezoneSelect:is(*,#_) option{background:#07101f;color:#dce9ff}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-picker:is(*,._) #timezoneSelect:is(*,#_),html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-picker:is(*,._) #timezoneSelect:is(*,#_){border-radius:0;background:#07101f;background-color:#07101f;color:#dce9ff}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-picker:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-picker:is(*,._){transform:translateX(-10px)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._){transform:translate(-10px, 7px)}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-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) .card-hourglass-meter:is(*,._){& :is(.hourglass-sand:is(*,._),.hourglass-sand-top:is(*,._),.hourglass-sand-bottom:is(*,._)){border-radius:0}& .hourglass-glass:is(*,._){overflow:hidden;contain:paint}& .hourglass-sand:is(*,._){left:25%;right:25%;width:auto}& .hourglass-sand-top:is(*,._){top:14px;height:30px;clip-path:polygon(18% 0, 82% 0, 54% 100%, 46% 100%);transform:scaleX(clamp(.32, calc(var(--hourglass-top-scale, 1) * 1.34), .74)) scaleY(var(--hourglass-top-scale, 1));transform-origin:50% 100%}& .hourglass-sand-bottom:is(*,._){bottom:12px;height:31px;clip-path:polygon(46% 0, 54% 0, 82% 100%, 18% 100%);transform:scaleX(clamp(.32, calc(var(--hourglass-bottom-scale, 0) * 1.34), .74)) scaleY(var(--hourglass-bottom-scale, 0));transform-origin:50% 100%}& .hourglass-stream:is(*,._){left:50%;width:2px;transform:translateX(-50%)}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) :is(#mainTime, #militaryTime, #utcTimeHero, #utcTime),html body.page-time:is(*,._) #mainTime#mainTime.stable-output:is(*,._),html body.page-time:is(*,._) #militaryTime:is(*,#_).stable-output:is(*,._),html body.page-time:is(*,._) #utcTimeHero:is(*,#_).stable-output:is(*,._),html body.page-time:is(*,._) #utcTime#utcTime.stable-output:is(*,._),html body.page-time:is(*,._) .language-clocks-section:is(*,._) :is(.time-readout strong, .world-clock-time),html body.page-time:is(*,._) .language-clocks-section:is(*,._) .time-readout:is(*,._) strong.stable-output:is(*,._),html body.page-time:is(*,._) :is(.world-clock-card, .world-clock-section, .utc-master-clock, .my-location-clock) :is(strong, .world-clock-time),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > :is(#mainTime#mainTime,#militaryTime:is(*,#_),#utcTimeHero:is(*,#_)),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._) #binaryTime:is(*,#_){color:#f3d6a2}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-picker:is(*,._) > span,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-picker:is(*,._) > span{transform:translateX(10px)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroup:is(*,#_) #hourCard#hourCard > .card-head:is(*,._) .card-title-wrap .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #hourCard#hourCard > .card-head:is(*,._) .card-title-wrap .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){transform:translate(8px, 10px)}& #timeVisualizedGroup:is(*,#_) #dayCard#dayCard > .card-head:is(*,._) .card-title-wrap .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._),& #dayCard#dayCard > .card-head:is(*,._) .card-title-wrap .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){transform:translateY(10px)}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) :is(#digitalClock:is(*,#_).digital-time,#currentDate:is(*,#_).date-line),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) :is(#mainTime, #militaryTime, #utcTimeHero, #utcTime, #romanTime, #greekTime, #arabicTime, #japaneseTime, #kanjiTime, #chineseTime, #devanagariTime, #thaiTime, #indianTime, #binaryTime),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) #currentDate:is(*,#_).date-line,html body.page-time:is(*,._) #mainTime#mainTime,html body.page-time:is(*,._) #militaryTime:is(*,#_),html body.page-time:is(*,._) #utcTimeHero:is(*,#_),html body.page-time:is(*,._) #utcTime#utcTime,html body.page-time:is(*,._) #binaryTime:is(*,#_){color:#e6ae40}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > :is(#mainTime#mainTime.stable-output:is(*,._),#militaryTime:is(*,#_).stable-output:is(*,._),#utcTimeHero:is(*,#_).stable-output:is(*,._),#romanTime:is(*,#_).stable-output:is(*,._),#greekTime:is(*,#_).stable-output:is(*,._),#arabicTime:is(*,#_).stable-output:is(*,._),#japaneseTime:is(*,#_).stable-output:is(*,._),#kanjiTime:is(*,#_).stable-output:is(*,._),#chineseTime:is(*,#_).stable-output:is(*,._),#devanagariTime:is(*,#_).stable-output:is(*,._),#thaiTime#thaiTime.stable-output:is(*,._),#indianTime:is(*,#_).stable-output:is(*,._)),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_).stable-output:is(*,._),html body.page-time:is(*,._) #mainTime#mainTime.stable-output:is(*,._),html body.page-time:is(*,._) #militaryTime:is(*,#_).stable-output:is(*,._),html body.page-time:is(*,._) #utcTimeHero:is(*,#_).stable-output:is(*,._),html body.page-time:is(*,._) #binaryTime:is(*,#_).stable-output:is(*,._){color:#e6ae40}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > :is(#mainTime#mainTime.stable-output:is(*,._),#militaryTime:is(*,#_).stable-output:is(*,._),#utcTimeHero:is(*,#_).stable-output:is(*,._)),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_).stable-output:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #binaryTime:is(*,#_).stable-output:is(*,._){color:#e6ae40}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) .stable-output:is(*,._),html body:is(.page-time, .page-weather, .page-geography) .stable-output.stable-output-pending,html body:is(.page-time, .page-weather, .page-geography) .stable-output.stable-output-pending:not(.is-loaded),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,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:1;color:#89b8c9;-webkit-text-fill-color:currentColor;filter:none;text-shadow:none;animation:none}html body:is(.page-time, .page-weather, .page-geography) .stable-output.is-loaded,html body:is(.page-time, .page-weather, .page-geography) .stable-output.stable-output-loaded{color:inherit;-webkit-text-fill-color:currentColor}html body.page-time:is(*,._) #primaryProgress:is(*,#_){min-height:840px}html body.page-time:is(*,._) #timelineStack:is(*,#_){min-height:420px}html body.page-time:is(*,._) #primaryProgress:is(*,#_):empty::before,html body.page-time:is(*,._) #timelineStack:is(*,#_):empty::before{content:"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";display:grid;place-items:center;min-height:220px;color:#89b8c9;letter-spacing:.08em;border:1px solid rgba(137, 184, 201, .18);border-radius:8px;background:rgba(16, 38, 59, .35)}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-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle{visibility:visible;opacity:1;width:112px;min-width:112px;max-width:112px;transition:none}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle:not(.is-ready),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle#topSecondsToggle:not(.is-ready){color:#87aebe;letter-spacing:.06em}html body.page-time:is(*,._) #eraCard#eraCard{& .geologic-hierarchy-diagram{border:1px solid rgba(111, 204, 231, .42);border-radius:14px;background:radial-gradient(circle at 18% 12%, rgba(56, 143, 150, .22), transparent 34%), linear-gradient(145deg, rgba(8, 35, 47, .96), rgba(8, 23, 35, .96));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035)}& .geologic-hierarchy-box{justify-items:stretch;border:1px solid rgba(139, 225, 248, .38);border-radius:12px;background:rgba(9, 30, 45, .58)}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap .timezone-content-inner, #languageClocksSection .language-clock-grid > *, #languageClocksSection .time-readout, #languageClocksSection .binary-alt-time-readout ){opacity:1;visibility:visible;transition:opacity .58s ease}html body.page-time:is(*,._):not(.time-inner-values-ready) #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap .timezone-content-inner, #languageClocksSection .language-clock-grid > *, #languageClocksSection .time-readout, #languageClocksSection .binary-alt-time-readout ){opacity:0;visibility:hidden}html body.page-time:is(*,._) #eraCard#eraCard{& .geologic-hierarchy-era{margin-left:42px;background:rgba(12, 47, 55, .64)}& .geologic-hierarchy-period{margin-left:42px;background:rgba(20, 58, 54, .64)}& .geologic-hierarchy-epoch{margin-left:42px;background:rgba(31, 66, 50, .68)}& .geologic-hierarchy-age{margin-left:42px;background:rgba(69, 73, 41, .72)}& .geologic-hierarchy-diagram p{margin:0;color:rgba(221, 244, 250, .88);font-size:.84rem;text-align:center}& .deep-time-slider:nth-of-type(n + 7) .deep-time-segment b{font-size:.58rem;line-height:1.05}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .machine-pair-row{width:min(100%, 1480px);max-width:1480px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(0, 1fr)}html body.page-time:is(*,._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{max-width:1480px}html body.page-time:is(*,._) main.shell.shell #calendarSection:is(*,#_){display:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_){& .generation-age-table-wrap:is(*,._){margin-bottom:-22px}& .generation-age-table tr:nth-child(even) td{background:rgba(225, 235, 241, .98)}& .generation-name-label:is(*,._){color:var(--generation-label-color, #8ed6e6);-webkit-text-fill-color:var(--generation-label-color, #8ed6e6);font-size:.86rem;line-height:1.08}}html body.page-time:is(*,._) #eraCard#eraCard{& .geologic-hierarchy-box{position:relative;place-items:center}& .geologic-hierarchy-box > .geologic-hierarchy-label{z-index:2;justify-self:center;align-self:center}}html body.page-time:is(*,._) .language-clocks-section#languageClocksSection{background:radial-gradient(circle at 18% 0%, rgba(78, 108, 128, .22), transparent 34%), radial-gradient(circle at 82% 100%, rgba(37, 55, 69, .38), transparent 38%), linear-gradient(145deg, #1a2b37 0%, #142633 46%, #0b1723 100%);border:1px solid rgba(133, 166, 184, .26);box-shadow:inset 0 1px 0 rgba(211, 238, 255, .07), inset 0 -30px 54px rgba(0, 0, 0, .28), 0 18px 40px rgba(0, 0, 0, .18)}html body.page-time:is(*,._) #languageClocksSection{& .time-readout:nth-child(11),& .time-readout:nth-child(12){background:linear-gradient(145deg, #182834 0%, #101c28 55%, #0a151f 100%)}& .time-readout:nth-child(13),& .binary-alt-time-readout{background:linear-gradient(145deg, #162532 0%, #0f1b27 55%, #08141e 100%)}}html body.page-time:is(*,._) #current-time-and-weatherSection{& .dst-radio-wrap{gap:12px}& .dst-choice{padding:8px 17px 9px;border:1px solid rgba(76, 166, 220, .62);border-radius:9px;background:linear-gradient(145deg, rgba(16, 45, 66, .98), rgba(11, 31, 48, .98));font-size:1rem;line-height:1.14;box-shadow:inset 0 1px 0 rgba(211, 242, 255, .08)}& .dst-choice :is(span,em),& .dst-choice span :is(b,small){color:#78d5ff;-webkit-text-fill-color:#78d5ff}& .dst-choice span b{font-size:1.03rem;font-weight:700}& .dst-choice span small{font-size:.83rem;line-height:1.08}& .dst-choice.is-active,& .dst-choice:has(input:checked){min-height:50px;border:2px solid rgba(139, 239, 255, .96);color:#d9fbff}& .dst-choice.is-active :is(span,em),& .dst-choice.is-active span :is(b,small),& .dst-choice:has(input:checked) :is(span,em),& .dst-choice:has(input:checked) span :is(b,small){color:#d8fbff;-webkit-text-fill-color:#d8fbff}}html body.page-time:is(*,._) section.time-card.glass-card#current-time-and-weatherSection,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) :is(.clock-display-wrap:is(*,._),.timezone-control-wrap:is(*,._),.primary-time-format-panel:is(*,._)){background:radial-gradient(circle at 50% -12%, rgba(255, 255, 255, .045), transparent 36%), linear-gradient(135deg, var(--time-gray-card-a), var(--time-gray-card-b) 52%, var(--time-gray-card-c));border-color:rgba(191, 207, 214, .18);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 16px 34px rgba(0, 0, 0, .28)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .time-readout:is(*,._),html body.page-time:is(*,._) #languageClocksSection:is(*,#_) :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){background:radial-gradient(circle at 50% -12%, rgba(255, 255, 255, .035), transparent 38%), linear-gradient(145deg, #20282e, #1d272c 54%, #1b2229);border-color:rgba(191, 207, 214, .17);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 22px rgba(0, 0, 0, .24)}html body.page-time:is(*,._) #digitalClock:is(*,#_),html body.page-time:is(*,._) #mainTime#mainTime,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .digital-time:is(*,._),html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .time-readout:is(*,._) strong,html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .time-readout:is(*,._) strong,html body.page-time:is(*,._) #languageClocksSection:is(*,#_) :is(#utcTime, #militaryTime, #decimalTime, #swatchTime, #beatsTime, #siderealTime, #japaneseTime, #kanjiTime, #chineseTime, #binaryTime){color:var(--time-beige-orange)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .date-line,html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .time-readout:is(*,._) span,html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .time-readout:is(*,._) span{color:#ddc58c}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)),html body.page-time:is(*,._) #languageClocksSection:is(*,#_).language-clocks-section{background:radial-gradient(circle at 50% -16%, rgba(255, 255, 255, .04), transparent 38%), linear-gradient(135deg, #1e252b, #212b30 52%, #1c242b);border-color:rgba(191, 207, 214, .16);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 28px rgba(0, 0, 0, .26)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-time-dashboard-container:is(*,._) :is(.clock-display-wrap:is(*,._),.timezone-control-wrap:is(*,._),.primary-time-format-panel:is(*,._)){background:radial-gradient(circle at 50% -12%, rgba(255, 255, 255, .045), transparent 36%), linear-gradient(135deg, #1e252b, #212b30 52%, #1c242b);border-color:rgba(191, 207, 214, .18);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 16px 34px rgba(0, 0, 0, .28)}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section{border-color:rgba(191, 207, 214, .16)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) > article.progress-card:is(*,._),html body.page-time:is(*,._) main.shell.shell #timelineStack:is(*,#_) > :is(article.progress-card:is(*,._),article.timeline-card:is(*,._)),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) > :is(article.progress-card:is(*,._),article.timeline-card:is(*,._)),html body.page-time:is(*,._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_) > :is(article.progress-card:is(*,._),article.timeline-card:is(*,._)),html body.page-time:is(*,._) main.shell.shell #moreTimeGroup:is(*,#_) > :is(article.progress-card:is(*,._),article.timeline-card:is(*,._)),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #timelineStack:is(*,#_)) > :is(article.progress-card:is(*,._),article.timeline-card:is(*,._)){background:radial-gradient(circle at 50% -16%, rgba(255, 255, 255, .04), transparent 38%), linear-gradient(135deg, #1e252b, #212b30 52%, #1c242b);border-color:rgba(191, 207, 214, .16);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 28px rgba(0, 0, 0, .26)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_){color:#e6ae40}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section{min-height:455px;padding-bottom:48px;overflow:visible}html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroupShell:is(*,#_),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroupShell:is(*,#_) > .collapsible-group-body{display:contents}html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroupShell:is(*,#_),html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroupShell:is(*,#_) > .collapsible-group-body,html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_){background:transparent;background-color:transparent;border:0;box-shadow:none;outline:0}html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroupShell:is(*,#_) > :is(.collapsible-group-head, .collapsible-group-title, h2){display:none}html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_){width:100%;max-width:100%;margin-left:0;margin-right:0;padding:0;display:grid;grid-template-columns:minmax(0, 1fr)}html body.page-time:is(*,._) main.shell.shell #timeVisualizedGroup:is(*,#_) > :is(article.progress-card, article.timeline-card){width:100%;max-width:100%;margin-left:0;margin-right:0;grid-column:1 / -1}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroupShell:is(*,#_) #timeVisualizedGroup:is(*,#_) > :is(.progress-card:is(*,._), .timeline-card:is(*,._)){box-sizing:border-box;width:100%;max-width:100%;margin-left:0;margin-right:0}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)).glass-card,& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)).glass-card,& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)).glass-card,& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)).glass-card{background:radial-gradient(circle at 50% -16%, rgba(255, 255, 255, .052), transparent 38%), linear-gradient(135deg, #23323c, #253842 52%, #20313b);border-color:rgba(177, 213, 246, .54)}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){background:radial-gradient(circle at 50% -20%, rgba(28, 59, 92, .22), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 10% 10%, rgba(21, 47, 79, .18), rgba(0, 0, 0, 0) 30%), repeating-linear-gradient( rgba(10, 25, 47, .58) 0 20px, rgba(17, 37, 62, .58) 20px 40px, rgba(8, 23, 43, .56) 40px 60px, rgba(21, 42, 67, .48) 60px 80px, rgba(10, 29, 53, .56) 80px 100px, rgba(23, 45, 70, .42) 100px 120px, rgba(7, 20, 39, .58) 120px 140px ), repeating-linear-gradient(rgba(255, 255, 255, .018) 0 1px, rgba(255, 255, 255, 0) 1px 7px), linear-gradient(135deg, #071524 0%, #0d2135 48%, #050f1b 100%)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .clock-display-wrap:is(*,._){border-color:rgba(154, 216, 242, .34)}& .timezone-control-wrap:is(*,._){border-color:rgba(148, 222, 228, .34)}}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section{border:1px solid rgba(163, 195, 216, .24);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 16px 34px rgba(0, 0, 0, .26);border-radius:8px;padding:22px 24px 48px}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n){border-color:rgba(197, 214, 225, .24)}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .card-pie-meter:is(*,._){border-color:rgba(129, 207, 244, .78)}html body.page-time:is(*,._) main.shell.shell :is( #primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) .card-pie-meter:is(*,._) .card-pie-core:is(*,._){border-color:rgba(129, 207, 244, .78);box-shadow:inset 0 0 0 1px rgba(129, 207, 244, .18)}html body.page-time:is(*,._) main.shell.shell :is(.second-cursive-one, [class*="cursive"]){font-family:"Brush Script MT", "Segoe Script", "Snell Roundhand", "Apple Chancery", cursive}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_).time-card:is(*,._) .top-time-dashboard-container:is(*,._) .clock-display-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #current-time-and-weatherSection .clock-display-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._._){background:#19384f;background-color:#19384f;background-image:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_).time-card:is(*,._) .top-time-dashboard-container:is(*,._) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._._){background:#1b3c4a;background-color:#1b3c4a;background-image:none}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){border-color:rgba(129, 207, 244, .78)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._),html body.page-time:is(*,._) main.shell.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._){border-color:rgba(129, 207, 244, .78)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) .second-cursive-one:is(*,._),html body.page-time:is(*,._) main.shell.shell .second-cursive-one:is(*,._){font-family:"Brush Script MT", "Segoe Script", "Snell Roundhand", "Apple Chancery", cursive}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section{background:#1d313d;background-color:#1d313d;background-image:none}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n){background-color:#10263b;background-image:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._) :is(span,b){color:#ffd27a}& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._) :is(small,em){color:#b9e8ff}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) > span > b,& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) > span > b *,& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) #dstDaylight:is(*,#_) + span > b,& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) #dstStandard:is(*,#_) + span > b{color:#ffd27a}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) > span > small,& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:is(*,._) > em{color:#b9e8ff}}html body.page-time:is(*,._) main.shell.shell #generationCard:is(*,#_){& .generation-age-table-wrap:is(*,._){margin-bottom:-22px}& .generation-age-table:is(*,._){background-image:linear-gradient(180deg, #12314a, #081c31)}& .generation-age-table table{background-image:none}& .generation-age-table:is(*,._) tbody tr td{background:rgba(242, 247, 250, .96);background-image:none;color:#102232;-webkit-text-fill-color:#102232;border-color:rgba(22, 58, 80, .16)}& .generation-age-table:is(*,._) tbody tr:nth-child(even) td{background-image:none}& .generation-age-table:is(*,._) :is(h4, p, .generation-name-chip){-webkit-text-fill-color:currentColor}& .generation-age-table .generation-name-chip:is(*,._){color:var(--generation-accent);-webkit-text-fill-color:var(--generation-accent);background:transparent;background-image:none;border:0;box-shadow:none}& .generation-age-table tr.is-current-generation td{background:color-mix(in srgb, var(--generation-accent, #1e647b) 18%, #edf5f8);background-image:none}& .generation-age-table-wrap:is(*,._){display:block;width:min(100%, 760px);margin:18px auto 0;padding:0;transform:none;transition:none}& .generation-age-table:is(*,._){box-sizing:border-box;display:block;width:100%;margin:0;padding:18px 20px 20px;overflow:hidden;border:1px solid rgba(99, 178, 207, .42);border-radius:8px;background:linear-gradient(145deg, rgba(8, 28, 45, .96), rgba(6, 20, 34, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .025);transform:none;transition:none}& .generation-age-table:is(*,._) h4{margin:0 0 6px;color:#7ee7ff;-webkit-text-fill-color:#7ee7ff;font-size:1.35rem;font-weight:600;letter-spacing:0;line-height:1.15;text-align:center}& .generation-age-table:is(*,._) p{margin:0 0 14px;color:#c9dce7;-webkit-text-fill-color:#c9dce7;font-size:.92rem;font-weight:400;line-height:1.25;text-align:center}& .generation-age-table:is(*,._) table{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;overflow:hidden;border:1px solid rgba(92, 160, 188, .34);border-radius:6px;background:rgba(4, 16, 28, .72);color:#edf8ff;-webkit-text-fill-color:#edf8ff;transform:none}& .generation-age-table:is(*,._) thead{display:table-header-group}& .generation-age-table:is(*,._) tbody{display:table-row-group}& .generation-age-table:is(*,._) tr{display:table-row;height:38px;min-height:38px;transform:none}& .generation-age-table:is(*,._) :is(th,td){display:table-cell;box-sizing:border-box;height:38px;padding:8px 12px;border:1px solid rgba(80, 142, 165, .24);background:transparent;background-image:none;color:#edf8ff;-webkit-text-fill-color:#edf8ff;font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.2;text-align:left;vertical-align:middle;white-space:nowrap;transform:none;transition:none}& .generation-age-table:is(*,._) th{height:34px;padding-top:7px;padding-bottom:7px;background:rgba(14, 54, 78, .82);color:#70dcff;-webkit-text-fill-color:#70dcff;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}& .generation-age-table:is(*,._) th:nth-child(1),& .generation-age-table:is(*,._) td:nth-child(1){width:34%}& .generation-age-table:is(*,._) th:nth-child(2),& .generation-age-table:is(*,._) td:nth-child(2){width:24%}& .generation-age-table:is(*,._) th:nth-child(3),& .generation-age-table:is(*,._) td:nth-child(3){width:42%}& .generation-age-table:is(*,._) tbody tr:nth-child(odd) td{background:rgba(8, 28, 43, .72)}& .generation-age-table:is(*,._) tbody tr:nth-child(even) td{background:rgba(10, 35, 52, .78)}& .generation-age-table:is(*,._) tbody tr.is-current-generation td{background:rgba(42, 63, 44, .86);border-top-color:rgba(232, 190, 105, .62);border-bottom-color:rgba(232, 190, 105, .62)}& .generation-age-table:is(*,._) .generation-name-chip{display:none}& .generation-age-table:is(*,._) .generation-name-text{color:#ffffff;-webkit-text-fill-color:#ffffff;font-weight:400}& .generation-age-table:is(*,._) .generation-color-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:2px;background:var(--generation-accent, #70dcff);box-shadow:0 0 0 1px rgba(255, 255, 255, .18);vertical-align:1px}& .generation-age-table:is(*,._) .is-future-generation td{color:#c6d6df;-webkit-text-fill-color:#c6d6df}}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-time:is(*,._) main.shell.shell{margin-top:0}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > :first-child,html body.page-time:is(*,._) main.shell.shell > .time-zone-row:is(*,._){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-time #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, #digitalClock, #currentDate, #topSecondsToggle ),html body.delayed-data-visible.page-time #languageClocksSection:is(*,#_) .time-readout strong,html body.delayed-data-visible.page-time :is( #utcTimeHero, #utcTime, #mainTime, #militaryTime, #romanTime, #greekTime, #arabicTime, #japaneseTime, #kanjiTime, #chineseTime, #devanagariTime, #thaiTime, #indianTime, #binaryTime ){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}html body.page-time:is(*,._):not(.delayed-data-visible) main.shell.shell #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._),html body.page-time:is(*,._):not(.delayed-data-visible) #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){opacity:0;visibility:hidden;transition:opacity var(--delayed-data-fade) ease}html body.page-time:is(*,._).delayed-data-visible main.shell.shell #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._),html body.page-time:is(*,._).delayed-data-visible #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}html body.page-time #languageClocksSection:is(*,#_){position:relative;top:20px;transform:none;translate:none;transition:opacity var(--delayed-data-fade) ease, filter .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease}html body.page-time #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){margin-top:0;transform:none;translate:none;transition:none}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section{transform:none;translate:none;will-change:auto}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){margin-top:0;translate:none;will-change:auto}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_).time-card:is(*,._),html body.page-time:is(*,._) main.shell.shell > .time-zone-row:is(*,._) > #current-time-and-weatherSection:is(*,#_).time-card:is(*,._).glass-card:is(*,._){background:#243440;background-color:#243440;background-image:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .clock-display-wrap:is(*,._) .analog-clock:is(*,._){translate:none;transition:none}& .clock-display-wrap:is(*,._){position:relative;transform:none;translate:none;transition:none}& .main-time-copy:is(*,._){transform:none;translate:none;transition:none}& .main-date-row:is(*,._){min-width:calc(100% + 30px);width:calc(100% + 30px);max-width:none;transform:none;translate:none;transition:none}& #currentDate:is(*,#_).date-line{min-width:calc(100% + 30px);width:calc(100% + 30px);max-width:none;box-sizing:border-box;overflow:visible;white-space:nowrap}& .timezone-control-wrap:is(*,._){translate:none;transition:none}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-content-inner:is(*,._),html body.page-time:is(*,._) main.shell.shell section.time-zone-row:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-content-inner:is(*,._){position:relative;top:0;transform:none;translate:none;transition:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-picker:is(*,._),html body.page-time:is(*,._) main.shell.shell section.time-zone-row:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .timezone-picker:is(*,._){position:relative;top:-64px;left:-10px;transform:none;translate:none;transition:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._),html body.page-time:is(*,._) main.shell.shell section.time-zone-row:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._){position:relative;top:30px;left:-10px;transform:none;translate:none;transition:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) :is( #timezoneSelect, .timezone-mode-label, .dst-radio-wrap ){transform:none;translate:none;transition:none}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){animation:none;transition:none}html body.page-time:is(*,._).delayed-data-visible main.shell.shell #languageClocksSection:is(*,#_) :is( #utcTimeHero:is(*,#_).stable-output:is(*,._), #utcTime#utcTime.stable-output:is(*,._), #mainTime#mainTime.stable-output:is(*,._), #militaryTime:is(*,#_).stable-output:is(*,._), #romanTime:is(*,#_).stable-output:is(*,._), #greekTime:is(*,#_).stable-output:is(*,._), #arabicTime:is(*,#_).stable-output:is(*,._), #japaneseTime:is(*,#_).stable-output:is(*,._), #kanjiTime:is(*,#_).stable-output:is(*,._), #chineseTime:is(*,#_).stable-output:is(*,._), #devanagariTime:is(*,#_).stable-output:is(*,._), #thaiTime#thaiTime.stable-output:is(*,._), #indianTime:is(*,#_).stable-output:is(*,._), #binaryTime:is(*,#_).stable-output:is(*,._) ),html body.page-time:is(*,._).delayed-data-visible main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) :is( #utcTimeHero:is(*,#_).stable-output:is(*,._), #utcTime#utcTime.stable-output:is(*,._), #mainTime#mainTime.stable-output:is(*,._), #militaryTime:is(*,#_).stable-output:is(*,._), #romanTime:is(*,#_).stable-output:is(*,._), #greekTime:is(*,#_).stable-output:is(*,._), #arabicTime:is(*,#_).stable-output:is(*,._), #japaneseTime:is(*,#_).stable-output:is(*,._), #kanjiTime:is(*,#_).stable-output:is(*,._), #chineseTime:is(*,#_).stable-output:is(*,._), #devanagariTime:is(*,#_).stable-output:is(*,._), #thaiTime#thaiTime.stable-output:is(*,._), #indianTime:is(*,#_).stable-output:is(*,._), #binaryTime:is(*,#_).stable-output:is(*,._) ){opacity:1;visibility:visible}@media (prefers-reduced-motion: reduce){html body.page-time #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, #digitalClock, #currentDate, #topSecondsToggle ),html body.page-time #languageClocksSection:is(*,#_) .time-readout strong,html body.page-time :is( #utcTimeHero, #utcTime, #mainTime, #militaryTime, #romanTime, #greekTime, #arabicTime, #japaneseTime, #kanjiTime, #chineseTime, #devanagariTime, #thaiTime, #indianTime, #binaryTime ){opacity:1;visibility:visible;animation:none;transition:none}}html body.page-time:is(*,._):not(.delayed-data-visible) #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap, .main-time-copy, .timezone-control-wrap ),html body.page-time:is(*,._):not(.delayed-data-visible) #languageClocksSection:is(*,#_){opacity:0;visibility:hidden;transition:opacity var(--delayed-data-fade) ease}html body.page-time:is(*,._).delayed-data-visible #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap, .main-time-copy, .timezone-control-wrap ),html body.page-time:is(*,._).delayed-data-visible #languageClocksSection:is(*,#_){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}@media (prefers-reduced-motion: reduce){html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap, .main-time-copy, .timezone-control-wrap ),html body.page-time:is(*,._) #languageClocksSection:is(*,#_){opacity:1;visibility:visible;animation:none;transition:none}}html body.page-time:is(*,._).time-inner-values-ready #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap, .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap, .timezone-control-wrap .timezone-content-inner ),html body.page-time:is(*,._).time-inner-values-ready #languageClocksSection:is(*,#_),html body.page-time:is(*,._).time-inner-values-ready #languageClocksSection:is(*,#_) :is( .language-clock-grid > *, .time-readout, .binary-alt-time-readout, .time-readout strong ){opacity:1;visibility:visible}html body.page-time:is(*,._):not(.time-inner-values-ready) #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap, .timezone-control-wrap ),html body.page-time:is(*,._):not(.time-inner-values-ready) #languageClocksSection:is(*,#_){opacity:1;visibility:visible}html body.page-time:is(*,._):not(.time-inner-values-ready) #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap .timezone-content-inner ),html body.page-time:is(*,._):not(.time-inner-values-ready) #languageClocksSection:is(*,#_) :is( .language-clock-grid > *, .time-readout, .binary-alt-time-readout, .time-readout strong ){opacity:0;visibility:hidden;transition:opacity var(--delayed-data-fade) ease}html body.page-time:is(*,._).time-inner-values-ready #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap .timezone-content-inner ),html body.page-time:is(*,._).time-inner-values-ready #languageClocksSection:is(*,#_) :is( .language-clock-grid > *, .time-readout, .binary-alt-time-readout, .time-readout strong ){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}@media (min-width: 761px){html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{display:grid;grid-template-rows:395px;padding-top:22px;padding-bottom:48px;margin-top:-30px;margin-bottom: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-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){display:grid;grid-template-rows:repeat(6, 70px);height:425px;max-height:425px;row-gap:1px;margin-top:0;margin-bottom:-30px;transform:none;translate:none;transition:none}}html body.page-time:is(*,._):not(.time-inner-values-ready) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section.glass-card,html body.page-time:is(*,._):not(.time-inner-values-ready) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--delayed-data-fade) ease}html body.page-time:is(*,._).time-inner-values-ready main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section.glass-card,html body.page-time:is(*,._).time-inner-values-ready main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--delayed-data-fade) ease}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-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){& label.dst-choice:is(*,._){background:linear-gradient(145deg, #081826 0%, #07131f 100%);background-color:#07131f;border-color:rgba(54, 113, 160, .5);box-shadow:inset 0 1px 0 rgba(190, 225, 255, .04);font-weight:400}& label.dst-choice:is(*,._) b,& label.dst-choice:is(*,._) span b{font-weight:400}& label.dst-choice:is(*,._):has(input:checked),& label.dst-choice:is(*,._).is-active{background:linear-gradient(145deg, #0b2233 0%, #091827 100%);background-color:#0b2233;border-color:rgba(96, 174, 216, .72);box-shadow:0 0 0 1px rgba(96, 174, 216, .06), inset 0 1px 0 rgba(210, 242, 255, .08)}& > label.dst-choice:is(*,._):has(#dstDaylight:is(*,#_)),& > label.dst-choice:is(*,._):first-of-type{position:relative;top:8px}& .dst-choice:is(*,._){background:linear-gradient(145deg, #081826 0%, #07131f 100%);border-color:rgba(54, 113, 160, .5)}& .dst-choice:is(*,._) span b,& .dst-choice:is(*,._) b{font-weight:400}& .dst-choice:is(*,._):has(input:checked),& .dst-choice:is(*,._).is-active{background:linear-gradient(145deg, #0b2233 0%, #091827 100%);border-color:rgba(96, 174, 216, .72)}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){& .timezone-picker:is(*,._) #timezoneSelect:is(*,#_){position:relative;top:-10px}& .timezone-picker:is(*,._) > span{position:relative;top:5px}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) > label.dst-choice:is(*,._):first-of-type{position:relative;top:8px}}@media (min-width: 761px){html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{box-sizing:border-box;height:467px;min-height:467px;max-height:467px;overflow:visible}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){box-sizing:border-box;min-height:388px}}@media (max-width: 760px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_).language-clocks-section.glass-card{height:auto;min-height:0;max-height:none}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){background-color:#101d2b}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){background-color:#101d2b;background-image:radial-gradient(circle at 18% 0%, rgba(100, 130, 148, .15), transparent 34%), linear-gradient(145deg, #152636 0%, #101d2b 54%, #0b1520 100%);border-color:rgba(150, 176, 190, .22);box-shadow:inset 0 1px 0 rgba(231, 246, 255, .08), inset 0 -16px 24px rgba(0, 0, 0, .2), 0 10px 22px rgba(0, 0, 0, .16)}& .time-readout:is(*,._):nth-child(1){background-image:linear-gradient(145deg, #132b3f 0%, #102438 55%, #0a1624 100%)}& .time-readout:is(*,._):nth-child(2){background-image:linear-gradient(145deg, #1b2b34 0%, #13212b 55%, #0d1721 100%)}& .time-readout:is(*,._):nth-child(3){background-image:linear-gradient(145deg, #1a2c35 0%, #121f2a 55%, #0d1722 100%)}& .time-readout:is(*,._):nth-child(4){background-image:linear-gradient(145deg, #202a35 0%, #151f29 55%, #0e1620 100%)}& .time-readout:is(*,._):nth-child(5){background-image:linear-gradient(145deg, #1a2b36 0%, #13212c 55%, #0d1721 100%)}& .time-readout:is(*,._):nth-child(6){background-image:linear-gradient(145deg, #1e2d35 0%, #15212a 55%, #0f1821 100%)}& .time-readout:is(*,._):nth-child(7){background-image:linear-gradient(145deg, #182b39 0%, #111f2e 55%, #0b1725 100%)}& .time-readout:is(*,._):nth-child(8){background-image:linear-gradient(145deg, #1b2a2f 0%, #121f25 55%, #0c171d 100%)}& .time-readout:is(*,._):nth-child(9){background-image:linear-gradient(145deg, #1d2b38 0%, #141f2c 55%, #0d1723 100%)}& .time-readout:is(*,._):nth-child(10){background-image:linear-gradient(145deg, #1a2937 0%, #111c28 55%, #0a1420 100%)}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._){& .dst-radio-wrap:is(*,._){gap:12px}& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._){height:auto;min-height:48px;padding:8px 17px 9px;border:1px solid rgba(76, 166, 220, .62);border-radius:9px;background-color:#102d42;background-image:linear-gradient(145deg, rgba(16, 45, 66, .98), rgba(11, 31, 48, .98));color:#77d6ff;font-size:1rem;line-height:1.14;box-shadow:inset 0 1px 0 rgba(211, 242, 255, .08)}& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._) :is(span,em),& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._) span :is(b,small){color:#78d5ff;-webkit-text-fill-color:#78d5ff}& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._) span b{font-size:1.03rem}& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._):has(input:checked),& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._).is-active{min-height:50px;border:2px solid rgba(139, 239, 255, .96);background-color:#10516f;background-image:radial-gradient(circle at 22% 0%, rgba(105, 224, 255, .22), transparent 42%), linear-gradient(145deg, rgba(16, 81, 111, .98), rgba(13, 49, 76, .98));color:#d8fbff;box-shadow:0 0 0 1px rgba(139, 239, 255, .12), 0 0 17px rgba(89, 213, 255, .18), inset 0 1px 0 rgba(232, 252, 255, .18)}& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._):has(input:checked) :is(span,em),& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._):has(input:checked) span :is(b,small),& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._).is-active :is(span,em),& .dst-radio-wrap:is(*,._) .dst-choice:is(*,._).is-active span :is(b,small){color:#d8fbff;-webkit-text-fill-color:#d8fbff}}html body.page-time:is(*,._):not(.time-inner-values-ready) #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap .analog-clock, .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap .timezone-content-inner ),html body.page-time:is(*,._):not(.time-inner-values-ready) #languageClocksSection:is(*,#_) :is( .language-clock-grid > *, .time-readout, .binary-alt-time-readout, .time-readout strong ){opacity:0;visibility:hidden}html body.page-time:is(*,._).time-inner-values-ready #current-time-and-weatherSection:is(*,#_) :is( .clock-display-wrap .analog-clock, .analog-clock .clock-hand, .main-time-copy, #topSecondsToggle, .timezone-control-wrap .timezone-content-inner ),html body.page-time:is(*,._).time-inner-values-ready #languageClocksSection:is(*,#_) :is( .language-clock-grid > *, .time-readout, .binary-alt-time-readout, .time-readout strong ){opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade) ease}html body.page-time #current-time-and-weatherSection .timezone-picker > span,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) label.timezone-picker:is(*,._) > span{position:relative;top:25px}@media (min-width: 761px){html body.page-time:is(*,._._) main.shell.shell > .time-zone-row:is(*,._) > #current-time-and-weatherSection:is(*,#_).time-card.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_).time-card.glass-card{box-sizing:border-box;min-height:1134px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{box-sizing:border-box;grid-template-rows:395px;overflow:visible}}html body.page-time:is(*,._):not(.time-inner-values-ready) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{pointer-events:none;transition:opacity var(--delayed-data-fade) ease}html body.page-time:is(*,._).time-inner-values-ready main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--delayed-data-fade) ease}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.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_){& .generation-age-table h4{margin-bottom:4px}& .generation-age-table p{margin-bottom:10px}& .generation-progress-summary-lines:is(*,._){display:grid;gap:8px;margin:18px auto 0;text-align:center}& .generation-progress-summary-lines:is(*,._) span{color:#d9f7ff;-webkit-text-fill-color:#d9f7ff;font-size:1.02rem;font-weight:400;text-shadow:0 0 8px rgba(91, 205, 241, .18)}& .generation-age-table:is(*,._) tbody tr td{border-bottom:1px solid rgba(22, 58, 80, .16)}& .generation-age-table .generation-name-chip:is(*,._){background-image:none}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .main-time-copy:is(*,._._){box-sizing:border-box}& .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) > .timezone-mode-label:is(*,._._){position:relative;top:15px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .main-time-copy:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .main-time-copy:is(*,._._){width:520px;min-width:520px;max-width:520px}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& .time-slider-bubble-row .time-slider-bubble:is(*,._){padding-left:30px;padding-right:30px;background:radial-gradient(circle at 50% 0%, rgba(112, 221, 255, .18), transparent 46%), linear-gradient(180deg, #1b5066 0%, #123447 100%);border-color:rgba(126, 231, 255, .62);box-shadow:inset 0 1px 0 rgba(226, 250, 255, .12), 0 8px 18px rgba(0, 0, 0, .18)}& :is( #secondValue:is(*,#_), #minuteValue:is(*,#_), #hourValue:is(*,#_), #dayValue#dayValue, #dayNightValue:is(*,#_), #weekValue:is(*,#_), #monthValue:is(*,#_), #yearValue:is(*,#_), #decadeValue:is(*,#_), #centuryValue:is(*,#_), #millenniumValue:is(*,#_), #decamillenniumValue:is(*,#_) ).time-slider-bubble:is(*,._){padding-left:30px;padding-right:30px;background-color:#123447;background-image:radial-gradient(circle at 50% 0%, rgba(112, 221, 255, .18), transparent 46%), linear-gradient(180deg, #1b5066 0%, #123447 100%);background-repeat:no-repeat;background:radial-gradient(circle at 50% 0%, rgba(112, 221, 255, .18), transparent 46%), linear-gradient(180deg, #1b5066 0%, #123447 100%);border-color:rgba(126, 231, 255, .62)}& #dayTrack#dayTrack > .day-edge-hour-top-label:is(*,._):not(.time-hide-generated-tick){display:block}& .progress-track > .time-hide-generated-tick:is(*,._){display:none}& #hourTrack:is(*,#_) .tick-label.edge-tick.time-bottom-label{min-width:76px}& #dayTrack#dayTrack .day-time-bottom-label.time-bottom-label:first-of-type{min-width:96px}& #weekTrack:is(*,#_) > .tick.major{width:4px;background:rgba(219, 248, 255, .9);box-shadow:0 0 8px rgba(115, 220, 255, .28)}& #weekTrack:is(*,#_) > .week-day-number-bottom-label:is(*,._){font-size:.96rem;font-weight:650;color:#e8fbff;min-width:74px}& #yearTrack:is(*,#_) > .time-year-top-milestone:is(*,._){top:-58px;min-width:94px;color:#f2d795;font-size:.82rem;line-height:1.08;white-space:normal}& #yearTrack:is(*,#_) > .year-season-new-years-eve-label:is(*,._){transform:translateX(calc(-100% + 10px));text-align:right}& #generationCard:is(*,#_) #generationValue:is(*,#_).time-slider-bubble:is(*,._){padding-left:34px;padding-right:34px}& #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% )}& #generationCard:is(*,#_) .generation-age-table:is(*,._){border-color:rgba(97, 224, 211, .3)}& #generationCard:is(*,#_) .generation-name-chip:is(*,._){display:inline-block;min-width:160px;text-align:left;color:#edf8f4;border-left:4px solid var(--generation-accent, #56a6a2);padding-left:10px}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_#_) :is( #secondValue:is(*,#_#_), #minuteValue:is(*,#_#_), #hourValue:is(*,#_#_), #dayValue:is(*,#_#_), #dayNightValue:is(*,#_#_), #weekValue:is(*,#_#_), #monthValue:is(*,#_#_), #yearValue:is(*,#_#_), #generationValue:is(*,#_#_), #decadeValue:is(*,#_#_), #centuryValue:is(*,#_#_), #millenniumValue:is(*,#_#_), #decamillenniumValue:is(*,#_#_) ).time-slider-bubble:is(*,._){background-color:#123447;background-image:radial-gradient(circle at 50% 0%, rgba(112, 221, 255, .18), transparent 46%), linear-gradient(180deg, #1b5066 0%, #123447 100%);border-color:rgba(126, 231, 255, .62)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #generationCard:is(*,#_) #generationTopLines:is(*,#_){transform:translate(40px, -25px)}& #generationCard:is(*,#_) #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;white-space:normal;overflow:visible;color:var(--generation-label-color, #d7e8df);-webkit-text-fill-color:var(--generation-label-color, #d7e8df);font-size:.98rem;line-height:1.08;font-weight:600;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;line-height:1.08;font-weight:700}& #generationCard:is(*,#_) .generation-age-table :is(h4, p, th, td, strong, span, em){color:#142329;-webkit-text-fill-color:#142329;text-shadow:none}& #generationCard:is(*,#_) .generation-age-table th{border-bottom:1px solid #a7b8b4}& #generationCard:is(*,#_) .generation-age-table td{border-bottom:1px solid #cdd8d5}& #generationCard:is(*,#_) .generation-age-table .generation-name-chip:is(*,._){border-left-color:var(--generation-accent, #1e647b)}& #yearTrack:is(*,#_) .year-season-midyear-label:is(*,._){display:none;visibility:hidden;opacity:0}& #yearTrack:is(*,#_) > .year-season-new-years-day-label:is(*,._){display:block;visibility:visible;opacity:1;left:0;transform:translateX(0);text-align:left;white-space:normal;min-width:126px;z-index:5}& #yearTrack:is(*,#_).progress-track > :is(.tick-label.edge-tick.year-season-new-years-day-label:is(*,._)[style*="left:0"],.tick-label.edge-tick.year-season-new-years-day-label:is(*,._)[style*="left: 0"]){display:block;visibility:visible;opacity:1}& #decamillenniumCard:is(*,#_){height:504px;min-height:504px;max-height:504px}& #decamillenniumCard:is(*,#_) #decamillenniumDetails:is(*,#_){transform:translateY(-30px);margin-top:-15px}& #generationCard:is(*,#_) .generation-age-table:is(*,._){color:#e8f5ff;-webkit-text-fill-color:#e8f5ff}& #generationCard:is(*,#_) .generation-age-table :is(h4, p, table, thead, tbody, tr, th, td, span, strong, em){border-radius:0;background:transparent;background-image:none;box-shadow:none;text-shadow:none;color:#e8f5ff;-webkit-text-fill-color:#e8f5ff}}html body.page-time:is(*,._) #eraCard#eraCard{& .geologic-hierarchy-diagram{display:grid;justify-items:center;gap:12px;padding:16px}& .geologic-hierarchy-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:10px;padding:14px;text-align:center}& .geologic-hierarchy-box > :is(.geologic-hierarchy-box,.geologic-hierarchy-label){grid-area:auto}& .geologic-hierarchy-eon{width:min(100%, 920px);min-height:280px}& :is(.geologic-hierarchy-era,.geologic-hierarchy-period,.geologic-hierarchy-epoch,.geologic-hierarchy-age){width:calc(100% - 34px);height:auto;flex:1 1 auto;margin:0 auto}& .geologic-hierarchy-era{min-height:210px}& .geologic-hierarchy-period{min-height:152px}& .geologic-hierarchy-epoch{min-height:96px}& .geologic-hierarchy-age{min-height:42px}& .geologic-hierarchy-label{position:static;display:block;width:100%;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#d6f5ff;-webkit-text-fill-color:#d6f5ff;font-size:1rem;font-weight:500;text-align:center}& .deep-time-slider header{display:grid;justify-items:center;justify-content:center;gap:4px;text-align:center}& .deep-time-slider header :is(span,em){width:100%;max-width:none;text-align:center}& .deep-time-track{position:relative;overflow:visible}& .deep-time-progress-icon{position:absolute;top:-12px;z-index:12;width:18px;height:24px;transform:translateX(-50%);pointer-events:none}& .deep-time-progress-icon > span{display:block;width:18px;height:18px;border:2px solid #c9fbff;border-radius:50%;background:#39c7dd;box-shadow:0 0 12px rgba(57, 199, 221, .48)}& .deep-time-progress-icon::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #c9fbff;transform:translateX(-50%)}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr td,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr:nth-child(even) td,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr.is-current-generation td,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table:is(*,._) tbody tr.is-future-generation td,html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table:is(*,._) thead tr th{background:transparent;background-image:none;color:#e8f5ff;-webkit-text-fill-color:#e8f5ff}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){box-sizing:border-box}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& #monthCard:is(*,#_) #monthTrack:is(*,#_).progress-track:is(*,._) > .month-week-tick:is(*,._){width:5px;min-width:5px;border-radius:999px;background:rgba(205, 231, 241, .92);background-color:rgba(205, 231, 241, .92)}& #monthCard:is(*,#_) #monthTrack:is(*,#_).progress-track:is(*,._) > .month-week-label:is(*,._){font-size:1.1rem;line-height:1.1}& #yearCard#yearCard #yearTrack:is(*,#_).progress-track:is(*,._) > :is(.tick-label, .top-label, .bottom-label, .year-month-label, .year-season-bottom-label, .year-season-top-label, .time-year-top-milestone){font-weight:400}& #yearCard#yearCard #yearTrack:is(*,#_).progress-track:is(*,._) > .year-season-new-years-day-label:is(*,._){font-size:.74rem;line-height:1.05;font-weight:400;min-width:96px;max-width:112px}& #generationCard:is(*,#_) .generation-age-table:is(*,._){background-image:none}& #generationCard:is(*,#_) .generation-age-table:is(*,._) *,& #generationCard:is(*,#_) .generation-age-table:is(*,._) *::before,& #generationCard:is(*,#_) .generation-age-table:is(*,._) *::after{border:0;border-radius:0;outline:0;box-shadow:none;text-shadow:none}& #generationCard:is(*,#_) .generation-age-table:is(*,._) :is(table,thead,tbody,tr,th,td){background:transparent;background-image:none}& #generationCard:is(*,#_) .generation-age-table:is(*,._) .generation-name-chip:is(*,._){min-width:0;padding:0;border:0}& #generationCard:is(*,#_) .generation-age-table:is(*,._) .generation-name-chip:is(*,._)::before,& #generationCard:is(*,#_) .generation-age-table:is(*,._) .generation-name-chip:is(*,._)::after{content:none;display:none}& #generationLabels:is(*,#_) .generation-segment-name:is(*,._){color:#e9fbff;-webkit-text-fill-color:#e9fbff;text-shadow:0 0 6px rgba(116, 221, 241, .28)}}html body.page-time:is(*,._) main.shell.shell #bottomTimeDevicesSection:is(*,#_).bottom-time-devices{display:block;box-sizing:border-box}html body.page-time:is(*,._) main.shell.shell #bottomTimeDevicesSection:is(*,#_) .bottom-time-device-grid:is(*,._),html body.page-time:is(*,._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){grid-template-columns:minmax(0, 1fr);justify-items:stretch}@media (max-width: 980px){html body.page-time main.shell #current-time-and-weatherSection .timezone-control-wrap .time-side-gear{display:none;opacity:0;visibility:hidden;pointer-events:none}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-seconds-toggle:is(*,._){position:relative;top:8px;margin-top:20px}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section{width:min(100%, 900px);max-width:900px;margin-left:auto;margin-right:auto}html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #greekTime:is(*,#_){font-family:"Segoe UI Symbol", "Noto Sans", "Arial Unicode MS", "Segoe UI", Arial, sans-serif;font-size:clamp(1.02rem, 1.55vw, 1.42rem);letter-spacing:.05em}html body.page-time:is(*,._._) main.shell.shell > #languageClocksSection:is(*,#_#_).language-clocks-section,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section{width:min(100%, 900px);max-width:900px;min-width:0}html body.page-time:is(*,._._) main.shell.shell > #timelineStack:is(*,#_).timeline-stack{display:none;height:0;min-height:0;max-height:0;margin:0;padding:0;border:0;overflow:hidden}html body.page-time:is(*,._._) main.shell.shell #dayTrack#dayTrack{& .day-noon-bottom-label{display:none}& .day-midnight-bottom-label{transform:translate(-50%, -10px)}}html body.page-time:is(*,._._) main.shell.shell :is(#decadeTrack, #centuryTrack, #millenniumTrack, #decamillenniumTrack) .time-left-start-label{display:block;opacity:1;visibility:visible;left:0;transform:translateX(0);z-index:9}html body.page-time:is(*,._._) main.shell.shell #decamillenniumCard:is(*,#_){& :is(.tick-label, .time-left-start-label, .time-bottom-label, .compact-top-lines, .detail-text, .bottom-metric-list, .compact-detail-metrics){font-size:1.08rem;line-height:1.18}& :is(.bottom-metric-list, .compact-detail-metrics, .detail-text){transform:translateY(15px)}}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .geologic-hierarchy-explainer{order:-1;max-width:940px;color:#d7f5ff;-webkit-text-fill-color:#d7f5ff;text-align:center;font-size:1rem}& .geologic-hierarchy-label{align-self:center;justify-self:center;text-align:center}& .deep-time-slider header{justify-items:center;text-align:center}& .deep-time-slider :is(header span, header em, .deep-time-boundary-labels span, footer span, .deep-time-scale-note, .deep-time-segment b){font-size:1.05rem;line-height:1.12}& .deep-time-slider:is(*,._){margin-left:auto;margin-right:auto}& .deep-time-track-wrap:is(*,._){margin-left:auto;margin-right:auto}& .deep-time-segment:is(*,._).is-current{outline-offset:-3px}& :is(.card-header-context,.time-card-context){transform:translateY(15px)}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .main-time-copy:is(*,._){background:radial-gradient(circle at 50% 0%, rgba(118, 225, 255, .12), transparent 46%), linear-gradient(145deg, rgba(20, 44, 68, .97), rgba(16, 29, 51, .98));border-color:rgba(133, 219, 255, .38)}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){& .present-moment-card:is(*,._){text-align:center;border:1px solid rgba(136, 224, 255, .34)}& .present-moment-title{margin:0 0 8px;font-weight:500}& .present-moment-infinity{color:#e9f7ff;font-size:clamp(5rem, 10vw, 8.5rem);line-height:.82;text-shadow:0 0 28px rgba(114, 232, 255, .4)}& .present-moment-slider{grid-template-columns:max-content minmax(80px, 1fr) max-content minmax(80px, 1fr) max-content;align-items:center;gap:14px;width:min(100%, 820px);margin:16px auto 0;color:#d9f4ff;font-size:1rem}& .present-moment-line{height:3px;border-radius:999px;background:linear-gradient(90deg, rgba(95, 197, 255, .12), rgba(123, 244, 220, .8), rgba(95, 197, 255, .12));box-shadow:0 0 12px rgba(110, 231, 255, .22)}}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .deep-time-slider:is(*,._){width:100%;max-width:100%}& .deep-time-segment:is(*,._).is-future b,& .deep-time-boundary-end{display:none}}html body.page-time:is(*,._._) main.shell.shell #decamillenniumCard:is(*,#_) #decamillenniumTrack:is(*,#_).progress-track,html body.page-time:is(*,._._) main.shell.shell #decamillenniumCard:is(*,#_) .progress-track:is(*,._){border:2px solid rgba(126, 222, 246, .72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 0 16px rgba(91, 212, 238, .18)}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard .deep-time-segment:is(*,._) b{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:0 4px;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.05;text-align:center}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card{margin-left:auto;margin-right:auto}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_){display:block;width:100%;min-width:0;text-align:center;font-variant-numeric:tabular-nums}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_){& #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,& #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_){display:block;width:100%;min-width:0;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}& .main-time-copy:is(*,._._){position:relative;top:13px}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{background-color:#102133;background-image:none}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{transform-origin:top center}html body.page-time:is(*,._._) main.shell.shell #decamillenniumCard:is(*,#_) #decamillenniumTrack:is(*,#_) :is(.tick-label, .top-label, .time-left-start-label, .time-bottom-label, .period-label, .segment-label){font-size:1.16rem;line-height:1.16}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) #decamillenniumCard:is(*,#_) .tick-label.decamillennium-year-label:is(*,._),html body.page-time:is(*,._._) main.shell.shell #decamillenniumCard:is(*,#_) #decamillenniumTrack:is(*,#_) .tick-label.decamillennium-year-label:is(*,._){font-size:.62rem;line-height:1.12;max-width:82px}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& :is(.deep-time-segment:is(*,._).is-current,.deep-time-segment:is(*,._).geologic-current-full-period){background:var(--deep-color, rgba(75, 143, 165, .9));outline:none;box-shadow:none}& .deep-time-segment:is(*,._).is-current::before,& .deep-time-segment:is(*,._).is-current::after,& .deep-time-segment:is(*,._).geologic-current-full-period::before,& .deep-time-segment:is(*,._).geologic-current-full-period::after{content:none;display:none;background:none;box-shadow:none}& .deep-time-segment:is(*,._).geologic-future-blank-hidden{display:none}}html body.page-time:is(*,._._) main.shell.shell #bottomTimeDevicesSection:is(*,#_).bottom-time-devices{margin:34px auto 48px;padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none}html body.page-time:is(*,._._) main.shell.shell #bottomTimeDevicesSection:is(*,#_) > .progress-section-title{display:none}html body.page-time:is(*,._._) main.shell.shell #bottomTimeDevicesSection:is(*,#_) .bottom-time-device-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_).bottom-time-machine-slot{display:grid;grid-template-columns:minmax(0, 1fr);gap:22px;width:100%;max-width:1480px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){& .present-moment-card:is(*,._),& #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card{margin:0 auto}& #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card{transform:none}& #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card :is(.time-travel-status-panel,.time-travel-controls){width:min(100%, 1180px);max-width:1180px;margin-left:auto;margin-right:auto}& #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card .time-travel-controls{padding:24px 28px;border:1px solid rgba(205, 154, 255, .52);border-radius:10px}}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .geologic-hierarchy-diagram:is(*,._){width:min(100%, 1040px);margin:8px auto 18px;padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none}& .geologic-hierarchy-explainer:is(*,._){margin:0 auto 12px;padding:0;border:0;background:transparent;box-shadow:none}& .geologic-hierarchy-box:is(*,._){border:1px solid rgba(102, 197, 229, .54);background:linear-gradient(180deg, rgba(17, 48, 66, .9), rgba(9, 28, 43, .95));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08)}& .geologic-hierarchy-eon.geologic-hierarchy-box{background:linear-gradient(180deg, #071b32, #051426)}& .geologic-hierarchy-era.geologic-hierarchy-box{background:linear-gradient(180deg, #0b2841, #071d31)}& .geologic-hierarchy-period.geologic-hierarchy-box{background:linear-gradient(180deg, #103750, #0b2a40)}& .geologic-hierarchy-epoch.geologic-hierarchy-box{background:linear-gradient(180deg, #174b66, #103b54)}& .geologic-hierarchy-age.geologic-hierarchy-box{background:linear-gradient(180deg, #20627d, #174f68)}& .geologic-hierarchy-label:is(*,._){width:auto;min-width:220px;border:0;box-shadow:none;color:#d6f5ff;-webkit-text-fill-color:#d6f5ff}& .geologic-hierarchy-label:is(*,._) span{font-size:.82rem;color:#8fe7ff;-webkit-text-fill-color:#8fe7ff;white-space:nowrap}& .geologic-hierarchy-label:is(*,._) strong{font-size:1.08rem;font-weight:600;color:#f0fbff;-webkit-text-fill-color:#f0fbff;white-space:nowrap}& #eraDetails:is(*,#_),& :is(.deep-time-note:is(*,._),.deep-time-slider[hidden]){display:none}& .deep-time-boundary-labels .deep-time-boundary-end{display:none}& .deep-time-current-metrics{display:block;margin:8px auto 0;width:min(100%, 860px);color:#cdebf4;-webkit-text-fill-color:#cdebf4;font-size:.82rem;line-height:1.25;text-align:center}& .deep-time-current-metrics span{display:inline-block;padding:5px 12px;border:1px solid rgba(99, 174, 205, .28);border-radius:6px;background:rgba(7, 23, 36, .62)}& .civilization-age-slider:is(*,._) .deep-time-track-wrap{margin-top:26px}& .civilization-age-slider:is(*,._) .deep-time-track{height:44px}& .civilization-age-slider:is(*,._) .deep-time-segment b{display:none}& .civilization-age-external-labels{pointer-events:none}& .civilization-age-label{position:absolute;max-width:92px;transform:translateX(-50%);color:#dff7ff;-webkit-text-fill-color:#dff7ff;font-size:.78rem;line-height:1.08;text-align:center;white-space:normal}& .civilization-age-label-top{top:0}& .civilization-age-label-bottom{bottom:0}}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& #secondCard:is(*,#_).second-card-with-side-clocks{position:relative;overflow:visible}& #secondCard:is(*,#_) .second-side-clock-stage{position:absolute;z-index:2;left:20px;right:20px;top:90px;height:142px;pointer-events:none}& #secondCard:is(*,#_) .second-side-analog-clock{position:absolute;top:0;width:122px;height:122px;border-radius:50%;border:4px solid rgba(154, 230, 255, .84);background:radial-gradient(circle at 50% 50%, rgba(10, 32, 54, .98), rgba(5, 17, 31, .98));box-shadow:inset 0 0 0 2px rgba(255,255,255,.08), 0 0 20px rgba(81, 195, 244, .18)}& #secondCard:is(*,#_) .second-side-analog-clock-left{left:36px;border-color:rgba(124, 212, 255, .92);background:radial-gradient(circle at 52% 48%, #14365a, #07182b 72%)}& #secondCard:is(*,#_) .second-side-analog-clock-right{right:36px;border-color:rgba(170, 238, 221, .9);background:radial-gradient(circle at 48% 42%, #173f45, #091c25 72%)}& #secondCard:is(*,#_) .second-side-clock-number{position:absolute;color:#d7fbff;-webkit-text-fill-color:#d7fbff;font-size:.72rem;font-weight:700;line-height:1;transform:translate(-50%, -50%)}& #secondCard:is(*,#_) .second-side-clock-number.n12{left:50%;top:11%}& #secondCard:is(*,#_) .second-side-clock-number.n1{left:70%;top:16%}& #secondCard:is(*,#_) .second-side-clock-number.n2{left:84%;top:31%}& #secondCard:is(*,#_) .second-side-clock-number.n3{left:89%;top:50%}& #secondCard:is(*,#_) .second-side-clock-number.n4{left:84%;top:69%}& #secondCard:is(*,#_) .second-side-clock-number.n5{left:70%;top:84%}& #secondCard:is(*,#_) .second-side-clock-number.n6{left:50%;top:89%}& #secondCard:is(*,#_) .second-side-clock-number.n7{left:30%;top:84%}& #secondCard:is(*,#_) .second-side-clock-number.n8{left:16%;top:69%}& #secondCard:is(*,#_) .second-side-clock-number.n9{left:11%;top:50%}& #secondCard:is(*,#_) .second-side-clock-number.n10{left:16%;top:31%}& #secondCard:is(*,#_) .second-side-clock-number.n11{left:30%;top:16%}& #secondCard:is(*,#_) .second-side-clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:999px}& #secondCard:is(*,#_) .second-side-hour-hand{width:4px;height:34px;background:#65a8ff}& #secondCard:is(*,#_) .second-side-minute-hand{width:3px;height:46px;background:#62fff2}& #secondCard:is(*,#_) .second-side-second-hand{width:2px;height:50px;background:#ff786d;box-shadow:0 0 8px rgba(255, 120, 109, .52)}& #secondCard:is(*,#_) .second-side-clock-pin{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%, -50%);border-radius:50%;background:#d9fbff;box-shadow:0 0 9px rgba(151, 238, 255, .5)}}@media (max-width: 900px){html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_){& .second-side-clock-stage{opacity:.72}& .second-side-analog-clock{width:92px;height:92px}}}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .card-head .card-title{margin-bottom:20px}& .geologic-hierarchy-explainer:is(*,._){display:none}& .deep-time-scale-note:is(*,._){visibility:hidden;min-height:1.25em}& .deep-time-progress-icon:is(*,._){top:-22px;width:22px;height:38px;transform:translateX(-50%)}& .deep-time-progress-icon:is(*,._)::before{content:"Present";position:absolute;left:50%;top:-27px;transform:translateX(-50%);color:#9ff4ff;-webkit-text-fill-color:#9ff4ff;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-shadow:0 0 8px rgba(96, 230, 255, .5);white-space:nowrap}& .deep-time-progress-icon:is(*,._) > span{position:absolute;left:50%;top:-2px;display:block;width:3px;height:27px;transform:translateX(-50%);border:0;border-radius:0;background:linear-gradient(180deg, #c8fbff, #38d8ff);box-shadow:0 0 9px rgba(75, 220, 255, .58)}& .deep-time-progress-icon:is(*,._)::after{content:"";position:absolute;left:50%;top:22px;bottom:auto;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid #42dcff;transform:translateX(-50%);filter:drop-shadow(0 0 7px rgba(73, 218, 255, .55))}& .deep-time-slider-epoch .deep-time-boundary-labels .epoch-holocene-start-label{top:auto;bottom:-25px;transform:translateX(-50%);text-align:center}& #eraValue#eraValue{transform:translateY(50px)}}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) #eraCard#eraCard #eraValue#eraValue.time-slider-bubble:is(*,._){transform:translate(40px, 45px)}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard #eraSliderStack:is(*,#_){margin-bottom:-25px}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_){& .timezone-control-wrap:is(*,._._){height:238px;min-height:238px;max-height:238px}& #currentDate:is(*,#_),& #currentDate:is(*,#_) .current-date-main{color:#9cecff;-webkit-text-fill-color:#9cecff;text-shadow:0 0 12px rgba(94, 208, 247, .22)}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{align-items:start}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){align-items:stretch}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)){justify-self:stretch;border-color:rgba(102, 200, 238, .58);background:radial-gradient(circle at 18% 0%, rgba(84, 206, 230, .18), transparent 36%), linear-gradient(145deg, rgba(16, 55, 69, .92), rgba(8, 28, 48, .98))}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2n),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2n){background:radial-gradient(circle at 18% 0%, rgba(97, 175, 238, .19), transparent 36%), linear-gradient(145deg, rgba(18, 50, 79, .94), rgba(9, 25, 44, .98))}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_){& .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),& .language-clock-grid:is(*,._) > .egyptian-alt-time-readout:is(*,._) > #egyptianTime:is(*,#_){white-space:nowrap}& .other-clock-utc:is(*,._){grid-column:5 / span 4}& .time-readout-12:is(*,._){grid-column:4 / span 3}& .time-readout-24:is(*,._){grid-column:7 / span 3}& :is(.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)){grid-column:3 / span 8}}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) :is(.second-side-clock-stage,.second-side-analog-clock){display:none}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_){& .time-machine-head:is(*,._){display:grid;width:78px;height:54px;margin:5px auto 0;opacity:0;visibility:hidden;transition:opacity .28s ease, filter .28s ease}& .time-machine-car:is(*,._){opacity:0;visibility:hidden;transition:opacity .28s ease, filter .28s ease, transform .28s ease}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-traveled :is(.time-machine-head:is(*,._),.time-machine-car:is(*,._)){opacity:1;visibility:visible}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_) .present-time-status-button:is(*,._){min-height:36px;border-color:rgba(117, 157, 196, .58);-webkit-text-fill-color:#cdefff}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){& > .other-clock-utc:is(*,._).time-readout-utc-top{justify-self:center}& > .time-readout-12:is(*,._){justify-self:center}& > .time-readout-24:is(*,._){justify-self:center}& > .time-readout:nth-child(4),& > .time-readout:nth-child(5),& > .time-readout:nth-child(6){justify-self:center}& > .time-readout:nth-child(7),& > .time-readout:nth-child(8),& > .time-readout:nth-child(9){justify-self:center}& > .time-readout:nth-child(10),& > .time-readout:nth-child(11),& > .time-readout:nth-child(12){justify-self:center}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._):nth-child(2n),& > .time-readout:is(*,._):nth-child(3n),& > .time-readout:is(*,._):nth-child(4n){background:radial-gradient(circle at 18% 0%, rgba(60, 156, 194, .14), transparent 34%), linear-gradient(145deg, rgba(6, 52, 72, .86), rgba(4, 17, 39, .97))}& > .time-readout:is(*,._) > strong,& > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_){white-space:nowrap}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){justify-self:center;align-self:start}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)){min-height:66px;height:66px;padding:7px 10px;justify-self:center}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .egyptian-alt-time-readout:is(*,._) > #egyptianTime:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .egyptian-alt-time-readout:is(*,._) > #egyptianTime:is(*,#_){font-size:clamp(1.34rem, 1.75vw, 1.84rem);line-height:1}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) :is(#japaneseTime, #kanjiTime, #chineseTime, #indianTime, #egyptianTime),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) :is(#japaneseTime, #kanjiTime, #chineseTime, #indianTime, #egyptianTime){font-family:"Segoe UI Historic", "Yu Gothic", "Meiryo", "Microsoft JhengHei", "Segoe UI Symbol", "Noto Sans", "Arial Unicode MS", "Segoe UI", Arial, sans-serif}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .other-clock-utc:is(*,._).time-readout-utc-top,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .other-clock-utc:is(*,._).time-readout-utc-top{grid-column:4 / span 6;grid-row:1;width:424px;max-width:424px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout-12:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout-12:is(*,._){grid-column:2 / span 5;grid-row:2;width:355px;max-width:355px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout-24:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout-24:is(*,._){grid-column:7 / span 5;grid-row:2;width:355px;max-width:355px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(4),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(5),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(6),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(4),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(5),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(6){width:298px;max-width:298px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(7),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(8),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(9),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(7),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(8),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(9){width:303px;max-width:303px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(10),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(11),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(12),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(10),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(11),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:nth-child(12){width:308px;max-width:308px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.binary-alt-time-readout:is(*,._),.egyptian-alt-time-readout:is(*,._)){grid-column:3 / span 8;width:614px;max-width:614px}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._){grid-row:6}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .egyptian-alt-time-readout:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .egyptian-alt-time-readout:is(*,._){grid-row:7}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._):nth-child(1){background:linear-gradient(145deg, #152532, #0d1721)}& > .time-readout:is(*,._):nth-child(2){background:linear-gradient(145deg, #1a2730, #101922)}& > .time-readout:is(*,._):nth-child(3){background:linear-gradient(145deg, #172735, #0f1a24)}}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){display:grid;gap:18px}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){& .present-moment-card:is(*,._){order:2;margin:0 auto;padding:24px 30px 28px;background:linear-gradient(145deg, #111d29, #0a121c);border-color:rgba(95, 170, 194, .4)}& .present-moment-title{margin-bottom:12px;color:#8bd9ff;-webkit-text-fill-color:#8bd9ff;font-size:clamp(2rem, 3vw, 3rem);text-transform:none}& .present-moment-axis{display:grid;grid-template-columns:minmax(0, 1fr) auto auto auto minmax(0, 1fr);align-items:center;justify-content:center;gap:18px}& .present-moment-symbol{color:#63ffe3;-webkit-text-fill-color:#63ffe3;font-size:clamp(5.2rem, 9vw, 9rem);line-height:.8;text-shadow:0 0 30px rgba(82, 239, 223, .45)}& .present-moment-now{color:#ffe6a6;-webkit-text-fill-color:#ffe6a6;font-size:clamp(1.25rem, 2vw, 1.8rem);font-weight:700}& .present-moment-label{color:#b7d7e8;-webkit-text-fill-color:#b7d7e8;font-size:1.05rem}& :is(.present-moment-line,.present-moment-slider){display:none}& #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card{order:1;padding:26px 30px 32px}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_) .time-travel-status-panel:is(*,._){max-width:480px;margin-left:auto;margin-right:auto}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-traveled .time-travel-status-panel:is(*,._){border-width:3px}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_){& .time-travel-controls:is(*,._){padding:22px 26px 28px}& .time-travel-date-stepper{grid-template-columns:repeat(2, minmax(0, 260px));justify-content:center}& .time-travel-field input{max-width:170px}& .time-travel-arrow-stack button{min-width:42px;border-radius:8px;border-color:rgba(122, 188, 210, .5);background:linear-gradient(180deg, #223845, #111e29)}& #timeTravelButton{margin-top:12px;min-width:190px;min-height:48px;border-radius:999px}}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& #eraValue#eraValue{display:none}& #eraSliderStack:is(*,#_){margin-top:-15px}& .geologic-hierarchy-box:is(*,._){border-radius:18px;padding-top:12px;padding-bottom:28px}& .geologic-hierarchy-label:is(*,._){display:inline-flex;flex-direction:row;align-items:baseline;justify-content:center;gap:8px;border-radius:999px;background:rgba(7, 18, 28, .34);padding:6px 12px}& .deep-time-slider:is(*,._) header > span{color:#8edfff;-webkit-text-fill-color:#8edfff;font-size:1.34rem}& .deep-time-slider:is(*,._) header > em{display:inline-flex;margin-bottom:10px;padding:6px 14px;border:1px solid rgba(128, 211, 232, .48);border-radius:999px;background:rgba(13, 41, 54, .72);color:#ffe0a2;-webkit-text-fill-color:#ffe0a2}& .deep-time-track-wrap:is(*,._){width:min(100%, 890px);max-width:890px}& .deep-time-boundary-start{transform:translateX(-50%)}& .deep-time-boundary-start:first-child,& .deep-time-boundary-labels span:first-child{transform:translateX(-50%)}& .deep-time-slider footer span{color:#b7d9e5;-webkit-text-fill-color:#b7d9e5}}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup, #eraCard) :is(.progress-fill, .minute-smooth-fill, .workday-progress-fill, .deep-time-current-fill),html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup, #eraCard) .minute-cell.filled{background:linear-gradient(90deg, #0c5deb 0%, #0099f2 34%, #00daf2 67%, #12fc97 100%)}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup, #eraCard) :is(.progress-fill, .minute-smooth-fill, .workday-progress-fill, .deep-time-current-fill){position:relative;overflow:visible}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup, #eraCard) :is(.progress-fill, .minute-smooth-fill, .workday-progress-fill, .deep-time-current-fill)::after{content:"";display:block;position:absolute;right:-7px;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(50%, -50%);background:radial-gradient(circle at 35% 30%, #f6ffff 0 18%, #65f0ff 19% 52%, #0c83f0 53% 100%);border:1px solid rgba(223, 255, 255, .86);box-shadow:0 0 10px rgba(0, 218, 242, .34);z-index:8}html body.page-time:is(*,._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup) .card-pie-meter::after{content:"";display:block;position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%, -50%) rotate(var(--pie-deg, 0deg)) translateY(-53px);transform-origin:center center;background:radial-gradient(circle at 35% 30%, #f6ffff 0 18%, #65f0ff 19% 52%, #0c83f0 53% 100%);border:1px solid rgba(223, 255, 255, .86);box-shadow:0 0 10px rgba(0, 218, 242, .34);z-index:8}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{padding-top:10px}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_){& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(1){background:linear-gradient(145deg, #183047, #0f2234)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(2){background:linear-gradient(145deg, #1a2630, #221c18)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(3){background:linear-gradient(145deg, #172432, #201b32)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(4){background:linear-gradient(145deg, #162635, #153247)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(5){background:linear-gradient(145deg, #1d1d2b, #2d1d35)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(6){background:linear-gradient(145deg, #15262a, #14322c)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(7){background:linear-gradient(145deg, #1c211d, #302b18)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(8){background:linear-gradient(145deg, #172430, #15313d)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(9){background:linear-gradient(145deg, #1b1d2b, #252037)}& #languageClocksSection:is(*,#_#_) .time-readout:is(*,._):nth-child(10),& #languageClocksSection:is(*,#_#_) .binary-alt-time-readout:is(*,._){background:linear-gradient(145deg, #172530, #1b2836)}& .dst-radio-wrap:is(*,._){border-radius:0}& .dst-choice:is(*,._){border-radius:0;box-shadow:none;background:rgba(7, 27, 43, .86);border-color:rgba(74, 144, 184, .42)}& .dst-choice:is(*,._) :is(span,b,small){color:#72cfff;-webkit-text-fill-color:#72cfff;text-shadow:none}& .dst-choice:is(*,._):has(input:checked){border-color:rgba(110, 205, 245, .64);background:rgba(17, 60, 88, .94);box-shadow:none}& .dst-choice:is(*,._):has(input:checked) :is(span,b,small){color:#9ce7ff;-webkit-text-fill-color:#9ce7ff}& .time-mode-picker:is(*,._) .dst-choice:is(*,._):has(#dstStandard){transform:translate(11px, 4px)}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) .dst-choice:is(*,._),& .dst-choice:is(*,._){border-radius:0;background:#071827;border:1px solid rgba(73, 139, 177, .44);box-shadow:none}& .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) .dst-choice:is(*,._):is(:has(input:checked), .is-active),& .dst-choice:is(*,._):is(:has(input:checked), .is-active){background:#0d2940;border-color:rgba(102, 188, 232, .72);box-shadow:none}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._){align-items:stretch}& .language-clock-grid:is(*,._) > :nth-child(1){grid-column:2 / 6}& .language-clock-grid:is(*,._) > :nth-child(2){grid-column:1 / 4}& .language-clock-grid:is(*,._) > :nth-child(3){grid-column:4 / 7}& .language-clock-grid:is(*,._) > :nth-child(n+4):nth-child(-n+6){grid-column:span 2}& .language-clock-grid:is(*,._) > :nth-child(n+7):nth-child(-n+12){grid-column:span 2}& .language-clock-grid:is(*,._) > :nth-child(13){grid-column:2 / 6}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_){& .time-travel-status-panel:is(*,._){width:min(100%, 520px)}& .present-time-status-button:is(*,._){margin-top:24px;background:linear-gradient(180deg, #2c2940, #171622);color:#d9d1ef}}html body.page-time:is(*,._._) main.shell.shell #presentMomentCard:is(*,#_).present-moment-card{background:linear-gradient(145deg, #101e28, #0b141d)}html body.page-time:is(*,._._) main.shell.shell #presentMomentCard:is(*,#_){& .present-moment-axis{display:grid;grid-template-areas:". now ." "past symbol future";align-items:center;gap:8px 26px}& .present-moment-past{grid-area:past;justify-self:end}& .present-moment-symbol{grid-area:symbol;font-size:5.6rem;color:#7df5e8;-webkit-text-fill-color:#7df5e8}& .present-moment-now{grid-area:now;justify-self:center}& .present-moment-future{grid-area:future;justify-self:start}}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .deep-time-slider:is(*,._){margin-top:10px}& .deep-time-slider:is(*,._) header{transform:translateY(10px)}& .deep-time-slider:is(*,._) header > span{display:inline-block;margin-bottom:8px}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_){& .time-travel-status-panel > span{font-size:1.2rem}& #timeTravelStatus{font-size:1.24rem;line-height:1.5}& #timeTravelStatus .time-travel-year-line{display:inline-block;margin-top:5px;color:#d9cff2}& .flux-capacitor,& .time-machine-head:empty{display:none}& #timeTravelButton:is(*,#_){border:1px solid rgba(130, 136, 152, .42);opacity:.86;cursor:not-allowed}& #timeTravelButton:is(*,#_).ready-to-travel:not(:disabled){opacity:1;cursor:pointer}}html body.page-time:is(*,._._) main.shell.shell #presentMomentCard:is(*,#_) .present-moment-axis{grid-template-columns:minmax(120px, 1fr) auto minmax(120px, 1fr)}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .deep-time-slider:is(*,._){margin-bottom:15px}& .deep-time-slider:is(*,._) header{padding-top:10px;margin-bottom:18px}& .deep-time-slider:is(*,._) header span{margin-bottom:8px}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{grid-template-columns:940px;justify-content:center;align-content:start}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){box-sizing:border-box;grid-auto-flow:row;height:425px;min-height:425px;max-height:425px;align-items:stretch;justify-items:center}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){position:relative;inset:auto;transform:none;max-height:66px;margin:0;border-color:rgba(91, 144, 166, .42)}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){& > .other-clock-utc:is(*,._).time-readout-utc-top{grid-column:4 / span 6;grid-row:1;width:424px;max-width:424px}& > .time-readout-12:is(*,._){grid-column:2 / span 5;grid-row:2;width:355px;max-width:355px}& > .time-readout-24:is(*,._){grid-column:7 / span 5;grid-row:2;width:355px;max-width:355px}& > :nth-child(4){grid-column:1 / span 4;grid-row:3;width:298px;max-width:298px}& > :nth-child(5){grid-column:5 / span 4;grid-row:3;width:298px;max-width:298px}& > :nth-child(6){grid-column:9 / span 4;grid-row:3;width:298px;max-width:298px}& > :nth-child(7){grid-column:1 / span 4;grid-row:4;width:303px;max-width:303px}& > :nth-child(8){grid-column:5 / span 4;grid-row:4;width:303px;max-width:303px}& > :nth-child(9){grid-column:9 / span 4;grid-row:4;width:303px;max-width:303px}& > :nth-child(10){grid-column:1 / span 4;grid-row:5;width:308px;max-width:308px}& > :nth-child(11){grid-column:5 / span 4;grid-row:5;width:308px;max-width:308px}& > :nth-child(12){grid-column:9 / span 4;grid-row:5;width:308px;max-width:308px}& > .binary-alt-time-readout:is(*,._){grid-column:3 / span 8;grid-row:6}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_){& .clock-display-wrap:is(*,._._) .analog-clock:is(*,._){position:relative;transform:none;margin-top:0;margin-bottom:0}& #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){margin-top:0;margin-bottom:0}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-picker:is(*,._) > span{position:relative;top:-3px}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& .progress-track:is(*,._){overflow:visible}& .progress-track:is(*,._) > .progress-fill:is(*,._){display:block;position:absolute;left:0;right:auto;top:0;bottom:0;height:100%;min-height:100%;opacity:1;overflow:visible}& .progress-track:is(*,._) > .progress-fill:is(*,._)::after{display:none;content:none}& .progress-track:is(*,._) > .marker.marker{display:block;position:absolute;z-index:18;top:50%;bottom:auto;width:14px;min-width:14px;height:14px;min-height:14px;border-radius:50%;transform:translate(-50%, -50%);background:radial-gradient(circle at 35% 30%, #f6ffff 0 17%, #65f0ff 18% 52%, #0c83f0 53% 100%);border:1px solid rgba(223, 255, 255, .88);box-shadow:0 0 10px rgba(0, 218, 242, .34)}& .card-pie-meter:is(*,._)::after{content:"";display:block;position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%, -50%) rotate(var(--pie-deg, 0deg)) translateY(-45px);transform-origin:center center;background:radial-gradient(circle at 35% 30%, #f6ffff 0 17%, #65f0ff 18% 52%, #0c83f0 53% 100%);border:1px solid rgba(223, 255, 255, .88);box-shadow:0 0 10px rgba(0, 218, 242, .34);z-index:8}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{grid-template-rows:450px}html body.page-time:is(*,._._) main.shell.shell #eraCard#eraCard{& .civilization-age-slider:is(*,._) footer,& .civilization-age-slider:is(*,._) .deep-time-boundary-labels{display:none}& .civilization-age-slider:is(*,._) .deep-time-track-wrap{margin-bottom:40px}& .civilization-age-external-labels:is(*,._){position:relative;display:block;height:44px;margin:2px auto 0;width:min(100%, 820px);max-width:820px}& .civilization-age-external-labels .civilization-age-label{position:absolute;top:0;transform:translateX(-50%);width:82px;color:#ccecff;-webkit-text-fill-color:#ccecff;font-size:.76rem;line-height:1.06;text-align:center;white-space:normal}& .civilization-age-external-labels .civilization-age-label-neolithic{width:70px;font-size:.66rem}& .civilization-age-external-labels .civilization-age-label-future{color:#a8d4e9;-webkit-text-fill-color:#a8d4e9}}html body.page-time:is(*,._._) main.shell.shell #bottomTimeDevicesSection:is(*,#_).bottom-time-devices,html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){width:min(100%, 1480px);max-width:1480px}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) .present-moment-card:is(*,._),html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card{width:100%;max-width:none;box-sizing:border-box}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_) :is(.time-travel-status-panel:is(*,._),.time-travel-controls:is(*,._)){background:radial-gradient(circle at 50% 0%, rgba(96, 202, 232, .1), transparent 48%), linear-gradient(145deg, #102939, #0a1a27 60%, #112633);border-color:rgba(108, 190, 219, .42);box-shadow:none}html body.page-time:is(*,._._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup, #eraCard) :is(.progress-fill, .minute-smooth-fill, .workday-progress-fill, .deep-time-current-fill){background:linear-gradient(90deg, #025fe0 0%, #0280e0 34%, #02c2e0 67%, #02e078 100%);background-image:linear-gradient(90deg, #025fe0 0%, #0280e0 34%, #02c2e0 67%, #02e078 100%)}html body.page-time:is(*,._._) main.shell.shell :is(#primaryProgress, #timeVisualizedGroup, #extendedTimeVisualizedGroup, #moreTimeGroup) .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), rgba(12, 22, 33, .92) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #025fe0 0deg, #0280e0 126deg, #02c2e0 244deg, #02e078 360deg)}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_) ) .progress-track:is(*,._) .progress-fill:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) .progress-track:is(*,._) .progress-fill:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) .progress-track:is(*,._) .progress-fill:is(*,._),& #minuteCard:is(*,#_) .minute-smooth-fill:is(*,._),& #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled{background:linear-gradient(90deg, #025fe0 0%, #0280e0 34%, #02c2e0 67%, #02e078 100%);background-image:linear-gradient(90deg, #025fe0 0%, #0280e0 34%, #02c2e0 67%, #02e078 100%)}& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #financialYearCard:is(*,#_), #dayNightCard:is(*,#_) ) > .card-pie-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty, #15181d) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #025fe0 0deg, #0280e0 126deg, #02c2e0 244deg, #02e078 360deg)}}html body.page-time:is(*,._._) main.shell.shell #workdayCard:is(*,#_) #workdayTitle:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #workdayCard:is(*,#_) .work-day-view-title:is(*,._),html body.page-time:is(*,._._) main.shell.shell #workDashboard:is(*,#_) #workweekCard:is(*,#_) #workweekTitle:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #workDashboard:is(*,#_) #workweekCard:is(*,#_) #workweekTitle:is(*,#_) .work-view-title-line{font-size:1.02rem;line-height:1.1}html body.page-time:is(*,._._) main.shell.shell #workdayCard:is(*,#_) :is( #workdayCombinedSliderTitle, #workdayWeekendSliderTitle, .workday-day-view-title, .workday-section-main-title ),html body.page-time:is(*,._._) main.shell.shell #workweekCard:is(*,#_) :is( .workweek-range-title-row, .workweek-range-title, .workweek-main-label, .workweek-weekend-label ),html body.page-time:is(*,._._) main.shell.shell #workweekCard:is(*,#_) #workweekTrack:is(*,#_) :is( .workweek-range-label.workweek-main-label, .workweek-range-label.workweek-weekend-label ){font-size:.78rem;line-height:1.06}html body.page-time:is(*,._._) main.shell.shell{gap:10px;row-gap:10px}html body.page-time:is(*,._._) main.shell.shell > :is( .time-card, .glass-card, .progress-grid, .timeline-stack, .bottom-time-devices, .site-bottom-ad ){margin-top:0;margin-bottom:10px}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #timeVisualizedGroup:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #extendedTimeVisualizedGroup:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #moreTimeGroup:is(*,#_){gap:10px;row-gap:10px}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:nth-of-type(2),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) label.dst-choice:has(#dstStandard){transform:translateX(6px)}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{margin-top:5px;border-color:rgba(79, 160, 202, .54)}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){grid-template-rows:repeat(6, 72px);row-gap:8px;column-gap:8px}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #presentMomentCard:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #presentMomentCard:is(*,#_){display:none}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card,html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{background:radial-gradient(circle at 50% 0%, rgba(80, 178, 214, .12), transparent 45%), linear-gradient(145deg, #152b38, #101f2a 55%, #172f3b);border-color:rgba(94, 174, 209, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 12px 26px rgba(0, 0, 0, .2)}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_) .time-travel-status-panel:is(*,._),html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_) .time-travel-controls:is(*,._).machine-collapsible-content{display:grid;visibility:visible;opacity:1;background:radial-gradient(circle at 50% 0%, rgba(93, 198, 224, .11), transparent 48%), linear-gradient(145deg, #123142, #0c2230 60%, #112c3a);border-color:rgba(101, 184, 214, .46);box-shadow:none}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-traveled .time-travel-status-panel:is(*,._){background:radial-gradient(circle at 50% 0%, rgba(93, 198, 224, .11), transparent 48%), linear-gradient(145deg, #123142, #0c2230 60%, #112c3a);border-color:rgba(101, 184, 214, .46);box-shadow:none}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_) .time-travel-status-copy{display:grid;justify-items:center;gap:6px;width:min(100%, 360px);margin:0 auto;padding:12px 16px;border:1px solid rgba(101, 184, 214, .38);border-radius:8px;background:rgba(7, 24, 35, .42);box-shadow:none;text-align:center}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-traveled .time-travel-status-copy{border-color:rgba(127, 238, 255, .72);background:radial-gradient(circle at 50% 0%, rgba(77, 220, 235, .18), transparent 58%), rgba(12, 47, 61, .72);box-shadow:0 0 12px rgba(50, 205, 225, .22)}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_){& .time-travel-status-panel > span,& .time-travel-status-copy > span,& #timeTravelStatus{text-align:center}& .time-travel-date-stepper{display:grid;justify-items:center;align-items:center;gap:12px;width:100%}& .time-travel-field-pair{display:grid;grid-template-columns:minmax(0, 210px) auto;justify-content:center;justify-items:center;align-items:center;gap:10px;width:100%;margin:0 auto}& .time-travel-field{display:grid;justify-items:center;text-align:center;width:210px}& .time-travel-field span{display:block;width:100%;text-align:center}& .time-travel-field input{width:190px;text-align:center;margin:0 auto}& .time-travel-arrow-stack{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 auto}& .time-travel-button-row{display:flex;justify-content:center;width:100%}}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card .time-travel-controls:is(*,._).machine-collapsible-content,html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card .time-travel-controls:is(*,._),html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_#_).time-travel-card:is(*,._) .time-travel-controls:is(*,._).machine-collapsible-content,html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_#_).time-travel-card:is(*,._) .time-travel-controls:is(*,._){display:grid;visibility:visible;opacity:1;background:radial-gradient(circle at 50% 0%, rgba(86, 184, 214, .12), transparent 46%), linear-gradient(145deg, #132e3d, #0b202d 58%, #102b38);border-color:rgba(101, 184, 214, .46);box-shadow:none}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card .time-travel-date-stepper:is(*,._) > .time-travel-field-pair:is(*,._),html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_#_) .time-travel-date-stepper:is(*,._) > .time-travel-field-pair:is(*,._){display:grid;grid-template-columns:minmax(0, 210px) auto;justify-content:center;justify-items:center;align-items:center;gap:10px;width:100%;margin:0 auto}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card #timeTravelButton:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_#_) #timeTravelButton:is(*,#_){background:linear-gradient(180deg, #183848, #102938);border-color:rgba(94, 165, 198, .5);color:#9db1bd;box-shadow:none}html body.page-time:is(*,._._) main.shell.shell #bottomTimeMachineSlot:is(*,#_) #timeTravelCard:is(*,#_).time-travel-card.bottom-machine-card #timeTravelButton:is(*,#_).ready-to-travel:not(:disabled),html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_#_) #timeTravelButton:is(*,#_).ready-to-travel:not(:disabled){background:linear-gradient(180deg, #1e6577, #134256 55%, #123449);border-color:rgba(107, 235, 221, .78);color:#e9fffb}html body.page-time:is(*,._._) main.shell.shell :is(.progress-card, .timeline-card) .card-head:is(*,._) .time-slider-bubble-row:is(*,._){margin-top:10px}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #dayNightCard:is(*,#_), #weekCard#weekCard, #financialYearCard:is(*,#_), #monthCard:is(*,#_), #yearCard#yearCard, #gregorianYearCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #dayNightCard:is(*,#_), #weekCard#weekCard, #financialYearCard:is(*,#_), #monthCard:is(*,#_), #yearCard#yearCard, #gregorianYearCard:is(*,#_), #seasonCard:is(*,#_), #lunarMonthCard:is(*,#_), #lunarYearCard:is(*,#_), #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #thirteenCard:is(*,#_), #zodiacCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){margin-top:10px}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, .age-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}html body.page-time:is(*,._._._) main.shell:is(*,._._) > #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._._) main.shell:is(*,._._) section#languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;justify-items:stretch;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:var(--mobile-card-gap) 0;padding:12px;overflow:visible;box-sizing:border-box;transform:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) > #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card > .language-clock-grid:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._) section#languageClocksSection:is(*,#_#_).language-clocks-section.glass-card > .language-clock-grid:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-auto-rows:auto;gap:10px;justify-content:stretch;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;transform:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)){grid-column:1 / -1;width:100%;min-width:0;max-width:100%;height:auto;min-height:58px;max-height:none;margin:0;padding:10px 12px;justify-self:stretch;top:auto;transform:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_){& .clock-display-wrap:is(*,._._){grid-area:clock}& .timezone-control-wrap:is(*,._._){grid-area:controls}}}@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-time:is(*,._) main.shell.shell > .time-zone-row:is(*,._),html body.page-time:is(*,._) main.shell.shell > #primaryProgress:is(*,#_),html body.page-time:is(*,._) main.shell.shell .time-zone-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection: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-time:is(*,._) main.shell.shell > .time-zone-row:is(*,._){grid-template-columns:minmax(0, 1fr)}html body.page-time:is(*,._) main.shell.shell > :is(#primaryProgress:is(*,#_), .time-zone-row:is(*,._)){width:100%;min-width:0;max-width:100%;justify-self:stretch}html body.page-time:is(*,._) main.shell.shell :is(#current-time-and-weatherSection:is(*,#_), #languageClocksSection: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-time:is(*,._) #current-time-and-weatherSection:is(*,#_){& .top-time-dashboard-container:is(*,._){grid-template-columns:minmax(0, 1fr) minmax(360px, 430px);grid-template-areas:"main controls" "formats formats"}& .clock-display-wrap:is(*,._){grid-template-columns:minmax(150px, 190px) minmax(240px, 1fr) minmax(150px, 190px)}}html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){grid-template-columns:repeat(3, minmax(0, 1fr))}html body.page-time:is(*,._) #primaryProgress:is(*,#_){grid-template-columns: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-time:is(*,._) main.shell.shell > #primaryProgress: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}}@media (max-width: 620px){html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .top-time-dashboard-container:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .top-time-dashboard-container:is(*,._){grid-template-columns:minmax(0, 1fr) minmax(188px, 34%);gap:8px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._){grid-template-columns:clamp(82px, 17vw, 104px) minmax(0, 1fr);min-height:166px;height:166px;padding:12px 8px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._) .analog-clock:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._) .analog-clock:is(*,._){width:clamp(80px, 17vw, 100px);height:clamp(80px, 17vw, 100px);min-width:80px;min-height:80px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._){min-height:166px;height:166px;padding:8px 6px}html body.page-time:is(*,._) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) :is(.time-readout, .binary-alt-time-readout),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) :is(.time-readout, .binary-alt-time-readout){min-height:34px;height:34px;padding:4px 5px}}@media (max-width: 980px){html body.page-time:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){padding-top:clamp(132px, calc(348px - 22.1vw), 250px)}}@media (min-width: 761px) and (max-width: 1280px){html body.page-time:is(*,._._) main.shell.shell > .time-zone-row:is(*,._){display:grid;grid-template-columns:1260px;width:100%;min-height:1144px;height:1144px;max-height:1144px;margin:0 auto;padding:0;overflow:visible}html body.page-time:is(*,._._) main.shell.shell > .time-zone-row:is(*,._) > #current-time-and-weatherSection:is(*,#_).time-card.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_).time-card.glass-card{box-sizing:border-box;display:block;width:1260px;min-width:1260px;max-width:1260px;min-height:1134px;height:1134px;max-height:1134px;margin:0 auto;padding:18px 25px 24px;overflow:visible}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .top-time-dashboard-container:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-areas:"main" "controls" "formats";justify-items:center;align-items:start;align-content:start;gap:10px;width:1210px;min-width:1210px;max-width:1210px;min-height:627px;height:627px;max-height:627px;margin:0 auto;padding:0;overflow:visible}& .clock-display-wrap:is(*,._){grid-area:main;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-areas:none;justify-items:center;align-content:center;gap:18px;position:relative;top:-10px;width:600px;min-width:600px;max-width:600px;min-height:351px;height:351px;max-height:351px;margin:17px auto 0;padding:18px 24px 22px;overflow:visible;transform:none}& .clock-display-wrap:is(*,._) .analog-clock:is(*,._){position:relative;top:-3px;left:auto;width:162px;min-width:162px;max-width:162px;height:162px;min-height:162px;max-height:162px;margin:0 auto;transform:none}& .main-time-copy:is(*,._){position:relative;top:8px;left:auto;box-sizing:border-box;display:grid;justify-items:center;align-content:center;gap:8px;width:520px;min-width:520px;max-width:520px;min-height:113px;height:113px;max-height:113px;margin:0 auto;padding:8px 15px;transform:none}& .main-date-row:is(*,._),& #currentDate:is(*,#_).date-line{width:100%;min-width:0;max-width:100%}& #topSecondsToggle:is(*,#_).top-seconds-toggle{position:static;justify-self:center;width:108px;min-width:108px;max-width:108px;height:20px;min-height:20px;max-height:20px;margin:0 auto;padding:1px 8px;transform:none}& .timezone-control-wrap:is(*,._){grid-area:controls;box-sizing:border-box;position:relative;top:-2px;display:grid;width:720px;min-width:720px;max-width:720px;min-height:233px;height:233px;max-height:233px;margin:-8px auto 0;padding:16px 138px;overflow:visible;transform:none}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card{box-sizing:border-box;display:grid;grid-template-rows:395px;width:960px;min-width:960px;max-width:960px;min-height:467px;height:467px;max-height:467px;margin:-30px auto 0;padding:22px 10px 48px;overflow:visible}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:repeat(12, 58.75px);grid-auto-rows:64px;row-gap:7px;column-gap:20px;justify-content:center;width:940px;min-width:940px;max-width:940px;height:425px;min-height:425px;max-height:425px;margin:0 auto;overflow:visible}& .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){box-sizing:border-box;width:auto;min-width:0;max-width:none;justify-self:stretch;min-height:64px;height:64px;max-height:64px;padding:8px 12px;overflow:hidden}& .language-clock-grid:is(*,._) > :nth-child(1),& .language-clock-grid:is(*,._) > :nth-child(13){grid-column:4 / span 6}& .language-clock-grid:is(*,._) > :nth-child(2){grid-column:2 / span 5}& .language-clock-grid:is(*,._) > :nth-child(3){grid-column:7 / span 5}& .language-clock-grid:is(*,._) > :nth-child(n+4):nth-child(-n+12){grid-column:span 4}}html body.page-time:is(*,._._) main.shell.shell > #languageClocksSection:is(*,#_).language-clocks-section.glass-card{& .language-clock-grid:is(*,._):not(#timeResponsiveNoop){display:grid;grid-template-columns:repeat(12, 58.75px);grid-auto-rows:64px;row-gap:7px;column-gap:20px;justify-content:center;width:940px;min-width:940px;max-width:940px;height:425px;min-height:425px;max-height:425px;margin:0 auto;overflow:visible}& .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._._):not(#timeResponsiveNoop),.binary-alt-time-readout:is(*,._._):not(#timeResponsiveNoop)){box-sizing:border-box;width:auto;min-width:0;max-width:none;justify-self:stretch;min-height:64px;height:64px;max-height:64px;padding:8px 12px;overflow:hidden}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(1):not(#timeResponsiveNoop),& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._._):nth-child(13):not(#timeResponsiveNoop){grid-column:4 / span 6}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(2):not(#timeResponsiveNoop){grid-column:2 / span 5}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(3):not(#timeResponsiveNoop){grid-column:7 / span 5}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(n+4):nth-child(-n+12):not(#timeResponsiveNoop){grid-column:span 4}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section.glass-card{& .language-clock-grid:is(*,._):not(#timeResponsiveNoop){display:grid;grid-template-columns:repeat(12, 58.75px);grid-auto-rows:64px;row-gap:7px;column-gap:20px;justify-content:center;width:940px;min-width:940px;max-width:940px;height:425px;min-height:425px;max-height:425px;margin:0 auto;overflow:visible}& .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._._):not(#timeResponsiveNoop),.binary-alt-time-readout:is(*,._._):not(#timeResponsiveNoop)){box-sizing:border-box;width:auto;min-width:0;max-width:none;justify-self:stretch;min-height:64px;height:64px;max-height:64px;padding:8px 12px;overflow:hidden}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(1):not(#timeResponsiveNoop),& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._._):nth-child(13):not(#timeResponsiveNoop){grid-column:4 / span 6}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(2):not(#timeResponsiveNoop){grid-column:2 / span 5}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(3):not(#timeResponsiveNoop){grid-column:7 / span 5}& .language-clock-grid:is(*,._) > .time-readout:is(*,._._):nth-child(n+4):nth-child(-n+12):not(#timeResponsiveNoop){grid-column:span 4}}}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.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._._){position:relative;top:-2px;transform:translateY(0)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) label.timezone-picker:is(*,._) > span,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._) label.timezone-picker:is(*,._._) > span{position:relative;top:-1px;transform:translateY(30px)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #timezoneSelect:is(*,#_){position:relative;top:-18px;transform:none}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #topSecondsToggle:is(*,#_).top-seconds-toggle,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){position:relative;top:26px;transform:none}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-time:is(*,._) :is(.time-display, .time-value, #mainTimeDisplay){font-size:clamp(1.55rem, 8vw, 2.45rem)}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-time: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-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_).time-card.glass-card{width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:12px;box-sizing:border-box;overflow:visible;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_){& :is(.top-time-dashboard-container,.top-time-main-row,.clock-display-wrap,.timezone-control-wrap),& #languageClocksSection:is(*,#_){position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0 0 10px;padding:12px;box-sizing:border-box;transform:none;overflow:visible}& .language-clock-grid:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;width:100%;min-width:0;max-width:100%;height:auto;margin:0}& :is(.language-clock-card:is(*,._),.utc-clock-card:is(*,._)){width:100%;min-width:0;max-width:100%;margin:0}}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.page-time:is(*,._._) main.shell:is(*,._._) > .time-zone-row:is(*,._) > #current-time-and-weatherSection:is(*,#_).time-card.glass-card,html body.page-time:is(*,._._) main.shell:is(*,._._) .time-zone-row:is(*,._) #current-time-and-weatherSection:is(*,#_).time-card.glass-card{display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:12px;overflow:visible;box-sizing:border-box;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_).time-card.glass-card :is(.top-time-dashboard-container:is(*,._),.clock-display-wrap:is(*,._),.timezone-control-wrap:is(*,._)),html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_).time-card.glass-card #languageClocksSection:is(*,#_).language-clocks-section{display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0 0 10px;padding:12px;overflow:visible;box-sizing:border-box;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) > .time-zone-row:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) section.time-zone-row:is(*,._._._){display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) > .time-zone-row:is(*,._) > section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_).time-card.glass-card,html body.page-time:is(*,._._) main.shell:is(*,._._) section.time-zone-row:is(*,._._._) > section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_).time-card:is(*,._).glass-card:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:12px;overflow:visible;box-sizing:border-box;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_).time-card.glass-card #languageClocksSection:is(*,#_).language-clocks-section:is(*,._) > .language-clock-grid:is(*,._._){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;width:100%;min-width:0;max-width:100%;height:auto;margin:0;transform:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_).time-card.glass-card #languageClocksSection:is(*,#_#_).language-clocks-section:is(*,._) .language-clock-grid:is(*,._._._){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;width:100%;min-width:0;max-width:100%;margin:0;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 ){-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.page-time:is(*,._._._) main.shell:is(*,._._) > #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;justify-items:stretch;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:10px 0;padding:12px;box-sizing:border-box;overflow:visible;transform:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) > #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{& > .language-clock-grid:is(*,._._){display:grid;grid-template-columns:minmax(0, 1fr);grid-auto-rows:auto;justify-content:stretch;gap:10px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;transform:none}& > .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._._),.binary-alt-time-readout:is(*,._._)),& > .language-clock-grid:is(*,._._) > .time-readout:is(*,._._):nth-child(n),& > .language-clock-grid:is(*,._._) > .binary-alt-time-readout:is(*,._._):nth-child(n){grid-column:1 / -1;width:100%;min-width:0;max-width:100%;height:auto;min-height:58px;max-height:none;margin:0;padding:10px 12px;justify-self:stretch;top:auto;transform:none}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_){& .top-time-dashboard-container:is(*,._._){display:grid;grid-template-areas:"clock" "controls";width:100%;min-width:0;max-width:100%;margin:0;padding:0;transform:none}& :is(.clock-display-wrap:is(*,._._),.timezone-control-wrap:is(*,._._)){width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:12px;box-sizing:border-box;overflow:visible;transform:none}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:10px 0;padding:12px;overflow:visible;transform:none;box-sizing:border-box}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._){display:grid;grid-template-columns:minmax(0, 1fr);grid-auto-rows:auto;justify-content:stretch;gap:10px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) > .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._),.binary-alt-time-readout:is(*,._._._)),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) > .language-clock-grid:is(*,._._._) > .time-readout:is(*,._._._):nth-child(n),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) > .language-clock-grid:is(*,._._._) > .binary-alt-time-readout:is(*,._._._):nth-child(n){grid-column:1 / -1;width:100%;min-width:0;max-width:100%;height:auto;min-height:58px;max-height:none;margin:0;padding:10px 12px;justify-self:stretch;top:auto;transform:none;box-sizing:border-box}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._),.other-clock-utc:is(*,._._).time-readout-utc-top,.binary-alt-time-readout:is(*,._._._)),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._._) > .time-readout:is(*,._._._):nth-child(n){grid-area:auto;grid-column:1 / -1;grid-row:auto;width:100%;min-width:0;max-width:100%;justify-self:stretch;top:auto;transform: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 > .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}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card, .timeline-card) > .card-head .card-title,& :is(.progress-card, .timeline-card) .card-title:is(*,._){font-size:clamp(1.38rem, 1.15rem + .45vw, 1.72rem)}& :is(.progress-card, .timeline-card) :is( .card-title-subline, .compact-top-lines, .compact-top-lines *, .title-value-stack, .title-value-stack *, .second-cursive-one ){font-family:"Segoe UI", Arial, sans-serif;font-style:normal;font-weight:500}& .progress-track:is(*,._) > .marker.marker,& .progress-track:is(*,._) > .marker.marker:nth-child(n),& .card-pie-meter:is(*,._)::after{display:none;content:none;opacity:0}& :is(.progress-card, .timeline-card) :is(.card-pie-meter, .card-hourglass-meter){flex:0 0 auto}}@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-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& .clock-display-wrap:is(*,._) .analog-clock:is(*,._){border-width:2px;box-shadow:0 0 0 1px rgba(131, 230, 255, .34), 0 0 22px rgba(32, 185, 238, .2)}& .clock-display-wrap:is(*,._) .analog-clock:is(*,._)::before,& .clock-display-wrap:is(*,._) .analog-clock:is(*,._)::after{border-width:1px;opacity:.62}& .timezone-control-wrap:is(*,._){padding-bottom:24px}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card, .timeline-card){position:relative;min-height:360px}& :is(.progress-card, .timeline-card) > :is(.card-pie-meter, .card-hourglass-meter){position:absolute;top:18px;width:54px;min-width:54px;max-width:54px;height:54px;min-height:54px;max-height:54px;margin:0;transform:none;z-index:1;opacity:.82}& :is(.progress-card, .timeline-card) > .card-head:is(*,._){position:relative;z-index:2;width:min(100%, 72%);margin-left:auto;margin-right:auto;padding-top:0}& :is(.progress-card, .timeline-card) > .card-head .card-title{font-size:1.48rem}}}html body.page-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){height:auto}@media (max-width: 760px){html body.page-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){position:static;display:flex;height:auto;padding:0;overflow:visible}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_){& .main-time-copy:is(*,._){position:relative;left:auto;right:auto;min-width:0;margin-left:auto;margin-right:auto;transform:none;box-sizing:border-box}& .main-time-copy:is(*,._) :is(.digital-time, .main-date-row, .date-line, #currentDate){width:100%;min-width:0;max-width:100%;left:auto;right:auto;margin-left:auto;margin-right:auto;transform:none;box-sizing:border-box;white-space:normal}}html body.page-time:is(*,._) .timezone-control-wrap:is(*,._){overflow:visible}html body.page-time:is(*,._) .timezone-control-wrap:is(*,._) .timezone-content-inner:is(*,._){align-content:center;min-height:100%}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)){& > .card-hourglass-meter:is(*,._){min-width:58px;max-width:58px;min-height:74px;max-height:74px;overflow:hidden}& > .card-hourglass-meter:is(*,._) .hourglass-glass:is(*,._){left:50%;top:50%;width:62px;max-width:62px;height:74px;max-height:74px;transform:translate(-50%, -50%) scale(.72);transform-origin:center center}& > .card-pie-meter:is(*,._){overflow:hidden}}html body.page-time #current-time-and-weatherSection .top-time-dashboard-container{& > .timezone-control-wrap{overflow:visible}& > .timezone-control-wrap > .timezone-content-inner{min-height:100%;align-content:center}}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}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap .analog-clock:is(*,._){background:radial-gradient(circle at 50% 50%, #13283b 0 67%, transparent 68%), repeating-conic-gradient(from 0deg, rgba(173, 229, 241, .72) 0deg .85deg, transparent 1.1deg 30deg), radial-gradient(circle at 38% 32%, rgba(255, 255, 255, .18), transparent 18%), radial-gradient(circle at 50% 50%, #13283b 0 50%, #0b1722 51% 100%)}html body.page-time:is(*,._) #primaryProgress :is(.progress-card, .timeline-card){& :is(.card-title, h3.card-title){font-size:clamp(1.85rem, 2.4vw, 2.3rem);line-height:1.1}& :is(.card-title-subline, .card-value, .time-card-title-suffix){font-family:"Segoe UI", Arial, sans-serif;font-style:normal;font-weight:400}}@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-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) .main-time-copy:is(*,._){width:min(96%, 345px);max-width:345px}html body.page-time #current-time-and-weatherSection .top-time-dashboard-container > .timezone-control-wrap,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._._),html body.page-time:is(*,._) .timezone-control-wrap:is(*,._){height:280px;min-height:280px;max-height:280px}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_){& .clock-display-wrap .analog-clock:is(*,._){width:156px;height:156px;min-width:156px;min-height:156px;border-width:5px}& .analog-clock .clock-number{font-size:.76rem}}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)){display:grid;align-items:start}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title-wrap:is(*,._){padding-top:4px;transform:translateY(-20px);position:relative;z-index:4}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._) .card-pie-core span{font-size:.56rem}}html body.page-time:is(*,._) #primaryProgress :is(.progress-card, .timeline-card) :is(.card-title, h3.card-title){font-size:clamp(1.55rem, 6.2vw, 2rem)}}html body.page-time: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-time: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}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._) .analog-clock:is(*,._){background:radial-gradient(circle at 50% 50%, #13283b 0 67%, transparent 68%), repeating-conic-gradient(from 0deg, rgba(173, 229, 241, .72) 0deg .85deg, transparent 1.1deg 30deg), radial-gradient(circle at 38% 32%, rgba(255, 255, 255, .18), transparent 18%), radial-gradient(circle at 50% 50%, #13283b 0 50%, #0b1722 51% 100%)}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._){& .card-title-wrap:is(*,._){font-family:"Segoe UI", Arial, sans-serif;font-style:normal}& :is(.card-title-subline, .card-value, .time-card-title-suffix){font-family:"Segoe UI", Arial, sans-serif;font-style:normal;font-weight:400}& .card-title:is(*,._){font-size:clamp(1.85rem, 2.4vw, 2.3rem);line-height:1.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-time #current-time-and-weatherSection .top-time-dashboard-container{grid-template-rows:auto 268px}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._._),html body.page-time:is(*,._) .timezone-control-wrap:is(*,._){height:268px;min-height:268px;max-height:268px}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._){transform:translate(-46.5px, -40px);padding-top:4px;position:relative;z-index:5}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._){position:absolute;top:24px;left:14px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;transform:none}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._) .card-pie-core{width:26px;height:26px}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-hourglass-meter:is(*,._){position:absolute;top:36px;right:-4px;left:auto;width:58px;height:74px;margin:0;transform:none}& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-pie-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._){position:absolute;top:24px;left:14px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;margin-top:0;transform:none}& #timeVisualizedGroup:is(*,#_) :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-hourglass-meter:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is( #decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .card-hourglass-meter:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-hourglass-meter:is(*,._){position:absolute;top:36px;right:-4px;left:auto;width:58px;height:74px;margin:0;transform:none}}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._){align-items:center;justify-items:stretch}& :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;min-height:60px;width:auto;max-width:none;padding:7px 10px;border:1px solid rgba(132, 178, 202, .36);border-radius:8px;background:linear-gradient(145deg, rgba(21, 38, 48, .96), rgba(10, 25, 36, .98));box-shadow:inset 0 1px 0 rgba(229, 248, 255, .06);text-align:center}& .time-readout:nth-child(1){grid-column:3 / span 2;background:linear-gradient(145deg, rgba(15, 47, 72, .96), rgba(8, 28, 46, .98))}& .time-readout:nth-child(2){grid-column:2 / span 2;background:linear-gradient(145deg, rgba(28, 44, 51, .96), rgba(14, 28, 39, .98))}& .time-readout:nth-child(3){grid-column:4 / span 2;background:linear-gradient(145deg, rgba(31, 48, 56, .96), rgba(13, 29, 41, .98))}& .time-readout:nth-child(n+4):nth-child(-n+12){grid-column:span 2}& .binary-alt-time-readout:is(*,._){min-height:62px}& .time-readout span,& .binary-alt-time-readout span{color:#58c4ff;font-size:.86rem;line-height:1.05;text-align:center;text-transform:none;letter-spacing:0}& .time-readout strong,& .binary-alt-time-readout strong,& #binaryTime:is(*,#_){justify-self:center;font-size:clamp(1rem, 1.35vw, 1.28rem);line-height:1.12;text-align:center;white-space:nowrap;letter-spacing:.02em;overflow:visible}}@media (max-width: 760px){html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .time-readout:nth-child(n),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .binary-alt-time-readout:is(*,._){grid-column:span 1}}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){align-items:stretch;justify-items:stretch}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)){grid-column:auto;justify-items:stretch}html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_){& .language-clock-grid:is(*,._) > .time-readout:is(*,._) span,& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) span{align-self:center;justify-self:start;color:var(--clock-label, #aadfff);font-size:.68rem;letter-spacing:.08em;line-height:1.05;text-align:left;text-transform:uppercase}& .language-clock-grid:is(*,._) > .time-readout:is(*,._) strong,& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) strong,& #binaryTime:is(*,#_){justify-self:end;color:var(--clock-value, #d5f6ff);font-size:clamp(.94rem, 1.25vw, 1.2rem);letter-spacing:.05em;line-height:1.08;text-align:right;white-space:nowrap;text-shadow:0 0 16px color-mix(in srgb, var(--clock-value, #d5f6ff) 32%, transparent);overflow:visible}& .binary-alt-time-readout:is(*,._){border-color:rgba(128, 219, 255, .48)}& .binary-alt-time-readout:is(*,._) strong,& #binaryTime:is(*,#_){color:#7de8ff;font-family:"Cascadia Mono", "Consolas", "Courier New", monospace}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-subline:is(*,._){font-family:"Segoe UI", Arial, sans-serif;font-style:italic;font-weight:500}& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-suffix:is(*,._),& #timeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-suffix:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-suffix:is(*,._),& #moreTimeGroup:is(*,#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) .time-card-title-suffix:is(*,._){font-family:"Segoe UI", Arial, sans-serif;font-style:italic;font-size:.72em;font-weight:400;line-height:1.05}}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{position:relative;transform:none;display:grid;place-items:center;box-sizing:border-box;margin:0 auto 10px;padding:22px 24px 48px;overflow:visible;border:1px solid rgba(133, 166, 184, .26);background:radial-gradient(circle at 18% 0%, rgba(78, 108, 128, .22), transparent 34%), radial-gradient(circle at 82% 100%, rgba(37, 55, 69, .38), transparent 38%), linear-gradient(145deg, #1a2b37 0%, #142633 46%, #0b1723 100%);box-shadow:inset 0 1px 0 rgba(211, 238, 255, .07), inset 0 -30px 54px rgba(0, 0, 0, .28), 0 18px 40px rgba(0, 0, 0, .18)}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));width:min(940px, 100%);min-width:0;max-width:940px;gap:8px 10px;margin:0 auto;align-items:stretch;justify-items:stretch}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n){display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:3px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;padding:8px 12px;border:1px solid rgba(150, 176, 190, .22);border-radius:6px;text-align:center;background:radial-gradient(circle at 18% 0%, rgba(100, 130, 148, .14), transparent 34%), linear-gradient(145deg, #152636 0%, #101d2b 54%, #0b1520 100%);box-shadow:inset 0 1px 0 rgba(231, 246, 255, .08), inset 0 -16px 24px rgba(0, 0, 0, .2), 0 10px 22px rgba(0, 0, 0, .16)}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_){& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1){grid-column:4 / span 6;background:linear-gradient(145deg, #132b3f 0%, #102438 55%, #0a1624 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(2){grid-column:3 / span 5;background:linear-gradient(145deg, #1b2b34 0%, #13212b 55%, #0d1721 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(3){grid-column:8 / span 5;background:linear-gradient(145deg, #1a2c35 0%, #121f2a 55%, #0d1722 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(4),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(7),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(10){grid-column:1 / span 4}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(5),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(8),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(11){grid-column:5 / span 4}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(6),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(9),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(12){grid-column:9 / span 4}& .binary-alt-time-readout:is(*,._){grid-column:4 / span 6;background:linear-gradient(145deg, #162532 0%, #0f1b27 55%, #08141e 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(4){background:linear-gradient(145deg, #202a35 0%, #151f29 55%, #0e1620 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(5){background:linear-gradient(145deg, #1a2b36 0%, #13212c 55%, #0d1721 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(6){background:linear-gradient(145deg, #1e2d35 0%, #15212a 55%, #0f1821 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(7){background:linear-gradient(145deg, #182b39 0%, #111f2e 55%, #0b1725 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(8){background:linear-gradient(145deg, #1b2a2f 0%, #121f25 55%, #0c171d 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(9){background:linear-gradient(145deg, #1d2b38 0%, #141f2c 55%, #0d1723 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(10){background:linear-gradient(145deg, #1a2937 0%, #111c28 55%, #0a1420 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(11),& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(12){background:linear-gradient(145deg, #182834 0%, #101c28 55%, #0a151f 100%)}& .language-clock-grid:is(*,._) > .time-readout:is(*,._) > span,& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > span{color:#5ec7ff;-webkit-text-fill-color:#5ec7ff;font-size:.92rem;line-height:1.05;letter-spacing:0;text-align:center;text-transform:none}& .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > strong,& #binaryTime:is(*,#_){color:#9ff3ff;-webkit-text-fill-color:#9ff3ff;font-size:clamp(1.08rem, 1.55vw, 1.42rem);line-height:1.1;letter-spacing:.02em;text-align:center;white-space:nowrap;text-shadow:0 0 14px rgba(108, 225, 255, .2)}& :is(#japaneseTime, #kanjiTime, #chineseTime, #indianTime){font-family:"Segoe UI Historic", "Yu Gothic", "Meiryo", "Microsoft JhengHei", "Segoe UI Symbol", "Noto Sans", "Arial Unicode MS", "Segoe UI", Arial, sans-serif}}@media (max-width: 760px){html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{top:12px}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_){& .language-clock-grid:is(*,._){width:100%}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),& .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._){min-height:60px;padding:7px 8px}& .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1),& .binary-alt-time-readout:is(*,._){grid-column:1 / -1}}}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) :is(#greekTime, #arabicTime, #devanagariTime, #thaiTime, #indianTime){font-size:clamp(1.28rem, 1.9vw, 1.72rem);line-height:1.02}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_).time-card.glass-card,html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_){min-height:calc(var(--time-top-card-height, 1248px) + 18px);padding-bottom:68px}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){grid-auto-rows:minmax(70px, auto)}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._),.binary-alt-time-readout:is(*,._)),html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n){min-height:70px}html body.page-time:is(*,._._._) main.shell.shell section#current-time-and-weatherSection:is(*,#_#_).time-card.glass-card{margin-bottom:10px}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{top:-5px;margin-bottom:18px}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_){& + #primaryProgress:is(*,#_){margin-top:10px}& .language-clock-grid:is(*,._) :is(#greekTime:is(*,#_), #arabicTime:is(*,#_), #devanagariTime:is(*,#_), #thaiTime#thaiTime, #indianTime:is(*,#_)){font-size:clamp(1.56rem, 2.35vw, 2.08rem);line-height:1}}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._._) main.shell.shell #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{padding-bottom:38px}html body.page-time:is(*,._._._) main.shell.shell #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._){& > :is(#greekTime:is(*,#_), #arabicTime:is(*,#_), #devanagariTime:is(*,#_), #thaiTime#thaiTime, #indianTime:is(*,#_)){font-size:1.95rem;line-height:1}& > :is(#greekTime:is(*,#_#_),#arabicTime:is(*,#_#_),#devanagariTime:is(*,#_#_),#thaiTime:is(*,#_#_),#indianTime:is(*,#_#_)){font-size:30px;line-height:1}}html body.page-time:is(*,._._._) main.shell.shell section#current-time-and-weatherSection:is(*,#_#_).time-card.glass-card #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{min-height:475px;padding-bottom:38px}html body.page-time:is(*,._._._) main.shell.shell #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._),html body.page-time:is(*,._._._) main.shell.shell #primaryProgress:is(*,#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_) #secondValue:is(*,#_).time-slider-bubble:is(*,._){box-sizing:border-box;width:292px;min-width:292px;max-width:292px;text-align:center;white-space:nowrap}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, .age-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)}}@media (max-width: 1280px){html body.page-time:is(*,._._._) main.shell:is(*,._._) > .time-zone-row:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._) .time-zone-row:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:stretch;width:100%;min-width:0;max-width:100%;overflow:visible}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_).time-card.glass-card,html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:100%;min-width:0;max-width:100%;overflow:visible;padding-left:clamp(12px, 2vw, 25px);padding-right:clamp(12px, 2vw, 25px)}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_){& .top-time-dashboard-container:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:100%;min-width:0;max-width:100%;overflow:visible}& :is(.clock-display-wrap:is(*,._),.timezone-control-wrap:is(*,._)){box-sizing:border-box;justify-self:center;width:min(100%, var(--time-top-panel-width, 720px));min-width:0;max-width:100%;overflow:visible}& .timezone-control-wrap:is(*,._){padding-left:clamp(14px, 12vw, 138px);padding-right:clamp(14px, 12vw, 138px)}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card,html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_).language-clocks-section.glass-card{box-sizing:border-box;justify-self:center;width:min(100%, 1050px);min-width:0;max-width:100%;overflow:visible;padding-left:clamp(12px, 2vw, 24px);padding-right:clamp(12px, 2vw, 24px)}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){width:min(100%, 940px);min-width:0;max-width:100%}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) .main-time-copy:is(*,._){box-sizing:border-box;width:min(100%, 520px);min-width:0;max-width:520px}}@media (max-width: 760px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:minmax(60px, auto);gap:8px;align-items:stretch;justify-items:stretch}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(n),html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._){grid-column:auto;width:100%;min-width:0;max-width:100%}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1),html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._):nth-child(1),html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._){grid-column:1 / -1}}@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.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > span{font-size:.72rem;line-height:1.15}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong.stable-output:is(*,._){font-size:1rem;line-height:1.18;letter-spacing:0}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #eraCard#eraCard ) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)),& :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)),& #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled{background:linear-gradient(90deg, #0c2ff2 0%, #027cd4 34%, #02b5d1 67%, #02d14a 100%);background-image:linear-gradient(90deg, #0c2ff2 0%, #027cd4 34%, #02b5d1 67%, #02d14a 100%)}& :is( #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& > :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._),& .card-pie-meter:is(*,._){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #0c2ff2 0deg, #027cd4 126deg, #02b5d1 244deg, #02d14a 360deg)}}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-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._) + .time-zone-row: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.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_){font-size:.92rem}}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.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > span:not(#timeClockSizeA#timeClockSizeB#timeClockSizeC#timeClockSizeD#timeClockSizeE){font-size:.72rem;line-height:1.15}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong:not(#timeClockSizeA#timeClockSizeB#timeClockSizeC#timeClockSizeD#timeClockSizeE),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong:not(#timeClockSizeA#timeClockSizeB#timeClockSizeC#timeClockSizeD#timeClockSizeE),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_):not(#timeClockSizeA#timeClockSizeB#timeClockSizeC#timeClockSizeD#timeClockSizeE),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_):not(#timeClockSizeA#timeClockSizeB#timeClockSizeC#timeClockSizeD#timeClockSizeE),html body.page-time:is(*,._._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong.stable-output:is(*,._):not(#timeClockSizeA#timeClockSizeB#timeClockSizeC#timeClockSizeD#timeClockSizeE){font-size:1rem;line-height:1.18;letter-spacing:0}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_){& :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)):not(#timeColorA#timeColorB#timeColorC#timeColorD#timeColorE#timeColorF),& :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #eraCard#eraCard) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)):not(#timeColorA#timeColorB#timeColorC#timeColorD#timeColorE#timeColorF),& #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled:not(#timeColorA#timeColorB#timeColorC#timeColorD#timeColorE#timeColorF){background:linear-gradient(90deg, #0c2ff2 0%, #027cd4 34%, #02b5d1 67%, #02d14a 100%);background-image:linear-gradient(90deg, #0c2ff2 0%, #027cd4 34%, #02b5d1 67%, #02d14a 100%)}& .card-pie-meter:is(*,._):not(#timePieA#timePieB#timePieC#timePieD#timePieE#timePieF),& :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._):not(#timePieA#timePieB#timePieC#timePieD#timePieE#timePieF){background:conic-gradient(from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty) var(--pie-deg, 0deg) 360deg), conic-gradient(from -90deg, #0c2ff2 0deg, #027cd4 126deg, #02b5d1 244deg, #02d14a 360deg)}& .card-pie-meter:is(*,._) .card-pie-core:is(*,._):not(#timePieCoreA#timePieCoreB#timePieCoreC#timePieCoreD#timePieCoreE#timePieCoreF),& .card-pie-meter:is(*,._) .card-pie-core:is(*,._) span:not(#timePieCoreA#timePieCoreB#timePieCoreC#timePieCoreD#timePieCoreE#timePieCoreF){background:transparent;background-color:transparent}}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-time: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-time: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-time: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-time: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-time: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-time: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-time: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-time: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-time: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, .age-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){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.page-time main.shell > .time-zone-row{display:grid;justify-items:stretch;overflow:visible}html body.page-time main.shell #current-time-and-weatherSection{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;overflow:visible;padding-left:clamp(12px, 2vw, 26px);padding-right:clamp(12px, 2vw, 26px)}html body.page-time main.shell #current-time-and-weatherSection{& .top-time-dashboard-container{box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:100%;min-width:0;max-width:100%;overflow:visible}& :is(.clock-display-wrap,.timezone-control-wrap){justify-self:center;width:min(100%, var(--time-top-panel-width, 720px));min-width:0;max-width:100%;overflow:visible}}html body.page-time main.shell #languageClocksSection{justify-self:center;height:auto;min-height:0;overflow:visible}@media (max-width: 1280px){html body.page-time main.shell #languageClocksSection,html body.page-time:is(*,._._._._) main.shell:is(*,._._._) > #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._){grid-template-columns:minmax(0, 1fr)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) > #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._){width:100%;max-width:100%}}@media (min-width: 1281px){html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){height:1168px;min-height:1168px;max-height:1168px;grid-template-rows:627px 497px}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_){& #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){top:22px;height:20px;min-height:20px;max-height:20px;padding-top:1px;padding-bottom:1px;transform:none}& .timezone-control-wrap:is(*,._._){top:-7px;transform:none}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._) main.shell.shell > #languageClocksSection:is(*,#_).language-clocks-section{height:479px;min-height:479px;max-height:479px;grid-template-rows:450px;overflow:visible}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_).progress-grid{margin-top:-2px}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #digitalClock:is(*,#_).digital-time,html body.page-time:is(*,._) main.shell.shell #digitalClock:is(*,#_).digital-time{color:#79d9ff;-webkit-text-fill-color:#79d9ff;text-shadow:0 0 16px rgba(74, 191, 255, .22)}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #dstStandard:is(*,#_).dst-choice,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #dstStandard:is(*,#_),html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #dstStandard:is(*,#_) + span,html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) label.dst-choice:has(#dstStandard){position:relative;left:8px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section{min-height:499px;height:auto;max-height:none}@media (min-width: 1281px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section{min-height:499px;height:499px;max-height:499px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._) > .binary-alt-time-readout:is(*,._) > #binaryTime:is(*,#_),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) #binaryTime:is(*,#_),html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._) main.shell.shell #languageClocksSection:is(*,#_) #binaryTime:is(*,#_){font-size:18px;line-height:1.12;letter-spacing:0}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #eraCard#eraCard) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)),html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled{background:linear-gradient(90deg, #0061c2 0%, #0480b5 34%, #0498b5 67%, #019435 100%);background-image:linear-gradient(90deg, #0061c2 0%, #0480b5 34%, #0498b5 67%, #019435 100%)}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) .main-time-copy:is(*,._) #digitalClock:is(*,#_#_).digital-time:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #digitalClock:is(*,#_#_).digital-time:is(*,._){color:#79d9ff;-webkit-text-fill-color:#79d9ff;text-shadow:0 0 16px rgba(74, 191, 255, .22)}html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) .time-readout:is(*,._) strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) .binary-alt-time-readout:is(*,._) strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_) #binaryTime:is(*,#_#_),html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) .time-readout:is(*,._) strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) .binary-alt-time-readout:is(*,._) strong{font-size:18px;line-height:1.12;letter-spacing:0}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& .progress-track:is(*,._) > .progress-fill:is(*,._),& .progress-track:is(*,._) .progress-fill:is(*,._),& :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_), #eraCard#eraCard) .progress-track:is(*,._) .progress-fill:is(*,._),& #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled{background:linear-gradient(90deg, #0061c2 0%, #0480b5 34%, #0498b5 67%, #019435 100%);background-image:linear-gradient(90deg, #0061c2 0%, #0480b5 34%, #0498b5 67%, #019435 100%)}& .card-pie-meter:is(*,._._) .card-pie-core:is(*,._._),& #timeVisualizedGroup:is(*,#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_) :is(#decadeCard:is(*,#_), #generationCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._),& #moreTimeGroup:is(*,#_) :is(#eraCard#eraCard) > .card-pie-meter:is(*,._) .card-pie-core:is(*,._){background:#2f343b;background-color:#2f343b;background-image:none}& .card-pie-meter:is(*,._._) .card-pie-core:is(*,._._) span{background:transparent;background-color:transparent;background-image:none}}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.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) :is( .time-bottom-label:is(*,._), .segment-labels:is(*,._) span, .card-title-subline:is(*,._), .compact-top-lines:is(*,._), .compact-label:is(*,._), .compact-value:is(*,._) ){font-size:var(--readability-tiny-font);line-height:var(--readability-tiny-line)}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) :is( .dst-range-note:is(*,._), .clock-language-label:is(*,._) ){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-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_).language-clocks-section,html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_).language-clocks-section{position:relative;top:-3px;margin-bottom:-3px}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){position:relative;top:-5px;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) #binaryTime:is(*,#_){font-weight:400}html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_){& :is(#greekTime:is(*,#_), #arabicTime:is(*,#_), #devanagariTime:is(*,#_), #thaiTime#thaiTime){font-size:1.46rem;line-height:1.04}& #indianTime:is(*,#_){font-size:1.62rem;line-height:1.02}& .language-clock-grid:is(*,._) > .time-readout:is(*,._) span{color:inherit;-webkit-text-fill-color:currentColor}& #mainTime#mainTime,& #mainTime#mainTime.stable-output:is(*,._){color:#2f7f8f;-webkit-text-fill-color:#2f7f8f}& #militaryTime:is(*,#_),& #militaryTime:is(*,#_).stable-output:is(*,._){color:#2b7488;-webkit-text-fill-color:#2b7488}& #utcTimeHero:is(*,#_),& #utcTimeHero:is(*,#_).stable-output:is(*,._){color:#2d6d94;-webkit-text-fill-color:#2d6d94}& #romanTime:is(*,#_),& #romanTime:is(*,#_).stable-output:is(*,._){color:#476a8e;-webkit-text-fill-color:#476a8e}& #greekTime:is(*,#_),& #greekTime:is(*,#_).stable-output:is(*,._){color:#4a5b9a;-webkit-text-fill-color:#4a5b9a}& #arabicTime:is(*,#_),& #arabicTime:is(*,#_).stable-output:is(*,._){color:#327273;-webkit-text-fill-color:#327273}& #japaneseTime:is(*,#_),& #japaneseTime:is(*,#_).stable-output:is(*,._){color:#426c84;-webkit-text-fill-color:#426c84}& #kanjiTime:is(*,#_),& #kanjiTime:is(*,#_).stable-output:is(*,._){color:#3f706b;-webkit-text-fill-color:#3f706b}& #chineseTime:is(*,#_),& #chineseTime:is(*,#_).stable-output:is(*,._){color:#4d6d80;-webkit-text-fill-color:#4d6d80}& #devanagariTime:is(*,#_),& #devanagariTime:is(*,#_).stable-output:is(*,._){color:#5c5b7d;-webkit-text-fill-color:#5c5b7d}& #thaiTime#thaiTime,& #thaiTime#thaiTime.stable-output:is(*,._){color:#2e7862;-webkit-text-fill-color:#2e7862}& #indianTime:is(*,#_),& #indianTime:is(*,#_).stable-output:is(*,._){color:#5c4c87;-webkit-text-fill-color:#5c4c87}& #binaryTime:is(*,#_),& #binaryTime:is(*,#_).stable-output:is(*,._){color:#386b89;-webkit-text-fill-color:#386b89}}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_) #decamillenniumCard:is(*,#_) #decamillenniumTrack:is(*,#_).progress-track{margin-bottom:30px}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& .card-pie-meter:is(*,._._),& :is(#timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-pie-meter:is(*,._._){--time-progress-empty: #343a42;background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #343a42 var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #004ce3 0deg, #00c2d4 360deg)}& .card-pie-meter:is(*,._._)::before{background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #343a42 var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #004ce3 0deg, #00c2d4 360deg)}}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_).time-card{position:relative;top:-5px;margin-bottom:-5px}html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_){& .time-readout:is(*,._):has(#utcTimeHero){color:#68e8ff}& .time-readout:is(*,._):has(#mainTime){color:#72f5ff}& .time-readout:is(*,._):has(#militaryTime){color:#66dfff}& .time-readout:is(*,._):has(#romanTime){color:#8fd7ff}& .time-readout:is(*,._):has(#greekTime){color:#a6c4ff}& .time-readout:is(*,._):has(#arabicTime){color:#72f7e8}& .time-readout:is(*,._):has(#japaneseTime){color:#7ddfff}& .time-readout:is(*,._):has(#kanjiTime){color:#79f0d8}& .time-readout:is(*,._):has(#chineseTime){color:#8ee6ff}& .time-readout:is(*,._):has(#devanagariTime){color:#c3b8ff}& .time-readout:is(*,._):has(#thaiTime){color:#76f5c8}& .time-readout:is(*,._):has(#indianTime){color:#d5baff}& .time-readout:is(*,._):has(#binaryTime){color:#8bdcff}& .time-readout:is(*,._) strong,& #binaryTime:is(*,#_){color:inherit;-webkit-text-fill-color:currentColor}}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) #minuteBattery:is(*,#_) .minute-cell:is(*,._).filled{background:var(--minute-cell-fill, #00c2d4);background-color:var(--minute-cell-fill, #00c2d4);background-image:none}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) :is(.card-pie-meter:is(*,._), #secondCard:is(*,#_) > .card-pie-meter:is(*,._)),html body.page-time:is(*,._._) main.shell:is(*,._._) #timelineStack:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) #timeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) #extendedTimeVisualizedGroup:is(*,#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) #moreTimeGroup:is(*,#_) .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #343a42 var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #004ce3 0deg, #00c2d4 360deg)}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-mini-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)),html body.page-time:is(*,._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) :is(.progress-fill:is(*,._), .minute-smooth-fill:is(*,._), .workday-mini-fill:is(*,._), .workday-progress-fill:is(*,._), .deep-time-current-fill:is(*,._)){background:linear-gradient(90deg, #004ce3 0%, #00c2d4 100%);background-image:linear-gradient(90deg, #004ce3 0%, #00c2d4 100%)}html body.page-time:is(*,._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) .card-pie-meter:is(*,._._),html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_)) > .card-pie-meter:is(*,._){background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), #343a42 var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #004ce3 0deg, #00c2d4 360deg)}html body.page-time:is(*,._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_), #timeVisualizedGroup:is(*,#_), #extendedTimeVisualizedGroup:is(*,#_), #moreTimeGroup:is(*,#_)) .card-pie-meter:is(*,._)::before{left:50%;top:-13px;transform:translate(-50%, -50%)}html body.page-time:is(*,._):not(.time-inner-values-ready) #current-time-and-weatherSection:is(*,#_) :is( .analog-clock .clock-hand, #topSecondsToggle, #languageClocksSection, #languageClocksSection .language-clock-grid > *, #languageClocksSection .time-readout, #languageClocksSection .binary-alt-time-readout ){opacity:1;visibility:visible}html body.page-time:not(.time-inner-values-ready) #current-time-and-weatherSection{& .main-time-copy{opacity:0;visibility:hidden}& .timezone-control-wrap .timezone-content-inner{opacity:0;visibility:hidden;transition:opacity var(--delayed-data-fade, .55s) ease}}html body.page-time.time-inner-values-ready #current-time-and-weatherSection .main-time-copy,html body.page-time.time-inner-values-ready #current-time-and-weatherSection .timezone-control-wrap .timezone-content-inner{opacity:1;visibility:visible;transition:opacity var(--delayed-data-fade, .55s) ease}html body.page-time:is(*,._):not(.time-inner-values-ready) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card,html body.page-time:is(*,._):not(.time-inner-values-ready) main.shell.shell #languageClocksSection:is(*,#_).language-clocks-section.glass-card :is(.time-readout, .time-readout strong, .language-clock-grid > *, .binary-alt-time-readout){opacity:1;visibility:visible}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& #hourCard#hourCard #hourValue:is(*,#_).time-slider-bubble{position:relative}& :is( .card-title-subline:is(*,._), .compact-top-lines:is(*,._) .compact-measure-line:is(*,._), .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._) ){font-weight:400}& #timeVisualizedGroup:is(*,#_#_) :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_#_) :is( #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._),& :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){position:relative;top:19px;transform:none;color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2;font-weight:760}& :is( #secondTopLines:is(*,#_#_), #minuteTopLines:is(*,#_#_), #hourTopLines:is(*,#_#_), #dayTopLines:is(*,#_#_), #dayNightTopLines:is(*,#_#_), #weekTopLines:is(*,#_#_), #financialYearTopLines:is(*,#_#_), #monthTopLines:is(*,#_#_), #yearTopLines:is(*,#_#_), #gregorianYearTopLines:is(*,#_#_), #seasonTopLines:is(*,#_#_), #lunarMonthTopLines:is(*,#_#_), #lunarYearTopLines:is(*,#_#_), #decadeTopLines:is(*,#_#_), #generationTopLines:is(*,#_#_), #centuryTopLines:is(*,#_#_), #thirteenTopLines:is(*,#_#_), #zodiacTopLines:is(*,#_#_), #millenniumTopLines:is(*,#_#_), #decamillenniumTopLines:is(*,#_#_) ).compact-top-lines:is(*,._){position:relative;top:2px;transform:translateY(-10px);margin-bottom:-8px;color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2;font-weight:760}& :is( #secondTopLines:is(*,#_), #minuteTopLines:is(*,#_), #hourTopLines:is(*,#_), #dayTopLines:is(*,#_), #dayNightTopLines:is(*,#_), #weekTopLines:is(*,#_), #financialYearTopLines:is(*,#_), #monthTopLines:is(*,#_), #yearTopLines:is(*,#_), #gregorianYearTopLines:is(*,#_), #seasonTopLines:is(*,#_), #lunarMonthTopLines:is(*,#_), #lunarYearTopLines:is(*,#_), #decadeTopLines:is(*,#_), #generationTopLines:is(*,#_), #centuryTopLines:is(*,#_), #thirteenTopLines:is(*,#_), #zodiacTopLines:is(*,#_), #millenniumTopLines:is(*,#_), #decamillenniumTopLines:is(*,#_) ).compact-top-lines:is(*,._) :is(.compact-measure-line, .compact-remaining-line){color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2;transform:translateY(10px)}& #hourCard:is(*,#_#_) #hourTopLines:is(*,#_#_).compact-top-lines{position:relative;top:2px;transform:translateY(-10px);margin-bottom:-8px;color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2}& #hourCard:is(*,#_#_) #hourTopLines:is(*,#_#_).compact-top-lines :is(.compact-measure-line, .compact-remaining-line){color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2;transform:translateY(10px)}& #timeVisualizedGroup:is(*,#_#_) :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .compact-top-lines:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_#_) :is( #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .compact-top-lines:is(*,._),& :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .compact-top-lines:is(*,._){position:relative;top:2px;transform:translateY(-10px);margin-bottom:-8px;color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2;font-weight:760}& :is( .compact-top-lines:is(*,._) .compact-measure-line:is(*,._), .compact-top-lines:is(*,._) .compact-remaining-line:is(*,._) ){color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:17px;line-height:1.2;font-weight:760}& #hourCard#hourCard #hourValue:is(*,#_).time-slider-bubble{top:0;margin-bottom:0}& :is( #hourTopLines:is(*,#_), #dayTopLines:is(*,#_), #weekTopLines:is(*,#_), #monthTopLines:is(*,#_), #yearTopLines:is(*,#_), #decadeTopLines:is(*,#_), #centuryTopLines:is(*,#_), #millenniumTopLines:is(*,#_), #decamillenniumTopLines:is(*,#_) ).compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){left:0;width:100%;min-width:0;max-width:none;padding-left:0;padding-right:0;text-align:center;white-space:nowrap;transform:translateY(10px)}& :is( #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){top:15px;transform:translateX(30px) translateY(-8px)}& :is( #yearValue:is(*,#_#_), #decadeValue:is(*,#_#_), #centuryValue:is(*,#_#_), #millenniumValue:is(*,#_#_), #decamillenniumValue:is(*,#_#_) ).time-slider-bubble:is(*,._){top:0}& :is( #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){top:27px}& :is( #yearTopLines:is(*,#_#_), #decadeTopLines:is(*,#_#_), #centuryTopLines:is(*,#_#_), #millenniumTopLines:is(*,#_#_), #decamillenniumTopLines:is(*,#_#_) ).compact-top-lines:is(*,._){top:10px}& #timeVisualizedGroup:is(*,#_#_) :is( #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_#_) :is( #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){top:27px}& #timeVisualizedGroup:is(*,#_#_) :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._),& :is( #secondTopLines:is(*,#_#_), #minuteTopLines:is(*,#_#_), #hourTopLines:is(*,#_#_), #dayTopLines:is(*,#_#_), #dayNightTopLines:is(*,#_#_), #weekTopLines:is(*,#_#_), #financialYearTopLines:is(*,#_#_), #monthTopLines:is(*,#_#_), #yearTopLines:is(*,#_#_), #gregorianYearTopLines:is(*,#_#_), #seasonTopLines:is(*,#_#_), #lunarMonthTopLines:is(*,#_#_), #lunarYearTopLines:is(*,#_#_), #decadeTopLines:is(*,#_#_), #generationTopLines:is(*,#_#_), #centuryTopLines:is(*,#_#_), #thirteenTopLines:is(*,#_#_), #zodiacTopLines:is(*,#_#_), #millenniumTopLines:is(*,#_#_), #decamillenniumTopLines:is(*,#_#_) ).compact-top-lines:is(*,._) :is(.compact-measure-line:is(*,._), .compact-remaining-line:is(*,._)){font-weight:400}& #timeVisualizedGroup:is(*,#_#_) #hourCard:is(*,#_#_) #hourTopLines:is(*,#_#_).compact-top-lines:is(*,._),& #timeVisualizedGroup:is(*,#_#_) #hourCard:is(*,#_#_) #hourTopLines:is(*,#_#_).compact-top-lines:is(*,._) :is(.compact-measure-line:is(*,._), .compact-remaining-line:is(*,._)),& #hourCard:is(*,#_#_) #hourTopLines:is(*,#_#_).compact-top-lines:is(*,._),& #hourCard:is(*,#_#_) #hourTopLines:is(*,#_#_).compact-top-lines:is(*,._) :is(.compact-measure-line:is(*,._), .compact-remaining-line:is(*,._)){font-weight:400}& :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){transform:translateX(30px) translateY(-13px)}& :is( #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){top:14px}& :is( #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){top:22px}& #secondCard:is(*,#_#_) > .card-head:is(*,._) .card-title-subline:is(*,._){top:-4px}& #timeVisualizedGroup:is(*,#_#_) :is( #secondCard:is(*,#_#_), #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_#_) :is( #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){transform:translateX(30px) translateY(-13px)}& #timeVisualizedGroup:is(*,#_#_) :is( #minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #dayNightCard:is(*,#_#_), #weekCard:is(*,#_#_), #financialYearCard:is(*,#_#_), #monthCard:is(*,#_#_), #gregorianYearCard:is(*,#_#_), #seasonCard:is(*,#_#_), #lunarMonthCard:is(*,#_#_), #lunarYearCard:is(*,#_#_), #thirteenCard:is(*,#_#_), #zodiacCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){top:14px}& #timeVisualizedGroup:is(*,#_#_) :is( #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._),& #extendedTimeVisualizedGroup:is(*,#_#_) :is( #decadeCard:is(*,#_#_), #generationCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_) ) > .card-head:is(*,._) .card-title-subline:is(*,._){top:22px}& #timeVisualizedGroup:is(*,#_#_) #secondCard:is(*,#_#_) > .card-head:is(*,._) .card-title-subline:is(*,._){top:-4px}& #timeVisualizedGroup:is(*,#_#_) #secondCard:is(*,#_#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._),& #secondCard:is(*,#_#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){transform:translateX(30px) translateY(-8px)}& #decamillenniumCard:is(*,#_#_) > #decamillenniumPieMeter:is(*,#_).card-pie-meter:is(*,._){display:grid;position:absolute;top:15px;left:40px;right:auto;width:106px;height:106px;min-width:106px;min-height:106px;margin:0;padding:0;overflow:visible;visibility:visible;opacity:1;z-index:2}& #decamillenniumCard:is(*,#_#_) > #decamillenniumHourglassMeter:is(*,#_).card-hourglass-meter:is(*,._){display:grid;position:absolute;top:22px;right:26px;left:auto;width:150px;height:114px;min-width:150px;min-height:114px;margin:0;padding:0;overflow:visible;visibility:visible;opacity:1;z-index:12}}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._) > label.dst-choice:is(*,._):has(#dstStandard:is(*,#_)){position:relative;left:14px;transform:translate(11px, 4px)}html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > strong,html body.page-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) #binaryTime:is(*,#_){font-weight:400}html body.page-time:is(*,._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > strong.stable-output:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > strong.stable-output:is(*,._),html body.page-time:is(*,._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_) #binaryTime:is(*,#_#_).stable-output:is(*,._){font-weight:400}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& #timeVisualizedGroup:is(*,#_#_) #anniversaryMilestonesCard:is(*,#_).static-table-card{box-sizing:border-box;min-height:auto;padding:28px 34px 30px}& #anniversaryMilestonesCard:is(*,#_) .card-title:is(*,._){font-family:"Segoe UI", Arial, sans-serif;font-weight:500;text-align:center}& #anniversaryMilestonesCard:is(*,#_) .detail-text:is(*,._){margin:0 auto;transform:none;text-align:left}& #anniversaryMilestonesCard:is(*,#_) .anniversary-milestones-table{border-collapse:collapse;font-size:.875rem;line-height:1.25}& #anniversaryMilestonesCard:is(*,#_) .anniversary-milestones-table :is(th,td){padding:10px 22px;border-bottom:1px solid rgba(94, 157, 202, .24);font-size:.875rem;line-height:1.25}& #anniversaryMilestonesCard:is(*,#_) .anniversary-milestones-table tbody tr:last-child td{border-bottom:0}}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_).time-card{height:1118px;min-height:1118px;max-height:1118px;padding-top:10px;padding-bottom:18px}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_){& .top-time-dashboard-container:is(*,._){top:-8px;row-gap:6px}& .clock-display-wrap:is(*,._){padding:12px 22px 14px;gap:10px;top:-16px}& .main-time-copy:is(*,._){height:104px;min-height:104px;max-height:104px;padding-top:6px;padding-bottom:6px;gap:5px}& #digitalClock:is(*,#_).digital-time{height:40px;min-height:40px;max-height:40px;top:0}& .timezone-control-wrap:is(*,._){margin-top:-14px;padding-top:12px;padding-bottom:12px}& #languageClocksSection:is(*,#_).language-clocks-section{top:-12px;margin-bottom:-12px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #yearCard:is(*,#_#_) #yearCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label:is(*,._){& .year-milestone-stack:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:max-content;min-width:max-content;max-width:none;margin:0;padding:0;line-height:1.05;text-align:center;white-space:nowrap}& .year-milestone-name:is(*,._){display:block;width:max-content;white-space:nowrap}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) section#current-time-and-weatherSection:is(*,#_#_#_){& .timezone-control-wrap:is(*,._._){top:3px;transform:none}& #languageClocksSection:is(*,#_#_).language-clocks-section:is(*,._).glass-card{align-self:start;box-sizing:border-box;block-size:512px;height:512px;min-height:512px;max-height:512px;transform:translateY(-27px)}& #topSecondsToggle:is(*,#_).top-seconds-toggle{top:22px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) > .time-zone-row:is(*,._){margin-bottom:-31px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_).progress-grid{gap:10px;row-gap:10px;margin-top:0}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_).progress-grid{& :is(article.progress-card:is(*,._).glass-card,article.timeline-card:is(*,._).glass-card){margin:0;margin-block:0;margin-top:0;margin-bottom:0}& #secondCard:is(*,#_).progress-card:is(*,._).glass-card{margin-top:0}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_) #anniversaryMilestonesCard:is(*,#_){& .anniversary-milestones-table-wrap{margin-left:auto;margin-right:auto}& .anniversary-milestones-table{min-width:0;table-layout:fixed}& .anniversary-milestones-table :is(th:first-child,td:first-child){width:52%;text-align:left}& .anniversary-milestones-table :is(th:last-child,td:last-child){width:48%;text-align:left;white-space:nowrap}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._._){& > .time-readout:is(*,._):has(#utcTimeHero){background:radial-gradient(circle at 18% 0%, rgba(96, 153, 178, .18), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(24, 40, 53) 0%, rgb(17, 31, 43) 55%, rgb(10, 20, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(96, 153, 178, .18), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(24, 40, 53) 0%, rgb(17, 31, 43) 55%, rgb(10, 20, 31) 100%)}& > .time-readout:is(*,._):has(#mainTime){background:radial-gradient(circle at 18% 0%, rgba(83, 166, 148, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 43, 48) 0%, rgb(15, 32, 39) 55%, rgb(10, 21, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(83, 166, 148, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 43, 48) 0%, rgb(15, 32, 39) 55%, rgb(10, 21, 31) 100%)}& > .time-readout:is(*,._):has(#militaryTime){background:radial-gradient(circle at 18% 0%, rgba(83, 128, 176, .18), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 37, 54) 0%, rgb(15, 29, 44) 55%, rgb(10, 20, 32) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(83, 128, 176, .18), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 37, 54) 0%, rgb(15, 29, 44) 55%, rgb(10, 20, 32) 100%)}& > .time-readout:is(*,._):has(#romanTime){background:radial-gradient(circle at 18% 0%, rgba(130, 142, 174, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(29, 38, 54) 0%, rgb(20, 29, 43) 55%, rgb(12, 20, 32) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(130, 142, 174, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(29, 38, 54) 0%, rgb(20, 29, 43) 55%, rgb(12, 20, 32) 100%)}& > .time-readout:is(*,._):has(#greekTime){background:radial-gradient(circle at 18% 0%, rgba(127, 120, 177, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(31, 35, 55) 0%, rgb(22, 27, 43) 55%, rgb(13, 19, 32) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(127, 120, 177, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(31, 35, 55) 0%, rgb(22, 27, 43) 55%, rgb(13, 19, 32) 100%)}& > .time-readout:is(*,._):has(#arabicTime){background:radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 43, 47) 0%, rgb(15, 33, 39) 55%, rgb(10, 21, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 43, 47) 0%, rgb(15, 33, 39) 55%, rgb(10, 21, 31) 100%)}& > .time-readout:is(*,._):has(#japaneseTime){background:radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(24, 39, 52) 0%, rgb(17, 30, 42) 55%, rgb(11, 20, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(24, 39, 52) 0%, rgb(17, 30, 42) 55%, rgb(11, 20, 31) 100%)}& > .time-readout:is(*,._):has(#kanjiTime){background:radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(23, 42, 45) 0%, rgb(16, 32, 38) 55%, rgb(10, 21, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(23, 42, 45) 0%, rgb(16, 32, 38) 55%, rgb(10, 21, 31) 100%)}& > .time-readout:is(*,._):has(#chineseTime){background:radial-gradient(circle at 18% 0%, rgba(91, 135, 163, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(23, 38, 51) 0%, rgb(16, 29, 42) 55%, rgb(10, 20, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(91, 135, 163, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(23, 38, 51) 0%, rgb(16, 29, 42) 55%, rgb(10, 20, 31) 100%)}& > .time-readout:is(*,._):has(#devanagariTime){background:radial-gradient(circle at 18% 0%, rgba(134, 123, 162, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(31, 35, 51) 0%, rgb(22, 27, 41) 55%, rgb(13, 19, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(134, 123, 162, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(31, 35, 51) 0%, rgb(22, 27, 41) 55%, rgb(13, 19, 31) 100%)}& > .time-readout:is(*,._):has(#thaiTime){background:radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 43, 42) 0%, rgb(15, 32, 37) 55%, rgb(10, 21, 30) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(22, 43, 42) 0%, rgb(15, 32, 37) 55%, rgb(10, 21, 30) 100%)}& > .time-readout:is(*,._):has(#indianTime){background:radial-gradient(circle at 18% 0%, rgba(139, 116, 161, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(32, 34, 51) 0%, rgb(23, 26, 41) 55%, rgb(13, 19, 31) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(139, 116, 161, .17), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(32, 34, 51) 0%, rgb(23, 26, 41) 55%, rgb(13, 19, 31) 100%)}& > .binary-alt-time-readout:is(*,._):has(#binaryTime){background:radial-gradient(circle at 18% 0%, rgba(154, 139, 96, .16), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(38, 40, 45) 0%, rgb(27, 30, 38) 55%, rgb(14, 20, 30) 100%);background-image:radial-gradient(circle at 18% 0%, rgba(154, 139, 96, .16), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgb(38, 40, 45) 0%, rgb(27, 30, 38) 55%, rgb(14, 20, 30) 100%)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._){& > .time-readout-utc-top:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(96, 153, 178, .18), transparent 36%), linear-gradient(145deg, #182835 0%, #112031 55%, #0a141f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(96, 153, 178, .18), transparent 36%), linear-gradient(145deg, #182835 0%, #112031 55%, #0a141f 100%)}& > .time-readout-12:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(83, 166, 148, .17), transparent 36%), linear-gradient(145deg, #162b30 0%, #0f2027 55%, #0a151f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(83, 166, 148, .17), transparent 36%), linear-gradient(145deg, #162b30 0%, #0f2027 55%, #0a151f 100%)}& > .time-readout-24:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(83, 128, 176, .18), transparent 36%), linear-gradient(145deg, #162536 0%, #0f1d2c 55%, #0a1420 100%);background-image:radial-gradient(circle at 18% 0%, rgba(83, 128, 176, .18), transparent 36%), linear-gradient(145deg, #162536 0%, #0f1d2c 55%, #0a1420 100%)}& > .time-readout-roman:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(130, 142, 174, .17), transparent 36%), linear-gradient(145deg, #1d2636 0%, #141d2b 55%, #0c1420 100%);background-image:radial-gradient(circle at 18% 0%, rgba(130, 142, 174, .17), transparent 36%), linear-gradient(145deg, #1d2636 0%, #141d2b 55%, #0c1420 100%)}& > .time-readout-greek:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(127, 120, 177, .17), transparent 36%), linear-gradient(145deg, #1f2337 0%, #161b2b 55%, #0d1320 100%);background-image:radial-gradient(circle at 18% 0%, rgba(127, 120, 177, .17), transparent 36%), linear-gradient(145deg, #1f2337 0%, #161b2b 55%, #0d1320 100%)}& > .time-readout-arabic:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .17), transparent 36%), linear-gradient(145deg, #162b2f 0%, #0f2127 55%, #0a151f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .17), transparent 36%), linear-gradient(145deg, #162b2f 0%, #0f2127 55%, #0a151f 100%)}& > .time-readout-japanese:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .17), transparent 36%), linear-gradient(145deg, #182734 0%, #111e2a 55%, #0b141f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .17), transparent 36%), linear-gradient(145deg, #182734 0%, #111e2a 55%, #0b141f 100%)}& > .time-readout-kanji:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .17), transparent 36%), linear-gradient(145deg, #172a2d 0%, #102026 55%, #0a151f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .17), transparent 36%), linear-gradient(145deg, #172a2d 0%, #102026 55%, #0a151f 100%)}& > .time-readout-chinese:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(91, 135, 163, .17), transparent 36%), linear-gradient(145deg, #172633 0%, #101d2a 55%, #0a141f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(91, 135, 163, .17), transparent 36%), linear-gradient(145deg, #172633 0%, #101d2a 55%, #0a141f 100%)}& > .time-readout-devanagari:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(134, 123, 162, .17), transparent 36%), linear-gradient(145deg, #1f2333 0%, #161b29 55%, #0d131f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(134, 123, 162, .17), transparent 36%), linear-gradient(145deg, #1f2333 0%, #161b29 55%, #0d131f 100%)}& > .time-readout-thai:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), transparent 36%), linear-gradient(145deg, #162b2a 0%, #0f201f 55%, #0a151e 100%);background-image:radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), transparent 36%), linear-gradient(145deg, #162b2a 0%, #0f201f 55%, #0a151e 100%)}& > .time-readout-indian:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(139, 116, 161, .17), transparent 36%), linear-gradient(145deg, #202233 0%, #171a29 55%, #0d131f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(139, 116, 161, .17), transparent 36%), linear-gradient(145deg, #202233 0%, #171a29 55%, #0d131f 100%)}& > .binary-alt-time-readout:is(*,._){background:radial-gradient(circle at 18% 0%, rgba(154, 139, 96, .16), transparent 36%), linear-gradient(145deg, #26282d 0%, #1b1e26 55%, #0e141e 100%);background-image:radial-gradient(circle at 18% 0%, rgba(154, 139, 96, .16), transparent 36%), linear-gradient(145deg, #26282d 0%, #1b1e26 55%, #0e141e 100%)}& > .time-readout:is(*,._):nth-child(4){background:radial-gradient(circle at 18% 0%, rgba(130, 142, 174, .17), transparent 36%), linear-gradient(145deg, #1d2636 0%, #141d2b 55%, #0c1420 100%);background-image:radial-gradient(circle at 18% 0%, rgba(130, 142, 174, .17), transparent 36%), linear-gradient(145deg, #1d2636 0%, #141d2b 55%, #0c1420 100%)}& > .time-readout:is(*,._):nth-child(5){background:radial-gradient(circle at 18% 0%, rgba(127, 120, 177, .17), transparent 36%), linear-gradient(145deg, #1f2337 0%, #161b2b 55%, #0d1320 100%);background-image:radial-gradient(circle at 18% 0%, rgba(127, 120, 177, .17), transparent 36%), linear-gradient(145deg, #1f2337 0%, #161b2b 55%, #0d1320 100%)}& > .time-readout:is(*,._):nth-child(6){background:radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .17), transparent 36%), linear-gradient(145deg, #162b2f 0%, #0f2127 55%, #0a151f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(82, 160, 161, .17), transparent 36%), linear-gradient(145deg, #162b2f 0%, #0f2127 55%, #0a151f 100%)}& > .time-readout:is(*,._):nth-child(7){background:radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .17), transparent 36%), linear-gradient(145deg, #182734 0%, #111e2a 55%, #0b141f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(98, 143, 168, .17), transparent 36%), linear-gradient(145deg, #182734 0%, #111e2a 55%, #0b141f 100%)}& > .time-readout:is(*,._):nth-child(8){background:radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .17), transparent 36%), linear-gradient(145deg, #172a2d 0%, #102026 55%, #0a151f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(90, 154, 132, .17), transparent 36%), linear-gradient(145deg, #172a2d 0%, #102026 55%, #0a151f 100%)}& > .time-readout:is(*,._):nth-child(9){background:radial-gradient(circle at 18% 0%, rgba(91, 135, 163, .17), transparent 36%), linear-gradient(145deg, #172633 0%, #101d2a 55%, #0a141f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(91, 135, 163, .17), transparent 36%), linear-gradient(145deg, #172633 0%, #101d2a 55%, #0a141f 100%)}& > .time-readout:is(*,._):nth-child(10){background:radial-gradient(circle at 18% 0%, rgba(134, 123, 162, .17), transparent 36%), linear-gradient(145deg, #1f2333 0%, #161b29 55%, #0d131f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(134, 123, 162, .17), transparent 36%), linear-gradient(145deg, #1f2333 0%, #161b29 55%, #0d131f 100%)}& > .time-readout:is(*,._):nth-child(11){background:radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), transparent 36%), linear-gradient(145deg, #162b2a 0%, #0f201f 55%, #0a151e 100%);background-image:radial-gradient(circle at 18% 0%, rgba(82, 157, 120, .17), transparent 36%), linear-gradient(145deg, #162b2a 0%, #0f201f 55%, #0a151e 100%)}& > .time-readout:is(*,._):nth-child(12){background:radial-gradient(circle at 18% 0%, rgba(139, 116, 161, .17), transparent 36%), linear-gradient(145deg, #202233 0%, #171a29 55%, #0d131f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(139, 116, 161, .17), transparent 36%), linear-gradient(145deg, #202233 0%, #171a29 55%, #0d131f 100%)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) section#current-time-and-weatherSection:is(*,#_#_#_).time-card:is(*,._).glass-card:is(*,._){height:1133px;min-height:1133px;max-height:1133px;grid-template-rows:610px 479px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) section#current-time-and-weatherSection:is(*,#_#_#_){& .top-time-dashboard-container:is(*,._){height:590px;min-height:590px;max-height:590px}& .clock-display-wrap:is(*,._){height:321px;min-height:321px;max-height:321px}& .main-time-copy:is(*,._){height:119px;min-height:119px;max-height:119px;padding-top:10px;padding-bottom:10px}& :is(.timezone-picker:is(*,._), #timezoneSelect:is(*,#_), .time-mode-picker:is(*,._), .dst-choice:is(*,._)){border-radius:12px}& #timezoneSelect:is(*,#_){overflow:hidden}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(1),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(1){background:radial-gradient(circle at 20% 0%, rgba(93, 230, 255, .22), transparent 38%), linear-gradient(145deg, #16354d 0%, #0e2439 58%, #071522 100%);background-image:radial-gradient(circle at 20% 0%, rgba(93, 230, 255, .22), transparent 38%), linear-gradient(145deg, #16354d 0%, #0e2439 58%, #071522 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(2),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(2){background:radial-gradient(circle at 20% 0%, rgba(78, 255, 219, .2), transparent 38%), linear-gradient(145deg, #123c47 0%, #0b2835 58%, #071620 100%);background-image:radial-gradient(circle at 20% 0%, rgba(78, 255, 219, .2), transparent 38%), linear-gradient(145deg, #123c47 0%, #0b2835 58%, #071620 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(3),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(3){background:radial-gradient(circle at 20% 0%, rgba(118, 176, 255, .22), transparent 38%), linear-gradient(145deg, #172e52 0%, #0f213c 58%, #071423 100%);background-image:radial-gradient(circle at 20% 0%, rgba(118, 176, 255, .22), transparent 38%), linear-gradient(145deg, #172e52 0%, #0f213c 58%, #071423 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(4),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(4){background:radial-gradient(circle at 20% 0%, rgba(168, 151, 255, .22), transparent 38%), linear-gradient(145deg, #242a55 0%, #181d3d 58%, #0c1224 100%);background-image:radial-gradient(circle at 20% 0%, rgba(168, 151, 255, .22), transparent 38%), linear-gradient(145deg, #242a55 0%, #181d3d 58%, #0c1224 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(5),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(5){background:radial-gradient(circle at 20% 0%, rgba(198, 145, 255, .2), transparent 38%), linear-gradient(145deg, #2d2555 0%, #1f193b 58%, #100f23 100%);background-image:radial-gradient(circle at 20% 0%, rgba(198, 145, 255, .2), transparent 38%), linear-gradient(145deg, #2d2555 0%, #1f193b 58%, #100f23 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(6),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(6){background:radial-gradient(circle at 20% 0%, rgba(72, 238, 224, .22), transparent 38%), linear-gradient(145deg, #113e45 0%, #0a2a34 58%, #06161f 100%);background-image:radial-gradient(circle at 20% 0%, rgba(72, 238, 224, .22), transparent 38%), linear-gradient(145deg, #113e45 0%, #0a2a34 58%, #06161f 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(7),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(7){background:radial-gradient(circle at 20% 0%, rgba(92, 211, 255, .2), transparent 38%), linear-gradient(145deg, #14364f 0%, #0d253a 58%, #071522 100%);background-image:radial-gradient(circle at 20% 0%, rgba(92, 211, 255, .2), transparent 38%), linear-gradient(145deg, #14364f 0%, #0d253a 58%, #071522 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(8),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(8){background:radial-gradient(circle at 20% 0%, rgba(79, 245, 197, .2), transparent 38%), linear-gradient(145deg, #123d3f 0%, #0b282f 58%, #07161f 100%);background-image:radial-gradient(circle at 20% 0%, rgba(79, 245, 197, .2), transparent 38%), linear-gradient(145deg, #123d3f 0%, #0b282f 58%, #07161f 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(9),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(9){background:radial-gradient(circle at 20% 0%, rgba(105, 189, 255, .2), transparent 38%), linear-gradient(145deg, #17314d 0%, #0f2238 58%, #081522 100%);background-image:radial-gradient(circle at 20% 0%, rgba(105, 189, 255, .2), transparent 38%), linear-gradient(145deg, #17314d 0%, #0f2238 58%, #081522 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(10),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(10){background:radial-gradient(circle at 20% 0%, rgba(177, 155, 255, .2), transparent 38%), linear-gradient(145deg, #28264f 0%, #1b1a38 58%, #0e1123 100%);background-image:radial-gradient(circle at 20% 0%, rgba(177, 155, 255, .2), transparent 38%), linear-gradient(145deg, #28264f 0%, #1b1a38 58%, #0e1123 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(11),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(11){background:radial-gradient(circle at 20% 0%, rgba(72, 236, 194, .2), transparent 38%), linear-gradient(145deg, #123c3c 0%, #0b282d 58%, #07161e 100%);background-image:radial-gradient(circle at 20% 0%, rgba(72, 236, 194, .2), transparent 38%), linear-gradient(145deg, #123c3c 0%, #0b282d 58%, #07161e 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(12),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(12),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(13),html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(13){background:radial-gradient(circle at 20% 0%, rgba(156, 171, 255, .2), transparent 38%), linear-gradient(145deg, #20294d 0%, #161d37 58%, #0b1222 100%);background-image:radial-gradient(circle at 20% 0%, rgba(156, 171, 255, .2), transparent 38%), linear-gradient(145deg, #20294d 0%, #161d37 58%, #0b1222 100%)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)){background:var(--earth-clock-bg);background-image:var(--earth-clock-bg)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_){margin-top:15px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._){& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)){border-color:rgba(185, 193, 202, .18);color:#eaf3f8;-webkit-text-fill-color:#eaf3f8;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 14px 28px rgba(0, 0, 0, .24)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > :is(span, strong){color:#eaf3f8;-webkit-text-fill-color:#eaf3f8;text-shadow:0 0 12px rgba(234, 243, 248, .12)}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(3n + 1){background:linear-gradient(145deg, rgb(21, 26, 29), rgb(47, 51, 47) 58%, rgb(16, 20, 20));background-image:linear-gradient(145deg, rgb(21, 26, 29), rgb(47, 51, 47) 58%, rgb(16, 20, 20))}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(3n + 2){background:linear-gradient(145deg, rgb(20, 25, 34), rgb(36, 48, 66) 58%, rgb(16, 20, 28));background-image:linear-gradient(145deg, rgb(20, 25, 34), rgb(36, 48, 66) 58%, rgb(16, 20, 28))}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(3n){background:linear-gradient(145deg, rgb(24, 24, 32), rgb(48, 45, 51) 58%, rgb(17, 18, 25));background-image:linear-gradient(145deg, rgb(24, 24, 32), rgb(48, 45, 51) 58%, rgb(17, 18, 25))}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(6n + 1){background:linear-gradient(145deg, rgb(21, 29, 32), rgb(41, 53, 50) 58%, rgb(16, 23, 22));background-image:linear-gradient(145deg, rgb(21, 29, 32), rgb(41, 53, 50) 58%, rgb(16, 23, 22))}& > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)):nth-child(6n + 2){background:linear-gradient(145deg, rgb(23, 25, 35), rgb(45, 44, 57) 58%, rgb(17, 19, 28));background-image:linear-gradient(145deg, rgb(23, 25, 35), rgb(45, 44, 57) 58%, rgb(17, 19, 28))}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._){& > .time-readout:is(*,._._):nth-child(1),& > .time-readout:is(*,._._):nth-child(4),& > .time-readout:is(*,._._):nth-child(10){background:linear-gradient(145deg, rgb(21, 26, 29), rgb(47, 51, 47) 58%, rgb(16, 20, 20));background-image:linear-gradient(145deg, rgb(21, 26, 29), rgb(47, 51, 47) 58%, rgb(16, 20, 20))}& > .time-readout:is(*,._._):nth-child(2),& > .time-readout:is(*,._._):nth-child(5),& > .time-readout:is(*,._._):nth-child(11){background:linear-gradient(145deg, rgb(20, 25, 34), rgb(36, 48, 66) 58%, rgb(16, 20, 28));background-image:linear-gradient(145deg, rgb(20, 25, 34), rgb(36, 48, 66) 58%, rgb(16, 20, 28))}& > .time-readout:is(*,._._):nth-child(3),& > .time-readout:is(*,._._):nth-child(6),& > .time-readout:is(*,._._):nth-child(9),& > .binary-alt-time-readout:is(*,._._){background:linear-gradient(145deg, rgb(24, 24, 32), rgb(48, 45, 51) 58%, rgb(17, 18, 25));background-image:linear-gradient(145deg, rgb(24, 24, 32), rgb(48, 45, 51) 58%, rgb(17, 18, 25))}& > .time-readout:is(*,._._):nth-child(7),& > .time-readout:is(*,._._):nth-child(12){background:linear-gradient(145deg, rgb(21, 29, 32), rgb(41, 53, 50) 58%, rgb(16, 23, 22));background-image:linear-gradient(145deg, rgb(21, 29, 32), rgb(41, 53, 50) 58%, rgb(16, 23, 22))}& > .time-readout:is(*,._._):nth-child(8){background:linear-gradient(145deg, rgb(23, 25, 35), rgb(45, 44, 57) 58%, rgb(17, 19, 28));background-image:linear-gradient(145deg, rgb(23, 25, 35), rgb(45, 44, 57) 58%, rgb(17, 19, 28))}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._){& > .time-readout:is(*,._._):nth-child(1),& > .time-readout:is(*,._._):nth-child(4),& > .time-readout:is(*,._._):nth-child(10){background:linear-gradient(145deg, rgb(21, 26, 29), rgb(47, 51, 47) 58%, rgb(16, 20, 20));background-image:linear-gradient(145deg, rgb(21, 26, 29), rgb(47, 51, 47) 58%, rgb(16, 20, 20))}& > .time-readout:is(*,._._):nth-child(2),& > .time-readout:is(*,._._):nth-child(5),& > .time-readout:is(*,._._):nth-child(11){background:linear-gradient(145deg, rgb(20, 25, 34), rgb(36, 48, 66) 58%, rgb(16, 20, 28));background-image:linear-gradient(145deg, rgb(20, 25, 34), rgb(36, 48, 66) 58%, rgb(16, 20, 28))}& > .time-readout:is(*,._._):nth-child(3),& > .time-readout:is(*,._._):nth-child(6),& > .time-readout:is(*,._._):nth-child(9),& > .binary-alt-time-readout:is(*,._._){background:linear-gradient(145deg, rgb(24, 24, 32), rgb(48, 45, 51) 58%, rgb(17, 18, 25));background-image:linear-gradient(145deg, rgb(24, 24, 32), rgb(48, 45, 51) 58%, rgb(17, 18, 25))}& > .time-readout:is(*,._._):nth-child(7),& > .time-readout:is(*,._._):nth-child(12){background:linear-gradient(145deg, rgb(21, 29, 32), rgb(41, 53, 50) 58%, rgb(16, 23, 22));background-image:linear-gradient(145deg, rgb(21, 29, 32), rgb(41, 53, 50) 58%, rgb(16, 23, 22))}& > .time-readout:is(*,._._):nth-child(8){background:linear-gradient(145deg, rgb(23, 25, 35), rgb(45, 44, 57) 58%, rgb(17, 19, 28));background-image:linear-gradient(145deg, rgb(23, 25, 35), rgb(45, 44, 57) 58%, rgb(17, 19, 28))}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_) #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._){& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)){border-color:rgba(82, 151, 181, .28);box-shadow:inset 0 1px 0 rgba(188, 232, 248, .055), 0 12px 24px rgba(0, 0, 0, .26)}& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)) > span{color:#6fb7d6;-webkit-text-fill-color:#6fb7d6;text-shadow:0 0 10px rgba(111, 183, 214, .11)}& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)) > strong{color:#9feaff;-webkit-text-fill-color:#9feaff;text-shadow:0 0 12px rgba(80, 196, 230, .13)}& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(4n + 1){background:radial-gradient(circle at 18% 0%, rgba(62, 158, 190, .11), transparent 36%), linear-gradient(145deg, #082232 0%, #0d2b42 58%, #05131f 100%);background-image:radial-gradient(circle at 18% 0%, rgba(62, 158, 190, .11), transparent 36%), linear-gradient(145deg, #082232 0%, #0d2b42 58%, #05131f 100%)}& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(4n + 2){background:radial-gradient(circle at 18% 0%, rgba(66, 142, 162, .09), transparent 36%), linear-gradient(145deg, #0b2632 0%, #153444 58%, #071722 100%);background-image:radial-gradient(circle at 18% 0%, rgba(66, 142, 162, .09), transparent 36%), linear-gradient(145deg, #0b2632 0%, #153444 58%, #071722 100%)}& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(4n + 3){background:radial-gradient(circle at 18% 0%, rgba(115, 146, 164, .08), transparent 36%), linear-gradient(145deg, #132431 0%, #20323d 58%, #0d1720 100%);background-image:radial-gradient(circle at 18% 0%, rgba(115, 146, 164, .08), transparent 36%), linear-gradient(145deg, #132431 0%, #20323d 58%, #0d1720 100%)}& > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(4n){background:radial-gradient(circle at 18% 0%, rgba(55, 129, 164, .1), transparent 36%), linear-gradient(145deg, #092838 0%, #12384d 58%, #061621 100%);background-image:radial-gradient(circle at 18% 0%, rgba(55, 129, 164, .1), transparent 36%), linear-gradient(145deg, #092838 0%, #12384d 58%, #061621 100%)}}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_){& .clock-display-wrap:is(*,._._),& .top-time-dashboard-container:is(*,._){box-shadow:inset 0 1px 0 rgba(154, 184, 194, .08), 0 16px 32px rgba(0, 0, 0, .25)}& .main-time-copy:is(*,._._){box-shadow:inset 0 1px 0 rgba(154, 184, 194, .07), 0 12px 24px rgba(0, 0, 0, .24)}& .timezone-control-wrap:is(*,._._){box-shadow:inset 0 1px 0 rgba(154, 184, 194, .075), 0 14px 28px rgba(0, 0, 0, .24)}& :is(.timezone-content-inner:is(*,._), .timezone-picker:is(*,._), #timezoneSelect:is(*,#_), .time-mode-picker:is(*,._), .dst-choice:is(*,._)){background:linear-gradient(145deg, rgba(9, 39, 69, .95) 0%, rgba(23, 40, 43, .93) 52%, rgba(18, 25, 43, .95) 100%);background-image:linear-gradient(145deg, rgba(9, 39, 69, .95) 0%, rgba(23, 40, 43, .93) 52%, rgba(18, 25, 43, .95) 100%);border-color:rgba(89, 140, 158, .42)}& #languageClocksSection:is(*,#_#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._){box-shadow:inset 0 1px 0 rgba(154, 184, 194, .065), 0 16px 32px rgba(0, 0, 0, .27)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)){border:2px solid rgba(91, 151, 174, .55);border-radius:12px;box-shadow:inset 0 1px 0 rgba(161, 195, 205, .075), 0 12px 26px rgba(0, 0, 0, .27)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)) > span{color:#86adba;-webkit-text-fill-color:#86adba;text-shadow:0 0 8px rgba(83, 134, 154, .14)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)) > strong{color:#b4dbea;-webkit-text-fill-color:#b4dbea;text-shadow:0 0 10px rgba(98, 156, 178, .15)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(5n + 1){background:linear-gradient(145deg, #092745 0%, #0a304c 50%, #12192b 100%);background-image:linear-gradient(145deg, #092745 0%, #0a304c 50%, #12192b 100%)}& #currentDate:is(*,#_#_).date-line,& #currentDate:is(*,#_#_) .current-date-main{color:#8fa8b0;-webkit-text-fill-color:#8fa8b0;text-shadow:0 0 8px rgba(76, 111, 128, .14)}}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_){& :is(.timezone-content-inner:is(*,._), .timezone-picker:is(*,._), .time-mode-picker:is(*,._)){background:transparent;background-image:none;border-color:transparent;box-shadow:none}& :is(.timezone-content-inner:is(*,._):not(#timezoneSelect:is(*,#_)),.timezone-picker:is(*,._):not(#timezoneSelect:is(*,#_)),.time-mode-picker:is(*,._):not(#timezoneSelect:is(*,#_))){background:transparent;background-image:none;border-color:transparent;box-shadow:none}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{width:min(100%, 900px);margin:18px auto 18px;padding:26px 32px 30px;border:1px solid rgba(92, 209, 239, .48);border-radius:12px;background:radial-gradient(circle at 18% 0%, rgba(81, 197, 224, .16), transparent 33%), radial-gradient(circle at 82% 18%, rgba(105, 128, 188, .12), transparent 36%), linear-gradient(135deg, rgba(7, 25, 39, .98), rgba(10, 42, 55, .98) 48%, rgba(9, 24, 42, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035), inset 0 0 46px rgba(64, 207, 238, .055), 0 22px 54px rgba(0, 0, 0, .32);font-family:"Rajdhani", "Orbitron", "Share Tech Mono", "Trebuchet MS", Arial, sans-serif;letter-spacing:0;overflow:hidden}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg, rgba(114, 230, 255, .06) 1px, transparent 1px), linear-gradient(0deg, rgba(114, 230, 255, .045) 1px, transparent 1px);background-size:44px 44px;opacity:.28;mask-image:linear-gradient(to bottom, black 0%, transparent 78%)}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{& .time-machine-title:is(*,._){position:relative;z-index:1;font-family:"Rajdhani", "Orbitron", "Share Tech Mono", "Trebuchet MS", Arial, sans-serif;line-height:1;text-align:center;letter-spacing:0}& .time-travel-controls:is(*,._).machine-collapsible-content{position:relative;z-index:1;width:100%;max-width:760px;margin:0 auto;padding:0;border:0}& .time-machine-console-shell{position:relative;display:grid;justify-items:center;width:100%}& .time-travel-date-stepper{display:grid;grid-template-columns:repeat(2, minmax(230px, 1fr));margin:0 auto}& .time-travel-field-pair{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:10px;min-width:0;border:1px solid rgba(110, 221, 247, .34);border-radius:8px;background:linear-gradient(135deg, rgba(8, 20, 39, .96), rgba(13, 38, 54, .93));box-shadow:inset 0 0 18px rgba(74, 214, 244, .06), 0 12px 24px rgba(0, 0, 0, .2)}& .time-travel-field{display:grid;gap:8px;min-width:0;margin:0;color:#8fefff;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;letter-spacing:0}& .time-travel-field span{color:#8fefff;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:0}& .time-travel-field input{width:100%;height:44px;min-width:0;padding:0 13px;border:1px solid rgba(128, 225, 249, .42);border-radius:7px;background:linear-gradient(135deg, rgba(11, 18, 38, .98), rgba(10, 35, 53, .98));color:#e5fbff;font-family:"Share Tech Mono", "Rajdhani", Consolas, monospace;font-size:1rem;font-weight:500;letter-spacing:0;box-shadow:inset 0 0 16px rgba(80, 215, 245, .07)}& .time-travel-field input:focus{outline:none;border-color:rgba(126, 242, 255, .88);box-shadow:0 0 0 3px rgba(80, 220, 245, .14), inset 0 0 18px rgba(80, 215, 245, .1)}& .time-travel-arrow-stack{display:grid;grid-template-columns:repeat(2, 38px);gap:8px;align-self:end;margin:0}& .time-travel-arrow-stack button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(132, 231, 255, .52);background:linear-gradient(135deg, rgba(26, 62, 77, .96), rgba(11, 31, 51, .96));color:#d6fbff;font-weight:700;box-shadow:inset 0 0 14px rgba(110, 232, 255, .08)}& .time-travel-arrow-stack button:hover{border-color:rgba(151, 244, 255, .86);color:#ffffff;transform:translateY(-1px)}& .time-travel-button-row{display:grid;place-items:center;width:100%;margin:0}& #timeTravelButton:is(*,#_){min-width:220px;min-height:46px;padding:0 28px;border:1px solid rgba(139, 231, 251, .52);border-radius:999px;background:linear-gradient(90deg, rgba(18, 55, 74, .96), rgba(16, 44, 65, .98), rgba(23, 67, 76, .94));color:#cbf8ff;font-family:"Rajdhani", "Orbitron", "Share Tech Mono", sans-serif;font-size:1.05rem;font-weight:650;letter-spacing:0;box-shadow:inset 0 0 18px rgba(98, 225, 255, .1), 0 10px 22px rgba(0, 0, 0, .22)}& #timeTravelButton:is(*,#_).ready-to-travel:not(:disabled){border-color:rgba(146, 255, 232, .8);background:linear-gradient(90deg, rgba(12, 81, 88, .98), rgba(10, 96, 118, .98), rgba(23, 76, 91, .98));color:#ffffff;box-shadow:0 0 22px rgba(90, 239, 255, .2), inset 0 0 20px rgba(92, 247, 224, .14)}& .time-travel-status-panel:is(*,._){position:relative;display:grid;column-gap:14px;margin:0 auto;border:1px solid rgba(116, 228, 252, .38);border-radius:10px;background:linear-gradient(135deg, rgba(7, 19, 34, .96), rgba(13, 42, 58, .92), rgba(11, 23, 42, .96));box-shadow:inset 0 0 20px rgba(83, 226, 255, .07), 0 12px 25px rgba(0, 0, 0, .22);color:#d8f8ff;font-family:inherit;letter-spacing:0}& .time-travel-status-panel:is(*,._) > span:first-child{grid-area:label;color:#85e8ff;font-size:.82rem;font-weight:650;line-height:1;text-transform:uppercase;letter-spacing:0}& #timeTravelStatus:is(*,#_){grid-area:status;color:#eefeff;font-family:"Share Tech Mono", "Rajdhani", Consolas, monospace;font-size:clamp(1rem, 1.8vw, 1.22rem);font-weight:500;letter-spacing:0}& .time-status-clock-icon{grid-area:icon;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(118, 232, 255, .48);border-radius:50%;background:radial-gradient(circle, rgba(35, 91, 113, .92), rgba(9, 26, 44, .95));color:#8ff4ff;font-size:1.2rem;box-shadow:0 0 18px rgba(75, 229, 255, .2)}& .time-machine-car{grid-area:car;position:relative;width:72px;height:34px;opacity:.86;transform:none;margin:0}& .present-time-status-button:is(*,._){grid-area:button;justify-self:center;margin:5px 0 0;border:1px solid rgba(150, 231, 250, .42);border-radius:999px;font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:0}& .time-machine-head:is(*,._){position:absolute;right:18px;top:16px;width:62px;height:62px;margin:0;opacity:.62;pointer-events:none}& .flux-capacitor{width:62px;height:62px;border-color:rgba(113, 231, 255, .22);background:radial-gradient(circle, rgba(32, 86, 106, .45), rgba(8, 24, 40, .18))}& :is(.time-travel-field, .time-travel-field *, .time-travel-status-panel, .time-travel-status-panel *, .time-machine-title, #timeTravelButton){letter-spacing:0}}@media (max-width: 760px){html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{padding:22px 16px 24px}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{& .time-machine-console-shell{padding:18px 14px 20px}& .time-travel-date-stepper{grid-template-columns:minmax(0, 1fr);width:100%}& .time-machine-car{display:none}}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_){& .utc-minute-hourglass-meter:is(*,._){width:46px;height:51px;margin:0}& .utc-minute-hourglass-meter:is(*,._) .hourglass-glass{width:46px;height:51px}& .utc-minute-hourglass-meter:is(*,._) .hourglass-sand-top{top:7px;height:15px}& .utc-minute-hourglass-meter:is(*,._) .hourglass-sand-bottom{bottom:6px;height:16px}& .utc-minute-hourglass-meter:is(*,._) .hourglass-stream{top:23px;height:8px}}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-stage:is(*,._) > .time-circle-inner-tick:is(*,._){position:absolute;z-index:1;left:50%;top:50%;display:block;width:0;height:0;transform:rotate(var(--time-circle-angle, 0deg));transform-origin:center;pointer-events:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-stage:is(*,._) > .time-circle-inner-tick:is(*,._)::after{content:"";position:absolute;left:-1px;top:calc((var(--time-circle-divider-start-radius, 110px) + 15px) * -1);display:block;width:2px;height:15px;border-radius:999px;background:linear-gradient(180deg, rgba(173, 238, 247, .82), rgba(91, 192, 215, .36));box-shadow:0 0 5px rgba(92, 205, 226, .18)}@media (max-width: 600px){html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-stage:is(*,._) > .time-circle-inner-tick:is(*,._)::after{height:20px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_) #timeVisualizedGroup:is(*,#_#_#_#_) #secondCard:is(*,#_#_#_#_) > #secondDetails:is(*,#_#_#_#_).detail-text:is(*,._._){top:0;margin-top:0;transform:none}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& #generationCard:is(*,#_#_) #generationTopLines:is(*,#_#_).compact-top-lines:is(*,._){box-sizing:border-box;position:relative;top:auto;left:auto;display:grid;grid-template-rows:auto auto;justify-items:center;align-items:center;width:min(360px, calc(100% - 48px));min-height:42px;margin:12px auto 2px;padding:2px 10px;transform:none;text-align:center;gap:2px;z-index:5;pointer-events:none}& #generationCard:is(*,#_#_) #generationTopLines:is(*,#_#_).compact-top-lines:is(*,._) :is(.compact-measure-line:is(*,._), .compact-remaining-line:is(*,._)){box-sizing:border-box;position:static;display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:0;transform:none;white-space:nowrap;text-align:center;letter-spacing:0;line-height:1.12;text-shadow:0 1px 5px rgba(0, 0, 0, .5)}& #generationCard:is(*,#_#_) #generationTopLines:is(*,#_#_) .compact-remaining-line:is(*,._){order:1;color:#bdefff;-webkit-text-fill-color:#bdefff;font-size:16px;font-weight:500}& #generationCard:is(*,#_#_) #generationTopLines:is(*,#_#_) .compact-measure-line:is(*,._){order:2;color:#77e8ff;-webkit-text-fill-color:#77e8ff;font-size:15px;font-weight:400}& #generationCard:is(*,#_#_) #generationTopLines:is(*,#_#_).compact-top-lines:is(*,._) .compact-remaining-line:is(*,._){transform:translateY(-10px)}& #generationCard:is(*,#_#_) #generationValue:is(*,#_).time-slider-bubble:is(*,._){transform:translate(0, 15px)}& #dayTrack#dayTrack.progress-track:is(*,._) > .tick-label:is(*,._).day-time-bottom-label:is(*,._):is(.day-midnight-start-label, .day-midnight-end-label){display:block;visibility:visible;opacity:1;transform:translate(-50%, 0)}& #generationCard:is(*,#_#_) #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-start-1900-label:is(*,._){display:block;visibility:visible;opacity:1;top:-34px;transform:translateX(-50%);color:rgba(174, 221, 240, .78);-webkit-text-fill-color:rgba(174, 221, 240, .78)}& #generationCard:is(*,#_#_) #generationDetails:is(*,#_#_){margin-top:12px}& #generationCard:is(*,#_#_) .generation-age-table:is(*,._) tbody tr{background:linear-gradient(90deg, color-mix(in srgb, var(--generation-accent, #2d6f86) 34%, #071825 66%), rgba(8, 25, 39, .78))}& #generationCard:is(*,#_#_) .generation-age-table:is(*,._) tbody tr:nth-child(even){background:linear-gradient(90deg, color-mix(in srgb, var(--generation-accent, #2d6f86) 26%, #092237 74%), rgba(10, 31, 48, .78))}& #generationCard:is(*,#_#_) .generation-age-table:is(*,._) tbody td:first-child{color:color-mix(in srgb, var(--generation-accent, #7ee8ff) 58%, #e9fbff 42%);-webkit-text-fill-color:color-mix(in srgb, var(--generation-accent, #7ee8ff) 58%, #e9fbff 42%)}}html body.page-time:is(*,._._._._._._._._) main.shell:is(*,._._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_) .top-time-dashboard-container:is(*,._._._._){background:none;background-color:transparent;background-image:none;border:0;box-shadow:none}html body.page-time:is(*,._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #generationCard:is(*,#_#_#_){& #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-name-label:is(*,._){overflow-wrap:normal;word-break:normal}& .generation-age-table-wrap:is(*,._){margin-top:50px}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card{& .time-machine-title:is(*,._){margin:0 0 18px;font-size:clamp(1.55rem, 2.35vw, 2.15rem);font-weight:600}& .time-machine-console-shell{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:18px}& .time-travel-date-stepper{width:min(100%, 640px);gap:18px}& .time-travel-field-pair{padding:14px 14px 13px;align-items:end}& .time-travel-field{text-align:center}& .time-travel-field span{display:block;width:100%;text-align:center}& .time-travel-arrow-stack button{border-radius:8px;font-family:"Share Tech Mono", Consolas, monospace;font-size:1rem;line-height:1}& .time-travel-status-panel:is(*,._){grid-template-columns:minmax(0, 1fr);grid-template-areas:"label" "status" "button";justify-items:center;align-items:center;width:min(100%, 790px);padding:16px 34px 18px}& :is(.time-status-clock-icon, .time-machine-car, .time-machine-head){display:none}& .time-travel-status-panel:is(*,._) > span:first-child{text-align:center}& #timeTravelStatus:is(*,#_){width:100%;max-width:660px;margin:0 auto;text-align:center;line-height:1.35}& #timeTravelStatus:is(*,#_) .time-travel-year-line{display:block;margin-top:6px}}@media (max-width: 760px){html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card .time-travel-status-panel:is(*,._){grid-template-columns:minmax(0, 1fr);grid-template-areas:"label" "status" "button";padding-inline:18px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_){& #timeVisualizedGroup:is(*,#_#_) #anniversaryMilestonesCard:is(*,#_).static-table-card{padding-top:13px}& #anniversaryMilestonesCard:is(*,#_) .card-title:is(*,._){color:#54d8d2;text-shadow:0 0 12px rgba(84, 216, 210, .24)}& #anniversaryMilestonesCard:is(*,#_) .detail-text:is(*,._),& #anniversaryMilestonesCard:is(*,#_) :is(.anniversary-milestones-table-wrap,.anniversary-milestones-table){width:min(100%, 620px);max-width:620px}}html body.page-time:is(*,._._) main.shell.shell #timeTravelCard:is(*,#_).time-travel-card .time-machine-title:is(*,._){color:#c7a6ff;text-shadow:0 0 16px rgba(165, 121, 255, .34)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_) #anniversaryMilestonesCard:is(*,#_){& > .card-head:is(*,._){height:126px;min-height:126px;margin-top:0;margin-bottom:12px;padding-top:0;padding-bottom:0}& > .card-head:is(*,._) > .card-title-wrap:is(*,._){display:grid;height:126px;min-height:126px;padding:0;margin:0;place-items:center}& #anniversaryMilestonesTitle:is(*,#_).card-title:is(*,._){position:relative;z-index:3;display:block;visibility:visible;opacity:1;color:#78d8ff;-webkit-text-fill-color:#78d8ff;text-shadow:0 0 12px rgba(82, 187, 234, .18)}}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_){& .clock-display-wrap:is(*,._._),& .top-time-dashboard-container:is(*,._){background:linear-gradient(145deg, #0b2130 0%, #102b38 48%, #1b2e34 100%);background-image:linear-gradient(145deg, #0b2130 0%, #102b38 48%, #1b2e34 100%);border-color:rgba(89, 130, 145, .42)}& .main-time-copy:is(*,._._){background:linear-gradient(145deg, #0c1f2d 0%, #132a36 50%, #0d2636 100%);background-image:linear-gradient(145deg, #0c1f2d 0%, #132a36 50%, #0d2636 100%);border-color:rgba(77, 118, 139, .42)}& .timezone-control-wrap:is(*,._._){background:linear-gradient(145deg, #0d2a36 0%, #173239 50%, #172a2f 100%);background-image:linear-gradient(145deg, #0d2a36 0%, #173239 50%, #172a2f 100%);border-color:rgba(83, 128, 141, .44)}& #languageClocksSection:is(*,#_#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._){background:linear-gradient(145deg, #17272c 0%, #0c2331 48%, #121d28 100%);background-image:linear-gradient(145deg, #17272c 0%, #0c2331 48%, #121d28 100%);border-color:rgba(82, 125, 143, .48)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)){border-color:rgba(93, 137, 153, .52);background:radial-gradient(circle at 18% 0%, rgba(87, 130, 145, .09), transparent 35%), linear-gradient(145deg, #0b2230 0%, #102b38 54%, #0b1823 100%);background-image:radial-gradient(circle at 18% 0%, rgba(87, 130, 145, .09), transparent 35%), linear-gradient(145deg, #0b2230 0%, #102b38 54%, #0b1823 100%)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(5n + 2){background:radial-gradient(circle at 18% 0%, rgba(78, 128, 145, .08), transparent 35%), linear-gradient(145deg, #0c2836 0%, #15313a 54%, #101b25 100%);background-image:radial-gradient(circle at 18% 0%, rgba(78, 128, 145, .08), transparent 35%), linear-gradient(145deg, #0c2836 0%, #15313a 54%, #101b25 100%)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(5n + 3){background:radial-gradient(circle at 18% 0%, rgba(101, 128, 138, .08), transparent 35%), linear-gradient(145deg, #17262c 0%, #203239 54%, #111a23 100%);background-image:radial-gradient(circle at 18% 0%, rgba(101, 128, 138, .08), transparent 35%), linear-gradient(145deg, #17262c 0%, #203239 54%, #111a23 100%)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(5n + 4){background:radial-gradient(circle at 18% 0%, rgba(75, 112, 135, .08), transparent 35%), linear-gradient(145deg, #111d2a 0%, #172a36 54%, #0d1d2a 100%);background-image:radial-gradient(circle at 18% 0%, rgba(75, 112, 135, .08), transparent 35%), linear-gradient(145deg, #111d2a 0%, #172a36 54%, #0d1d2a 100%)}& #languageClocksSection:is(*,#_#_#_#_) .language-clock-grid:is(*,._._._) > :is(.time-readout:is(*,._._._), .binary-alt-time-readout:is(*,._._._)):nth-child(5n){background:radial-gradient(circle at 18% 0%, rgba(78, 126, 132, .08), transparent 35%), linear-gradient(145deg, #182b2f 0%, #1b3339 54%, #0d2430 100%);background-image:radial-gradient(circle at 18% 0%, rgba(78, 126, 132, .08), transparent 35%), linear-gradient(145deg, #182b2f 0%, #1b3339 54%, #0d2430 100%)}& #digitalClock:is(*,#_#_#_).digital-time:is(*,._){color:#78aebf;-webkit-text-fill-color:#78aebf;text-shadow:0 0 9px rgba(70, 113, 130, .14)}}html body.page-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #generationCard:is(*,#_) .generation-age-table:is(*,._){& th{text-shadow:none}& table thead tr th,& table thead tr th:is(th){color:#4ed6ff;-webkit-text-fill-color:#4ed6ff;font-weight:600;text-shadow:none}& .generation-name-chip:is(*,._){color:#ffffff;-webkit-text-fill-color:#ffffff;font-weight:400;background:linear-gradient(90deg, var(--generation-accent, #315e74), rgba(13, 31, 42, .92));border-left:5px solid rgba(218, 247, 255, .72);border-radius:3px;text-shadow:none}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_) #generationCard:is(*,#_#_#_#_){& .generation-age-table-wrap:is(*,._._){box-sizing:border-box;display:block;width:min(100%, 760px);padding:0}& .generation-age-table:is(*,._._){box-sizing:border-box;display:block;width:100%;margin:0;padding:0;overflow-x:auto;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;text-align:left;transform:none;transition:none;animation:none}& .generation-age-table:is(*,._._) h4{margin:0 0 6px;color:#7ee7ff;-webkit-text-fill-color:#7ee7ff;font-size:1.35rem;font-weight:600;letter-spacing:0;line-height:1.15;text-align:center}& .generation-age-table:is(*,._._) p{margin:0 0 14px;color:#c9dce7;-webkit-text-fill-color:#c9dce7;font-size:.92rem;font-weight:400;line-height:1.25;text-align:center}& .generation-age-table:is(*,._._) table{display:table;float:left;width:max(100%, 580px);table-layout:fixed;border-collapse:separate;border-spacing:0 6px;border:0;border-radius:0;background:transparent;color:#edf8ff;-webkit-text-fill-color:#edf8ff;transform:none;transition:none;animation:none}& .generation-age-table:is(*,._._) thead{display:table-header-group}& .generation-age-table:is(*,._._) tbody{display:table-row-group}& .generation-age-table:is(*,._._) tr{display:table-row;height:46px;min-height:46px;transform:none;transition:none;animation:none}& .generation-age-table:is(*,._._) :is(th,td){display:table-cell;box-sizing:border-box;height:46px;padding:11px 12px;border:0;background-image:none;color:#edf8ff;-webkit-text-fill-color:#edf8ff;font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.2;text-align:left;vertical-align:middle;white-space:nowrap;transform:none;transition:none;animation:none}& .generation-age-table:is(*,._._) th{height:38px;background:rgba(21, 65, 89, .9);color:#70dcff;-webkit-text-fill-color:#70dcff;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}& .generation-age-table:is(*,._._) th:nth-child(1),& .generation-age-table:is(*,._._) td:nth-child(1){width:34%}& .generation-age-table:is(*,._._) th:nth-child(2),& .generation-age-table:is(*,._._) td:nth-child(2){width:24%}& .generation-age-table:is(*,._._) th:nth-child(3),& .generation-age-table:is(*,._._) td:nth-child(3){width:42%}& .generation-age-table:is(*,._._) tbody tr:nth-child(odd) td{background:rgba(21, 55, 76, .88)}& .generation-age-table:is(*,._._) tbody tr:nth-child(even) td{background:rgba(25, 63, 84, .88)}& .generation-age-table:is(*,._._) .generation-name-chip{display:none}& .generation-age-table:is(*,._._) .generation-name-text{color:#ffffff;-webkit-text-fill-color:#ffffff;font-weight:400}& .generation-age-table:is(*,._._) .generation-color-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:2px;background:var(--generation-accent, #70dcff);box-shadow:0 0 0 1px rgba(255, 255, 255, .18);vertical-align:1px}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #timeTravelCard:is(*,#_).time-travel-card{& .time-travel-status-panel:is(*,._){min-height:155px;align-content:center;row-gap:7px}& .present-time-status-button:is(*,._){min-height:26px;height:26px;margin-top:10px;padding:0 13px;border-color:rgba(72, 160, 188, .45);background:linear-gradient(135deg, rgba(5, 21, 35, .98), rgba(8, 31, 48, .98));color:#aee9f6;box-shadow:inset 0 0 12px rgba(54, 166, 194, .08)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_) #generationCard:is(*,#_#_#_#_) .generation-age-table:is(*,._._) tbody tr.is-current-generation{& td{border-top-color:rgba(89, 194, 232, .16);border-bottom-color:rgba(89, 194, 232, .16)}& td:first-child{border-left-color:rgba(89, 194, 232, .16)}& td:last-child{border-right-color:rgba(89, 194, 232, .16)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_) #anniversaryMilestonesCard:is(*,#_) .card-title:is(*,._){font-size:1.58rem;line-height:1.1}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #generationCard:is(*,#_#_#_){& #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-name-label:is(*,._){color:color-mix(in srgb, var(--generation-label-color, #80e9ff) 18%, #f4fdff 82%);-webkit-text-fill-color:color-mix(in srgb, var(--generation-label-color, #80e9ff) 18%, #f4fdff 82%);text-shadow:0 1px 5px rgba(0, 0, 0, .64), 0 0 13px color-mix(in srgb, var(--generation-label-color, #80e9ff) 82%, transparent)}& #generationDetails:is(*,#_#_#_) .generation-age-table-wrap:is(*,._){margin-bottom:28px}& #generationDetails:is(*,#_#_#_) :is(.bottom-metric-list, .compact-detail-metrics){transform:none;transition:none;animation:none}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_) #generationCard:is(*,#_#_#_#_) .generation-age-table:is(*,._._){& tbody tr.is-current-generation{background:transparent;background-image:none;box-shadow:none}& tbody tr.is-current-generation td{background:rgba(27, 73, 96, .96);background-image:none;border-top:2px solid rgba(98, 215, 255, .9);border-bottom:2px solid rgba(98, 215, 255, .9);box-shadow:inset 0 1px 0 rgba(202, 246, 255, .28), inset 0 -1px 0 rgba(202, 246, 255, .18)}& tbody tr.is-current-generation td:first-child{border-left:2px solid rgba(98, 215, 255, .9)}& tbody tr.is-current-generation td:last-child{border-right:2px solid rgba(98, 215, 255, .9)}& :is(thead, tbody) tr > :first-child{border-radius:11px 0 0 11px}& :is(thead, tbody) tr > :last-child{border-radius:0 11px 11px 0}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_) #generationCard:is(*,#_#_#_#_) .generation-age-table-wrap:is(*,._._){transform:none;transition:none;animation:none;margin:12px auto 18px}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_) #generationCard:is(*,#_#_#_#_#_) #generationDetails:is(*,#_#_#_#_) .generation-age-table-wrap:is(*,._._){transform:none;transition:none;animation:none;margin:20px auto 18px}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._._) #current-time-and-weatherSection:is(*,#_#_#_){& #digitalClock:is(*,#_#_).digital-time:is(*,._){color:#9eeeff;-webkit-text-fill-color:#9eeeff;text-shadow:0 0 12px rgba(90, 213, 255, .34), 0 1px 0 rgba(255, 255, 255, .18)}& #currentDate:is(*,#_#_).date-line,& #currentDate:is(*,#_#_).date-line .current-date-main{color:#d5f2fb;-webkit-text-fill-color:#d5f2fb;text-shadow:0 0 10px rgba(102, 207, 236, .24)}}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_) .main-time-copy:is(*,._._._){& #digitalClock:is(*,#_#_#_#_).digital-time:is(*,._){color:#9eeeff;-webkit-text-fill-color:#9eeeff}& #currentDate:is(*,#_#_#_).date-line,& #currentDate:is(*,#_#_#_).date-line .current-date-main{color:#d5f2fb;-webkit-text-fill-color:#d5f2fb;text-shadow:0 0 11px rgba(102, 207, 236, .28), 0 1px 0 rgba(255, 255, 255, .12)}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .machine-pair-row:is(*,._),html body.page-time:is(*,._) main.shell.shell #bottomTimeMachineSlot:is(*,#_){display:flex;flex-direction:column;align-items:center;gap:18px}html body.page-time:is(*,._) #otherCityTimesCard.other-city-times-card{width:min(100%, 1120px);box-sizing:border-box;padding:20px 22px 24px;border:1px solid rgba(98, 191, 220, .36);border-radius:12px;background:radial-gradient(circle at 16% 4%, rgba(74, 157, 178, .16), transparent 30%), linear-gradient(135deg, rgba(9, 39, 69, .88), rgba(18, 25, 43, .92) 44%, rgba(23, 40, 43, .88));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 36px rgba(0,0,0,.22)}html body.page-time:is(*,._) #otherCityTimesCard{& .other-city-times-head{display:grid;justify-items:center}& .other-city-clock-icon{width:46px;height:46px;border-radius:50%;border:2px solid rgba(127, 224, 246, .76);background:radial-gradient(circle at 50% 50%, #0c2638 0 37%, #102f46 38% 100%);box-shadow:0 0 18px rgba(75, 207, 239, .22), inset 0 0 0 2px rgba(255,255,255,.04);position:relative}& .other-city-clock-icon::before,& .other-city-clock-icon::after{content:"";position:absolute;left:50%;top:50%;width:2px;border-radius:99px;background:#8beaff;transform-origin:50% 100%}& .other-city-clock-icon::before{height:14px;transform:translate(-50%, -100%) rotate(28deg)}& .other-city-clock-icon::after{height:18px;transform:translate(-50%, -100%) rotate(92deg)}& .other-city-clock-icon span{position:absolute;width:6px;height:6px;border-radius:50%;background:#d9fbff;left:50%;top:50%;transform:translate(-50%, -50%)}& .card-title{margin:0;font-size:clamp(1.35rem, 2vw, 1.9rem);color:#d4f4ff;-webkit-text-fill-color:#d4f4ff;letter-spacing:0;text-align:center}}html body.page-time:is(*,._) #otherCityTimesGrid{& .other-city-time-box{min-height:74px;border-radius:8px;border:1px solid rgba(128, 211, 232, .34);background:linear-gradient(135deg, color-mix(in srgb, var(--city-card-a) 84%, #0a1520), var(--city-card-b), var(--city-card-c));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 8px 18px rgba(0,0,0,.18);box-sizing:border-box;padding:8px 9px;display:grid;align-content:center;gap:2px;overflow:hidden}& .other-city-country{color:#88c9da;font-size:.68rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #otherCityTimesCard:is(*,#_#_) #otherCityTimesGrid:is(*,#_).other-city-times-grid #usCityTimesTitle:is(*,#_){font-size:clamp(.98rem, 1.45vw, 1.12rem);font-weight:400;letter-spacing:0}html body.page-time:is(*,._) #otherCityTimesGrid .other-city-name{color:#e5f8ff;font-size:.8rem;line-height:1.1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_) #minuteCard:is(*,#_#_) #minuteTitleSubline:is(*,#_) .minute-stable-second-count:is(*,._){display:inline-block;width:2ch;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "cv08" 1}html body.page-time:is(*,._) #otherCityTimesGrid{& .other-city-time{color:#83e7ff;font-size:.86rem;line-height:1.05;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .other-city-date{color:#b8d6df;font-size:.66rem;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 1320px){html body.page-time:is(*,._) #otherCityTimesGrid.other-city-times-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media (max-width: 980px){html body.page-time:is(*,._) #otherCityTimesGrid.other-city-times-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (max-width: 640px){html body.page-time:is(*,._) #otherCityTimesGrid.other-city-times-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}html body.page-time:is(*,._) #otherCityTimesCard.other-city-times-card{padding:18px 14px 20px}}html body.page-time:is(*,._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) .progress-track:is(*,._){box-sizing:border-box;height:48px;min-height:48px;max-height:48px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_) #anniversaryMilestonesCard:is(*,#_) .anniversary-milestones-table tbody tr{background:rgba(32, 50, 55, .42)}html body.page-time:is(*,._._._) main.shell.shell #bottomTimeDevicesSection:is(*,#_).bottom-time-devices{margin-top:10px}html body.page-time:is(*,._) #otherCityTimesCard:is(*,#_).other-city-times-card{margin-top:0}html body.page-time:is(*,._) #otherCityTimesCard:is(*,#_){& .other-city-times-head:is(*,._){gap:0;margin-bottom:0}& .other-city-times-head:is(*,._) .card-title:is(*,._){margin:20px 0}}html body.page-time:is(*,._) #otherCityTimesGrid:is(*,#_) .other-city-time-box:is(*,._){justify-items:center;text-align:center}html body.page-time:is(*,._._) #anniversaryMilestonesCard:is(*,#_){& .anniversary-milestones-table-wrap{border-color:rgba(91, 154, 214, .56);background:linear-gradient(180deg, rgba(14, 31, 50, .98), rgba(8, 20, 36, .98));box-shadow:inset 0 0 0 1px rgba(205, 230, 255, .04), 0 12px 30px rgba(2, 9, 20, .36)}& .anniversary-milestones-table th{border-bottom-color:rgba(115, 172, 226, .26);background:linear-gradient(180deg, rgba(37, 77, 119, .98), rgba(21, 50, 84, .98));color:#dcecff;-webkit-text-fill-color:#dcecff;text-shadow:0 0 12px rgba(133, 191, 245, .18)}& .anniversary-milestones-table td{border-bottom-color:rgba(103, 155, 207, .2)}& .anniversary-milestones-table td:last-child{color:#9fcfff;-webkit-text-fill-color:#9fcfff}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_){& .time-readout:is(*,._) :is(span, em){color:#78bfff;-webkit-text-fill-color:#78bfff}& .time-readout:is(*,._) strong{color:#79dedc;-webkit-text-fill-color:#79dedc;text-shadow:0 0 12px rgba(76, 205, 215, .28)}& .clock-display-wrap .analog-clock:is(*,._){border-width:6px}}html body.page-time:is(*,._) .machine-pair-row.other-city-only-row{display:grid;grid-template-columns:minmax(0, 1fr);width:100%}html body.page-time:is(*,._) .machine-pair-row.other-city-only-row #otherCityTimesCard{width:100%;max-width:none}html body.page-time:is(*,._) #otherCityTimesGrid:is(*,#_) .other-city-time-box:is(*,._) > :is(.other-city-name, .other-city-country, .other-city-time, .other-city-date){width:100%;text-align:center}@media (max-width: 760px){html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > :is(h1, section){margin-top:0;margin-bottom:0}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > .time-zone-row:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;grid-auto-rows:auto;gap:0;height:auto;min-height:0;max-height:none;overflow:visible}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_){top:0;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;grid-auto-rows:auto;gap:10px;height:auto;min-height:0;max-height:none;margin-top:0;margin-bottom:0;padding:12px;overflow:hidden}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_){& .top-time-dashboard-container:is(*,._._){top:0;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;grid-auto-rows:auto;gap:10px;height:auto;min-height:0;max-height:none;margin:0;overflow:visible}& .top-time-dashboard-container > :is(.clock-display-wrap:is(*,._), .timezone-control-wrap:is(*,._)){top:0;margin:0}& .top-time-dashboard-container > .machine-pair-row.other-city-only-row{display:none}& #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._){top:0;height:auto;min-height:0;max-height:none;margin:0;overflow:visible}}}html body.page-time:is(*,._._) #timezoneChangesSection:is(*,#_){display:grid;gap:18px;width:min(100%, 1180px);margin:18px auto 28px;padding:28px 34px 30px;border:1px solid rgba(119, 190, 200, .38);border-radius:16px;background:radial-gradient(circle at 12% 0%, rgba(57, 105, 94, .23), transparent 37%), radial-gradient(circle at 88% 5%, rgba(55, 95, 132, .27), transparent 42%), linear-gradient(150deg, rgba(20, 43, 48, .98), rgba(10, 28, 43, .99));box-shadow:0 16px 34px rgba(2, 11, 18, .28), inset 0 1px 0 rgba(215, 232, 221, .06);box-sizing:border-box}html body.page-time:is(*,._._) #timezoneChangesSection:is(*,#_){& .timezone-changes-head{display:grid;gap:7px;justify-items:center;text-align:center}& .timezone-changes-head h2{margin:0;color:#dce9e4;-webkit-text-fill-color:#dce9e4;font-size:clamp(1.7rem, 3vw, 2.15rem);line-height:1.05}& .timezone-changes-head p{margin:0;color:#a9d6d7;-webkit-text-fill-color:#a9d6d7;font-size:1rem;line-height:1.2}& .timezone-changes-current{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;min-height:48px;padding:10px 16px;border:1px solid rgba(154, 203, 196, .26);border-radius:10px;background:linear-gradient(135deg, rgba(29, 59, 58, .76), rgba(17, 42, 58, .8));text-align:center}& #timezoneChangesCurrent{color:#8de0d9;-webkit-text-fill-color:#8de0d9;font-size:1.1rem}& #timezoneChangesSummary{color:#dfcfb2;-webkit-text-fill-color:#dfcfb2;font-size:1rem}}html body.page-time:is(*,._._) #timezoneChangesSlider:is(*,#_){position:relative;display:grid;width:min(100%, 1080px);margin:0 auto;padding:0 20px 34px;overflow:visible;box-sizing:border-box}html body.page-time:is(*,._._) #timezoneChangesSlider:is(*,#_){& .timezone-transition-labels{position:relative;z-index:4;height:60px;margin-inline:0;overflow:visible}& .timezone-transition-items{position:absolute;inset:0;overflow:visible}& .timezone-transition-label{position:absolute;top:0;display:grid;gap:2px;justify-items:center;min-width:94px;padding:5px 8px;border:1px solid rgba(190, 224, 214, .38);border-radius:8px;background:rgba(7, 27, 39, .96);color:#e2f4ef;text-align:center;transform:translateX(-50%);box-shadow:0 7px 16px rgba(0, 0, 0, .24);box-sizing:border-box}& .timezone-transition-label.timezone-transition-lower{top:0}& .timezone-today-label{position:absolute;z-index:6;bottom:3px;display:block;padding:3px 7px;border:1px solid rgba(255, 215, 126, .48);border-radius:6px;background:rgba(30, 38, 42, .94);color:#ffe099;-webkit-text-fill-color:#ffe099;font-size:.76rem;font-weight:750;line-height:1;white-space:nowrap;transform:translateX(-50%);box-shadow:0 4px 10px rgba(0, 0, 0, .2);pointer-events:none}& .timezone-today-label[hidden]{display:none}& .timezone-today-label::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:5px;background:#ffd476;transform:translateX(-50%)}& .timezone-transition-label b{color:#96e2dc;-webkit-text-fill-color:#96e2dc;font-size:.86rem;line-height:1;white-space:nowrap}& .timezone-transition-label small{color:#d8c7aa;-webkit-text-fill-color:#d8c7aa;font-size:.76rem;line-height:1;white-space:nowrap}& .timezone-transition-label::before{content:"";position:absolute;z-index:2;left:50%;top:calc(100% + 10px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #96e2dc;transform:translateX(-50%)}& .timezone-transition-label::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:12px;background:#96e2dc;transform:translateX(-50%)}}html body.page-time:is(*,._._) #timezoneChangesTrack:is(*,#_){position:relative;height:66px;overflow:hidden;border:2px solid rgba(137, 209, 214, .72);border-radius:9px;background:#091a29;box-shadow:inset 0 0 20px rgba(0, 0, 0, .42), 0 8px 18px rgba(0, 0, 0, .22);box-sizing:border-box}html body.page-time:is(*,._._) #timezoneChangesTrack:is(*,#_){& .timezone-change-bands{position:absolute;inset:0}& .timezone-change-band{position:absolute;top:0;bottom:0;display:grid;place-items:center;border-right:1px solid rgba(233, 246, 239, .18);overflow:hidden;box-sizing:border-box}& .timezone-change-band.is-standard{background:linear-gradient(180deg, #3c5973, #253f59)}& .timezone-change-band.is-daylight{background:linear-gradient(180deg, #3c928d, #236b70)}& .timezone-change-band.is-fixed{background:linear-gradient(180deg, #526d73, #344e5b)}& .timezone-change-band b{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:28px;padding:5px 11px;border:1px solid rgba(183, 225, 229, .52);border-radius:999px;background:rgba(7, 29, 43, .82);color:#f0f8f7;-webkit-text-fill-color:#f0f8f7;font-size:clamp(.82rem, 1.4vw, 1rem);line-height:1;text-shadow:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(225, 248, 249, .08), 0 3px 9px rgba(0, 0, 0, .25);box-sizing:border-box}& .timezone-change-band.is-standard b{border-color:rgba(160, 207, 235, .55);background:rgba(16, 43, 67, .9);color:#e5f5ff;-webkit-text-fill-color:#e5f5ff}& .timezone-change-band.is-daylight b{border-color:rgba(126, 226, 218, .62);background:rgba(8, 59, 62, .9);color:#e3fbf7;-webkit-text-fill-color:#e3fbf7}& .timezone-change-band.is-compact b{display:none}& .timezone-month-boundaries{position:absolute;z-index:3;inset:0;pointer-events:none}& .timezone-month-boundaries span{position:absolute;top:0;bottom:0;width:1px;background:rgba(238, 246, 240, .38);transform:translateX(-50%)}& .timezone-today-marker{position:absolute;z-index:5;top:-2px;bottom:-2px;width:3px;border-radius:4px;background:#ffd476;box-shadow:0 0 8px rgba(255, 209, 108, .5);transform:translateX(-50%)}}html body.page-time:is(*,._._) #timezoneChangesSlider:is(*,#_){& .timezone-month-labels{position:relative;height:30px;margin-top:8px}& .timezone-month-labels span{position:absolute;top:0;color:#c7dce1;-webkit-text-fill-color:#c7dce1;font-size:.84rem;font-weight:650;line-height:1;transform:translateX(-50%);white-space:nowrap}}html body.page-time:is(*,._._) #timezoneChangesSection:is(*,#_){& .timezone-change-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px}& .timezone-legend-item{display:inline-grid;grid-template-columns:14px auto auto;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(155, 199, 194, .25);border-radius:8px;background:rgba(7, 24, 35, .58)}& .timezone-legend-item i{width:12px;height:12px;border-radius:3px;background:#526d73}& .timezone-legend-item.is-standard i{background:#3c5973}& .timezone-legend-item.is-daylight i{background:#3c928d}& .timezone-legend-item b{color:#edf7f5;-webkit-text-fill-color:#edf7f5;font-size:.9rem}& .timezone-legend-item small{color:#c6d7d5;-webkit-text-fill-color:#c6d7d5;font-size:.8rem}& .timezone-changes-note{margin:0;color:#d8c7aa;-webkit-text-fill-color:#d8c7aa;font-size:.88rem;line-height:1.3;text-align:center}}@media (max-width: 720px){html body.page-time:is(*,._._) #timezoneChangesSection:is(*,#_){padding:22px 14px 24px}html body.page-time:is(*,._._) #timezoneChangesSlider:is(*,#_){padding-inline:6px}html body.page-time:is(*,._._) #timezoneChangesSlider:is(*,#_){& .timezone-transition-label{min-width:78px;padding-inline:5px}& .timezone-month-labels span{font-size:.66rem}}html body.page-time:is(*,._._) #timezoneChangesSection:is(*,#_){& .timezone-legend-item{grid-template-columns:12px auto}& .timezone-legend-item small{grid-column:1 / -1}}}html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_).other-city-times-grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:22px}html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_){& .other-city-group{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid rgba(106, 181, 201, .28);border-radius:12px;background:linear-gradient(145deg, rgba(8, 29, 45, .7), rgba(13, 37, 48, .58));box-sizing:border-box}& .other-city-group > h3{margin:0;padding:0 0 10px;border-bottom:1px solid rgba(120, 199, 218, .24);color:#9de6ee;-webkit-text-fill-color:#9de6ee;font-size:clamp(1.05rem, 1.7vw, 1.3rem);font-weight:650;line-height:1.1;letter-spacing:.01em;text-align:center}& .other-city-group-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;min-width:0}}@media (max-width: 980px){html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_) .other-city-group-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (max-width: 640px){html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_){& .other-city-group{padding:12px}& .other-city-group-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}}@media (max-width: 420px){html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_) .other-city-group-grid{grid-template-columns:minmax(0, 1fr)}}html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_){& .world-city-regions{display:grid;grid-template-columns:minmax(0, 1fr);gap:16px;min-width:0}& .other-city-region{display:grid;gap:10px;min-width:0;padding:13px;border:1px solid rgba(111, 178, 193, .22);border-radius:10px;background:linear-gradient(145deg, rgba(12, 34, 48, .62), rgba(17, 40, 48, .48));box-sizing:border-box}& .other-city-region > h4{margin:0;padding:0 2px 8px;border-bottom:1px solid rgba(126, 190, 204, .18);color:#c5e5e4;-webkit-text-fill-color:#c5e5e4;font-size:clamp(.92rem, 1.45vw, 1.08rem);font-weight:620;line-height:1.1;text-align:left}}@media (max-width: 640px){html body.page-time:is(*,._._) #otherCityTimesGrid:is(*,#_) .other-city-region{padding:10px}}@media (max-width: 760px){html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._){row-gap:10px}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > .page-body-title:is(*,._),html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > .time-zone-row:is(*,._),html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > #primaryProgress:is(*,#_),html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > #timelineStack:is(*,#_),html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > .age-card.age-card,html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > #timezoneChangesSection:is(*,#_),html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > #otherCityTimesCard:is(*,#_),html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > .placeholder-ad-slot-bottom:is(*,._){margin-top:0;margin-bottom:0}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_){margin:0}html body.page-time:is(*,._._) main.shell:is(*,._._) > .time-zone-row:is(*,._):not(#mobileSpacingA#mobileSpacingB#mobileSpacingC#mobileSpacingD#mobileSpacingE#mobileSpacingF){margin-bottom:0}html body.page-time:is(*,._._) main.shell:is(*,._._) > #primaryProgress:is(*,#_#_#_#_){margin-top:0;margin-bottom:0}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_#_) .timezone-control-wrap:is(*,._){height:230px;min-height:230px;max-height:none}}html body.page-time:is(*,._._) #primaryProgress:is(*,#_#_#_#_#_) :is(.progress-card, .timeline-card) > .card-hourglass-meter,html body.page-time:is(*,._._) #timelineStack:is(*,#_#_#_) :is(.progress-card, .timeline-card) > .card-hourglass-meter{display:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .slider-gap:is(*,._){display:block;width:100%;height:10px;min-height:10px;margin:0}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._){position:relative;display:block;width:min(100%, 440px);height:410px;min-height:410px;margin:2px auto 16px;padding:0;overflow:visible;isolation:isolate;zoom:var(--time-phone-circle-scale, 1)}html body.page-time:is(*,._._) #primaryProgress:is(*,#_#_#_#_#_) .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._),html body.page-time:is(*,._._) #timelineStack:is(*,#_#_#_) .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._){position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;place-items:center;width:220px;min-width:220px;max-width:220px;height:220px;min-height:220px;max-height:220px;margin:0;padding:0;border:1px solid rgba(111, 220, 245, .68);border-radius:50%;transform:translate(-50%, -50%);box-shadow:0 0 0 7px rgba(7, 28, 44, .82), 0 0 0 8px rgba(97, 206, 233, .25), 0 16px 30px rgba(0, 0, 0, .3), 0 0 24px rgba(0, 194, 212, .13);overflow:visible}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-meter:is(*,._)::before,html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-meter:is(*,._)::after{content:none;display:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._){position:absolute;inset:34px;display:grid;grid-template-rows:auto auto;place-content:center;place-items:center;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;margin:0;padding:0;border:1px solid rgba(119, 210, 232, .3);border-radius:50%;background:radial-gradient(circle at 45% 36%, #173449 0%, #0a2133 72%, #071a29 100%);box-shadow:inset 0 0 24px rgba(0, 0, 0, .35)}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > span{color:#f8d88c;-webkit-text-fill-color:#f8d88c;font-size:34px;font-weight:800;line-height:1;text-shadow:0 2px 9px rgba(0, 0, 0, .6)}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > small{margin-top:5px;color:#aee9f1;font-size:12px;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-current-pointer{position:absolute;z-index:7;left:50%;top:50%;display:block;width:0;height:0;transform:rotate(var(--pie-deg, 0deg));transform-origin:center;transition:transform .45s linear;pointer-events:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-current-pointer::after{position:absolute;left:-7px;top:-116px;border-radius:50%;background:#f4c96e}html body.page-time:is(*,._._._) :is(#primaryProgress:is(*,#_#_), #timelineStack:is(*,#_#_)) .time-circle-current-pointer:is(*,._)::after{content:none;display:none;width:0;height:0;border:0;box-shadow:none}html body.page-time:is(*,._._) #secondPieMeter:is(*,#_) .time-circle-current-pointer{transition:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& #secondCard:is(*,#_#_).progress-card:is(*,._){height:auto;min-height:0;max-height:none}& #decamillenniumCard:is(*,#_#_).progress-card:is(*,._){height:auto;min-height:0;max-height:none}}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-stage{position:absolute;z-index:4;inset:0;isolation:isolate;pointer-events:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before,html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{content:"";position:absolute;z-index:0;left:50%;top:50%;display:block;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{width:calc(var(--time-circle-band-inner-radius) * 2);height:calc(var(--time-circle-band-inner-radius) * 2);border:1px solid rgba(125, 213, 235, .58);background:transparent;box-shadow:0 0 12px rgba(76, 190, 220, .08)}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{width:calc(var(--time-circle-band-outer-radius) * 2 + 16px);height:calc(var(--time-circle-band-outer-radius) * 2 + 16px);border:1px solid rgba(125, 213, 235, .72);-webkit-mask:radial-gradient( circle, transparent 0 calc(var(--time-circle-divider-start-radius) - 1px), #000 var(--time-circle-divider-start-radius) 100% );mask:radial-gradient( circle, transparent 0 calc(var(--time-circle-divider-start-radius) - 1px), #000 var(--time-circle-divider-start-radius) 100% );box-shadow:0 0 16px rgba(76, 190, 220, .1)}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;max-width:84px;min-height:16px;padding:1px 3px;border-radius:5px;color:#c7eff7;font-size:11.5px;font-weight:700;line-height:1.05;text-align:center;white-space:normal;text-shadow:0 1px 3px rgba(0, 0, 0, .88);transform:translate(-50%, -50%) rotate(var(--time-circle-angle, 0deg)) translateY(calc(var(--time-circle-label-radius) * -1)) rotate(var(--time-circle-counter-angle, 0deg)) translateX(var(--time-circle-nudge, 0px));transform-origin:center;z-index:2}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label.time-circle-endpoint-pair{top:calc(50% + 7px);flex-direction:column;gap:1px;width:max-content;max-width:130px;min-height:30px;padding:2px 5px;line-height:1;white-space:normal}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-endpoint-pair .time-circle-endpoint-line{display:block;line-height:1.05;text-align:center}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-endpoint-pair .time-circle-endpoint-end{color:#f2d18a}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-endpoint-pair .time-circle-endpoint-start{color:#c7eff7}@media (max-width: 600px){html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label.time-circle-endpoint-pair{top:calc(50% + 6px);max-width:96px;min-height:26px;padding:1px 3px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-summary-container:is(*,._) > .card-title-subline:is(*,._){position:static;inset:auto;top:auto;left:auto;display:block;width:100%;height:auto;margin:0;padding:0;color:#d7f7ff;-webkit-text-fill-color:#d7f7ff;font-size:16px;font-weight:600;line-height:1.28;text-align:center;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-summary-container:is(*,._) > .compact-top-lines:is(*,._){position:static;inset:auto;top:auto;left:auto;display:grid;justify-items:center;gap:5px;width:100%;height:auto;min-height:0;margin:0;padding:0;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) > .card-title-wrap:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._){width:520px;min-width:0;max-width:calc(100% - 40px)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-summary-container:is(*,._) :is(.card-title-subline:is(*,._), .compact-top-lines:is(*,._), .compact-measure-line:is(*,._), .compact-remaining-line:is(*,._)){width:max-content;min-width:max-content;max-width:none;white-space:nowrap}@media (max-width: 600px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._){width:calc(100% - 20px);min-width:0;max-width:calc(100% - 20px)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-summary-container:is(*,._) :is(.card-title-subline:is(*,._), .compact-top-lines:is(*,._), .compact-measure-line:is(*,._), .compact-remaining-line:is(*,._)){width:100%;min-width:0;max-width:100%;white-space:normal}}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-inner{--time-circle-label-radius: var(--time-circle-inner-radius)}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-outer{--time-circle-label-radius: var(--time-circle-outer-radius);color:#f2d18a;font-size:12px}html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #weekCircleSlider:is(*,#_) .time-circle-label.time-circle-label-week-pair{--time-circle-label-radius: var(--time-circle-outer-radius);flex-direction:column;gap:2px;width:max-content;max-width:92px;min-height:30px;padding:2px 5px;line-height:1.05;white-space:nowrap}html body.page-time:is(*,._._) #weekCircleSlider:is(*,#_) .time-circle-label-week-pair .week-circle-weekday{display:block;color:#c7eff7;font-size:1em;line-height:1.05}html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #secondCard:is(*,#_){& :is(#secondSummary:is(*,#_), #secondTopLines:is(*,#_)){display:none;height:0;min-height:0;margin:0}& #secondCircleSlider:is(*,#_).time-main-circle-slider{height:350px;min-height:350px;margin:10px auto}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) #timeVisualizedGroup:is(*,#_#_) #secondCard:is(*,#_#_) > .card-head:is(*,._) .title-value-stack:is(*,._) > .time-slider-bubble-row:is(*,._){top:22px}html body.page-time:is(*,._._) #primaryProgress:is(*,#_){& #secondCircleSlider:is(*,#_) .time-circle-label-inner:is(*,._){--time-circle-label-radius: calc(var(--time-circle-inner-radius) + 15px)}& #secondCard:is(*,#_) #secondCircleSlider:is(*,#_).time-main-circle-slider > .time-circle-label-stage:is(*,._)::before{content:none;display:none}& #minuteCard:is(*,#_) #minuteCircleSlider:is(*,#_).time-main-circle-slider > .time-circle-label-stage:is(*,._)::after{width:calc(var(--time-circle-band-outer-radius) * 2 + 16px);height:calc(var(--time-circle-band-outer-radius) * 2 + 16px);border:1px solid rgba(125, 213, 235, .72);box-shadow:0 0 16px rgba(76, 190, 220, .1)}}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{background:none}html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondDetails:is(*,#_).detail-text{margin-top:0}@media (max-width: 600px){html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #secondCard:is(*,#_) #secondCircleSlider:is(*,#_).time-main-circle-slider{height:280px;min-height:280px}}@media (max-width: 760px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #timeVisualizedGroup:is(*,#_#_#_) #secondCard:is(*,#_#_#_) > .card-head:is(*,._) .card-title-wrap:is(*,._){transform:translateX(-46.5px)}}html body.page-time:is(*,._._) #weekCircleSlider:is(*,#_) .time-circle-label-week-pair .week-circle-day-number{display:block;color:#f2d18a;font-size:.92em;line-height:1.05}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label-far{--time-circle-label-radius: calc(var(--time-circle-band-outer-radius) - 10px)}html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #hourCircleSlider:is(*,#_) .time-circle-label-far:is(*,._){--time-circle-label-radius: calc(var(--time-circle-band-outer-radius) - 2px)}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-labels-dense .time-circle-label-inner{font-size:10.3px;padding-inline:1px}html body.page-time:is(*,._._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_#_), #timelineStack:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-main-circle-meter:is(*,._)::after{position:absolute;z-index:6;inset:-1px;border-radius:50%;pointer-events:none}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .detail-text:is(*,._){position:relative;z-index:3}html body.page-time:is(*,._._) #languageClocksSection:is(*,#_){& .other-clock-utc:is(*,._){grid-template-rows:auto auto;align-content:center;justify-items:center;height:70px;min-height:70px;max-height:70px;padding-top:8px;padding-bottom:8px}& #utcMinuteHourglassMeter:is(*,#_).utc-minute-hourglass-meter{position:relative;display:block;width:58px;height:64px;margin:0 auto 2px;overflow:visible}}html body.page-time:is(*,._._) #utcMinuteHourglassMeter:is(*,#_){& .hourglass-glass{position:absolute;inset:0;display:block;width:58px;height:64px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 140'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 11H96' stroke='%2398d9ea' stroke-width='4'/%3E%3Cpath d='M32 129H96' stroke='%2398d9ea' stroke-width='4'/%3E%3Cpath d='M38 16 C45 43 55 58 64 70 C55 82 45 97 38 124' stroke='%23b6edf5' stroke-width='3.2'/%3E%3Cpath d='M90 16 C83 43 73 58 64 70 C73 82 83 97 90 124' stroke='%23b6edf5' stroke-width='3.2'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 3px 5px rgba(0, 0, 0, .28));overflow:hidden}& .hourglass-sand{position:absolute;left:25%;right:25%;width:auto;display:block;border-radius:0;background:radial-gradient(circle at 50% 0%, rgba(255, 245, 185, .95), rgba(255, 207, 88, .92) 48%, rgba(196, 132, 35, .95) 100%);box-shadow:inset 0 2px 4px rgba(255, 255, 255, .18)}& .hourglass-sand-top{top:9px;height:19px;clip-path:polygon(18% 0, 82% 0, 54% 100%, 46% 100%);transform:scaleX(clamp(.32, calc(var(--hourglass-top-scale, 1) * 1.34), .74)) scaleY(var(--hourglass-top-scale, 1));transform-origin:50% 100%}& .hourglass-sand-bottom{bottom:8px;height:20px;clip-path:polygon(46% 0, 54% 0, 82% 100%, 18% 100%);transform:scaleX(clamp(.32, calc(var(--hourglass-bottom-scale, 0) * 1.34), .74)) scaleY(var(--hourglass-bottom-scale, 0));transform-origin:50% 100%}& .hourglass-stream{position:absolute;left:50%;top:29px;display:block;width:2px;height:9px;border-radius:999px;background:#eac06f;opacity:calc(var(--hourglass-top-scale, 1) * .9);transform:translateX(-50%)}}@media (max-width: 600px){html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._){width:min(100%, 340px);height:330px;min-height:330px}html body.page-time:is(*,._._) #primaryProgress:is(*,#_#_#_#_#_) .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._),html body.page-time:is(*,._._) #timelineStack:is(*,#_#_#_) .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._){width:178px;min-width:178px;max-width:178px;height:178px;min-height:178px;max-height:178px}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._){inset:28px}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-current-pointer::after{top:-95px}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-circle-label{max-width:66px;font-size:9.8px}html body.page-time:is(*,._._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_#_), #timelineStack:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-main-circle-meter:is(*,._)::after{-webkit-mask:radial-gradient(farthest-side, transparent 0 calc(100% - 30px), #000 calc(100% - 29px) 100%);mask:radial-gradient(farthest-side, transparent 0 calc(100% - 30px), #000 calc(100% - 29px) 100%)}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section .language-clock-grid:is(*,._._){position:relative;overflow:visible}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section{max-height:none;grid-template-rows:auto;overflow:visible}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_) .language-clock-grid:is(*,._._){& > .utc-minute-hourglass-row:is(*,._){position:absolute;z-index:5;display:flex;margin:0;padding:0;pointer-events:none}& > .other-clock-utc:is(*,._){grid-template-rows:auto auto;align-content:center;height:70px;min-height:70px;max-height:70px}}@media (max-width: 760px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section{max-height:none}}html body.page-time:is(*,._._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_#_), #timelineStack:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-main-circle-meter:is(*,._)::after{content:none;display:none;background:none;-webkit-mask:none;mask:none}html body.page-time:is(*,._._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_){& #minuteCard:is(*,#_#_) #minuteCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){height:350px;min-height:350px;margin:10px auto}& #minuteCard:is(*,#_#_) #minuteCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{content:none;display:none;width:0;height:0;border:0;box-shadow:none}& #hourCard:is(*,#_#_) #hourCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){height:350px;min-height:350px;margin:10px auto}& #hourCard:is(*,#_#_) #hourCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{content:none;display:none;width:0;height:0;border:0;box-shadow:none}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_){& #hourCard:is(*,#_#_) .time-slider-summary-container:is(*,._) .compact-remaining-line:is(*,._){transform:translateY(-5px)}& #monthCard:is(*,#_#_) .time-slider-summary-container:is(*,._) .compact-month-weeks-line:is(*,._){transform:translateY(-8px)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._){box-sizing:border-box;position:relative;z-index:5;display:grid;justify-items:center;gap:5px;height:auto;min-height:0;margin:18px auto 0;padding:10px 22px 11px;border:1px solid rgba(74, 205, 232, .48);border-radius:16px;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-summary-container:is(*,._) > :is(.card-title-subline:is(*,._), .compact-top-lines:is(*,._)){box-sizing:border-box;position:static;inset:auto;display:grid;justify-items:center;gap:5px;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;color:#d7f7ff;-webkit-text-fill-color:#d7f7ff;font-size:16px;font-weight:600;line-height:1.28;text-align:center;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .time-slider-summary-container:is(*,._) .compact-remaining-line:is(*,._){position:static;inset:auto;display:block;width:100%;margin:0;padding:0;color:#98deec;-webkit-text-fill-color:#98deec;font-size:15px;font-weight:500;line-height:1.25;text-align:center;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .slider-gap:is(*,._){display:block;width:100%;height:34px;min-height:34px;margin:0}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .detail-text:is(*,._){position:relative;z-index:3;margin-top:30px}@media (max-width: 600px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._){margin-top:15px;padding:9px 13px 10px;border-radius:13px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .slider-gap:is(*,._){height:30px;min-height:30px}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section .language-clock-grid:is(*,._._){height:472px;min-height:472px;max-height:472px;padding-top:0}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section{height:534px;min-height:534px}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_) .language-clock-grid:is(*,._._) > .utc-minute-hourglass-row:is(*,._){top:8px;left:12px;right:12px;width:auto;height:52px;min-height:52px;align-items:flex-start;justify-content:space-between}@media (max-width: 760px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section .language-clock-grid:is(*,._._){height:auto;min-height:0;max-height:none;padding-top:0}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section{height:auto;min-height:0}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) #dayCard:is(*,#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{content:"";display:block}html body.page-time:is(*,._) #primaryProgress:is(*,#_) #generationCard:is(*,#_) #generationTitle:is(*,#_) .generation-title-range{display:block;margin-top:5px;color:#bed4e2;font-size:17px;font-weight:400;line-height:1.2;letter-spacing:.02em}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #monthCard:is(*,#_#_) #monthCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._){& > .time-circle-inner-tick:is(*,._).time-circle-month-day-divider::after{left:-.5px;top:calc(var(--time-circle-band-inner-radius, 170px) * -1);width:1px;height:calc( var(--time-circle-band-inner-radius, 170px) - var(--time-circle-divider-start-radius, 110px) );border-radius:0;background:linear-gradient( 180deg, rgba(166, 230, 242, .65), rgba(92, 197, 219, .38) );box-shadow:none}& > .time-circle-month-week-divider:is(*,._){position:absolute;z-index:1;left:50%;top:50%;display:block;width:0;height:0;transform:rotate(var(--time-circle-angle, 0deg));transform-origin:center;pointer-events:none}& > .time-circle-month-week-divider:is(*,._)::after{content:"";position:absolute;left:-1px;top:calc((var(--time-circle-band-outer-radius, 215px) + 8px) * -1);display:block;width:2px;height:calc( var(--time-circle-band-outer-radius, 215px) + 8px - var(--time-circle-band-inner-radius, 170px) );border-radius:999px;background:linear-gradient( 180deg, rgba(216, 248, 252, .94), rgba(115, 215, 234, .70) );box-shadow:0 0 6px rgba(99, 214, 233, .22)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #weekCard:is(*,#_#_) #weekCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._) > .time-circle-inner-tick:is(*,._)::after,html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #weekCard:is(*,#_#_) #weekCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._) > .time-circle-inner-tick:is(*,._).time-circle-week-start-divider::after{left:-1px;top:calc((var(--time-circle-band-outer-radius, 215px) + 8px) * -1);width:2px;height:calc( var(--time-circle-band-outer-radius, 215px) + 8px - var(--time-circle-divider-start-radius, 110px) );border-radius:999px;background:linear-gradient( 180deg, rgba(218, 248, 252, .94), rgba(105, 209, 230, .68) );box-shadow:0 0 6px rgba(100, 215, 235, .22)}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_), #timelineStack:is(*,#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .time-slider-summary-container:is(*,._) > .time-slider-conversion-line:is(*,._){position:static;display:block;width:max-content;min-width:max-content;max-width:none;margin:0 0 1px;padding:0;color:#6fe8f1;-webkit-text-fill-color:#6fe8f1;font-size:14px;font-weight:700;line-height:1.25;letter-spacing:.01em;text-align:center;white-space:nowrap}@media (max-width: 600px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_), #timelineStack:is(*,#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .time-slider-summary-container:is(*,._) > .time-slider-conversion-line:is(*,._){width:100%;min-width:0;max-width:100%;white-space:normal}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_), #timelineStack:is(*,#_#_#_#_) ) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._){grid-template-rows:auto auto auto;row-gap:2px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_), #timelineStack:is(*,#_#_#_#_) ) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > small.time-circle-center-name:is(*,._){margin:0 0 1px;color:#d5f7fb;-webkit-text-fill-color:#d5f7fb;font-size:13px;font-weight:650;line-height:1.05;letter-spacing:.01em;text-align:center;text-transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_), #timelineStack:is(*,#_#_#_#_) ) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > small.time-circle-center-complete:is(*,._){margin:2px 0 0;color:#aee9f1;-webkit-text-fill-color:#aee9f1;font-size:12px;font-weight:700;line-height:1;letter-spacing:.02em;text-align:center;text-transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_){& #yearCard:is(*,#_#_) #yearCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._) > .time-circle-inner-tick:is(*,._).time-circle-year-month-divider::after{left:-1px;top:calc((var(--time-circle-band-outer-radius, 215px) + 8px) * -1);width:2px;height:calc( var(--time-circle-band-outer-radius, 215px) + 8px - var(--time-circle-divider-start-radius, 110px) );border-radius:999px;background:linear-gradient( 180deg, rgba(218, 248, 252, .94), rgba(105, 209, 230, .68) );box-shadow:0 0 6px rgba(100, 215, 235, .22)}& #yearCard:is(*,#_#_) #yearCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label:is(*,._) .year-milestone-date:is(*,._){display:block;width:max-content;margin:0;color:#9bddea;-webkit-text-fill-color:#9bddea;font-size:10px;font-weight:600;line-height:1;letter-spacing:.01em;text-align:center;white-space:nowrap}& #anniversaryMilestonesCard:is(*,#_#_) > .detail-text:is(*,._){margin-top:15px}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(n){background:linear-gradient(100deg, rgba(8, 35, 72, .96), rgba(7, 73, 67, .88))}& #secondCard:is(*,#_#_) #secondCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after,& #minuteCard:is(*,#_#_) #minuteCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before,& #hourCard:is(*,#_#_) #hourCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{width:376px;height:376px}}@media (max-width: 600px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #secondCard:is(*,#_#_) #secondCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after,html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #minuteCard:is(*,#_#_) #minuteCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before,html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #hourCard:is(*,#_#_) #hourCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{width:300px;height:300px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #otherCityTimesCard:is(*,#_#_) #otherCityTimesGrid:is(*,#_).other-city-times-grid{& .other-city-zone:is(*,._){display:block;color:#b9edf4;-webkit-text-fill-color:#b9edf4;font-weight:650;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .other-city-time-box:is(*,._){min-height:132px;padding:11px 12px;gap:4px}& :is(.other-city-location:is(*,._),.other-city-time-row:is(*,._)){display:flex;align-items:baseline;justify-content:center;max-width:100%;min-width:0;white-space:nowrap}& .other-city-location:is(*,._){overflow:hidden;text-overflow:ellipsis}& .other-city-location:is(*,._) :is(.other-city-name, .other-city-country){display:inline;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .other-city-time-row:is(*,._){gap:.34em;color:#83e7ff;-webkit-text-fill-color:#83e7ff}& .other-city-zone-abbreviation:is(*,._){color:#a6f2ff;-webkit-text-fill-color:#a6f2ff;font-size:.78rem;font-weight:750;line-height:1.05;letter-spacing:.025em}& .other-city-zone:is(*,._){font-size:.7rem}& .other-city-date:is(*,._){font-size:.7rem}& .other-city-utc-offset:is(*,._){display:block;color:#8fe3c4;-webkit-text-fill-color:#8fe3c4;font-size:.74rem;font-weight:700;line-height:1.1;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_) #yearCard:is(*,#_#_) #yearCircleSlider:is(*,#_).time-main-circle-slider{& .year-milestone-label-start-year:is(*,._){margin-top:5px}& .year-milestone-label-spring:is(*,._){margin-left:-5px}& .time-circle-label:is(*,._){z-index:4}& .year-milestone-arrows:is(*,._){position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}& .year-milestone-arrow-line:is(*,._){stroke:#8de5ee;stroke-width:1.6;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 0 3px rgba(73, 202, 221, .5))}& .year-milestone-arrows:is(*,._) marker path{fill:#9ff3f5;stroke:none}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) > .card-title-wrap:is(*,._) > .time-slider-bubble-row:is(*,._){position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:auto;margin:12px 0 0;padding:0;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) > .card-title-wrap:is(*,._) > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._){position:static;inset:auto;min-height:42px;margin:0;border-width:1px;border-style:solid;border-color:rgba(74, 205, 232, .48);background:#071c2a;background-color:#071c2a;background-image:none;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 18px rgba(0, 0, 0, .2);transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_){& #secondCard:is(*,#_#_) #secondCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-inner:is(*,._){--time-circle-label-radius: calc(var(--time-circle-inner-radius) + 26px)}& #minuteCard:is(*,#_#_) #minuteCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-inner:is(*,._){--time-circle-label-radius: calc(var(--time-circle-inner-radius) + 6px)}& #hourCard:is(*,#_#_) #hourCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-inner:is(*,._){--time-circle-label-radius: calc(var(--time-circle-inner-radius) + 11px)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_){& #generationCard:is(*,#_#_) #generationLabels:is(*,#_).segment-labels{display:none;visibility:hidden;height:0;min-height:0;margin:0;padding:0;overflow:hidden}& #generationCard:is(*,#_#_) #generationTrack:is(*,#_).progress-track:is(*,._) > .generation-year-label:is(*,._){display:none;visibility:hidden;opacity:0}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table-wrap:is(*,._){background-image:none}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._){background-image:none}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) th{background-image:none}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table-wrap:is(*,._){border-color:rgba(153, 139, 105, .52)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(4n + 1){background:linear-gradient(100deg, #293b3a 0%, #3e5549 100%)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(4n + 2){background:linear-gradient(100deg, #343b2d 0%, #555b3b 100%)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(4n + 3){background:linear-gradient(100deg, #40342b 0%, #674b36 100%)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(4n){background:linear-gradient(100deg, #3d3530 0%, #665447 100%)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table-wrap:is(*,._){overflow:hidden;border:1px solid rgba(89, 176, 204, .5);border-radius:12px;background:linear-gradient(180deg, #0a1b2a 0%, #0b2430 100%);box-shadow:inset 0 1px 0 rgba(202, 239, 247, .06), 0 16px 34px rgba(2, 11, 22, .32)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._){background:#0b1d2b;color:#deedf2}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) th{padding-top:12px;padding-bottom:12px;border-bottom-color:rgba(128, 211, 225, .42);background:linear-gradient(105deg, #173b57 0%, #17495b 55%, #155560 100%);color:#d3f1f7;-webkit-text-fill-color:#d3f1f7;font-weight:750;letter-spacing:.015em;text-align:left;text-shadow:0 1px 12px rgba(91, 213, 229, .14)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(odd){background:linear-gradient(100deg, #10283a 0%, #123746 100%)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:nth-child(even){background:linear-gradient(100deg, #0d2133 0%, #102e3b 100%)}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr{transition:filter .16s ease, box-shadow .16s ease}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) tbody tr:hover{filter:brightness(1.12);box-shadow:inset 3px 0 0 #58bed0}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) td{border-bottom-color:rgba(124, 190, 205, .18);color:#dceaf0;-webkit-text-fill-color:#dceaf0}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) td:first-child{color:#e9f4f7;-webkit-text-fill-color:#e9f4f7;font-weight:620}& #anniversaryMilestonesCard:is(*,#_#_) .anniversary-milestones-table:is(*,._) :is(th:last-child,td:last-child){border-left:1px solid rgba(124, 190, 205, .13);color:#9fd8e6;-webkit-text-fill-color:#9fd8e6;font-weight:650}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) .clock-display-wrap:is(*,._._){& .analog-clock:is(*,._){border-color:#2f6a88}& .analog-clock:is(*,._){top:17px}& .time-location-compact:is(*,._){box-sizing:border-box;width:min(410px, calc(100% - 28px));min-width:0;max-width:410px;margin-inline:auto}& .time-location-compact:is(*,._) .timezone-location-search:is(*,._){box-sizing:border-box;width:min(360px, 100%);min-width:0;max-width:100%;margin-inline:auto}& #topSecondsToggle:is(*,#_).top-seconds-toggle{width:124px;min-width:124px;max-width:124px;transform:translateX(-62px)}}html body.page-time:is(*,._._) main.shell.shell #otherCityTimesCard:is(*,#_){& .other-city-times-actions:is(*,._){display:flex;justify-content:center;margin-top:18px}& #otherCityTimesToggle:is(*,#_).other-city-times-toggle{min-width:190px;padding:10px 20px;border:2px solid rgba(113, 205, 224, .62);border-radius:9px;background:linear-gradient(135deg, #123b55, #145363);color:#def8ff;-webkit-text-fill-color:#def8ff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(1, 12, 22, .26);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .16s ease, border-color .16s ease, transform .16s ease}& #otherCityTimesToggle:is(*,#_).other-city-times-toggle:hover{border-color:rgba(157, 235, 247, .88);background:linear-gradient(135deg, #174a65, #176573);transform:translateY(-1px)}& #otherCityTimesToggle:is(*,#_).other-city-times-toggle:focus-visible{outline:3px solid rgba(142, 226, 242, .5);outline-offset:3px}}@media (max-width: 480px){html body.page-time:is(*,._._) main.shell.shell #otherCityTimesCard:is(*,#_) #otherCityTimesToggle:is(*,#_).other-city-times-toggle{width:100%}}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_) #timeSettingsConsole:is(*,#_) .timezone-picker:is(*,._){& > #timezoneSelect:is(*,#_){box-sizing:border-box;border:1px solid rgba(104, 203, 220, .58);background:linear-gradient(145deg, rgba(20, 67, 87, .94), rgba(11, 43, 62, .96));background-color:#10384d;background-image:linear-gradient(145deg, rgba(20, 67, 87, .94), rgba(11, 43, 62, .96));box-shadow:none}& > #timezoneSelect:is(*,#_):is(:hover, :focus, :focus-visible){border-color:rgba(116, 208, 225, .72);background:linear-gradient(145deg, rgba(22, 73, 94, .96), rgba(12, 48, 68, .98));background-color:#123d54;background-image:linear-gradient(145deg, rgba(22, 73, 94, .96), rgba(12, 48, 68, .98));box-shadow:0 0 8px rgba(67, 191, 220, .10)}}html body.page-time: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, .age-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 ){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, .age-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-time:is(*,._._) main.shell.shell :is( #current-time-and-weatherSection:is(*,#_).time-card:is(*,._), #languageClocksSection:is(*,#_).language-clocks-section:is(*,._), #primaryProgress:is(*,#_) > article.progress-card:is(*,._), #timelineStack:is(*,#_) > article.timeline-card:is(*,._), #timeVisualizedGroup:is(*,#_) > article.progress-card:is(*,._), #extendedTimeVisualizedGroup:is(*,#_) > article.timeline-card:is(*,._), #moreTimeGroup: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-time:is(*,._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._),html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #languageClocksSection:is(*,#_#_#_).language-clocks-section:is(*,._).glass-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-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label:is(*,._){font-size:13px;font-weight:400;line-height:1.1}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label-inner:is(*,._),html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label-inner:is(*,._) .time-circle-endpoint-line,html body.page-time:is(*,._._) #weekCircleSlider:is(*,#_) .week-circle-day-number:is(*,._){color:#78bfff;font-size:13px;font-weight:400}html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label-outer:is(*,._),html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label-outer:is(*,._) .time-circle-endpoint-line,html body.page-time:is(*,._._) #weekCircleSlider:is(*,#_) .week-circle-weekday:is(*,._){color:#66d7c5;font-size:13px;font-weight:400}@media (max-width: 600px){html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label:is(*,._),html body.page-time:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-main-circle-slider:is(*,._):not(#generationCircleSlider) .time-circle-label:is(*,._) .time-circle-endpoint-line,html body.page-time:is(*,._._) #weekCircleSlider:is(*,#_) :is(.week-circle-weekday:is(*,._), .week-circle-day-number:is(*,._)){font-size:11.5px;font-weight:400}}html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #monthCard:is(*,#_) #monthTopLines:is(*,#_) .compact-month-weeks-line:is(*,._){display:block;margin-top:10px;color:#8fd7ff;-webkit-text-fill-color:#8fd7ff;font-size:16px;font-weight:600;line-height:1.2;text-align:center;transform:translateY(10px)}@media (max-width: 600px){html body.page-time:is(*,._._) #primaryProgress:is(*,#_) #monthCard:is(*,#_) #monthTopLines:is(*,#_) .compact-month-weeks-line:is(*,._){max-width:min(100%, 330px);margin-inline:auto;font-size:14px;white-space: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: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-time main.shell > .time-zone-row: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}@media (max-width: 760px){html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_#_#_){& :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #generationCard:is(*,#_), #anniversaryMilestonesCard:is(*,#_) ){box-sizing:border-box;padding-top:0}& :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #generationCard:is(*,#_), #anniversaryMilestonesCard:is(*,#_) ) > .card-head:is(*,._._){box-sizing:border-box;margin-top:0;padding-top:6px}& :is( #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #generationCard:is(*,#_), #anniversaryMilestonesCard:is(*,#_) ) > .card-head:is(*,._._) .card-title:is(*,._._){box-sizing:border-box;padding-top:0}}}html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_#_#_){& :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_), #generationCard:is(*,#_) ) > .slider-gap:is(*,._._){height:29px;min-height:29px;max-height:29px}& :is( #secondCard:is(*,#_), #minuteCard:is(*,#_), #hourCard#hourCard, #dayCard#dayCard, #weekCard#weekCard, #monthCard:is(*,#_), #yearCard#yearCard, #decadeCard:is(*,#_), #centuryCard:is(*,#_), #millenniumCard:is(*,#_), #decamillenniumCard:is(*,#_) ) > .detail-text:is(*,._._){margin-top:24px}& #generationCard:is(*,#_#_) > .detail-text:is(*,._._){margin-top:30px}}@media (min-width: 761px){html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_#_#_) #secondCard:is(*,#_#_) > .card-head:is(*,._._) .card-title-line:is(*,._._){margin-bottom:10px}}@media (max-width: 760px){html body.page-time:is(*,._._) main.shell.shell #primaryProgress:is(*,#_#_#_) #secondCard:is(*,#_#_) > .card-head:is(*,._._) .card-title:is(*,._._){transform:translateY(-10px)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._) > .time-slider-bubble-row:is(*,._){position:static;inset:auto;display:block;width:100%;max-width:100%;margin:2px 0 0;padding:7px 0 0;border-top:1px solid rgba(177, 213, 246, .2);transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._) > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._){display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;color:#c8e0e8;background:none;box-shadow:none;text-align:center;transform:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_){& :is(#minuteCard:is(*,#_#_), #hourCard:is(*,#_#_), #dayCard:is(*,#_#_), #weekCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{background:rgba(58, 108, 138, .24);-webkit-mask:radial-gradient( circle, transparent 0 calc(var(--time-circle-divider-start-radius) - 1px), #000 var(--time-circle-divider-start-radius) 100% );mask:radial-gradient( circle, transparent 0 calc(var(--time-circle-divider-start-radius) - 1px), #000 var(--time-circle-divider-start-radius) 100% );box-shadow:inset 0 1px 0 rgba(222, 244, 250, .05), 0 0 12px rgba(76, 190, 220, .08)}& #secondCard:is(*,#_#_#_) #secondCircleSlider:is(*,#_#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{background:rgba(58, 108, 138, .24);-webkit-mask:radial-gradient( circle, transparent 0 calc(var(--time-circle-divider-start-radius) - 1px), #000 var(--time-circle-divider-start-radius) 100% );mask:radial-gradient( circle, transparent 0 calc(var(--time-circle-divider-start-radius) - 1px), #000 var(--time-circle-divider-start-radius) 100% );box-shadow:inset 0 1px 0 rgba(222, 244, 250, .05), 0 0 16px rgba(76, 190, 220, .1)}& :is(#weekCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{background:rgba(58, 108, 138, .24);-webkit-mask:radial-gradient( circle, transparent 0 var(--time-circle-band-inner-radius), #000 calc(var(--time-circle-band-inner-radius) + 1px) 100% );mask:radial-gradient( circle, transparent 0 var(--time-circle-band-inner-radius), #000 calc(var(--time-circle-band-inner-radius) + 1px) 100% );box-shadow:inset 0 1px 0 rgba(222, 244, 250, .05), 0 0 16px rgba(76, 190, 220, .1)}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) #dayCard:is(*,#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{-webkit-mask:radial-gradient( circle, transparent 0 var(--time-circle-band-inner-radius), #000 calc(var(--time-circle-band-inner-radius) + 1px) 100% );mask:radial-gradient( circle, transparent 0 var(--time-circle-band-inner-radius), #000 calc(var(--time-circle-band-inner-radius) + 1px) 100% )}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_){& :is(#dayCard:is(*,#_#_), #weekCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{background:#174652}& #secondCard:is(*,#_#_#_) #secondCircleSlider:is(*,#_#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after,& :is(#minuteCard:is(*,#_#_), #hourCard:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before,& :is(#dayCard:is(*,#_#_), #weekCard:is(*,#_#_), #monthCard:is(*,#_#_), #yearCard:is(*,#_#_), #decadeCard:is(*,#_#_), #centuryCard:is(*,#_#_), #millenniumCard:is(*,#_#_), #decamillenniumCard:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{border-width:2px}& :is(#dayCard:is(*,#_#_), #weekCard:is(*,#_#_), #monthCard:is(*,#_#_)) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{border-width:3px;border-color:rgb(111 220 245 / 78%);box-shadow:inset 0 0 0 1px rgb(218 244 252 / 8%), 0 0 8px rgb(73 168 211 / 12%)}}@media (min-width: 761px){html body.page-time main.shell #languageClocksSection:is(*,#_#_#_#_){display:block;height:430px;min-height:430px;max-height:430px;padding:16px 23.66px 10px}html body.page-time main.shell #languageClocksSection:is(*,#_#_#_#_) > .language-clock-grid{height:402px;min-height:402px;max-height:402px;margin-inline:auto}}.time-information-subtitle{margin:7px 0 0;color:#86adb5;font:500 0.84rem/1.35 Inter, system-ui, sans-serif;letter-spacing:0;text-transform:none}.page-time #timekeepingDevicesSection{& > section.time-information-collapsible{display:block;width:min(100%, 760px);max-width:760px;margin:10px auto 0;padding:0;border:0}& > section.time-information-collapsible:first-of-type{margin-top:0}& .time-information-toggle{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:50px;margin:0;padding:10px 14px 10px 18px;border:1px solid rgba(102, 174, 205, .38);border-radius:12px;background:rgba(19, 50, 70, .82);color:#d6edf8;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(223, 246, 255, .05);transition:border-color .18s ease, background-color .18s ease}& :is(.time-information-toggle:hover,.time-information-toggle:focus-visible,.time-information-toggle[aria-expanded="true"]){border-color:rgba(119, 202, 222, .7);background:rgba(24, 65, 84, .92)}& .time-information-toggle:focus-visible{outline:2px solid rgba(131, 215, 237, .75);outline-offset:2px}& .time-information-toggle-title{color:#d9eff8;font-size:1rem;font-weight:650;line-height:1.25}& .time-information-toggle-state{color:#93b9ca;font-size:.76rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase}& .time-information-toggle-chevron{display:block;width:9px;height:9px;border-right:2px solid #85cadb;border-bottom:2px solid #85cadb;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}& .time-information-toggle[aria-expanded="true"] .time-information-toggle-chevron{transform:rotate(225deg) translate(-2px, -2px)}& .time-information-collapsible-content{margin-top:18px;padding:0 4px 8px}& .time-information-collapsible-content[hidden]{display:none}& .time-information-collapsible-content > .time-information-section-head > h3:first-child,& .time-information-collapsible-content > h3:first-child{display:none}}@media (max-width: 760px){.page-time #timekeepingDevicesSection{& .time-information-toggle{min-height:48px;padding:9px 12px 9px 14px}& .time-information-toggle-title{font-size:.94rem}}}.timekeeping-devices-card .timekeeping-device-illustration img{opacity:.94;filter:saturate(.58) brightness(.9) contrast(.92);transform-origin:center center}.timekeeping-devices-card .timekeeping-device[data-device="sundial"] img{transform:scale(1.02)}.timekeeping-devices-card .timekeeping-device[data-device="hourglass"] img{transform:scale(.86)}.timekeeping-devices-card .timekeeping-device[data-device="water"] img{transform:scale(1.18)}.timekeeping-devices-card .timekeeping-device[data-device="pendulum"] img{transform:scale(1)}.timekeeping-devices-card .timekeeping-device[data-device="cuckoo"] img{transform:scale(.78)}.timekeeping-devices-card .timekeeping-device[data-device="quartz"] img{transform:scale(1.3)}.timezone-changes-title-icon{display:grid;width:62px;height:62px;margin:0 auto 3px;border:1px solid rgba(93, 176, 193, .42);border-radius:18px;background:linear-gradient(145deg, rgba(29, 78, 91, .72), rgba(14, 42, 61, .88));box-shadow:inset 0 1px 0 rgba(220, 248, 251, .07);place-items:center;color:#8fcbd5}.timezone-changes-title-icon svg{display:block;width:44px;height:44px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.timezone-changes-title-icon .timezone-change-clock{fill:rgba(34, 82, 98, .56);stroke:#b6dde2}.timezone-changes-title-icon .timezone-change-hand{stroke:#d4bd7c;stroke-width:2.8}.timekeeping-title-icon.timekeeping-gear-title-icon{border-color:rgba(96, 173, 184, .46);background:linear-gradient(145deg, rgba(29, 79, 89, .72), rgba(31, 49, 58, .9));color:#85c6d0}.timekeeping-gear-title-icon .timekeeping-gear-teeth{fill:#4f9bab;stroke:#9bd4da;stroke-width:1.7}.timekeeping-gear-title-icon .timekeeping-gear-wheel{fill:#1d5260;stroke:#a7d7dc;stroke-width:2.2}.timekeeping-gear-title-icon .timekeeping-gear-core{fill:#c6a35e;stroke:#efd99e;stroke-width:2.1}@media (max-width: 760px){.timezone-changes-title-icon{width:54px;height:54px;border-radius:15px}.timezone-changes-title-icon svg{width:38px;height:38px}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_){& .clock-display-wrap:is(*,._){position:relative;box-sizing:border-box;grid-template-rows:152px 119px 72px;row-gap:6px;height:407px;min-height:407px;max-height:407px;overflow:visible}& .clock-display-wrap:is(*,._) > .time-location-compact:is(*,._){position:relative;z-index:18;align-self:stretch;justify-self:center;box-sizing:border-box;display:grid;grid-template-rows:20px 30px;gap:5px;width:min(520px, 100%);min-width:0;margin:0;padding:7px 10px 8px;border:1px solid rgba(108, 196, 210, .38);border-radius:11px;background:linear-gradient(145deg, rgba(9, 42, 54, .96), rgba(5, 28, 42, .99));box-shadow:inset 0 1px 0 rgba(221, 249, 255, .07), 0 6px 14px rgba(0, 0, 0, .16);transform:translateY(18px)}}html body.page-time .time-location-summary:is(*,._){display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:#8fb7c8;font-size:11px;line-height:20px;white-space:nowrap}html body.page-time .time-location-summary > span{flex:0 0 auto;color:#8fc6d3;font-weight:650;letter-spacing:.02em}html body.page-time .time-location-summary > strong{min-width:0;overflow:hidden;color:#91b9c9;font-size:12px;font-weight:550;text-overflow:ellipsis}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .time-location-compact:is(*,._) > form#timezoneLocationSearchForm:is(*,#_).timezone-location-search:is(*,._){position:relative;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:6px;box-sizing:border-box;width:min(430px, 100%);justify-self:center;height:30px;min-height:0;max-height:30px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}html body.page-time .time-location-compact .timezone-location-search > input{box-sizing:border-box;min-width:0;width:100%;height:30px;margin:0;padding:0 10px;border:1px solid rgba(113, 199, 216, .46);border-radius:6px;outline:none;background:rgba(6, 35, 48, .78);color:#9fc5d4;font:inherit;font-size:12px}html body.page-time .time-location-compact .timezone-location-search > input::placeholder{color:rgba(137, 177, 194, .72)}html body.page-time .time-location-compact .timezone-location-search > input:focus{border-color:rgba(118, 220, 237, .9);box-shadow:0 0 0 2px rgba(59, 178, 203, .17)}html body.page-time .time-location-compact .timezone-location-search > button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:30px;margin:0;padding:0 11px;border:1px solid rgba(117, 210, 222, .5);border-radius:6px;background:linear-gradient(180deg, #2b7180, #1a5265);color:#a4cbd8;font:inherit;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;transform:none}html body.page-time .time-location-compact .timezone-location-search > button:disabled{opacity:.56;cursor:default}html body.page-time .time-location-compact .timezone-location-search > .location-search-status{position:absolute;z-index:31;top:calc(100% + 3px);right:2px;left:2px;padding:3px 7px;border-radius:5px;background:rgba(7, 35, 48, .96);color:#bfe8ef;font-size:11px;line-height:1.25}html body.page-time .time-location-compact .timezone-location-search > .location-search-status:empty{display:none}html body.page-time .time-location-compact .timezone-location-search > .location-search-status.is-error{color:#ffc1b5}html body.page-time .time-location-compact .timezone-location-search > .location-choice-popover{position:absolute;z-index:9999;right:0;top:calc(100% + 8px);bottom:auto;left:0;display:grid;grid-column:1 / -1;gap:0;max-height:260px;padding:6px;overflow-y:auto;border:1px solid rgba(110, 213, 255, .58);border-radius:8px;background:linear-gradient(180deg, rgba(7, 32, 58, .98), rgba(4, 21, 43, .98));box-shadow:0 18px 36px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .08)}html body.page-time .time-location-compact #timezoneLocationChoices:is(*,#_).location-choice-popover[hidden]{display:none}html body.page-time .time-location-compact #timezoneLocationChoices:is(*,#_){& .location-choice-title{padding:7px 10px 8px;color:#9bdfff;font-size:.72rem;font-weight:800;letter-spacing:.05em;line-height:1.1;text-align:left;text-transform:uppercase}& .location-choice-option,& > button{display:block;width:100%;min-height:0;margin:0;padding:9px 10px;border:0;border-top:1px solid rgba(139, 223, 255, .14);border-radius:0;background:transparent;color:#e7f9ff;-webkit-text-fill-color:#e7f9ff;font-size:.9rem;font-weight:500;line-height:1.2;text-align:left;box-shadow:none}& :is(.location-choice-option:hover,.location-choice-option:focus-visible),& > :is(button:hover,button:focus-visible){background:rgba(56, 167, 220, .2);color:#fff;-webkit-text-fill-color:#fff;outline:none}}html body.page-time .clock-display-wrap:has(#timezoneLocationChoices:not([hidden])){z-index:50}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_){& .top-time-dashboard-container:is(*,._) > .timezone-control-wrap:is(*,._._){box-sizing:border-box;height:236px;min-height:236px;max-height:236px;padding-bottom:18px}& > .top-time-dashboard-container:is(*,._._){grid-template-rows:424px 236px 0;height:688px;min-height:688px;max-height:688px}}@media (max-width: 620px){html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._){grid-template-rows:152px 119px 72px;height:407px;min-height:407px;max-height:407px}html body.page-time .time-location-summary:is(*,._){justify-content:flex-start}html body.page-time .time-location-compact .timezone-location-search:is(*,._){grid-template-columns:minmax(0, 1fr) 88px}}html body.page-time:is(*,._._) main.shell:is(*,._._) section#timeZoneRow:is(*,#_).time-zone-row:is(*,._) section#current-time-and-weatherSection:is(*,#_#_).time-card:is(*,._){& > .top-time-dashboard-container:is(*,._._){grid-template-rows:424px 236px 0;height:688px;min-height:688px;max-height:688px}& .top-time-dashboard-container:is(*,._) > .clock-display-wrap:is(*,._._){height:407px;min-height:407px;max-height:407px}}html body.page-time:is(*,._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) .time-location-compact:is(*,._) form#timezoneLocationSearchForm:is(*,#_).timezone-location-search:is(*,._) > input#timezoneLocationInput:is(*,#_){height:30px;min-height:0;max-height:30px}html body.page-time:is(*,._._._) main.shell:is(*,._._) section#timeZoneRow:is(*,#_#_).time-zone-row:is(*,._) section#current-time-and-weatherSection:is(*,#_#_#_).time-card:is(*,._) .clock-display-wrap:is(*,._._) > div.main-time-copy:is(*,._._._){background:linear-gradient(180deg, rgb(28, 62, 78) 0%, rgb(16, 43, 58) 100%)}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) #utcMinuteHourglassMeter:is(*,#_).utc-minute-hourglass-meter,html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) .utc-minute-hourglass-meter-corner-copy:is(*,._){position:relative;display:block;width:46px;height:51px;margin:0;transform:scale(1.12);transform-origin:50% 0}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_).language-clocks-section:is(*,._).glass-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:16px 23.66px 14px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_).language-clocks-section{& > .language-clock-grid:is(*,._){flex:0 0 402px;height:402px;min-height:402px;max-height:402px}& > .utc-bottom-hourglass:is(*,._){position:relative;z-index:3;display:grid;flex:0 0 82px;place-items:center;align-self:center;width:78px;height:82px;min-height:82px;margin:auto 0 0;padding:0;color:#88c5d4;filter:drop-shadow(0 5px 8px rgba(0, 8, 14, .28))}}html body.page-time .utc-bottom-hourglass > svg{display:block;width:68px;height:76px;overflow:visible}html body.page-time .utc-bottom-hourglass .utc-hourglass-frame{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}html body.page-time .utc-bottom-hourglass .utc-hourglass-sand{fill:#c6a765;opacity:.88;stroke:none}@media (max-width: 760px){html body.page-time:is(*,._._) #languageClocksSection:is(*,#_).language-clocks-section:is(*,._){height:auto;min-height:0;max-height:none;padding-bottom:16px}html body.page-time .utc-bottom-hourglass:is(*,._){flex-basis:70px;width:66px;height:70px;min-height:70px;margin-top:12px}html body.page-time .utc-bottom-hourglass > svg{width:58px;height:65px}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) #utcMinuteHourglassMeter:is(*,#_).utc-minute-hourglass-meter .hourglass-glass,html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) .utc-minute-hourglass-meter-corner-copy:is(*,._) .hourglass-glass{width:46px;height:51px}html body.page-time #languageClocksSection .utc-minute-hourglass-meter-corner-copy{& .hourglass-glass{position:absolute;inset:0;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 140'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 11H96' stroke='%2398d9ea' stroke-width='4'/%3E%3Cpath d='M32 129H96' stroke='%2398d9ea' stroke-width='4'/%3E%3Cpath d='M38 16 C45 43 55 58 64 70 C55 82 45 97 38 124' stroke='%23b6edf5' stroke-width='3.2'/%3E%3Cpath d='M90 16 C83 43 73 58 64 70 C73 82 83 97 90 124' stroke='%23b6edf5' stroke-width='3.2'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 3px 5px rgba(0, 0, 0, .28));overflow:hidden}& .hourglass-sand{position:absolute;left:25%;right:25%;width:auto;display:block;border-radius:0;background:radial-gradient(circle at 50% 0%, rgba(255, 245, 185, .95), rgba(255, 207, 88, .92) 48%, rgba(196, 132, 35, .95) 100%);box-shadow:inset 0 2px 4px rgba(255, 255, 255, .18)}& .hourglass-sand-top{top:7px;height:15px;clip-path:polygon(18% 0, 82% 0, 54% 100%, 46% 100%);transform:scaleX(clamp(.32, calc(var(--hourglass-top-scale, 1) * 1.34), .74)) scaleY(var(--hourglass-top-scale, 1));transform-origin:50% 100%}& .hourglass-sand-bottom{bottom:6px;height:16px;clip-path:polygon(46% 0, 54% 0, 82% 100%, 18% 100%);transform:scaleX(clamp(.32, calc(var(--hourglass-bottom-scale, 0) * 1.34), .74)) scaleY(var(--hourglass-bottom-scale, 0));transform-origin:50% 100%}& .hourglass-stream{position:absolute;left:50%;top:23px;display:block;width:2px;height:8px;border-radius:999px;background:#eac06f;opacity:calc(var(--hourglass-top-scale, 1) * .9);transform:translateX(-50%)}}@media (min-width: 761px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section:is(*,._){padding-bottom:38px}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_).time-card:is(*,._._._).glass-card:is(*,._._._){height:1171px;min-height:1171px;max-height:1171px;grid-template-rows:610px 517px}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_).language-clocks-section:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_){& > .utc-minute-hourglass-heading:is(*,._){position:relative;z-index:5;display:flex;flex:0 0 80px;align-items:flex-start;justify-content:center;width:100%;height:80px;min-height:80px;margin:0;padding:0;pointer-events:none}& #utcMinuteHourglassMeter:is(*,#_).utc-minute-hourglass-meter{position:relative;display:block;width:72px;height:80px;margin:0;transform:none;overflow:visible}& #utcMinuteHourglassMeter:is(*,#_).utc-minute-hourglass-meter .hourglass-glass:is(*,._){position:absolute;inset:0;display:block;width:72px;height:80px;background-size:100% 100%}}html body.page-time:is(*,._._._) #languageClocksSection:is(*,#_) #utcMinuteHourglassMeter:is(*,#_){& .hourglass-sand:is(*,._){left:25%;right:25%}& .hourglass-sand-top:is(*,._){top:11px;height:24px}& .hourglass-sand-bottom:is(*,._){bottom:9px;height:25px}& .hourglass-stream:is(*,._){top:36px;height:12px}}@media (max-width: 760px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) > .language-clock-grid:is(*,._){flex:0 0 auto;height:auto;min-height:0;max-height:none}}@media (min-width: 761px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section:is(*,._) .language-clock-grid:is(*,._._){justify-self:center;width:972px;max-width:calc(100% - 64px);height:402px;min-height:402px;max-height:402px;grid-template-rows:repeat(6, 62px);grid-auto-rows:62px;row-gap:6px}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_) .language-clock-grid:is(*,._._){& > .time-readout:is(*,._){height:60px;min-height:60px;max-height:60px;padding:6px 10px}& > .time-readout:is(*,._).time-readout-utc-top:is(*,._){justify-self:center;width:400px;max-width:400px}}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section:is(*,._){height:430px;min-height:430px;max-height:430px;padding:16px 23.66px 10px;grid-template-rows:402px}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_).time-card:is(*,._._._).glass-card:is(*,._._._){padding-bottom:8px}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._) > .language-clock-grid:is(*,._._._._){justify-self:center;width:972px;min-width:0;max-width:calc(100% - 64px)}}@media (min-width: 761px) and (max-width: 1100px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_) .language-clock-grid:is(*,._._) > .utc-minute-hourglass-row:is(*,._){left:clamp(53px, 7vw, 77px);right:clamp(53px, 7vw, 77px);width:auto}}@media (min-width: 761px){html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_) .language-clock-grid:is(*,._._) > .utc-minute-hourglass-row:is(*,._){left:clamp(-76px, calc(564px - 50vw), -12px);right:clamp(-76px, calc(564px - 50vw), -12px);width:auto}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_).language-clocks-section:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}html body.page-time:is(*,._._._) main.shell:is(*,._._) #languageClocksSection:is(*,#_) > .language-clock-grid:is(*,._){flex:0 0 402px}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) > .time-zone-row:is(*,._._){height:1224px;min-height:1224px;max-height:1224px;grid-template-rows:1150px}html body.page-time:is(*,._) main.shell.shell > section#timeZoneRow:is(*,#_#_#_#_#_#_#_).time-zone-row:is(*,._){height:1224px;min-height:1224px;max-height:1224px;grid-template-rows:1150px}html body.page-time:is(*,._) main.shell.shell section#timeZoneRow.time-zone-row > section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_).time-card:is(*,._).glass-card:is(*,._){height:1213px;min-height:1213px;max-height:1213px;grid-template-rows:684px 501px}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section:is(*,._).glass-card:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;height:540px;min-height:540px;max-height:540px;padding:16px 23.66px 14px}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._) #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section{& > .language-clock-grid:is(*,._._){flex:0 0 402px;height:402px;min-height:402px;max-height:402px}& > .utc-bottom-hourglass:is(*,._){display:grid;flex:0 0 82px;place-items:center;align-self:center;width:78px;height:82px;min-height:82px;margin:auto 0 0}}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._){& > .time-slider-summary-container:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;padding-top:12px;padding-bottom:12px}& > .time-slider-summary-container:is(*,._) > .time-slider-bubble-row:is(*,._){display:flex;align-items:center;justify-content:center;min-height:0;height:auto;margin:0;padding:0;border-top:0;transform:none}& > .time-slider-summary-container:is(*,._) > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._){position:static;inset:auto;top:auto;min-height:0;height:auto;margin:0;padding:0;transform:none}& > .time-slider-summary-container:is(*,._) > :is( .time-slider-conversion-line:is(*,._), .card-title-subline:is(*,._), .compact-top-lines:is(*,._), .time-slider-bubble-row:is(*,._) ){margin:0;font-size:16px;line-height:1.3}& > .time-slider-summary-container:is(*,._) :is( .time-slider-conversion-line:is(*,._), .card-title-subline:is(*,._), .compact-top-lines:is(*,._), .compact-top-lines:is(*,._) > *, .time-slider-bubble-row:is(*,._), .time-slider-bubble:is(*,._) ){font-size:16px;line-height:1.3}& > .time-slider-summary-container:is(*,._) > .compact-top-lines:is(*,._):empty{display:none}& > .time-slider-summary-container:is(*,._) > .compact-top-lines:is(*,._):not(:empty){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}& > .time-slider-summary-container:is(*,._) > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._){color:#8edfff;-webkit-text-fill-color:#8edfff;font-style:italic}& > .time-slider-bubble-row:is(*,._){position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;height:auto;margin:18px auto 0;padding:0;border:0;transform:translateY(10px)}& > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._){position:static;inset:auto;display:block;min-height:0;height:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;color:#8edfff;-webkit-text-fill-color:#8edfff;font-size:1.36rem;font-style:italic;line-height:1.05;transform:none}& .card-title:is(*,._) > .time-card-title-suffix:is(*,._){font-size:1.36rem;line-height:1.05}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_){& :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > span[id$="PiePercent"]{color:#78bfe7;-webkit-text-fill-color:#78bfe7;font-weight:400;text-shadow:none}& #secondCard:is(*,#_#_#_) > .card-head:is(*,._) #secondSliderSummary:is(*,#_).time-slider-summary-container:is(*,._){margin-top:28px}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._){border-color:rgba(128, 198, 232, 0.68);background:radial-gradient(circle at 18% 0%, rgba(48, 124, 174, 0.14), transparent 42%), linear-gradient(145deg, rgba(11, 42, 72, 0.98), rgba(7, 29, 54, 0.98));box-shadow:inset 0 1px 0 rgba(213, 241, 255, 0.10), 0 8px 18px rgba(0, 8, 24, 0.24)}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) #timeVisualizedGroup:is(*,#_) #secondCard:is(*,#_#_#_) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-bubble-row:is(*,._){top:0;transform:none}html body.page-time:is(*,._._):not(.time-inner-values-ready) #current-time-and-weatherSection .clock-display-wrap > .time-location-compact{opacity:0;visibility:hidden;pointer-events:none}html body.page-time:is(*,._._).time-inner-values-ready #current-time-and-weatherSection .clock-display-wrap > .time-location-compact{opacity:1;visibility:visible;pointer-events:auto}html body.page-time:is(*,._._):not(.time-inner-values-ready) #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._) > #topSecondsToggle:is(*,#_).top-seconds-toggle{opacity:0;visibility:hidden;pointer-events:none}html body.page-time:is(*,._._).time-inner-values-ready #current-time-and-weatherSection:is(*,#_) .clock-display-wrap:is(*,._) > #topSecondsToggle:is(*,#_).top-seconds-toggle{opacity:1;visibility:visible;pointer-events:auto}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_){& .clock-display-wrap:is(*,._._) > .main-time-copy:is(*,._._){background:#102b3b;background-color:#102b3b;background-image:none;border-color:rgba(103, 181, 207, 0.68);box-shadow:inset 0 1px 0 rgba(174, 219, 231, 0.055), inset 0 -14px 24px rgba(2, 11, 18, 0.18), 0 10px 22px rgba(0, 0, 0, 0.28)}& .clock-display-wrap:is(*,._._) > .time-location-compact:is(*,._._){width:min(460px, 100%);background:linear-gradient(145deg, #123857 0%, #0f2e4c 52%, #0b273f 100%);background-color:#0f2e4c;background-image:linear-gradient(145deg, #123857 0%, #0f2e4c 52%, #0b273f 100%);border-color:rgba(75, 139, 181, 0.4);box-shadow:inset 0 1px 0 rgba(183, 216, 234, 0.055), 0 6px 14px rgba(0, 0, 0, 0.22)}& .top-time-dashboard-container:is(*,._._) > .timezone-control-wrap:is(*,._._){background:#172233;background-color:#172233;background-image:none;border-color:rgba(65, 127, 145, 0.44);box-shadow:inset 0 1px 0 rgba(174, 211, 218, 0.06), 0 14px 28px rgba(0, 0, 0, 0.28)}& .time-location-compact:is(*,._._) > form#timezoneLocationSearchForm:is(*,#_).timezone-location-search:is(*,._){width:min(400px, 100%)}& .clock-display-wrap:is(*,._._){align-content:start}& .top-time-dashboard-container:is(*,._._) > .timezone-control-wrap:is(*,._._){top:18px}& > #languageClocksSection:is(*,#_).language-clocks-section:is(*,._){transform:none}}@media (min-width: 761px){html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) > #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_).time-zone-row:is(*,._){height:1169px;min-height:1169px;max-height:1169px;grid-template-rows:1095px}}html.time-top-values-revealing body.page-time #current-time-and-weatherSection:is(*,#_) :is( #timezoneName, #timePatternModes, #timePatternNextDate, #timePatternNextAdjustment, #timeLocationSummary, #seasonBadge, #zodiacBadge, #languageClocksSection .time-readout strong, #languageClocksSection #binaryTime ),html.time-top-values-ready body.page-time #current-time-and-weatherSection:is(*,#_) :is( #timezoneName, #timePatternModes, #timePatternNextDate, #timePatternNextAdjustment, #timeLocationSummary, #seasonBadge, #zodiacBadge, #languageClocksSection .time-readout strong, #languageClocksSection #binaryTime ){opacity:1;visibility:visible;transition:opacity 280ms cubic-bezier(.22, .72, .28, 1)}html.time-top-values-pending body.page-time #current-time-and-weatherSection:is(*,#_) :is( #timezoneName, #timePatternModes, #timePatternNextDate, #timePatternNextAdjustment, #timeLocationSummary, #seasonBadge, #zodiacBadge, #languageClocksSection .time-readout strong, #languageClocksSection #binaryTime ){opacity:0;visibility:hidden;transition:none}html.time-top-values-pending body.page-time #current-time-and-weatherSection #mainAnalogClockPanel{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.985);transition:none}html.time-top-values-revealing body.page-time #current-time-and-weatherSection #mainAnalogClockPanel,html.time-top-values-ready body.page-time #current-time-and-weatherSection #mainAnalogClockPanel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity 360ms cubic-bezier(.22, .72, .28, 1), transform 360ms cubic-bezier(.22, .72, .28, 1)}html.time-top-values-pending body.page-time #current-time-and-weatherSection #mainDateCalendarButton{opacity:0;visibility:hidden;transition:none}html.time-top-values-revealing body.page-time #current-time-and-weatherSection #mainDateCalendarButton,html.time-top-values-ready body.page-time #current-time-and-weatherSection #mainDateCalendarButton{opacity:1;visibility:visible;transition:opacity 280ms cubic-bezier(.22, .72, .28, 1)}@media (prefers-reduced-motion: reduce){html.time-top-values-revealing body.page-time #current-time-and-weatherSection #mainDateCalendarButton{transition-duration:.01ms}}html.time-top-values-revealing body.page-time #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_),html.time-top-values-ready body.page-time #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_){color:#dff7ff;-webkit-text-fill-color:#dff7ff;transition:color 280ms ease, -webkit-text-fill-color 280ms ease}html.time-top-values-pending body.page-time #current-time-and-weatherSection:is(*,#_) #timezoneSelect:is(*,#_){color:transparent;-webkit-text-fill-color:transparent;transition:none}@media (prefers-reduced-motion: reduce){html.time-top-values-revealing body.page-time #current-time-and-weatherSection:is(*,#_) :is( #timezoneName, #timePatternModes, #timePatternNextDate, #timePatternNextAdjustment, #timeLocationSummary, #seasonBadge, #zodiacBadge, #languageClocksSection .time-readout strong, #languageClocksSection #binaryTime ),html.time-top-values-revealing body.page-time #current-time-and-weatherSection #mainAnalogClockPanel{transition-duration:.01ms}}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) section#current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_) .main-time-copy:is(*,._._._) #digitalClock:is(*,#_#_#_#_).digital-time:is(*,._){text-shadow:none;box-shadow:none;filter:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #generationCard:is(*,#_#_#_#_) #generationSegments:is(*,#_).segment-band:is(*,._){& > span:nth-child(1){background:#102f4a}& > span:nth-child(2){background:#1d5275}& > span:nth-child(3){background:#12475f}& > span:nth-child(4){background:#236d7d}& > span:nth-child(5){background:#145563}& > span:nth-child(6){background:#217a74}& > span:nth-child(7){background:#175a52}& > span:nth-child(8){background:#2d7863}& > span:nth-child(9){background:#245443}& > span:nth-child(10){background:#47765a}& > span + span{box-sizing:border-box;border-left:3px solid rgba(5, 24, 34, .94);box-shadow:inset 1px 0 0 rgba(143, 226, 229, .2)}}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_) #generationCard:is(*,#_#_#_#_#_#_) #generationDetails:is(*,#_#_#_#_#_#_) .generation-age-table-wrap:is(*,._._._){margin-top:0}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #generationLabels:is(*,#_){& > span:nth-child(1) .generation-segment-name{color:#a8d1ec;-webkit-text-fill-color:#a8d1ec}& > span:nth-child(2) .generation-segment-name{color:#a3daee;-webkit-text-fill-color:#a3daee}& > span:nth-child(3) .generation-segment-name{color:#a2e2e7;-webkit-text-fill-color:#a2e2e7}& > span:nth-child(4) .generation-segment-name{color:#a6e7dc;-webkit-text-fill-color:#a6e7dc}& > span:nth-child(5) .generation-segment-name{color:#afe8cf;-webkit-text-fill-color:#afe8cf}& > span:nth-child(6) .generation-segment-name{color:#a4e7c4;-webkit-text-fill-color:#a4e7c4}& > span:nth-child(7) .generation-segment-name{color:#afe9ba;-webkit-text-fill-color:#afe9ba}& > span:nth-child(8) .generation-segment-name{color:#bbeab3;-webkit-text-fill-color:#bbeab3}& > span:nth-child(9) .generation-segment-name{color:#c4ebb9;-webkit-text-fill-color:#c4ebb9}& > span:nth-child(10) .generation-segment-name{color:#ccefc4;-webkit-text-fill-color:#ccefc4}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) #generationCard:is(*,#_#_#_#_){& #generationTitle:is(*,#_) .generation-title-range:is(*,._){margin-top:15px;font-size:19px;line-height:1.2}& #generationTrack:is(*,#_).progress-track:is(*,._){background:linear-gradient( 90deg, #102f4a 0 10%, #1d5275 10% 20%, #12475f 20% 30%, #236d7d 30% 40%, #145563 40% 50%, #217a74 50% 60%, #175a52 60% 70%, #2d7863 70% 80%, #245443 80% 90%, #47765a 90% 100% )}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #generationCard:is(*,#_#_#_) .generation-age-table tbody{& tr:nth-child(1){--generation-accent: #47765a}& tr:nth-child(2){--generation-accent: #245443}& tr:nth-child(3){--generation-accent: #2d7863}& tr:nth-child(4){--generation-accent: #175a52}& tr:nth-child(5){--generation-accent: #217a74}& tr:nth-child(6){--generation-accent: #145563}& tr:nth-child(7){--generation-accent: #236d7d}& tr:nth-child(8){--generation-accent: #12475f}& tr:nth-child(9){--generation-accent: #1d5275}& tr:nth-child(10){--generation-accent: #102f4a}}.page-time #generationCard .generation-slider-viewport{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.page-time #generationCard .generation-slider-canvas{min-width:900px;display:flow-root}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #generationCard:is(*,#_#_#_){& #generationTrack:is(*,#_).progress-track:is(*,._){margin-top:56px;height:64px;min-height:64px;max-height:64px}& #generationTrack:is(*,#_).progress-track:is(*,._) > .top-label:is(*,._){top:auto;bottom:6px;transform:translateX(4px);color:#e8f8ff;-webkit-text-fill-color:#e8f8ff;-webkit-text-stroke:0 transparent;font-family:"Segoe UI", Arial, sans-serif;font-size:14px;font-weight:700;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;text-shadow:0 1px 3px #081925;filter:none;opacity:1}& #generationTrack:is(*,#_).progress-track:is(*,._) > .top-label:is(*,._).generation-start-1900-label{font-size:14px}& #generationTrack:is(*,#_).progress-track:is(*,._) > .top-label:is(*,._).generation-end-year-label{transform:translateX(calc(-100% - 4px))}& #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-name-label:is(*,._){top:calc(100% + 12px);width:calc(20% - 12px);min-width:0;max-width:none;white-space:nowrap;overflow:visible;font-size:.98rem;line-height:1.05;text-align:center;transform:translateX(-50%);transform-origin:50% 0}& #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-name-label:is(*,._).generation-name-above{top:-12px;transform:translate(-50%, -100%)}& #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-name-label:is(*,._).generation-name-edge{width:calc(10% - 4px)}& #generationTrack:is(*,#_).progress-track:is(*,._) > .tick-label:is(*,._).generation-name-label:is(*,._) br{display:block}& #generationTrack:is(*,#_).progress-track:is(*,._) > #generationMarker:is(*,#_).generation-current-marker{position:absolute;top:50%;width:20px;height:20px;box-sizing:border-box;border:3px solid #081925;border-radius:50%;background:#ffe36e;box-shadow:0 0 0 2px rgba(255, 240, 159, .28), 0 0 14px rgba(255, 220, 86, .72);transform:translate(-50%, -50%);z-index:8;pointer-events:none}}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_) .timezone-control-wrap:is(*,._) .time-mode-picker:is(*,._) .dst-radio-wrap:is(*,._){& label.dst-choice:is(*,._):not(.is-active):not(:has(input:checked)){opacity:1;border:2px solid rgba(75, 124, 146, .5);background:#102838;background-color:#102838;background-image:none;box-shadow:inset 0 1px 0 rgba(194, 228, 238, .035), inset 0 0 0 1px rgba(4, 14, 24, .2);color:#91b5c2;-webkit-text-fill-color:#91b5c2}& label.dst-choice:is(*,._):not(.is-active):not(:has(input:checked)) :is(span, b, small, em){color:#91b5c2;-webkit-text-fill-color:#91b5c2;text-shadow:none}& label.dst-choice:is(*,._):is(.is-active, :has(input:checked)){opacity:1;border:3px solid rgba(112, 218, 245, .92);background:linear-gradient(145deg, #17445d 0%, #15374f 54%, #172d49 100%);background-color:#163a52;box-shadow:0 0 0 1px rgba(133, 226, 249, .2), 0 0 14px rgba(52, 173, 211, .18), inset 0 1px 0 rgba(222, 250, 255, .16);color:#e2faff;-webkit-text-fill-color:#e2faff}& label.dst-choice:is(*,._):is(.is-active, :has(input:checked)) :is(span, b, small, em){color:#e2faff;-webkit-text-fill-color:#e2faff;text-shadow:0 0 8px rgba(123, 222, 246, .18)}& label.dst-choice:is(*,._):is(.is-active, :has(input:checked)) small{color:#b8edf9;-webkit-text-fill-color:#b8edf9}}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_) .timezone-control-wrap:is(*,._) #timePatternPanel:is(*,#_).time-pattern-panel:is(*,._){box-sizing:border-box;position:relative;top:30px;left:50%;display:grid;grid-template-columns:minmax(0, 1fr);gap:7px;width:min(420px, calc(100% - 12px));min-width:0;height:auto;min-height:180px;margin:0;padding:10px;border:1px solid rgba(93, 167, 187, .34);border-radius:13px;transform:translateX(-50%);background:linear-gradient(145deg, rgba(10, 39, 53, .94), rgba(10, 29, 43, .96));box-shadow:inset 0 1px 0 rgba(210, 244, 250, .055), 0 8px 18px rgba(0, 0, 0, .22);color:#d9edf2;overflow:hidden}#timePatternPanel{& :is(.time-pattern-heading,.time-pattern-current,.time-pattern-next){min-width:0}& .time-pattern-label{color:#9ed8e2;font-size:.72rem;font-weight:750;line-height:1;text-align:center;letter-spacing:.01em}& .time-pattern-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}& .timezone-mode-label{margin:0;color:#bde8ef;font-size:.76rem;font-weight:850;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}& .time-pattern-type{min-width:0;padding:4px 8px;border:1px solid rgba(104, 206, 224, .3);border-radius:999px;background:rgba(36, 119, 139, .17);color:#90dce8;font-size:.67rem;font-weight:750;line-height:1.1;text-align:center;white-space:nowrap}}#timePatternPanel.is-fixed .time-pattern-type{border-color:rgba(121, 190, 151, .34);background:rgba(48, 124, 82, .18);color:#9de1bb}#timePatternPanel.is-multiple .time-pattern-type{border-color:rgba(213, 179, 106, .38);background:rgba(154, 112, 42, .17);color:#ead092}#timePatternPanel{& .time-pattern-current{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:1px 10px;padding:7px 9px;border-radius:9px;background:rgba(32, 80, 99, .34)}& .time-pattern-current > span{grid-row:1 / span 2;color:#7fb3c0;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}& .time-pattern-current > strong{color:#f2d38e;font-size:.86rem;font-weight:850;line-height:1.15}& .time-pattern-current > small{overflow:hidden;color:#a9cbd3;font-size:.66rem;font-weight:600;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}& .time-pattern-modes{display:grid;grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));gap:6px}& .time-pattern-mode{min-width:0;position:relative;padding:5px 7px;border:1px solid rgba(91, 144, 161, .28);border-radius:9px;background:rgba(11, 31, 44, .74)}& .time-pattern-mode.is-current{border-color:rgba(116, 211, 228, .68);background:rgba(25, 72, 91, .78);box-shadow:inset 0 1px 0 rgba(192, 240, 248, .08)}& .time-pattern-mode > span{display:grid;justify-items:center;gap:1px;text-align:center}& .time-pattern-mode b{color:#dff7fa;font-size:.82rem;font-weight:850;line-height:1.1}& .time-pattern-mode-name{display:block;width:100%;overflow:hidden;color:#a8cbd2;font-size:.63rem;font-style:normal;font-weight:650;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}& .time-pattern-mode em{display:block;color:#86c6d2;font-size:.75rem;font-style:normal;font-weight:800;line-height:1.15;text-align:center}& .time-pattern-mode small{display:block;margin-top:2px;overflow:hidden;color:#8eaeb6;font-size:.69rem;font-weight:600;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}& .time-pattern-next{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;align-items:center;justify-items:center;gap:3px;padding:6px 10px;border:1px solid rgba(91, 144, 161, .28);border-radius:9px;background:rgba(11, 31, 44, .74);box-shadow:none}& .time-pattern-next-title{grid-column:1;grid-row:1;display:flex;align-items:baseline;justify-content:center;gap:4px;min-width:0;white-space:nowrap}& .time-pattern-next-title > span{padding:0;border:0;color:#96c5ce;font-size:.7rem;font-weight:700;letter-spacing:0;text-align:center;text-transform:none;white-space:nowrap}& .time-pattern-next-title > strong{color:#e8f2f4;font-size:.76rem;font-weight:800;line-height:1.18;text-align:center;white-space:nowrap}& .time-pattern-next > small{grid-column:1 / -1;grid-row:2;display:block;width:100%;color:#91b7bf;font-size:.69rem;font-weight:600;line-height:1.2;text-align:center}& .time-pattern-next > small > strong{color:#d7edf1;font-weight:750}& .time-pattern-next > small > span{color:#91b7bf;font-weight:600}}@media (min-width: 431px){html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._){& .timezone-content-inner:is(*,._){position:absolute;inset:12px auto auto 50%;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:180px 82px;align-content:start;justify-items:center;gap:8px;box-sizing:border-box;width:min(440px, calc(100% - 24px));height:270px;margin:0;padding:0;transform:translateX(-50%)}& .timezone-content-inner:is(*,._) .timezone-picker:is(*,._){grid-area:auto;grid-column:1;grid-row:2;align-self:start;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:18px 42px;align-items:center;gap:4px;box-sizing:border-box;width:min(420px, 100%);height:70px;margin:0;padding:4px 0 0;transform:none}}html body.page-time:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-content-inner:is(*,._) .timezone-picker:is(*,._) > span,html body.page-time:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-content-inner:is(*,._) .timezone-picker:is(*,._) > #timezoneSelect:is(*,#_){position:static;inset:auto;width:100%;margin:0;transform:none}html body.page-time:is(*,._._._._._._._._._) #timePatternPanel:is(*,#_#_#_#_).time-pattern-panel{align-self:start;box-sizing:border-box}}@media (max-width: 430px){.timezone-content-inner:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;gap:8px;width:100%}.timezone-content-inner .timezone-picker:is(*,._),#timePatternPanel:is(*,#_).time-pattern-panel{grid-area:auto;grid-column:1;width:100%}.timezone-content-inner .timezone-picker:is(*,._){grid-row:2}#timePatternPanel:is(*,#_).time-pattern-panel{grid-row:1}#timePatternPanel:is(*,#_).time-pattern-panel{position:static;width:100%;min-height:0;transform:none}#timePatternPanel .time-pattern-heading{align-items:flex-start;flex-direction:column;gap:5px}#timePatternPanel .time-pattern-type{white-space:normal}}@media (min-width: 431px){html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_){& .top-time-dashboard-container:is(*,._._){height:743px;min-height:743px;max-height:743px;grid-template-rows:433px 300px}& .timezone-control-wrap:is(*,._._){height:290px;min-height:290px;max-height:290px}}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_).time-card:is(*,._).glass-card:is(*,._){height:auto;min-height:0;max-height:none;grid-template-rows:743px auto}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_) .timezone-content-inner:is(*,._) .timezone-picker:is(*,._){position:static;inset:auto;width:min(420px, 100%);min-width:0;max-width:420px;transform:none}html body.page-time:is(*,._._._._._._._._._) #timePatternPanel:is(*,#_#_#_#_#_#_#_#_#_).time-pattern-panel{position:static;inset:auto;grid-column:1;grid-row:1;width:min(420px, 100%);height:180px;min-height:180px;max-height:180px;margin:0;transform:none}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_) > #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_).time-card:is(*,._).glass-card:is(*,._){height:auto;min-height:0;max-height:none;grid-template-rows:743px auto}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_).time-zone-row:is(*,._){height:auto;min-height:0;max-height:none;grid-template-rows:auto;margin-bottom:-15px}html body.page-time:is(*,._._._._._._._._._) main.shell:is(*,._._._._._._._._._) #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_) > #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_) .timezone-control-wrap:is(*,._) .timezone-content-inner:is(*,._){width:min(440px, calc(100% - 24px));min-width:0;max-width:440px}}@media (max-width: 430px){.timezone-content-inner .timezone-picker:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 42px;gap:4px;padding:4px 0 0}.timezone-content-inner .timezone-picker:is(*,._) > span,.timezone-content-inner .timezone-picker:is(*,._) > #timezoneSelect:is(*,#_){position:static;width:100%;margin:0;transform:none}#timePatternPanel .time-pattern-next > strong{text-align:center}}html body.page-time:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._){& .timezone-content-inner:is(*,._){text-align:center}& .timezone-picker:is(*,._) > span{color:#85adb7;-webkit-text-fill-color:#85adb7;font-size:.72rem;font-weight:750;text-align:center}& .timezone-picker:is(*,._) > #timezoneSelect:is(*,#_){text-align:center;text-align-last:center}}html body.page-time:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_) #timezoneSelect:is(*,#_) option,#timePatternPanel:is(*,#_),#timePatternPanel:is(*,#_) :is(.time-pattern-mode, .time-pattern-mode span, .time-pattern-mode small, .time-pattern-next, .time-pattern-next span, .time-pattern-next strong, .time-pattern-next small){text-align:center}@media (min-width: 981px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._) .time-side-gear:is(*,._){width:88px;height:88px;filter:drop-shadow(0 9px 12px rgba(0, 4, 12, .36))}html body.page-time:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-control-wrap:is(*,._) .time-side-gear:is(*,._){& .gear-rim.gear-rim{inset:25px}& .gear-hub.gear-hub{width:18px;height:18px}}}html body.page-time .timezone-content-inner > .timezone-picker-container{grid-column:1;grid-row:2;display:grid;place-items:center;box-sizing:border-box;width:min(420px, 100%);height:82px;margin:0;padding:5px 8px;border:1px solid rgba(91, 164, 181, .34);border-radius:11px;background:linear-gradient(145deg, rgba(9, 34, 49, .82), rgba(8, 25, 39, .88));box-shadow:inset 0 1px 0 rgba(204, 243, 249, .045)}html body.page-time .timezone-picker-container > .timezone-picker:is(*,._){width:100%;height:70px}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._._) :is(h1, h2, h3, h4, .card-title, .cycle-group-title, .weather-period-scale-title):not(#time-title-priority-1):not(#time-title-priority-2):not(#time-title-priority-3):not(#time-title-priority-4):not(#time-title-priority-5):not(#time-title-priority-6):not(#time-title-priority-7):not(#time-title-priority-8){color:#9de8ff;-webkit-text-fill-color:#9de8ff;font-weight:700}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title:is(*,._) > .card-title-main:is(*,._):not(#time-card-title-priority-1):not(#time-card-title-priority-2):not(#time-card-title-priority-3):not(#time-card-title-priority-4){color:#9de8ff;-webkit-text-fill-color:#9de8ff;font-weight:700}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .card-title:is(*,._) > .time-card-title-suffix:is(*,._){font-style:normal}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) .time-circle-label-stage:is(*,._) > .time-circle-label-outer:is(*,._){display:none;visibility:hidden}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_) #decamillenniumCard:is(*,#_#_#_) #decamillenniumCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._){& > .time-circle-label.time-circle-label-inner{--time-circle-label-radius: calc(var(--time-circle-inner-radius) - 10px)}& > .time-circle-label.time-circle-label-inner[data-circle-label-index="9"]{--time-circle-label-radius: calc(var(--time-circle-inner-radius) - 15px)}}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_){& :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{content:none;display:none;border:0;background:none;box-shadow:none}& :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._){clip-path:circle(calc(var(--time-circle-band-inner-radius) + 2px) at 50% 50%)}& #yearCard:is(*,#_#_#_) > #yearCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._){clip-path:circle(var(--time-circle-band-inner-radius) at 50% 50%)}& #yearCard:is(*,#_#_#_) #yearCircleSlider:is(*,#_) .year-milestone-arrows:is(*,._){display:none}& :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{border-width:2px}& :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) > .time-main-circle-slider:is(*,._){height:325px;min-height:325px;margin-top:2px;margin-bottom:16px}& :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) > .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._){transform:translateY(2.5px)}& :is( #yearCard:is(*,#_#_#_), #decadeCard:is(*,#_#_#_), #centuryCard:is(*,#_#_#_), #millenniumCard:is(*,#_#_#_), #decamillenniumCard:is(*,#_#_#_) ) > .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._){top:calc(50% + 2.5px)}& #decamillenniumCard:is(*,#_#_#_) > #decamillenniumCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){--time-circle-inner-radius: 165px;--time-circle-outer-radius: 205px;--time-circle-band-inner-radius: 190px;--time-circle-band-outer-radius: 215px;height:380px;min-height:380px;margin-bottom:18px}}@media (max-width: 600px){html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) #decamillenniumCard:is(*,#_#_#_) > #decamillenniumCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){--time-circle-inner-radius: 128px;--time-circle-outer-radius: 165px;--time-circle-band-inner-radius: 150px;--time-circle-band-outer-radius: 180px;height:330px;min-height:330px}}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_){& #hourCard:is(*,#_#_#_) > #hourCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){margin-top:20px}& :is( #dayCard:is(*,#_#_#_), #weekCard:is(*,#_#_#_), #monthCard:is(*,#_#_#_) ) > .time-main-circle-slider:is(*,._){margin-top:12px}}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) :is( #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_), #timelineStack:is(*,#_#_#_#_#_#_#_#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::before{background:rgba(71, 119, 145, 0.28);border-color:rgba(126, 205, 235, 0.52);box-shadow:inset 0 0 22px rgba(13, 44, 64, 0.12), 0 0 10px rgba(73, 168, 211, 0.06)}@media (min-width: 601px){html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) #dayCard:is(*,#_#_#_) > #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){--time-circle-outer-radius: 210px;--time-circle-band-outer-radius: 230px;width:min(100%, 470px);height:440px;min-height:440px}}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_){& #weekCard:is(*,#_#_#_) #weekCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer:is( [data-circle-label-index="0"], [data-circle-label-index="2"], [data-circle-label-index="4"] ){--time-circle-label-radius: calc(var(--time-circle-outer-radius) - 8px)}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer{--time-circle-label-radius: calc(var(--time-circle-outer-radius) - 5px)}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) > .time-circle-label-stage:is(*,._)::after{background:repeating-conic-gradient( from 0deg, rgba(201, 244, 252, 0.72) 0deg 0.7deg, transparent 0.7deg 45deg ), rgba(58, 108, 138, 0.24)}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer:is([data-circle-label-index="0"], [data-circle-label-index="1"])::before{content:none;display:none}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer:is([data-circle-label-index="0"], [data-circle-label-index="1"]){box-sizing:border-box;width:max-content;min-width:0;max-width:92px;min-height:0;gap:0;padding:3px 8px;border:1px solid rgba(125, 211, 231, 0.68);border-radius:8px;background:#0b2b42;box-shadow:0 2px 7px rgba(0, 0, 0, 0.34);color:#d9f5f8;line-height:1.1;z-index:5}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer[data-circle-label-index="0"] > .time-circle-endpoint-end{display:none}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer[data-circle-label-index="0"]::before{top:calc(50% + 5px)}& #dayCard:is(*,#_#_#_) #dayCircleSlider:is(*,#_).time-main-circle-slider:is(*,._) .time-circle-label-stage:is(*,._) > .time-circle-label.time-circle-label-outer[data-circle-label-index="1"]::before{bottom:calc(50% + 5px)}}@media (min-width: 601px){html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_) #weekCard:is(*,#_#_#_) > #weekCircleSlider:is(*,#_).time-main-circle-slider:is(*,._){--time-circle-outer-radius: 210px;--time-circle-band-outer-radius: 230px;width:min(100%, 470px);height:440px;min-height:440px}}html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_) .top-time-dashboard-container:is(*,._._){grid-template-rows:361px 372px 0;height:743px;min-height:743px;max-height:743px}@media (min-width: 761px){html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_#_).time-zone-row:is(*,._){height:1191px;min-height:1191px;max-height:1191px;grid-template-rows:1191px}html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_#_) > #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_).time-card:is(*,._).glass-card:is(*,._){height:1196px;min-height:1196px;max-height:1196px;grid-template-rows:737px 431px}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) .top-time-dashboard-container:is(*,._) > .timezone-control-wrap:is(*,._._){width:min(100%, 780px);min-width:0;max-width:780px;justify-self:center}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_) .timezone-content-inner:is(*,._) > #topSecondsToggle:is(*,#_#_#_#_#_).top-seconds-toggle:is(*,._){top:0;bottom:auto}html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_){& .clock-display-wrap:is(*,._._){grid-template-rows:152px 28px 119px;row-gap:5px;height:349px;min-height:349px;max-height:349px}& .top-time-dashboard-container:is(*,._) > .timezone-control-wrap:is(*,._._){box-sizing:border-box;height:367px;min-height:367px;max-height:367px;overflow:visible}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-content-inner:is(*,._){& > .time-location-compact:is(*,._){box-sizing:border-box;position:relative;z-index:40;display:grid;grid-template-rows:18px 30px;gap:4px;width:min(420px, 100%);min-width:0;height:64px;min-height:64px;max-height:64px;margin:0 auto;padding:5px 10px;border:1px solid rgba(91, 164, 181, .34);border-radius:11px;transform:none}& > .time-location-compact:is(*,._) > .time-location-summary:is(*,._){line-height:18px}& > .time-location-compact:is(*,._) > form#timezoneLocationSearchForm:is(*,#_).timezone-location-search:is(*,._){width:min(400px, 100%);max-width:100%}}html body.page-time .timezone-control-wrap:has(#timezoneLocationChoices:not([hidden])),html body.page-time .timezone-content-inner:has(#timezoneLocationChoices:not([hidden])){overflow:visible;z-index:100}@media (max-width: 620px){html body.page-time .timezone-content-inner > .time-location-compact .time-location-summary{justify-content:center}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_) .clock-display-wrap:is(*,._._) > #topSecondsToggle:is(*,#_).top-seconds-toggle:is(*,._){position:relative;inset:auto;top:14px;right:auto;bottom:auto;left:auto;grid-row:2;align-self:center;justify-self:center;width:112px;min-width:112px;max-width:112px;margin:0 auto;transform:none}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) .clock-display-wrap:is(*,._._) > .main-time-copy:is(*,._){grid-row:3}@media (min-width: 761px){html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_){& .top-time-dashboard-container:is(*,._._){grid-template-rows:349px 378px 0;height:737px;min-height:737px;max-height:737px}& .top-time-dashboard-container:is(*,._) > .timezone-control-wrap:is(*,._._){height:373px;min-height:373px;max-height:373px}}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_) .timezone-content-inner:is(*,._) > .time-location-compact:is(*,._){border-color:rgba(74, 123, 160, .3);background:linear-gradient(145deg, #0a2033 0%, #071725 100%);box-shadow:inset 0 1px 0 rgba(171, 207, 230, .035)}html body.page-time:is(*,._._._) #current-time-and-weatherSection:is(*,#_) .time-location-compact:is(*,._){& .time-location-summary:is(*,._) > strong{color:#9bb6cc;-webkit-text-fill-color:#9bb6cc}& .timezone-location-search:is(*,._) > input{border-color:rgba(66, 112, 148, .48);background:#081a2a;color:#c1d1de;-webkit-text-fill-color:#c1d1de;box-shadow:none}& .timezone-location-search:is(*,._) > input::placeholder{color:#7895ac;-webkit-text-fill-color:#7895ac}& .timezone-location-search:is(*,._) > button{border-color:rgba(72, 124, 163, .45);background:linear-gradient(180deg, #173a55 0%, #102b43 100%);color:#afc6d8;-webkit-text-fill-color:#afc6d8;box-shadow:none}}html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_).timezone-content-inner{box-sizing:border-box;position:absolute;inset:0 auto auto 50%;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:90px 164px 82px;align-content:start;justify-items:stretch;gap:10px;width:min(500px, calc(100% - 24px));min-width:0;max-width:500px;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;color:var(--settings-value);font-family:inherit;text-align:center;transform:translateX(-50%)}html body.page-time #timeSettingsConsole :is( .time-pattern-label, .time-pattern-mode, .time-pattern-mode span, .time-pattern-mode b, .time-pattern-mode i, .time-pattern-mode em, .time-pattern-mode small, .time-pattern-next, .time-pattern-next span, .time-pattern-next strong, .time-pattern-next small, .timezone-picker, .timezone-picker span, #timezoneSelect, .time-location-summary, .time-location-summary span, .time-location-summary strong, .timezone-location-search, .timezone-location-search input, .timezone-location-search button ){font-family:inherit;font-style:normal}html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_) > #timePatternPanel:is(*,#_).time-pattern-panel{box-sizing:border-box;position:static;inset:auto;grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0, 1fr);align-content:start;gap:5px;width:100%;min-width:0;max-width:none;height:164px;min-height:164px;max-height:164px;margin:0;padding:8px 12px;border:1px solid var(--settings-border);border-radius:12px;background:linear-gradient(145deg, rgba(38, 51, 61, .98), rgba(18, 28, 37, .99));box-shadow:inset 0 1px 0 rgba(214, 242, 250, .05);transform:none}html body.page-time #timeSettingsConsole{& #timePatternPanel .time-pattern-label,& .timezone-picker > span,& .time-location-summary > span{display:block;width:100%;margin:0;padding:0;color:var(--settings-label);-webkit-text-fill-color:var(--settings-label);font-size:.84rem;font-weight:720;letter-spacing:.035em;line-height:1.2;text-align:center;text-shadow:none;text-transform:none;transform:none}& .timezone-picker > span{font-size:.84rem;font-weight:720;line-height:1.2}& .time-location-summary > span{font-size:.84rem;font-weight:720;line-height:1.2}& #timePatternPanel .time-pattern-modes{display:grid;grid-template-columns:repeat(auto-fit, minmax(135px, 1fr));gap:7px}& #timePatternPanel .time-pattern-mode{box-sizing:border-box;display:grid;align-content:center;border:1px solid rgba(72, 119, 148, .38);border-radius:9px;background:#0a1b2b;box-shadow:none}& #timePatternPanel .time-pattern-mode.is-current{border-color:rgba(107, 161, 188, .68);background:#17344a;box-shadow:none}& #timePatternPanel .time-pattern-mode.is-current :is(i, em, small){color:#d5e5eb;-webkit-text-fill-color:#d5e5eb}& #timePatternPanel .time-pattern-mode.is-current b{color:#f7fcff;-webkit-text-fill-color:#f7fcff}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) .clock-display-wrap:is(*,._._){& .analog-clock:is(*,._){width:132px;height:132px;min-width:132px;min-height:132px;max-width:132px;max-height:132px;border-width:4px;border-style:solid}& .analog-clock:is(*,._) .clock-number:is(*,._){font-size:.72rem}& .analog-clock:is(*,._) .hour-hand:is(*,._){width:8px;height:32px;border-radius:0;clip-path:polygon(50% 0, 100% 17%, 82% 100%, 18% 100%, 0 17%)}& .analog-clock:is(*,._) .minute-hand:is(*,._){width:6px;height:44px;border-radius:0;clip-path:polygon(50% 0, 100% 15%, 82% 100%, 18% 100%, 0 15%)}& .analog-clock:is(*,._) .second-hand:is(*,._){height:58px}}@media (max-width: 760px){html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) .clock-display-wrap:is(*,._._){& .analog-clock:is(*,._){width:122px;height:122px;min-width:122px;min-height:122px;max-width:122px;max-height:122px}& .analog-clock:is(*,._) .clock-number:is(*,._){font-size:.68rem}}}html body.page-time #timeSettingsConsole #timePatternPanel{& .time-pattern-mode > span{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:baseline;width:100%}& .time-pattern-mode b{color:#b9c3cc;-webkit-text-fill-color:#b9c3cc;font-size:.86rem;font-weight:820;line-height:1.2}& .time-pattern-mode-name{min-width:0;color:#98a5b1;-webkit-text-fill-color:#98a5b1;font-size:.86rem;font-weight:650;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}& .time-pattern-mode em{grid-column:1 / -1;color:#98a5b1;-webkit-text-fill-color:#98a5b1;font-size:.86rem;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap}& .time-pattern-mode small{display:block;margin:1px 0 0;color:#98a5b1;-webkit-text-fill-color:#98a5b1;font-size:.86rem;font-weight:400;line-height:1.2;text-align:center}& .time-pattern-next{box-sizing:border-box;display:grid;grid-template-rows:auto auto;justify-items:center;gap:3px;min-height:45px;padding:6px 10px;border:1px solid rgba(91, 151, 174, .25);border-radius:9px;background:rgba(8, 29, 45, .72)}& .time-pattern-next-title{display:flex;align-items:baseline;justify-content:center;gap:6px}& .time-pattern-next-title > :is(span,strong),& .time-pattern-next > small{margin:0;padding:0;line-height:1.25;text-align:center;text-shadow:none}& .time-pattern-next-title > span{color:#f7fbff;-webkit-text-fill-color:#f7fbff;font-size:.86rem;font-weight:680}& .time-pattern-next-title > strong{color:var(--settings-value);-webkit-text-fill-color:var(--settings-value);font-size:.86rem;font-weight:400}& .time-pattern-next > small,& .time-pattern-next > small :is(span, strong){color:var(--settings-secondary);-webkit-text-fill-color:var(--settings-secondary);font-size:.86rem;font-weight:400}}html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_) > .timezone-picker-container:is(*,._){box-sizing:border-box;position:static;grid-column:1;grid-row:3;display:grid;place-items:stretch;width:100%;max-width:none;height:90px;margin:0;padding:8px 12px;border:1px solid var(--settings-border);border-radius:12px;background:linear-gradient(145deg, rgba(34, 47, 57, .98), rgba(15, 24, 33, .99));box-shadow:inset 0 1px 0 rgba(214, 242, 250, .045)}html body.page-time #timeSettingsConsole{& .timezone-picker-container > .timezone-picker:is(*,._){position:static;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:16px 40px;align-content:start;gap:9px;width:100%;max-width:none;height:auto;margin:0;padding:0;transform:none}& #timezoneSelect:is(*,#_){box-sizing:border-box;position:static;width:100%;height:40px;margin:0;padding:0 34px 0 12px;border:1px solid rgba(102, 181, 207, .42);border-radius:8px;background:linear-gradient(180deg, #10364f, #09263c);color:var(--settings-value);-webkit-text-fill-color:var(--settings-value);font-size:.89rem;font-weight:690;line-height:1.2;text-align:center;text-align-last:center;transform:none}}html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_) > .time-location-compact:is(*,._){box-sizing:border-box;position:relative;z-index:40;grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:38px 34px;align-content:start;gap:5px;width:100%;min-width:0;max-width:none;height:90px;min-height:90px;max-height:90px;margin:0;padding:8px 12px 5px;border:1px solid var(--settings-border);border-radius:12px;background:linear-gradient(145deg, rgba(12, 42, 59, .92), rgba(7, 26, 42, .96));box-shadow:inset 0 1px 0 rgba(214, 242, 250, .045);transform:none}html body.page-time #timeSettingsConsole:is(*,#_) .time-location-summary:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:16px auto;align-content:start;justify-items:center;gap:5px;width:100%;min-width:0;height:38px;margin:0;color:var(--settings-secondary);line-height:1.15;white-space:normal}html body.page-time #timeSettingsConsole .time-location-summary > strong{display:block;width:100%;min-width:0;margin:0;overflow:hidden;color:var(--settings-value);-webkit-text-fill-color:var(--settings-value);font-size:.9rem;font-weight:560;letter-spacing:0;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}html body.page-time #timeSettingsConsole:is(*,#_) > .time-location-compact > #timezoneLocationSearchForm:is(*,#_).timezone-location-search{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:7px;width:100%;max-width:none;height:34px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none}html body.page-time #timeSettingsConsole .timezone-location-search{& > :is(input, button){box-sizing:border-box;height:34px;min-height:34px;max-height:34px;margin:0;border-radius:7px;font-size:.8rem;line-height:1.2}& > input{padding:0 11px;border-color:rgba(102, 181, 207, .4);background:#09273b;color:var(--settings-value);-webkit-text-fill-color:var(--settings-value);font-weight:620}& > button{align-self:center;height:30px;min-height:30px;max-height:30px;padding:0 12px;border-color:rgba(103, 195, 211, .48);background:linear-gradient(180deg, #236678, #164658);color:#fff;-webkit-text-fill-color:#fff;font-weight:400;opacity:1}}@media (max-width: 430px){html body.page-time #current-time-and-weatherSection:is(*,#_){& #timeSettingsConsole:is(*,#_#_).timezone-content-inner{position:static;inset:auto;width:100%;max-width:none;transform:none}& #timeSettingsConsole:is(*,#_#_) > #timePatternPanel:is(*,#_).time-pattern-panel{height:auto;min-height:164px;max-height:none}}html body.page-time #timeSettingsConsole #timePatternPanel .time-pattern-mode{& > span{grid-template-columns:auto minmax(0, 1fr)}& em{grid-column:1 / -1;text-align:center}}}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_) > .top-time-dashboard-container:is(*,._){gap:10px;row-gap:10px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){gap:10px;row-gap:10px}html body.page-time:is(*,._) main.shell.shell #current-time-and-weatherSection:is(*,#_){& #topSecondsToggle:is(*,#_).top-seconds-toggle{padding:0 10px;border:1px solid rgba(83, 124, 148, .7);border-radius:7px;background:#102638;background-image:none;color:#aac6d5;-webkit-text-fill-color:#aac6d5;font-size:.68rem;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035);filter:none}& #topSecondsToggle:is(*,#_).top-seconds-toggle:is(:hover, :focus-visible){background:#142d41;border-color:rgba(99, 145, 169, .78);color:#bfd5df;-webkit-text-fill-color:#bfd5df;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045)}& #topSecondsToggle:is(*,#_).top-seconds-toggle[aria-pressed="true"]{background:#17344a;background-image:none;border-color:rgba(93, 139, 162, .82);color:#c2d8e2;-webkit-text-fill-color:#c2d8e2;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05)}}html body.page-time #timeSettingsConsole #timePatternPanel{& .time-pattern-mode{gap:1px;min-height:47px;padding:4px 9px}& .time-pattern-mode > span{gap:2px}& .time-pattern-mode small{margin-top:0}}html body.page-time:is(*,._._) main.shell.shell #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_) .language-clock-grid:is(*,._){& > .time-readout:is(*,._){background-color:var(--other-time-box-end)}& > .time-readout:is(*,._) > span{color:var(--other-time-label);-webkit-text-fill-color:var(--other-time-label)}& > .time-readout:is(*,._) > strong{color:var(--other-time-value);-webkit-text-fill-color:var(--other-time-value)}}html body.page-time:is(*,._._) main.shell:is(*,._._) #timeZoneRow:is(*,#_).time-zone-row > #current-time-and-weatherSection:is(*,#_).time-card.glass-card{background:transparent;border:0;box-shadow:none}@media (max-width: 760px){html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_#_).time-zone-row > #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_).time-card.glass-card{grid-template-rows:max-content max-content;align-content:start;height:max-content;min-height:0;max-height:none;overflow:hidden}html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_) .top-time-dashboard-container:is(*,._._){grid-template-columns:minmax(0, 1fr);grid-template-rows:max-content max-content;align-content:start;gap:10px;height:max-content;min-height:0;max-height:none;overflow:visible}html body.page-time:is(*,._._._._._._._) main.shell:is(*,._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_#_) .top-time-dashboard-container:is(*,._._) > .timezone-control-wrap:is(*,._._){box-sizing:border-box;top:0;bottom:auto;grid-template-rows:max-content;align-content:start;align-items:start;width:100%;min-width:0;max-width:100%;height:max-content;min-height:0;max-height:none;margin:0;padding-bottom:20px;overflow:visible}html body.page-time:is(*,._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_){& #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner{position:static;inset:auto;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;align-content:start;gap:10px;width:min(100%, 500px);min-width:0;max-width:500px;height:auto;min-height:0;max-height:none;margin:0 auto;padding:0;overflow:visible;transform:none}& #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner > #timePatternPanel:is(*,#_#_).time-pattern-panel{height:auto;min-height:0;max-height:none;overflow:hidden}& #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner > :is(.timezone-picker-container:is(*,._), .time-location-compact:is(*,._)){box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;overflow:visible}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_){& > #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section{flex:0 0 auto;height:auto;min-height:0;max-height:none;overflow:hidden}& #languageClocksSection:is(*,#_#_#_#_#_#_#_).language-clocks-section > .language-clock-grid:is(*,._._._){flex:0 0 auto;align-self:stretch;width:100%;min-width:0;max-width:100%;height:max-content;min-height:max-content;max-height:none;overflow:visible}}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #languageClocksSection:is(*,#_#_) .language-clock-grid:is(*,._) > .time-readout:is(*,._) > span{font-family:var(--font-ui, Inter, ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif);font-size:1rem;font-style:normal;font-weight:550;line-height:1.15;letter-spacing:.01em}html body.page-time #timePatternPanel:is(*,#_#_#_#_#_#_#_#_#_#_#_).time-pattern-panel{grid-column:1;grid-row:2;width:100%;max-width:none}@media (min-width: 1281px){html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_){& .top-time-dashboard-container:is(*,._._){grid-template-areas:"main" "controls" "formats";grid-template-rows:349px 378px 0}& .top-time-dashboard-container:is(*,._._) > .clock-display-wrap:is(*,._._){top:5px}}}html body.page-time:is(*,._) #primaryProgress:is(*,#_#_) .card-pie-meter:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_#_) .card-pie-meter:is(*,._){background:conic-gradient( from -90deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty) var(--pie-deg, 0deg) 360deg ), conic-gradient( from -90deg, #1769c2 0deg, #67c9e7 180deg, #54bd88 360deg )}html body.page-time:is(*,._) #primaryProgress:is(*,#_#_) .progress-track:is(*,._) > .progress-fill:is(*,._),html body.page-time:is(*,._) #timelineStack:is(*,#_#_) .progress-track:is(*,._) > .progress-fill:is(*,._){background:linear-gradient(90deg, #1769c2 0%, #67c9e7 52%, #54bd88 100%);background-image:linear-gradient(90deg, #1769c2 0%, #67c9e7 52%, #54bd88 100%)}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_) > #timezoneName:is(*,#_).timezone-final-name{display:none}html body.page-time:is(*,._) #languageClocksSection:is(*,#_).language-clocks-section{overflow:visible}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& > .time-location-compact.language-clock-location-card{box-sizing:border-box;position:relative;z-index:30;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;align-items:start;justify-items:center;gap:10px;width:min(82%, 520px);min-width:0;max-width:520px;height:auto;min-height:108px;max-height:none;padding:14px 16px 16px;overflow:visible;border:1px solid rgba(82, 166, 176, .5);border-radius:12px;background:radial-gradient(circle at 18% 0%, rgba(67, 157, 169, .2), transparent 42%), linear-gradient(145deg, #10283b 0%, #0e3440 54%, #09242e 100%);box-shadow:inset 0 1px 0 rgba(179, 231, 234, .08), inset 0 -14px 24px rgba(2, 14, 22, .16), 0 8px 18px rgba(0, 0, 0, .28);transform:none}& > .language-clock-location-card > .time-location-summary:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:16px auto;justify-items:center;gap:6px;width:100%;height:auto;margin:0;line-height:1.2;white-space:normal}& .language-clock-location-card .time-location-summary > #timeLocationSummary:is(*,#_){display:block;width:100%;min-width:0;margin:0;overflow:hidden;color:#d9f3f2;-webkit-text-fill-color:#d9f3f2;font-size:1rem;font-weight:560;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}& .language-clock-location-card > #timezoneLocationSearchForm:is(*,#_).timezone-location-search{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:8px;width:min(100%, 560px);max-width:560px;height:38px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;transform:none}& .language-clock-location-card .timezone-location-search > #timezoneLocationInput:is(*,#_){height:38px;min-height:38px;max-height:38px;padding:0 12px;border-color:rgba(73, 157, 169, .64);border-radius:8px;background:#0b2634;color:#e1f6f5;-webkit-text-fill-color:#e1f6f5;font-size:.9rem;box-shadow:inset 0 1px 3px rgba(0, 0, 0, .3)}& .language-clock-location-card .timezone-location-search > #timezoneLocationButton:is(*,#_){align-self:center;height:30px;min-height:30px;max-height:30px;padding:0 15px;border-color:rgba(91, 184, 190, .58);border-radius:8px;background:linear-gradient(180deg, #246a76, #164956);color:#fff;-webkit-text-fill-color:#fff;font-size:.84rem;font-weight:400;box-shadow:inset 0 1px 0 rgba(213, 249, 248, .1), 0 3px 8px rgba(0, 0, 0, .2)}}@media (max-width: 430px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& > .time-location-compact.language-clock-location-card{width:calc(100% - 18px);min-height:112px;margin-top:14px;padding:13px 11px 14px}& .language-clock-location-card > #timezoneLocationSearchForm:is(*,#_).timezone-location-search{grid-template-columns:minmax(0, 1fr) auto;gap:6px}& .language-clock-location-card .timezone-location-search > #timezoneLocationButton:is(*,#_){padding-inline:10px;font-size:.78rem}}}html body.page-time:is(*,._) #timeZoneRow:is(*,#_){height:auto;min-height:0;max-height:none;grid-auto-rows:auto;grid-template-rows:auto;align-items:start}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) > #languageClocksSection:is(*,#_).language-clocks-section{margin-bottom:0}html body.page-time:is(*,._) #languageClocksSection:is(*,#_) > .time-location-compact.language-clock-location-card{margin:16px auto 0}html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner{& > #timezoneName:is(*,#_).timezone-final-name{display:none}& > #timePatternPanel:is(*,#_).time-pattern-panel{grid-column:1;grid-row:1}& > .timezone-picker-container:is(*,._){grid-column:1;grid-row:2}& > .time-location-compact:is(*,._){grid-column:1;grid-row:3}}html body.page-time #timeZoneRow:is(*,#_#_#_#_#_#_#_#_#_#_#_).time-zone-row{height:auto;min-height:0;max-height:none;grid-auto-rows:auto;grid-template-rows:auto;align-items:start}html body.page-time #timeZoneRow:is(*,#_#_#_#_#_#_#_) > #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_).time-card.glass-card{height:auto;min-height:0;max-height:none;grid-template-rows:auto auto;align-content:start;align-self:start;overflow:visible}html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) > #languageClocksSection:is(*,#_#_#_#_#_).language-clocks-section{grid-row:auto}@media (min-width: 431px){html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner{grid-template-rows:164px 90px 90px;gap:10px;height:369px;padding-top:5px}}@media (max-width: 430px){html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner{height:auto;padding-top:5px}}html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) > #languageClocksSection:is(*,#_#_#_#_#_).language-clocks-section{box-sizing:border-box;position:relative;top:-95px;display:flex;flex-direction:column;align-items:center;width:min(100%, 960px);max-width:960px;height:auto;min-height:0;max-height:none;padding-bottom:24px;overflow:visible}@media (max-width: 760px){html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) > #languageClocksSection:is(*,#_#_#_#_#_).language-clocks-section{top:0}}html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) #languageClocksSection:is(*,#_#_#_#_#_) > .time-location-compact.language-clock-location-card{position:relative;flex:0 0 auto;align-self:center;margin:16px auto 0;transform:none}@media (min-width: 761px){html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_#_){& .top-time-dashboard-container:is(*,._){grid-template-rows:349px 386px 0;height:745px;min-height:745px;max-height:745px}& .top-time-dashboard-container > .timezone-control-wrap:is(*,._){height:376px;min-height:376px;max-height:376px}}}@media (min-width: 431px) and (max-width: 760px){html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_#_){& .top-time-dashboard-container:is(*,._){grid-template-rows:361px 386px 0;height:757px;min-height:757px;max-height:757px}& .top-time-dashboard-container > .timezone-control-wrap:is(*,._){height:376px;min-height:376px;max-height:376px}}}@media (max-width: 430px){html body.page-time #current-time-and-weatherSection:is(*,#_#_#_#_#_) #timeSettingsConsole:is(*,#_#_#_#_#_).timezone-content-inner{grid-template-rows:auto auto auto}html body.page-time:is(*,._._._._._._._._._._._) main.shell:is(*,._._._._._._._._._._._) #current-time-and-weatherSection:is(*,#_#_#_#_#_#_#_#_#_#_#_) .top-time-dashboard-container:is(*,._._){grid-template-rows:auto auto;gap:10px;height:auto;min-height:0;max-height:none}}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.page-time:not(#time-card-title-space-01):not(#time-card-title-space-02):not(#time-card-title-space-03):not(#time-card-title-space-04):not(#time-card-title-space-05):not(#time-card-title-space-06):not(#time-card-title-space-07):not(#time-card-title-space-08):not(#time-card-title-space-09):not(#time-card-title-space-10):not(#time-card-title-space-11):not(#time-card-title-space-12) main.shell :is( #local-weatherSection .local-weather-inside-title > h2, #local-weatherSection .local-forecast-strip-section > h3, .weather-cycle-wrapper > .cycle-group-title, .cycle-panel > .weather-period-scale-title, .cycle-panel > .moon-position-title, .cycle-panel .inline-insight-title.card-title, .progress-card > .card-head .card-title, .timeline-card > .card-head .card-title, .age-card .age-title-inside > h2, #timezoneChangesTitle, #timekeepingDevicesTitle, #atomicTimeTitle, #ntpProtocolTitle, #otherCityTimesCard .other-city-times-head > .card-title ){margin-top:15px}html body.page-time:not(#time-card-header-style-01):not(#time-card-header-style-02):not(#time-card-header-style-03):not(#time-card-header-style-04):not(#time-card-header-style-05):not(#time-card-header-style-06):not(#time-card-header-style-07):not(#time-card-header-style-08):not(#time-card-header-style-09):not(#time-card-header-style-10):not(#time-card-header-style-11):not(#time-card-header-style-12):not(#time-card-header-style-13):not(#time-card-header-style-14):not(#time-card-header-style-15):not(#time-card-header-style-16) main.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title:is(*,._) > .time-card-title-suffix:is(*,._){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:min(100%, 520px);min-height:42px;margin:10px auto 0;padding:7px 26px;border:1px solid rgba(119, 183, 220, .68);background:#19344d}html body.page-time:not(#time-card-header-style-01):not(#time-card-header-style-02):not(#time-card-header-style-03):not(#time-card-header-style-04):not(#time-card-header-style-05):not(#time-card-header-style-06):not(#time-card-header-style-07):not(#time-card-header-style-08):not(#time-card-header-style-09):not(#time-card-header-style-10):not(#time-card-header-style-11):not(#time-card-header-style-12):not(#time-card-header-style-13):not(#time-card-header-style-14):not(#time-card-header-style-15):not(#time-card-header-style-16) main.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) > .card-title-wrap:is(*,._) > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._):not(:empty){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:fit-content;min-width:min(310px, calc(100% - 32px));max-width:min(560px, calc(100% - 32px));min-height:42px;margin:0 auto;padding:7px 17px;border:1px solid rgba(119, 183, 220, .68);background:#1c3b59}html body.page-time:not(#time-card-header-style-01):not(#time-card-header-style-02):not(#time-card-header-style-03):not(#time-card-header-style-04):not(#time-card-header-style-05):not(#time-card-header-style-06):not(#time-card-header-style-07):not(#time-card-header-style-08):not(#time-card-header-style-09):not(#time-card-header-style-10):not(#time-card-header-style-11):not(#time-card-header-style-12):not(#time-card-header-style-13):not(#time-card-header-style-14):not(#time-card-header-style-15):not(#time-card-header-style-16) main.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) > .card-title-wrap:is(*,._) > .time-slider-bubble-row:is(*,._){margin-bottom:-4px}html body.page-time:not(#time-card-header-style-01):not(#time-card-header-style-02):not(#time-card-header-style-03):not(#time-card-header-style-04):not(#time-card-header-style-05):not(#time-card-header-style-06):not(#time-card-header-style-07):not(#time-card-header-style-08):not(#time-card-header-style-09):not(#time-card-header-style-10):not(#time-card-header-style-11):not(#time-card-header-style-12):not(#time-card-header-style-13):not(#time-card-header-style-14):not(#time-card-header-style-15):not(#time-card-header-style-16) main.shell :is( h1, h2, h3, h4, #local-weatherSection .local-weather-inside-title > h2, #local-weatherSection .local-forecast-strip-section > h3, .weather-cycle-wrapper > .cycle-group-title, .cycle-panel > .weather-period-scale-title, .cycle-panel > .moon-position-title, .cycle-panel .inline-insight-title.card-title, .progress-card > .card-head .card-title, .timeline-card > .card-head .card-title, .age-card .age-title-inside > h2, #timezoneChangesTitle, #timekeepingDevicesTitle, #atomicTimeTitle, #ntpProtocolTitle, #otherCityTimesCard .other-city-times-head > .card-title ){color:var(--ui-heading, #b9d9f5);-webkit-text-fill-color:var(--ui-heading, #b9d9f5);text-shadow:none}@media (max-width: 620px){html body.page-time main.shell :is(.progress-card, .timeline-card) > .card-head .card-title > .time-card-title-suffix{max-width:calc(100vw - 76px);white-space:normal}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_) .timezone-picker:is(*,._){& > #timezoneSelect:is(*,#_){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:var(--ui-text, #e8eef6);font-weight:400}& > #timezoneSelect:is(*,#_) option{color:var(--ui-text, #e8eef6);-webkit-text-fill-color:var(--ui-text, #e8eef6);background:var(--ui-raised, #1e2d41);font-weight:400}}html body.page-time:not(#time-card-icons-01):not(#time-card-icons-02):not(#time-card-icons-03):not(#time-card-icons-04):not(#time-card-icons-05):not(#time-card-icons-06):not(#time-card-icons-07):not(#time-card-icons-08) main.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-line:is(*,._) > .title-value-stack:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:100%;min-width:0}html body.page-time .time-card-title-icon:is(*,._){box-sizing:border-box;display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;margin:12px auto 7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ui-accent, #8bbcff);-webkit-text-fill-color:currentColor;font-size:0;text-shadow:none}html body.page-time .time-card-title-icon > .time-card-symbol{display:block;width:34px;height:34px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}html body.page-time:not(#time-card-icons-01):not(#time-card-icons-02):not(#time-card-icons-03):not(#time-card-icons-04):not(#time-card-icons-05):not(#time-card-icons-06):not(#time-card-icons-07):not(#time-card-icons-08) main.shell :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .time-card-title-icon:is(*,._) + .card-title:is(*,._){margin-top:0}html body.page-time main.shell .age-card .age-title-inside{display:grid;justify-items:center}html body.page-time main.shell .age-card .time-static-card-title-icon{margin-top:0}html body.page-time .time-static-card-title-icon:is(*,._){margin:0 auto 7px}html body.page-time main.shell .age-card .time-static-card-title-icon + h2{margin-top:0}html body.page-time main.shell #secondCard:is(*,#_) .time-card-title-icon:is(*,._){margin-top:8px}html body.page-time:is(*,._._._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) #timeVisualizedGroup:is(*,#_#_) #secondCard:is(*,#_#_) > .card-head:is(*,._){& .title-value-stack:is(*,._) > .time-card-title-icon:is(*,._) + #secondTitle:is(*,#_).card-title:is(*,._){top:0;bottom:auto;transform:none}& .time-slider-bubble-row:is(*,._){transform:translateY(-10px)}& #secondSliderSummary:is(*,#_).time-slider-summary-container:is(*,._){transform:translateY(-3px)}}html body.page-time main.shell #anniversaryMilestonesCard > .card-head,html body.page-time main.shell #anniversaryMilestonesCard > .card-head > .card-title-wrap{height:auto;min-height:0;max-height:none}html body.page-time main.shell #anniversaryMilestonesCard:is(*,#_){& > .card-head:is(*,._),& :is(.card-title-line:is(*,._),.title-value-stack:is(*,._)),& #anniversaryMilestonesTitle.card-title{display:flex;visibility:visible;opacity:1}& #anniversaryMilestonesTitle.card-title{display:block}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > span.time-circle-center-period:is(*,._){display:block;margin:0 auto;font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);text-align:center;text-shadow:none;white-space:normal}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) :is( #primaryProgress:is(*,#_#_#_#_), #timelineStack:is(*,#_#_#_#_) ) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > span[id$="PiePercent"]{color:#8edfff;-webkit-text-fill-color:#8edfff;font-weight:400;text-shadow:none}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_#_) :is(#secondCard:is(*,#_), #minuteCard:is(*,#_)) .time-main-circle-meter:is(*,._) > .card-pie-core:is(*,._) > span.time-circle-center-period:is(*,._){max-width:90%;color:#8edfff;-webkit-text-fill-color:#8edfff;font-size:20px;font-weight:400;line-height:1;letter-spacing:0}@media (max-width: 620px){html body.page-time .time-card-title-icon:is(*,._){width:34px;height:34px;min-width:34px;min-height:34px;margin-top:9px;font-size:0}html body.page-time .time-card-title-icon > .time-card-symbol{width:30px;height:30px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #primaryProgress:is(*,#_#_#_) #timeVisualizedGroup:is(*,#_#_#_) #secondCard:is(*,#_#_#_) > .card-head:is(*,._._) .card-title-wrap:is(*,._) > #secondSliderSummary:is(*,#_).time-slider-summary-container:is(*,._){transform:translateY(-3px)}html body.page-time:is(*,._._._) main.shell:is(*,._._) #current-time-and-weatherSection:is(*,#_#_) #timeSettingsConsole:is(*,#_) #timePatternPanel:is(*,#_){& #timePatternNext:is(*,#_).time-pattern-next{padding-top:3px;padding-bottom:9px}& #timePatternNext:is(*,#_) > .time-pattern-next-title:is(*,._) > span{font-weight:400}}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}}@media (max-width: 600px){html body.page-time:is(*,._._._._) main.shell:is(*,._._) #timekeepingDevicesSection:is(*,#_#_) .timekeeping-device:is(*,._){& .timekeeping-device-photo:is(*,._){box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}& .timekeeping-device-photo:is(*,._) > img{display:block;width:100%;min-width:0;max-width:100%;height:auto;margin-inline:auto;transform:none}}html body :is( main.shell, main.home-shell, main.home-test-shell, main.orbit-simulator-app, main.phase-simulator-app ){width:calc(100% - 12px)}html body.page-time:is(*,._._._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) :is(.card-title-wrap:is(*,._), .time-slider-bubble-row:is(*,._)){box-sizing:border-box;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0, 1fr)}html body.page-time:is(*,._._._._) main.shell:is(*,._._) :is(#primaryProgress:is(*,#_), #timelineStack:is(*,#_)) .time-slider-bubble:is(*,._){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}html body.page-time:is(*,._._) #current-time-and-weatherSection:is(*,#_) .main-time-copy:is(*,._){width:100%;min-width:0;max-width:100%}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}}.page-time main #customTimeIntervalCard.custom-time-interval-card{box-sizing:border-box;width:min(100%, var(--app-standard-page-card-width, 1480px));max-width:var(--app-standard-page-card-width, 1480px);margin:10px auto 0;padding:24px;border:1px solid rgba(91, 164, 204, .38);border-radius:18px;background:linear-gradient(145deg, rgba(12, 39, 59, .97), rgba(7, 24, 39, .98) 66%, rgba(9, 43, 52, .94));box-shadow:inset 0 1px 0 rgba(218, 244, 255, .05), 0 12px 30px rgba(0, 9, 20, .2)}.page-time #customTimeIntervalCard{& .custom-time-interval-head{display:grid;align-items:center;justify-items:center;justify-content:center;gap:7px;margin:0 auto 18px;text-align:center}& .custom-time-interval-head > div{display:grid;justify-items:center;width:100%;text-align:center}& .custom-time-interval-icon{display:grid;place-items:center;width:48px;min-width:48px;height:48px;color:#9cdcf6}& .custom-time-interval-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}& .custom-time-interval-icon-accent{stroke:#64c7bc}& .custom-time-interval-icon-dot{fill:#ffd071;stroke:none}& .custom-time-interval-head h2{margin:0;color:#b8e3fa;-webkit-text-fill-color:#b8e3fa;font-size:26px;font-weight:680;line-height:1.2;letter-spacing:-.015em}& .custom-time-interval-head p{margin:4px 0 0;color:#a9bbc9;-webkit-text-fill-color:#a9bbc9;font-size:.91rem;line-height:1.4;text-align:center}& .custom-time-interval-inputs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:min(100%, 700px);margin:0 auto}& .custom-time-interval-input-group{display:grid;grid-template-columns:minmax(0, 1fr) 120px;gap:8px 10px;box-sizing:border-box;margin:0;padding:12px;border:1px solid rgba(93, 166, 203, .28);border-radius:12px;background:rgba(5, 22, 35, .62)}& .custom-time-interval-input-group:last-child{border-color:rgba(79, 177, 163, .28);background:rgba(5, 29, 38, .62)}& .custom-time-interval-input-group h3{grid-column:1 / -1;margin:0 0 2px;color:#8fd4f2;-webkit-text-fill-color:#8fd4f2;font-size:.88rem;font-weight:680;letter-spacing:.025em;text-transform:uppercase}& .custom-time-interval-input-group:last-child h3{color:#7ed8ca;-webkit-text-fill-color:#7ed8ca}& .custom-time-interval-input-group label{display:grid;gap:5px;min-width:0;margin:0}& .custom-time-interval-input-group label > span{color:#a9bbc9;-webkit-text-fill-color:#a9bbc9;font-size:.78rem;font-weight:600}& :is(input[type="date"], input[type="time"]){box-sizing:border-box;width:100%;min-width:0;height:42px;min-height:42px;padding:8px 10px;border:1px solid rgba(105, 174, 207, .42);border-radius:9px;background:rgba(3, 17, 29, .86);color:#edf8ff;-webkit-text-fill-color:#edf8ff;font-family:var(--ui-font, Inter, "Segoe UI", sans-serif);font-size:.96rem;font-weight:450;color-scheme:dark;box-shadow:inset 0 1px 4px rgba(0, 4, 10, .3)}& :is(input[type="date"], input[type="time"]):focus{border-color:#7ddcff;outline:0;box-shadow:inset 0 1px 4px rgba(0, 4, 10, .26), 0 0 0 3px rgba(125, 220, 255, .14)}}.page-time #customTimeIntervalCard.is-invalid :is(input[type="date"], input[type="time"])[aria-invalid="true"]{border-color:rgba(255, 142, 153, .75)}.page-time #customTimeIntervalCard .custom-time-interval-status{min-height:1.35em;margin:13px auto 6px;color:#c5d6e2;-webkit-text-fill-color:#c5d6e2;font-size:.91rem;font-weight:600;text-align:center}.page-time #customTimeIntervalCard.is-invalid .custom-time-interval-status{color:#ffadb6;-webkit-text-fill-color:#ffadb6}.page-time #customTimeIntervalCard{& .custom-time-interval-graph{box-sizing:border-box;width:min(100%, 760px);margin:8px auto 0;padding:30px 18px 2px}& .custom-time-interval-track{position:relative;height:12px;border:1px solid rgba(118, 169, 196, .35);border-radius:999px;background:#14283a;box-shadow:inset 0 2px 5px rgba(0, 6, 14, .36)}& .custom-time-interval-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg, #398fb5, #56c4b6);transition:width .25s ease}& .custom-time-interval-marker{position:absolute;top:50%;z-index:2;width:16px;height:16px;border:3px solid #d9f4ff;border-radius:50%;background:#2f789c;transform:translate(-50%, -50%);box-shadow:0 2px 8px rgba(0, 9, 20, .42)}& .custom-time-interval-marker-start{left:0}& .custom-time-interval-marker-end{left:100%;background:#3b9f91}& .custom-time-interval-marker-current{width:18px;height:18px;border-color:#ffe0a3;background:#c28b39;transition:left .25s ease}& .custom-time-interval-marker-current > i{position:absolute;left:50%;bottom:calc(100% + 8px);padding:3px 8px;border:1px solid rgba(255, 208, 113, .46);border-radius:999px;background:#3a3025;color:#ffe1a7;-webkit-text-fill-color:#ffe1a7;font-size:.72rem;font-style:normal;font-weight:700;white-space:nowrap;transform:translateX(-50%)}& .custom-time-interval-marker-current.is-near-start > i{left:-6px;transform:none}& .custom-time-interval-marker-current.is-near-end > i{right:-6px;left:auto;transform:none}& .custom-time-interval-axis-labels{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;margin-top:13px}& .custom-time-interval-axis-labels > span{display:grid;gap:2px;color:#a9bbc9;-webkit-text-fill-color:#a9bbc9;font-size:.72rem;line-height:1.25;text-align:center}& .custom-time-interval-axis-labels > span:first-child{text-align:left}& .custom-time-interval-axis-labels > span:last-child{text-align:right}& .custom-time-interval-axis-labels b{color:#d6e8f3;-webkit-text-fill-color:#d6e8f3;font-size:.78rem}& .custom-time-interval-stats{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:9px;width:min(100%, 760px);margin:15px auto 0}& .custom-time-interval-stats article{display:grid;gap:4px;min-width:0;padding:10px 8px;border:1px solid rgba(91, 157, 190, .25);border-radius:10px;background:rgba(5, 21, 34, .68);text-align:center}& .custom-time-interval-stats span{color:#91a9ba;-webkit-text-fill-color:#91a9ba;font-size:.72rem;font-weight:650;letter-spacing:.025em;text-transform:uppercase}& .custom-time-interval-stats strong{overflow-wrap:anywhere;color:#dff5ff;-webkit-text-fill-color:#dff5ff;font-size:.91rem;font-weight:650;line-height:1.25}& .custom-time-interval-stats article:first-child strong{color:#7ddcff;-webkit-text-fill-color:#7ddcff}& .custom-time-interval-units{margin:11px auto 0;color:#9fb7c7;-webkit-text-fill-color:#9fb7c7;font-size:.79rem;line-height:1.45;text-align:center}}@media (max-width: 700px){.page-time main #customTimeIntervalCard.custom-time-interval-card{padding:20px 14px}.page-time #customTimeIntervalCard{& .custom-time-interval-head{align-items:center;justify-items:center}& .custom-time-interval-inputs{grid-template-columns:1fr}& .custom-time-interval-stats{grid-template-columns:repeat(2, minmax(0, 1fr))}}}@media (max-width: 430px){.page-time #customTimeIntervalCard{& .custom-time-interval-head h2{font-size:23px}& .custom-time-interval-icon{width:42px;min-width:42px;height:42px}& .custom-time-interval-input-group{grid-template-columns:1fr}& .custom-time-interval-graph{padding-inline:8px}& .custom-time-interval-axis-labels small{font-size:.66rem}}}}@layer components-page{.page-time main :is(#timeZoneRow, #current-time-and-weatherSection, .top-time-dashboard-container){position:relative;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;grid-auto-rows:auto;align-content:start;gap:24px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;transform:none}.page-time .top-time-dashboard-container{grid-template-areas:none}.page-time main #current-time-and-weatherSection{gap:10px}.page-time #current-time-and-weatherSection .top-time-dashboard-container{gap:10px}.page-time #languageClocksSection{& .language-clock-location-card{position:relative;margin:16px auto 0}& .language-clock-grid{top:0;padding-top:0}}.page-time .top-time-dashboard-container > :is(.clock-display-wrap, .timezone-control-wrap){grid-area:auto}.page-time #current-time-and-weatherSection{& .clock-display-wrap{box-sizing:border-box;position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;width:min(100%, var(--site-top-card-max-width, 820px));height:auto;min-height:0;max-height:none;margin:0 auto;padding:28px 24px 16px;border:1px solid var(--ui-border, #324458);border-radius:18px;background:var(--ui-surface, #172233);box-shadow:none;overflow:visible;z-index:1;transform:none}& .clock-display-wrap:has(#mainDateCalendarPopup:not([hidden])){z-index:110}& :is(.main-analog-clock-panel, .main-time-copy, .main-date-row, .top-seconds-toggle){position:relative;inset:auto;flex:0 0 auto;grid-area:auto;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;transform:none}& .main-time-copy{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;grid-auto-rows:auto;justify-items:center;gap:10px;order:2;width:100%;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}& .analog-clock{position:relative;inset:auto;margin:0;border-color:var(--ui-border, #324458);border-width:2px;background:var(--ui-raised, #1e2d41);box-shadow:none;transform:none}& .analog-clock #minuteHand{height:calc(50% - 20px);max-height:52px}& .analog-clock .clock-number{color:var(--ui-accent);-webkit-text-fill-color:currentColor}& .analog-clock .clock-pin{background:var(--ui-text)}& .main-date-row{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:0}& #digitalClock{position:static;inset:auto;display:block;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;font-family:var(--ui-font, Inter, sans-serif);font-size:clamp(32px, 7vw, 56px);line-height:1.15;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ui-text, #e8eef6);-webkit-text-fill-color:var(--ui-text, #e8eef6);text-shadow:none;transform:none}}@media (min-width: 981px){.page-time #current-time-and-weatherSection #digitalClock{font-size:46px}}.page-time #current-time-and-weatherSection{& #currentDate{position:static;inset:auto;flex:0 1 auto;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;white-space:normal;overflow-wrap:anywhere;font-size:18px;line-height:1.5;color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:var(--ui-muted, #a9b8c9);text-align:center;transform:none}& .top-seconds-toggle{order:3;height:28px;min-height:28px;max-height:28px;padding:3px 12px;font:500 12.5px/1.2 var(--ui-font, Inter, sans-serif)}& .top-seconds-toggle::after{content:"";position:absolute;inset:-4px 0}}.page-time #mainDateCalendarButton{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--ui-accent, #83c5f4);box-shadow:none;filter:none;transform:none}.page-time #mainDateCalendarButton svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.page-time #mainDateCalendarPopup{box-sizing:border-box;position:absolute;top:calc(100% + 8px);right:0;left:auto;width:min(320px, 100%);min-width:0;max-width:100%;height:auto;padding:12px;border:1px solid var(--ui-border, #324458);border-radius:12px;background:var(--ui-raised, #1e2d41);color:var(--ui-text, #e8eef6);box-shadow:0 8px 24px rgb(0 0 0 / 16%);transform:none;z-index:20}.page-time #mainDateCalendarPopup[hidden]{display:none}.page-time #mainDateCalendarPopup:not([hidden]){display:block}.page-time #mainDateCalendarPopup > header{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:4px;width:100%;min-width:0;margin:0 0 12px;padding:0;color:var(--ui-muted, #a9b8c9);font:400 12px/1.4 var(--ui-font, Inter, sans-serif);text-align:center}.page-time #calendarPopupMonthLabel{color:var(--ui-text, #e8eef6);font:600 14px/1.4 var(--ui-font, Inter, sans-serif)}.page-time #calendarPopupGrid{box-sizing:border-box;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-auto-flow:row;gap:4px;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent}.page-time #calendarPopupGrid{& > :is(.calendar-weekday, .calendar-day){box-sizing:border-box;display:grid;place-items:center;grid-column:auto;grid-row:auto;width:100%;min-width:0;max-width:100%;min-height:32px;margin:0;padding:3px 0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ui-text, #e8eef6);font:400 13px/1.3 var(--ui-font, Inter, sans-serif);letter-spacing:0;white-space:nowrap;text-align:center;box-shadow:none}& > .calendar-weekday{min-height:24px;color:var(--ui-muted, #a9b8c9);font-size:12px;font-weight:500}& .calendar-day > span{display:block;width:auto;min-width:0;height:auto;margin:0;padding:0;background:transparent;font:inherit;color:inherit;box-shadow:none}& > .calendar-day.is-today{background:var(--ui-button-bg, #243d58)}& > .calendar-day.is-selected{border-color:var(--ui-accent, #83c5f4)}}.page-time #languageClocksSection{box-sizing:border-box;position:relative;inset:auto;display:block;grid-template-rows:auto;width:min(100%, var(--site-top-card-max-width, 820px));min-width:0;max-width:100%;margin:0 auto;height:auto;min-height:0;max-height:none;padding:24px;overflow:visible;transform:none}.page-time #languageClocksSection{& .language-clocks-title{margin:0 0 16px;color:var(--ui-accent, #83c5f4);-webkit-text-fill-color:currentColor;font:600 16px/1.4 var(--ui-font, Inter, sans-serif);letter-spacing:0;text-align:center;text-shadow:none}& .language-clock-grid{position:static;inset:auto;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:minmax(80px, auto);gap:12px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;transform:none}& .time-readout{box-sizing:border-box;position:static;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;grid-column:auto;grid-row:auto;align-content:center;justify-items:center;justify-self:stretch;gap:8px;width:100%;min-width:0;max-width:100%;height:auto;min-height:96px;max-height:none;margin:0;padding:16px 10px;text-align:center;clip-path:none;transform:none}& .time-readout::before,& .time-readout::after{display:none}& .time-readout > span,& .time-readout strong{position:static;inset:auto;display:block;grid-area:auto;justify-self:center;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;text-align:center;white-space:normal;overflow-wrap:anywhere;transform:none;overflow:visible}& .time-readout > span{color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor;font:500 13px/1.4 var(--ui-font, Inter, sans-serif)}& .time-readout strong{color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor;font:500 clamp(17px, 2vw, 22px)/1.4 var(--ui-font, Inter, sans-serif);font-variant-numeric:tabular-nums;letter-spacing:0}& .binary-alt-time-readout{grid-column:1 / -1;width:min(100%, 320px);justify-self:center}}@media (max-width: 600px){.page-time #current-time-and-weatherSection .clock-display-wrap{padding:24px 16px}.page-time #languageClocksSection{padding:20px 16px}.page-time #languageClocksSection{& .language-clock-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}& .other-clock-utc{grid-column:1 / -1}& .binary-alt-time-readout{grid-column:1 / -1}}.page-time #current-time-and-weatherSection #currentDate{font-size:16px}}.page-time main :is(.progress-card, .timeline-card, #languageClocksSection, .timekeeping-devices-card){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-time main :is(.time-slider-summary-container, .time-readout, .timekeeping-device-card){border:1px solid var(--ui-border, #324458);border-radius:12px;background:var(--ui-raised, #1e2d41);box-shadow:none}.page-time main :is(.card-title, .card-title-text, .progress-section-title, .timeline-section-title, .card-head h2, .card-head h3){font-family:var(--ui-font, Inter, sans-serif);font-size:28px;font-style:normal;font-weight:650;line-height:1.25;letter-spacing:-.02em;color:var(--ui-heading, #b9d9f5);-webkit-text-fill-color:currentColor;text-shadow:none}.page-time main .time-slider-summary-container{font-family:var(--ui-font, Inter, sans-serif);font-style:normal;line-height:1.45}.page-time #primaryProgress .time-slider-summary-container{box-sizing:border-box;width:min(420px, calc(100vw - 48px));max-width:calc(100vw - 48px);margin-inline:auto}.page-time #primaryProgress .time-slider-summary-container :is(.compact-top-lines, .compact-measure-line, .compact-remaining-line, .card-title-subline, .compact-month-weeks-line){min-width:0;max-width:100%;white-space:normal}.page-time main :is(.progress-card, .timeline-card) :is(.card-title-line, .title-value-stack, .card-title){grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:100%;justify-items:center}.page-time main :is(.progress-card, .timeline-card) :is(.time-card-title-suffix, .time-slider-bubble){box-sizing:border-box;width:min(100%, 310px);min-width:0;max-width:100%;min-height:40px;margin-inline:auto;padding:9px 16px;border:1px solid rgba(119, 183, 220, .68);border-radius:999px;background:#19344d;box-shadow:none;color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor;font:500 15px/1.4 var(--ui-font, Inter, sans-serif);text-align:center;white-space:normal}.page-time main :is(.progress-card, .timeline-card) > .card-head > .card-title-wrap > .time-slider-bubble-row > .time-slider-bubble:not(:empty){flex:0 0 auto;width:min(340px, calc(100vw - 44px));min-width:0;max-width:none;min-height:36px;padding:7px 10px;border-color:rgba(119, 183, 220, .68);background:#1c3b59;box-shadow:inset 0 1px 0 rgba(221, 241, 251, .06);font-size:clamp(12px, 3.75vw, 15px);white-space:nowrap}.page-time #languageClocksSection::before,.page-time #languageClocksSection::after{display:none}.page-time :is(.progress-track .progress-fill, .minute-battery .minute-smooth-fill, .workday-mini-track .workday-mini-fill){background:linear-gradient(90deg, #004ce3 0%, #00c2d4 100%);background-size:var(--track-gradient-width, 100%) 100%;background-position:left center;background-repeat:no-repeat}.page-time #primaryProgress{& .minute-cell{background:var(--ui-raised, #111a24)}& .minute-cell.filled{background:var(--minute-cell-fill, #004ce3)}& .card-pie-meter{background:conic-gradient(from 0deg, transparent 0deg var(--pie-deg, 0deg), var(--time-progress-empty) var(--pie-deg, 0deg) 360deg), conic-gradient(from 0deg, #004ce3 0deg, #00c2d4 360deg)}& .card-pie-core{background:var(--ui-surface, #2f343b)}& :is(.card-pie-core, .time-slider-summary-container){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}& .card-pie-core :is(span, strong, small):not([id$="PiePercent"]):not(.time-circle-center-period){color:inherit;-webkit-text-fill-color:currentColor}& .card-pie-core > span[id$="PiePercent"]{color:#8edfff;-webkit-text-fill-color:#8edfff;font-weight:400;text-shadow:none}& :is(#secondCard, #minuteCard) .card-pie-core > .time-circle-center-period{max-width:90%;color:#8edfff;-webkit-text-fill-color:#8edfff;font-size:20px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap}& .time-circle-label-stage::before,& .time-circle-label-stage::after{background:var(--ui-raised, #1e2d41);border-color:var(--ui-border, #324458);box-shadow:none}& #secondCard .time-circle-label-stage::after,& :is(#minuteCard, #hourCard, #yearCard, #decadeCard, #centuryCard, #millenniumCard, #decamillenniumCard) .time-circle-label-stage::before,& :is(#dayCard, #weekCard, #monthCard) .time-circle-label-stage::after{border-color:rgb(111 220 245 / 68%);box-shadow:inset 0 0 0 1px rgb(218 244 252 / 7%), 0 0 10px rgb(73 168 211 / 9%)}& #dayCircleSlider .time-circle-label-stage::after{background:repeating-conic-gradient(from 0deg, var(--ui-border, #324458) 0deg .7deg, transparent .7deg 45deg), var(--ui-raised, #1e2d41)}& :is(.time-circle-label-stage, .time-circle-label, .time-circle-label-inner, .time-circle-label-outer, .detail-text),& :is(.time-circle-label, .detail-text) :is(span, b, strong, small){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor;text-shadow:none}& .time-circle-label .time-circle-endpoint-line{color:var(--ui-accent, #83c5f4);-webkit-text-fill-color:currentColor}}.page-time main :is(.other-city-time-box, .timezone-changes-current, .age-summary){border-color:var(--ui-border, #324458);background:var(--ui-raised, #1e2d41);box-shadow:none}.page-time main :is(.other-city-time-box, .timezone-changes-current, .age-summary, .time-slider-summary-container) :is(b, strong, span, p){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}.page-time main :is(.other-city-country, .other-city-date, .other-city-zone-abbreviation, .timezone-changes-note){color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor}.page-time #languageClocksSection .language-clock-grid{& > .time-readout{--other-time-box-start: #1e3552;--other-time-box-end: #0e2039;--other-time-box-glow: rgb(93 151 219 / 8%);--other-time-box-border: rgb(104 151 210 / 43%);--other-time-label: #78c7ee;--other-time-value: #83d8ff;border-color:var(--other-time-box-border);background:radial-gradient(circle at 16% 0, var(--other-time-box-glow), transparent 46%), linear-gradient(145deg, var(--other-time-box-start), var(--other-time-box-end));box-shadow:inset 0 1px 0 rgb(220 241 248 / 6%), 0 5px 12px rgb(3 13 24 / 16%)}& > .time-readout:nth-child(1){--other-time-box-start: #274663;--other-time-box-end: #132e4c;--other-time-box-glow: rgb(107 170 227 / 8%)}& > .time-readout:nth-child(2){--other-time-box-start: #223d5b;--other-time-box-end: #102a47;--other-time-box-glow: rgb(94 155 220 / 8%)}}@media (max-width: 600px){html body.page-time main.shell #primaryProgress :is(#hourCircleSlider, #dayCircleSlider) > .card-pie-meter.time-main-circle-meter > .card-pie-core{position:absolute;z-index:1;isolation:isolate}}.page-time #languageClocksSection .language-clock-grid{& > .time-readout:nth-child(3){--other-time-box-start: #253e60;--other-time-box-end: #122946;--other-time-box-glow: rgb(100 155 225 / 8%)}& > .time-readout:nth-child(4){--other-time-box-start: #1d3654;--other-time-box-end: #0e243f;--other-time-box-glow: rgb(88 149 218 / 7%)}& > .time-readout:nth-child(5){--other-time-box-start: #29435f;--other-time-box-end: #142c49;--other-time-box-glow: rgb(106 162 224 / 7%)}& > .time-readout:nth-child(6){--other-time-box-start: #203a58;--other-time-box-end: #102741;--other-time-box-glow: rgb(91 154 218 / 7%)}& > .time-readout:nth-child(7){--other-time-box-start: #253c59;--other-time-box-end: #132a45;--other-time-box-glow: rgb(101 155 215 / 7%)}& > .time-readout:nth-child(8){--other-time-box-start: #1f3856;--other-time-box-end: #0f2642;--other-time-box-glow: rgb(93 151 218 / 7%)}& > .time-readout:nth-child(9){--other-time-box-start: #27415e;--other-time-box-end: #132d4b;--other-time-box-glow: rgb(104 162 226 / 7%)}& > .time-readout:nth-child(10){--other-time-box-start: #213653;--other-time-box-end: #10243e;--other-time-box-glow: rgb(92 147 211 / 7%)}& > .time-readout:nth-child(11){--other-time-box-start: #263f5a;--other-time-box-end: #142a46;--other-time-box-glow: rgb(102 158 219 / 7%)}& > .time-readout:nth-child(12){--other-time-box-start: #203954;--other-time-box-end: #102640;--other-time-box-glow: rgb(91 151 212 / 7%)}& > .time-readout:nth-child(13){--other-time-box-start: #294563;--other-time-box-end: #142e4d;--other-time-box-glow: rgb(107 166 227 / 8%)}& > .time-readout > span{color:var(--other-time-label);-webkit-text-fill-color:var(--other-time-label)}& > .time-readout > strong{color:var(--other-time-value);-webkit-text-fill-color:var(--other-time-value);font-family:"Segoe UI", Inter, system-ui, sans-serif;font-weight:600;letter-spacing:.005em;text-shadow:none;filter:none;-webkit-font-smoothing:auto}}.page-time main :is(select, option, input:not([type="checkbox"]):not([type="radio"]):not([type="range"])){color-scheme:inherit;border-color:var(--ui-border, #324458);background:var(--ui-raised, #1e2d41);color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}.page-time #primaryProgress{& .slider-gap{height:0;min-height:0;max-height:0}& :is(#generationCard, #anniversaryMilestonesCard) > .card-head{box-sizing:border-box;display:grid;align-content:start;justify-items:center;width:100%;height:auto;min-height:0;margin:0;padding:8px 0 0}& :is(#generationCard, #anniversaryMilestonesCard) > .card-head .card-title-wrap{box-sizing:border-box;display:grid;justify-items:center;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin:0;padding:0;transform:none}& :is(#generationCard, #anniversaryMilestonesCard) > .card-head :is(.card-title-line, .title-value-stack, .card-title){width:100%;min-width:0;max-width:100%;margin:0;justify-items:center;text-align:center;white-space:normal}& :is(#generationCard, #anniversaryMilestonesCard){grid-template-columns:minmax(0, 1fr);grid-template-rows:max-content max-content;align-content:start}& :is(#generationCard, #anniversaryMilestonesCard):not(#secondCard) > .detail-text{align-self:start;margin-top:12px}}.page-time #decamillenniumTrack{margin-bottom:30px}.page-time main.shell > .placeholder-ad-slot-bottom{margin:24px 0 0}@media (max-width: 760px){.page-time #primaryProgress :is(.progress-card, .timeline-card) > .card-head .time-slider-summary-container{left:50%;transform:translateX(-50%)}}@media (max-width: 760px){.page-time main.shell > .placeholder-ad-slot-bottom{margin-top:0}.page-time #secondCard{--time-second-card-top-pad: 8px}.page-time :is(#minuteCard, #hourCard, #dayCard, #weekCard, #monthCard, #yearCard, #decadeCard, #centuryCard, #millenniumCard, #decamillenniumCard, #generationCard, #anniversaryMilestonesCard){padding-top:0}.page-time :is(#minuteCard, #hourCard, #dayCard, #weekCard, #monthCard, #yearCard, #decadeCard, #centuryCard, #millenniumCard, #decamillenniumCard, #generationCard, #anniversaryMilestonesCard) > .card-head{box-sizing:border-box;padding-top:6px}.page-time :is(#minuteCard, #hourCard, #dayCard, #weekCard, #monthCard, #yearCard, #decadeCard, #centuryCard, #millenniumCard, #decamillenniumCard, #generationCard, #anniversaryMilestonesCard) > .card-head .card-title{box-sizing:border-box;padding-top:0}}@media (max-width: 600px){.page-time main :is(.card-title, .card-title-text, .progress-section-title, .timeline-section-title, .card-head h2, .card-head h3){font-size:24px}}.page-time #timekeepingDevicesSection{padding:clamp(20px, 3vw, 36px);text-align:center}.page-time #timekeepingDevicesSection{& .timekeeping-devices-head{gap:12px;margin:0 auto 24px}& > section{display:block;width:100%;max-width:1040px;box-sizing:border-box;margin:24px auto 0;padding:24px 0 0;border:0;border-top:1px solid var(--ui-border, #324458);border-radius:0;background:none;box-shadow:none;text-align:center}& > section:first-of-type{margin-top:0;padding-top:0;border-top:0}& :is(.time-information-section-head, .time-standard-intro, .ntp-protocol-heading){display:block;max-width:76ch;margin:0 auto;text-align:center}& :is(h2, h3, h4){margin:0;color:var(--ui-heading, #b9d9f5);-webkit-text-fill-color:currentColor;font-family:var(--ui-font, Inter, sans-serif);font-weight:600;line-height:1.4;letter-spacing:0;text-align:center}& h2{font-size:28px}& h3{font-size:20px}& h4{font-size:16px}& :is(p, small, .ntp-step-grid article > span, .atomic-second-fact > span){max-width:76ch;margin:8px auto 0;color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor;font:400 14px/1.65 var(--ui-font, Inter, sans-serif);text-align:center;overflow-wrap:anywhere}& :is(b, strong){color:var(--ui-text, #e8eef6);font-weight:600;text-shadow:none}& :is(.time-origin-grid, .time-standard-flow, .ntp-step-grid, .time-standard-details, .timekeeping-device-grid){display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;width:100%;max-width:none;margin:20px 0 0;padding:0;border:0;background:none}& :is(.time-standard-flow, .ntp-step-grid){grid-template-columns:repeat(2, minmax(0, 1fr))}& :is(.time-origin-grid, .time-standard-flow, .ntp-step-grid, .time-standard-details, .timekeeping-device-grid) > article,& .timekeeping-history-steps > span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:0;min-height:0;margin:0;padding:18px;box-sizing:border-box;border:1px solid var(--ui-border, #324458);border-radius:12px;background:var(--ui-raised, #1e2d41);box-shadow:none;text-align:center}& :is(.timekeeping-history, .ntp-protocol-panel, .ntp-management-note){width:100%;margin:24px auto 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}& .ntp-protocol-panel{padding-top:24px;border-top:1px solid var(--ui-border, #324458)}& :is(.atomic-symbol, .ntp-network-icon){display:none}& .timekeeping-history-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}& .timekeeping-history-steps > span{flex:1 1 160px;max-width:240px;padding:16px}& :is(.timekeeping-history-steps b, .ntp-step-grid article > b, .ntp-management-note > strong){font:600 16px/1.4 var(--ui-font, Inter, sans-serif)}& :is(.time-unit-equation, .atomic-second-fact){display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;max-width:860px;margin:20px auto 0;padding:16px;border:1px solid var(--ui-border, #324458);border-radius:12px;background:var(--ui-raised, #1e2d41);text-align:center}& .time-unit-equation > span{display:grid;gap:4px;flex:1 1 100px;text-align:center}& .time-unit-equation :is(b, small){margin:0;font-size:14px}& .time-unit-equation > i{color:var(--ui-muted);transform:none}& .atomic-second-fact{display:block}& .atomic-second-fact > span{display:block}& .time-standard-flow article > span{display:grid;place-items:center;width:28px;height:28px;margin:0 0 10px;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface);color:var(--ui-accent);font:600 13px/1 var(--ui-font, Inter, sans-serif)}& :is(.timekeeping-device-photo, .timekeeping-device-symbol){display:grid;place-items:center;width:96px;height:96px;margin:0 auto 16px;overflow:hidden;padding:0;border:0;background:none;box-shadow:none;color:var(--ui-accent);font-size:52px;text-shadow:none}& .timekeeping-device-photo img{width:100%;height:100%;object-fit:contain;opacity:1;filter:none;transform:translate(var(--device-icon-x, 0px), var(--device-icon-y, 0px)) scale(var(--device-icon-scale, 1));transform-origin:center}& .time-standard-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:20px auto 0;padding:0;border:0;background:none;font:400 13px/1.6 var(--ui-font, Inter, sans-serif)}& .time-standard-sources > span{flex-basis:100%;color:var(--ui-muted)}& .time-standard-sources a{padding:3px 0;border:0;background:none;color:var(--ui-accent);text-decoration:underline;text-underline-offset:3px}& .time-standard-sources a:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}}@media (max-width: 760px){.page-time #timekeepingDevicesSection{& :is(.time-origin-grid, .time-standard-flow, .ntp-step-grid, .time-standard-details, .timekeeping-device-grid){grid-template-columns:minmax(0, 1fr)}& .timekeeping-history-steps > span{flex-basis:100%;max-width:none}& h2{font-size:24px}& h3{font-size:18px}& .time-unit-equation{flex-direction:column}& .time-unit-equation > span{flex:0 0 auto}& .time-unit-equation > i{transform:rotate(90deg)}}}.page-time #current-time-and-weatherSection{& .timezone-control-wrap{position:relative;inset:auto;box-sizing:border-box;display:block;width:min(100%, var(--site-top-card-max-width, 820px));min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0 auto;padding:24px;border:1px solid var(--ui-border, #324458);border-radius:18px;background:var(--ui-surface, #172233);box-shadow:none;transform:none;overflow:visible}& .time-side-gear,& .timezone-control-wrap::before,& .timezone-control-wrap::after{display:none}}.page-time #timeSettingsConsole{--settings-label: var(--ui-muted, #a9b8c9);--settings-value: var(--ui-text, #e8eef6);--settings-secondary: var(--ui-muted, #a9b8c9);--settings-accent: var(--ui-accent, #83c5f4);--settings-border: var(--ui-border, #324458);position:static;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;gap:24px;width:min(100%, 560px);min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0 auto;padding:0;transform:none}.page-time #timeSettingsConsole{& > :is(.time-pattern-panel, .timezone-picker-container, .time-location-compact),& .timezone-picker{box-sizing:border-box;position:static;inset:auto;display:grid;grid-column:1;grid-row:auto;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;grid-auto-rows:auto;align-content:start;gap:12px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}& > :is(.timezone-picker-container, .time-location-compact){padding-top:24px;border-top:1px solid var(--ui-border, #324458)}& :is(#timePatternHeading, #timezonePickerHeading, #timeLocationHeading){position:static;inset:auto;display:block;width:100%;height:auto;min-height:0;margin:0;padding:0;color:var(--ui-accent, #83c5f4);-webkit-text-fill-color:var(--ui-accent, #83c5f4);font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;text-align:center;transform:none}& :is(.time-pattern-modes, .time-pattern-mode, .time-pattern-next, .time-location-summary){position:relative;inset:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;transform:none}& .time-pattern-mode{display:grid;align-content:center;gap:8px;border:1px solid rgba(72, 119, 148, .38);border-radius:10px;padding:16px 12px;background:#0a1b2b;box-shadow:none}& .time-pattern-modes{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px;margin:0}& .time-pattern-mode > span{display:grid;grid-template-columns:minmax(0, 1fr);gap:5px;width:100%;text-align:center}& .time-pattern-mode :is(b, i, em, small){position:static;grid-area:auto;margin:0;font:400 13px/1.4 var(--ui-font, Inter, sans-serif);color:#98a5b1;-webkit-text-fill-color:currentColor;white-space:normal;text-align:center}& .time-pattern-mode b{font-size:18px;font-weight:600;color:#b9c3cc}& .time-pattern-mode.is-current{border-color:rgba(107, 161, 188, .68);background:#17344a;box-shadow:none}& .time-pattern-mode.is-current :is(i, em, small){color:#d5e5eb}& .time-pattern-mode.is-current b{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:66px;padding:1px 14px;border:1px solid rgba(126, 207, 229, .72);border-radius:7px;background:#24556e;color:#f7fcff;line-height:1.15;box-shadow:inset 0 1px 0 rgba(226, 249, 255, .12)}& .time-pattern-next{margin:0;padding:0;border:0;background:transparent;font-size:13px;line-height:1.5}& #timezoneSelect{position:static;inset:auto;transform:none;width:min(100%, 420px);min-width:0;max-width:100%;min-height:44px;margin:0 auto;border:1px solid var(--ui-button-border, #75b5e4);border-radius:10px;background:var(--ui-button-bg, #243d58);color:var(--ui-text, #e8eef6);-webkit-text-fill-color:var(--ui-text, #e8eef6);box-shadow:none}& .timezone-location-search{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:auto;grid-auto-rows:auto;gap:10px;width:100%;min-width:0;height:auto;min-height:0;max-height:none;margin:0;padding:0;transform:none}& :is(#timezoneLocationInput, #timezoneLocationButton){width:100%;min-width:0;max-width:100%;min-height:44px;height:auto;margin:0;padding:10px 12px;font-size:14px;transform:none}& #timezoneLocationStatus{grid-column:1 / -1}& #timezoneLocationStatus:empty{display:none}& :is(input, select, option){color-scheme:inherit;background:var(--ui-raised, #1e2d41);color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor;border-color:var(--ui-border, #324458)}& :is(input, select)::placeholder{color:var(--ui-muted, #a9b8c9)}& .time-location-summary{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;gap:8px;margin:0;padding:0;text-align:center}& #timeLocationSummary{position:static;width:100%;margin:0;font:500 15px/1.5 var(--ui-font, Inter, sans-serif);color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor;white-space:normal;overflow-wrap:anywhere;transform:none}}@media (max-width: 600px){.page-time #current-time-and-weatherSection .timezone-control-wrap{padding:20px 16px}.page-time #timeSettingsConsole{& .timezone-location-search{grid-template-columns:minmax(0, 1fr);justify-items:center;width:min(100%, 280px);margin-inline:auto}& #timezoneLocationInput{font-size:16px}& #timezoneLocationButton{width:min(100%, 150px)}& .time-pattern-modes{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}& .time-pattern-mode:only-child{grid-column:1 / -1}}}html body.page-time:is(*,._) #current-time-and-weatherSection:is(*,#_) #mainDateCalendarPopup:is(*,#_){width:min(360px, calc(100vw - 32px));max-width:none;padding:14px;border:1px solid rgba(151, 190, 215, .58);border-radius:13px;background:#26384d;color:#edf5fa;box-shadow:0 12px 30px rgba(0, 8, 18, .28), inset 0 1px 0 rgba(255, 255, 255, .07)}html body.page-time:is(*,._) #mainDateCalendarPopup:is(*,#_){& > .calendar-popup-header:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:stretch;gap:7px;margin:0 0 10px}& .calendar-popup-title:is(*,._){display:block;color:#c7d9e4;font-size:12px;font-weight:650;letter-spacing:.035em;text-align:center;text-transform:uppercase}& .calendar-popup-controls:is(*,._){display:grid;grid-template-columns:34px minmax(0, 1fr) 86px 34px;align-items:center;gap:6px;width:100%}& :is(.calendar-popup-nav, #calendarPopupMonthSelect, #calendarPopupYearSelect){box-sizing:border-box;min-width:0;height:34px;min-height:34px;margin:0;border:1px solid rgba(154, 194, 217, .42);border-radius:7px;background:#192b3e;color:#edf5fa;font:600 12px/1.2 var(--ui-font, Inter, sans-serif);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035)}& :is(#calendarPopupMonthSelect, #calendarPopupYearSelect){width:100%;padding:0 7px;cursor:pointer}& .calendar-popup-nav:is(*,._){display:grid;place-items:center;width:34px;padding:0;cursor:pointer}& :is(.calendar-popup-nav:is(*,._):hover,.calendar-popup-nav:is(*,._):focus-visible){border-color:rgba(178, 220, 242, .72);background:#304c64}& .calendar-popup-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}& .calendar-popup-month-label:is(*,._){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}& #calendarPopupGrid:is(*,#_){gap:4px;padding:8px;border:1px solid rgba(154, 194, 217, .28);border-radius:9px;background:rgba(8, 22, 36, .28)}& #calendarPopupGrid:is(*,#_) > .calendar-weekday:is(*,._){min-height:23px;color:#bad0dc;font-size:11px;font-weight:650;text-transform:uppercase}& #calendarPopupGrid:is(*,#_) > .calendar-day:is(*,._){min-height:31px;border:1px solid rgba(159, 198, 218, .13);background:rgba(255, 255, 255, .035);color:#edf5fa;font-size:12px}& #calendarPopupGrid:is(*,#_) > .calendar-day.is-weekend:not(.is-outside-month){background:rgba(48, 81, 105, .28)}& #calendarPopupGrid:is(*,#_) > .calendar-day.is-outside-month{border-color:transparent;background:transparent;color:#8fa4b4;opacity:.48}& #calendarPopupGrid:is(*,#_) > .calendar-day.is-today{background:#31536e;color:#fff}& #calendarPopupGrid:is(*,#_) > .calendar-day.is-selected{border-color:rgba(162, 216, 244, .9);box-shadow:inset 0 0 0 1px rgba(162, 216, 244, .22)}}html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_).timezone-content-inner{width:min(540px, calc(100% - 16px));max-width:540px}html body.page-time #timeSettingsConsole #timePatternPanel{& .time-pattern-modes{grid-template-columns:repeat(2, minmax(0, 1fr))}& .time-pattern-mode{padding-inline:6px}& .time-pattern-mode > span{grid-template-columns:minmax(0, 1fr)}& .time-pattern-mode i.time-pattern-mode-name{width:100%;overflow:visible;font-size:clamp(9px, 2.8vw, 13px);text-overflow:clip;white-space:nowrap}}@media (max-width: 430px){html body.page-time #current-time-and-weatherSection:is(*,#_) #timeSettingsConsole:is(*,#_#_).timezone-content-inner{width:100%;max-width:none}}@media (max-width: 420px){html body.page-time:is(*,._) #mainDateCalendarPopup:is(*,#_){right:50%;left:auto;width:calc(100vw - 32px);max-width:none;transform:translateX(50%)}html body.page-time:is(*,._) #mainDateCalendarPopup:is(*,#_) .calendar-popup-controls:is(*,._){grid-template-columns:32px minmax(0, 1fr) 78px 32px;gap:4px}}html body.page-time:is(*,._._._._) main.shell:is(*,._._._) #current-time-and-weatherSection:is(*,#_#_#_) .clock-display-wrap:is(*,._._) .analog-clock:is(*,._){box-sizing:border-box;border:5px solid #315e76;outline:1px solid rgba(131, 185, 204, .38);outline-offset:3px;box-shadow:inset 0 0 0 1px rgba(8, 34, 54, .72), inset 0 0 6px rgba(131, 197, 222, .1), 0 0 0 1px rgba(24, 73, 99, .24), 0 4px 10px rgba(3, 17, 29, .14)}}@layer components-layout{html body.page-time:is(*,._) main.shell.shell #customTimeIntervalCard:is(*,#_).custom-time-interval-card{width:min(100%, var(--app-standard-page-card-width, 1480px));max-width:var(--app-standard-page-card-width, 1480px);margin:10px auto 0}html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& > .language-clock-grid:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-rows:96px;align-items:stretch;gap:12px;width:100%;min-width:0}& > .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto;align-content:center;align-items:center;justify-items:center;gap:7px;width:100%;min-width:0;grid-column:auto;height:96px;min-height:96px;max-height:96px;margin:0;padding:12px 10px;overflow:hidden}& > .language-clock-grid:is(*,._) > :is(.time-readout, .binary-alt-time-readout) > :is(span, strong){box-sizing:border-box;display:block;width:100%;min-width:0;margin:0;overflow:hidden;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}& > .language-clock-grid:is(*,._) > :is(.time-readout, .binary-alt-time-readout) > strong{font-variant-numeric:tabular-nums}& > .language-clock-grid:is(*,._) > :is(.alternate-time-readout, .binary-alt-time-readout) > strong{font-size:19px}& > .language-clock-grid:is(*,._) > .time-readout:is(*,._).binary-alt-time-readout:is(*,._){grid-column:auto;justify-self:stretch;width:100%;max-width:none;margin-inline:0}}@media (max-width: 699px){html body.page-time:is(*,._) #languageClocksSection:is(*,#_){& > .language-clock-grid:is(*,._){grid-template-columns:minmax(0, 1fr);grid-auto-rows:80px;gap:8px}& > .language-clock-grid:is(*,._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)){grid-column:auto;height:80px;min-height:80px;max-height:80px;padding:10px 12px}}}}@layer components-layout{html body.page-time #generationCard .generation-age-table td,html body.page-time #anniversaryMilestonesCard .anniversary-milestones-table td{font-size:14px;line-height:1.3}html body.page-time #generationCard .generation-age-table th,html body.page-time #anniversaryMilestonesCard .anniversary-milestones-table th{font-size:13px;line-height:1.3}}@layer components-layout{html body.page-time #current-time-and-weatherSection .clock-display-wrap{& .analog-clock{border-color:#407ba8;outline-color:rgba(80, 137, 174, .24);background:#0d2235;box-shadow:0 9px 20px rgba(2, 10, 25, .32), inset 0 0 0 1px rgba(159, 198, 222, .12), 0 0 0 1px rgba(65, 125, 168, .18)}& .analog-clock::before,& .analog-clock::after{background:none;box-shadow:none}}}@layer components-layout{.page-time #primaryProgress{& :is(.progress-card, .timeline-card):has(> .time-main-circle-slider){grid-template-rows:repeat(4, max-content)}& :is(.progress-card, .timeline-card):has(> .time-main-circle-slider) > .card-head .card-title-wrap{transform:translateX(-46.5px)}& #secondCard > .card-head #secondSliderSummary{transform:none}}@media (max-width: 760px){.page-time #primaryProgress #secondCard > .card-head #secondSliderSummary{transform:translateX(-50%)}}.page-time #primaryProgress{& :is(.progress-card, .timeline-card):has(> .time-main-circle-slider) > .slider-gap{display:none}& :is(.progress-card, .timeline-card) > .time-main-circle-slider{margin:16px auto 0}& :is(#secondCard, #minuteCard, #hourCard) > .time-main-circle-slider{height:376px;min-height:376px}& :is(#dayCard, #weekCard) > .time-main-circle-slider{height:476px;min-height:476px}& #monthCard > .time-main-circle-slider{height:446px;min-height:446px}& :is(#yearCard, #decadeCard, #centuryCard, #millenniumCard) > .time-main-circle-slider{height:340px;min-height:340px}}@media (max-width: 600px){.page-time #primaryProgress{& :is(#secondCard, #minuteCard, #hourCard) > .time-main-circle-slider{height:300px;min-height:300px}& :is(#dayCard, #weekCard, #monthCard) > .time-main-circle-slider{height:376px;min-height:376px}& :is(#yearCard, #decadeCard, #centuryCard, #millenniumCard) > .time-main-circle-slider{height:280px;min-height:280px}& #decamillenniumCard > .time-main-circle-slider{height:300px;min-height:300px}}}.page-time #primaryProgress :is(.progress-card, .timeline-card):has(> .time-main-circle-slider){& > .detail-text{margin-top:16px;transform:none}& > .detail-text:empty{display:none}}}html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_){& > #otherTimeClocksTitle.language-clocks-title{position:relative;z-index:1;display:block;width:100%;margin:0 0 18px;color:#9ed7ef;-webkit-text-fill-color:#9ed7ef;font-size:19px;font-weight:600;line-height:1.35;text-align:center;visibility:visible;opacity:1}& .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)){--clock-box-blue: #122e52;background:var(--clock-box-blue);background-image:none}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(1){--clock-box-blue: #123b62}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(2){--clock-box-blue: #1c365c}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(3){--clock-box-blue: #183f69}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(4){--clock-box-blue: #172f50}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(5){--clock-box-blue: #203d65}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(6){--clock-box-blue: #153354}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(7){--clock-box-blue: #274166}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(8){--clock-box-blue: #162d4b}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(9){--clock-box-blue: #24476c}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(10){--clock-box-blue: #1d3458}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(11){--clock-box-blue: #12375d}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(12){--clock-box-blue: #203b5b}& .language-clock-grid:is(*,._._) > .time-readout:nth-child(13){--clock-box-blue: #1b4268}& .language-clock-grid:is(*,._._) > :is(.time-readout:is(*,._), .binary-alt-time-readout:is(*,._)) > strong{color:#b6eff2;-webkit-text-fill-color:#b6eff2}& .language-clock-grid:is(*,._._) > .time-readout.binary-alt-time-readout{grid-column:2;justify-self:center}}@media (max-width: 699px){html body.page-time:is(*,._._._._._) main.shell:is(*,._._._) #languageClocksSection:is(*,#_#_#_) .language-clock-grid:is(*,._._) > .time-readout.binary-alt-time-readout{grid-column:1}}@property --pie-deg{syntax:"<angle>";inherits:false;initial-value:0deg}@media (max-width: 760px), (pointer: coarse){body.page-time #minutePieMeter{transition:--pie-deg 900ms linear}body.page-time #minutePieMeter.minute-cycle-reset{transition:none}}@media (prefers-reduced-motion: reduce){body.page-time #minutePieMeter{transition:none}}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._){& > .time-slider-bubble-row:is(*,._) > .time-slider-bubble:is(*,._){box-sizing:border-box;height:42px;min-height:42px;border-color:rgba(119, 183, 220, .68)}& > .time-slider-summary-container:is(*,._){padding:0;border:0;background:transparent;background-image:none;box-shadow:none;gap:5px}}html body.page-time:is(*,._._._._._._) main.shell:is(*,._._._._) #primaryProgress:is(*,#_#_#_#_#_#_#_#_) :is(.progress-card:is(*,._), .timeline-card:is(*,._)) > .card-head:is(*,._) .card-title-wrap:is(*,._) > .time-slider-summary-container:is(*,._) > :first-child:not(:empty){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:42px;min-height:42px;margin:0 auto;padding:7px 14px;border:1px solid rgba(119, 183, 220, .68);border-radius:999px;background:#172c47;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035);font-size:clamp(13px, 3vw, 15px);font-weight:400;line-height:1.2;white-space:nowrap}@media (max-width: 600px){html body.page-time:is(*,._._) #primaryProgress:is(*,#_#_#_#_#_) .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._),html body.page-time:is(*,._._) #timelineStack:is(*,#_#_#_) .time-main-circle-slider:is(*,._) > .card-pie-meter:is(*,._).time-main-circle-meter:is(*,._){z-index:6;background-color:#091b30;isolation:isolate}}