/* Generated by node tools/css-build.cjs; edit sources in tools/css-bundles.json. */
@layer foundation-layout, foundation-weather, foundation-page, foundation-design, foundation-default, components-default, components-design, components-page, components-weather, components-layout;@layer foundation-layout{}@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.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 .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)}*,*::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}.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; }}body.page-work-time #workDashboard .work-dashboard-title{font-family:Georgia, "Times New Roman", serif;letter-spacing:0;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:18px;grid-template-columns:minmax(0, 1fr);gap:18px;padding:0;width:100%;margin-left:0;margin-right:0;box-sizing:border-box;background:transparent;border:0;border-radius:0}@media(max-width:760px){html body.page-work-time :is(.time-zone-row,.insight-grid,.progress-grid,.timeline-stack){gap:10px}html body.page-work-time :is(.progress-grid,.timeline-stack){margin-top:10px}}.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)}#dayNightCycleGroupShell{border-color:rgba(105, 190, 255, .55);background:#061827}#dayNightCycleGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #123e64, #0b2442);color:#d6f4ff}#workHoursGroupShell{border-color:rgba(255, 174, 91, .55);background:#1f1409}#workHoursGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #8a4c12, #4f2c0b);color:#fff2dc}#foodDrinkTimeGroupShell{border-color:rgba(77, 221, 204, .55);background:#06201f}#foodDrinkTimeGroupShell .collapsible-group-title-button{background:linear-gradient(135deg, #0d6b6a, #084442);color:#dcfffb}#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,.age-card,.my-weather-card,.world-clock-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{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{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}#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}.time-card{overflow:visible}.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)}.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)}.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-option-disabled{color:#99a3ad}.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-travel-card.time-traveled .time-machine-car{display:block}.time-travel-status-panel{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{color:#9fd7ff}.time-travel-status-panel p{margin:4px 0 0;font-size:1.2rem;font-weight:800;color:#bfe5ff}.time-travel-card .time-travel-controls{order:1}.time-travel-card .time-travel-status-panel{order:2}#timeTravelButton{min-width:150px;min-height:44px;padding:9px 18px;font-size:1rem}.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}#myWeatherAverage,#myWeatherCategory{color:#c5d9ff}.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}.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}.moon-cycle-panel{background:#0b1d3f}.meal-cycle-panel{background:#073c3d}.drink-cycle-panel{background:#07344a}.day-mini-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{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{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%)}#mealScale .mini-scale-track::before{--marker-left: var(--meal-marker-left, 50%)}#drinkScale .mini-scale-track::before{--marker-left: var(--drink-marker-left, 50%)}.mini-scale-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)}#mealDayMarker{left:var(--meal-marker-left, 50%)}#drinkDayMarker{left:var(--drink-marker-left, 50%)}.mini-scale-tick,.mini-hour-tick{display:none;position:absolute;top:0;bottom:0;width:1px;background:rgba(255, 255, 255, .56)}#periodScale{padding-top:32px}.mini-bottom-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}#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{min-width:72px}.meal-name-bottom{min-width:126px;max-width:148px;white-space:normal}.meal-cycle-panel,.drink-cycle-panel{display:grid;gap:12px}.food-icon span.active,.drink-icon span.active{opacity:1;box-shadow:0 0 0 4px rgba(22, 200, 216, .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}.day-card .title-value-stack{flex-wrap:nowrap}.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-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{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}.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-segment{position:absolute;top:0;bottom:0}.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-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)}.detail-text table{width:100%;border-collapse:collapse;overflow:hidden}.detail-text th,.detail-text td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.second-clock-tick.major{height:14px;background:#fff}@keyframes secondOrbitSpin{from { transform: translateX(-50%) rotate(0deg) translateY(0); transform-origin: 50% 81px; } to { transform: translateX(-50%) rotate(360deg) translateY(0); transform-origin: 50% 81px; }}@keyframes secondPendulumTick{0%, 49.99% { transform: translateX(-50%) rotate(-22deg); } 50%, 100% { transform: translateX(-50%) rotate(22deg); }}.minute-battery{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-panels{display:grid}.workweek-layout{color:#d8ecf6}.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}.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)}.weekend-status-panel h4{margin:0;color:#f4fbff}.work-dashboard-panels{grid-template-columns:minmax(0, 1fr);gap:20px}.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-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.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-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-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}.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)}.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{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-collapsible-body,.expense-group-body{display:grid;gap:10px;margin-top:10px}.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}.my-weather-card{margin-top:20px}.my-weather-head{text-align:center}.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-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)}.activity-option.selected{background:var(--accent-blue);color:#fff}@media (max-width: 1100px){.top-nav{grid-template-columns:1fr;position:sticky}.shell{padding-top:24px}#topDateTime{text-align:left}.global-format-controls,.nav-left-group{flex-wrap:wrap}.work-dashboard-panels,.progress-grid,.timeline-stack,.world-clock-grid{grid-template-columns:1fr}}@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,.age-card,.my-weather-card,.world-clock-card,.progress-grid,.timeline-stack{padding:0;width:100%;margin-left:0;margin-right:0}.time-card,.age-card,.my-weather-card,.world-clock-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%}.timezone-control-wrap,.today-weather-simple-head,.counter-sections{grid-template-columns:1fr}.timezone-control-wrap{grid-template-areas:"zone" "mode" "dst" "name"}.analog-clock{margin-bottom:-34px}.clock-display-wrap{width:100%;transform:none}.mini-bottom-label{font-size:.72rem;min-width:74px}}.stable-output{min-height:1.08em;transition:opacity 1100ms ease, filter 1100ms ease;will-change:opacity, filter}.stable-output.stable-output-pending{opacity:.38;filter:saturate(.85) brightness(.86)}.stable-output.stable-output-loaded,.stable-output.is-loaded{opacity:1;filter:none;animation:simpleDataFadeIn 1100ms ease both}body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output-loaded,body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output.is-loaded{opacity:0}body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output-loaded,body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output.is-loaded{opacity:0}@keyframes simpleDataFadeIn{from { opacity: 0; filter: saturate(.9) brightness(.9); } to { opacity: 1; filter: none; }}@keyframes secondOrbitSpinLeftOutside{from { transform: translate(-50%, -50%) rotate(0deg) translateX(-139px); } to { transform: translate(-50%, -50%) rotate(360deg) translateX(-139px); }}@keyframes secondOrbitSpinTopOutside{from { transform: translate(-50%, -50%) rotate(0deg) translateY(-139px); } to { transform: translate(-50%, -50%) rotate(360deg) translateY(-139px); }}@keyframes secondOrbitSpinTopOutsideFixed{from { transform: translate(-50%, -50%) rotate(0deg) translateY(-124px); } to { transform: translate(-50%, -50%) rotate(360deg) translateY(-124px); }}:root{--app-standard-card-width: 1260px;--app-section-max-width: var(--app-standard-card-width);--app-section-side-gutter: clamp(14px, 3vw, 48px);--app-card-radius: 8px;--app-control-gap: 10px;--app-compact-text-min: 0;--nav-grid-columns: minmax(0, 1fr) auto;--nav-compact-grid-columns: minmax(0, 1fr) auto}@keyframes sharedPageContentFadeIn{from { opacity: 0; } to { opacity: 1; }}html body > :not(script):not(style){opacity:0}@media (prefers-reduced-motion: reduce){html body > :not(script):not(style){opacity:1}}html body{--section-max-width: var(--app-section-max-width);--section-side-gutter: var(--app-section-side-gutter)}html body,html body *{box-sizing:border-box}@media (max-width: 920px){html body :where(.time-zone-row, .progress-grid, .insight-grid, .phase-summary-dashboard, .weather-cycle-wrapper, .work-dashboard, .language-clock-grid, .binary-clock-grid, .alternate-week-table-wrap){scrollbar-width:thin}}@keyframes simulator-lightning-bolt{0%, 66%, 100% { opacity: 0; } 68%, 88% { opacity: .88; } 96% { opacity: 0; }}@keyframes simulator-tornado-cross{0% { left: 15%; opacity: 0; transform: translate(-50%, 0) scale(1.65); } 8%, 88% { opacity: .9; } 50% { left: 82%; transform: translate(-50%, 0) scale(1.9); } 100% { left: 38%; opacity: 0; transform: translate(-50%, 0) scale(1.7); }}@keyframes secondOrbitSpinFromTopFitted{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px); }}@keyframes secondOrbitSpinFromTopFitted{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px); }}@keyframes secondOrbitSpinActuallyMoves{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px) rotate(90deg); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px) rotate(-270deg); }}@property --second-orbit-angle{syntax:"<angle>";inherits:false;initial-value:-90deg}@keyframes secondOrbitAngleSpin{from { --second-orbit-angle: -90deg; } to { --second-orbit-angle: 270deg; }}@keyframes secondOrbitSynced{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(118px) rotate(90deg); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(118px) rotate(-270deg); }}@keyframes collect-card-pulse{0%, 100% { filter: brightness(1) saturate(1); box-shadow: 0 0 12px rgba(216, 152, 58, .28), 0 8px 18px rgba(0, 0, 0, .26); } 45% { filter: brightness(1.2) saturate(1.16); box-shadow: 0 0 30px rgba(255, 206, 88, .58), 0 0 10px rgba(99, 221, 156, .28), 0 12px 24px rgba(0, 0, 0, .34); }}@keyframes collect-cash-flight{0% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 72% { opacity: 1; transform: translate(calc(-50% + var(--fly-x)), calc(-50% + var(--fly-y))) scale(.72); } 100% { opacity: 0; transform: translate(calc(-50% + var(--fly-x)), calc(-50% + var(--fly-y))) scale(.32); }}@keyframes work-cards-button-glow{0%, 100% { filter: brightness(1); box-shadow: 0 0 18px rgba(220, 205, 91, .38), 0 8px 20px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 220, .16); } 50% { filter: brightness(1.18); box-shadow: 0 0 34px rgba(245, 227, 120, .68), 0 10px 26px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 220, .2); }}@keyframes work-cards-arrow-nudge{0%, 100% { transform: translate(-4px, -50%); } 50% { transform: translate(6px, -50%); }}html img[loading="lazy"],html iframe[loading="lazy"]{content-visibility:auto}html body :is(.stable-output, .weather-detail-value, .card-title-subline, .compact-top-lines){min-width:var(--stable-output-min-width, auto)}@keyframes secondBubbleOrbitSpin{from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); }}@keyframes secondOrbitButtonSpin{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(50px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(50px); }}@keyframes secondOrbitCleanSpin{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(50px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(50px); }}@keyframes secondOrbitIndependentSpin{from { transform: translate(-50%, -50%) rotate(-90deg) translateX(64px); } to { transform: translate(-50%, -50%) rotate(270deg) translateX(64px); }}html body.page-work-time{--work-day-label-top-y: -58px;--work-week-track-height: 74px}body.page-work-time{--work-blue: #2f80d8;--work-green: #36a269;--work-orange: #f28c38;--work-cyan: #16c8d8}body.page-work-time main.shell{width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)));margin:0 auto 80px}body.page-work-time #current-time-and-weatherSection,body.page-work-time .time-zone-row,body.page-work-time #timelineStack,body.page-work-time .age-card,body.page-work-time #bottomAnalogClockSection,body.page-work-time .bottom-analog-clock-section,body.page-work-time #dayNightCycleGroupShell,body.page-work-time #foodDrinkTimeGroupShell,body.page-work-time #unitConverterGroupShell,body.page-work-time #myWeatherCard,body.page-work-time #aboutPageCard,body.page-work-time #phaseOrbitSimulatorSection{display:none}body.page-work-time #primaryProgress{display:contents}body.page-work-time #workHoursGroupShell,body.page-work-time #workHoursGroup{display:grid;width:100%;max-width:none}body.page-work-time #workHoursGroupShell{border:0;background:transparent;box-shadow:none}body.page-work-time #workHoursGroup{gap:0}body.page-work-time #workDashboard{display:grid;color:var(--work-text);border:1px solid var(--work-line)}body.page-work-time #workDashboard,body.page-work-time #workDashboard *{box-sizing:border-box;font-weight:400}body.page-work-time #workHoursGroup .work-hours-group-title-hidden{display:none}body.page-work-time #workDashboard{& .work-dashboard-title-row{grid-template-columns:minmax(180px, 1fr) auto minmax(220px, 1fr);align-items:center;gap:16px;border-radius:8px}& .work-dashboard-title{margin:0;justify-self:center}& :is(.work-settings-toggle,.work-cards-collect-button,.finance-open-button,.finance-secondary-toggle,.finance-calculate-button,.finance-compare-toggle,.finance-compare-run,.expense-group-toggle){min-height:42px;padding:10px 16px;border:1px solid rgba(125, 211, 252, .34);border-radius:8px;background:#123a5a;color:#f3fbff;font:inherit;cursor:pointer;box-shadow:none}& .work-settings-toggle{justify-self:start;width:fit-content}& .work-info-holiday-panel{justify-self:end;width:min(100%, 360px);min-height:52px;padding:10px 14px;color:#dff7ff;border:1px solid rgba(132, 190, 218, .18);border-radius:8px;text-align:center}& .work-settings-popover{display:grid;justify-self:center;width:min(100%, 980px);padding:16px;border:1px solid rgba(132, 190, 218, .2);border-radius:8px}& .work-info-table{width:100%;border-collapse:separate;border-spacing:10px}& .work-info-table label,& .finance-input-grid label,& .budget-income-panel label,& .pay-compare-panel label{display:grid;gap:7px;color:var(--work-muted);font-size:.92rem}& :is(input,select){min-height:38px;width:100%;padding:8px 10px;border:1px solid rgba(132, 190, 218, .25);border-radius:8px;background:#071522;color:var(--work-text);font:inherit}& :is(.work-wage-input-wrap,.money-input-wrap){display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:6px}& :is(.progress-card,.timeline-card,.workweek-cards-standalone,.finance-card){--work-accent: var(--work-blue);--work-accent-soft: rgba(47, 128, 216, .2);width:100%;max-width:none;margin:0;padding:clamp(18px, 2vw, 24px);color:var(--work-text);border:1px solid var(--work-line);border-left:5px solid var(--work-accent);border-radius:8px}& :is(.status-working,.status-work-q1,.status-work-q2,.status-work-q3,.status-work-q4,.status-work-first-half,.status-work-second-half){--work-accent: var(--work-orange);--work-accent-soft: rgba(242, 140, 56, .2)}& :is(.status-weekend,.status-weekend-day,.status-weekend-night,.status-completed-weekend){--work-accent: var(--work-green);--work-accent-soft: rgba(54, 162, 105, .2)}& :is(.status-before-work,.status-after-work,.status-time-off,.status-transition,.status-lunch){--work-accent: var(--work-blue);--work-accent-soft: rgba(47, 128, 216, .2)}& .progress-card::before,& .timeline-card::before{background:linear-gradient(90deg, var(--work-accent), transparent);opacity:.38}& :is(.card-head,.card-title-wrap,.card-title-line,.title-value-stack){display:grid;justify-items:center;width:100%;text-align:center}& .card-title{margin:0;color:var(--work-text);font-size:clamp(1.3rem, 2vw, 1.75rem);line-height:1.15}& .work-top-header{display:grid;place-items:center;width:100%;min-width:0;margin:0 auto;padding:0;border:0;border-radius:0;text-align:center}& .work-top-title-cell{display:grid;justify-items:center;gap:8px;width:100%}& :is(.work-view-title-line,.work-view-title){display:block}& .work-status-bubble{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%;padding:9px 16px;border:1px solid var(--work-accent);border-radius:999px;background:rgba(5, 18, 30, .52);font-size:clamp(1.45rem, 2.25vw, 1.85rem);line-height:1.2}& :is(.work-top-status-detail,.work-top-footer-line){display:block;max-width:100%;color:#d2e8f2;font-size:clamp(.98rem, 1.35vw, 1.08rem);line-height:1.25}& :is(.card-title-subline,.card-value,.progress-summary-line,.percent-inline,.compact-top-lines){color:var(--work-muted);text-align:center}& .card-pie-meter{border-color:rgba(255, 255, 255, .26);background:conic-gradient(from -90deg, var(--work-accent) 0deg, var(--work-accent) var(--pie-deg, 0deg), rgba(132, 190, 218, .16) var(--pie-deg, 0deg), rgba(132, 190, 218, .16) 360deg);box-shadow:0 0 0 1px var(--work-accent-soft), 0 12px 26px rgba(0, 0, 0, .24)}& .card-pie-core{background:var(--work-panel-3)}& .slider-gap{height:12px}& :is(.progress-track,.workday-mini-track){position:relative;min-height:42px;border:1px solid rgba(132, 190, 218, .22);background:#071522;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05)}& :is(.progress-fill,.workday-mini-fill){background:linear-gradient(90deg, var(--work-blue), var(--work-orange), var(--work-green))}& :is(.marker,.workday-mini-marker){background:#f3fbff;border-color:var(--work-accent);box-shadow:0 0 14px var(--work-accent-soft)}& .workday-multi-sliders{display:grid;margin:0 auto 24px}& .workday-mini-slider{display:grid;gap:10px;border-radius:8px}& .workday-mini-slider.is-active{border-color:rgba(125, 211, 252, .54)}& .workday-mini-slider :is(header,footer){display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--work-muted)}& .workday-mini-slider header span{color:var(--work-text);font-size:1.05rem}& .week-day-cell.is-current-day{box-shadow:none}& .detail-text{width:min(100%, 1040px);margin:18px auto 0;color:var(--work-muted)}& :is(.compact-detail-columns,.compact-detail-metrics){display:grid;gap:10px;justify-items:center;background:transparent}& :is(.work-status,.work-dashboard-status-table,.work-status-layout),& .workweek-layout > *{color:var(--work-muted);border:1px solid rgba(132, 190, 218, .18);border-radius:8px;background:rgba(5, 18, 30, .45)}& .work-dashboard-status-table{width:min(100%, 980px);margin:0 auto;border-collapse:separate;border-spacing:0;overflow:hidden}& .work-dashboard-status-table :is(th,td){padding:12px 14px;text-align:center}& .work-dashboard-status-table strong,& .workweek-layout h4{color:var(--work-text)}& .workweek-layout{display:grid;grid-template-columns:minmax(0, 1fr) minmax(260px, .42fr);gap:14px;width:min(100%, 1040px);margin:16px auto 0}& :is(.workweek-main-status,.weekend-status-panel){display:grid;gap:8px;padding:16px}& :is(.workweek-main-status.is-active,.weekend-status-panel.is-active){border-color:var(--work-accent);box-shadow:0 0 0 2px var(--work-accent-soft)}& .workweek-counter-panel{display:grid;gap:16px;margin-top:16px;border:1px solid rgba(132, 190, 218, .18);border-radius:8px}& .workweek-collect-cards{display:grid;gap:14px;width:100%}& .work-cards-collect-button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;width:min(100%, 520px);min-height:58px;justify-self:center;padding:14px 18px;border-color:rgba(54, 162, 105, .42);background:#164734;text-align:left}& .work-cards-question{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255, 255, 255, .12)}& :is(.counter-sections,.token-group-grid,.workweek-counter-icons,.token-day-group){display:grid;gap:14px}& .counter-section{display:grid;border:1px solid rgba(132, 190, 218, .18);border-radius:8px}& .counter-slot{display:grid;place-items:center;color:var(--work-text);text-align:center}& .finance-card{display:grid;gap:14px;align-content:start}& :is(.finance-collapsible-body,.finance-input-grid,.finance-adjustments,.pay-action-row,.pay-compare-panel,.budget-income-panel,.budget-expenditure-panel,.expense-groups){display:grid;gap:12px}& .finance-compact-title,& .budget-expenditure-panel h4{color:var(--work-text);text-align:center}& :is(.pay-rate-line,.pay-compare-rate-line,.expense-row,.finance-adjustment-row){display:grid;grid-template-columns:minmax(130px, 1fr) minmax(0, 1fr) minmax(110px, .65fr);gap:10px;align-items:center}& .pay-rate-line .money-input-wrap,& .pay-compare-rate-line .money-input-wrap{min-width:0}& :is(.finance-output-grid,.finance-detail-panel){display:grid;gap:8px;min-height:42px;padding:12px;border:1px solid rgba(132, 190, 218, .16);border-radius:8px;background:rgba(5, 18, 30, .5);color:var(--work-muted)}& .work-dashboard-bottom-section{display:grid;width:100%}& #financialYearCard{border-left-color:#8b5cf6}}body.page-work-time main.shell,body.page-work-time main.shell *{font-weight:400}body.page-work-time #workDashboard{--work-off-flat-bright: #2d92d6;--work-shift-flat-bright: #f49a4f;--work-lunch-flat: #8a6d2a;--work-lunch-flat-bright: #d49a31;--work-weekend-flat-bright: #35a563;--work-off-faded: rgba(31, 111, 168, .34);--work-shift-faded: rgba(217, 118, 47, .34);--work-lunch-faded: rgba(138, 109, 42, .42);--work-weekend-faded: rgba(39, 119, 72, .34)}body.page-work-time #workDashboard{& .workday-day-segment.is-active{z-index:4;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .45), 0 0 18px rgba(125, 211, 252, .24)}& .workday-mini-label.label-work-shift{text-shadow:0 1px 4px rgba(0, 0, 0, .5)}}body.page-work-time #workDashboard{--work-off-flat: #246fa8;--work-off-flat-dark: #16486f;--work-shift-flat: #e28237;--work-shift-flat-dark: #9d4f1e;--work-weekend-flat: #2e9158;--work-weekend-flat-dark: #1c5d38;--work-slider-border: rgba(163, 224, 255, .42)}body.page-work-time #workDashboard{& #workdayWeekendSliderTitle{order:1}& :is(#workdayCombinedSliderPercent,#workdayWeekendSliderPercent){order:2}}@media (max-width: 1000px){body.page-work-time #workDashboard{& :is(.work-dashboard-title-row,.work-finance-tools,.workweek-layout){grid-template-columns:1fr}& :is(.work-settings-toggle,.work-info-holiday-panel){justify-self:center}}}@media (max-width: 720px){body.page-work-time main.shell{width:min(100%, calc(100vw - 24px))}body.page-work-time #workDashboard{padding:16px}body.page-work-time #workDashboard{& .work-info-table,& .work-info-table :is(tbody,tr,td){display:block;width:100%}& :is(.pay-rate-line,.pay-compare-rate-line,.expense-row,.finance-adjustment-row,.token-day-slots){grid-template-columns:1fr}}}body.page-work-time #workDashboard{--work-bg-gray: #1f2d3a;--work-card-gray-2: #1c2936;--work-off-muted: #4c7089;--work-shift-muted: #8b6a50;--work-lunch-muted: #70664f;--work-weekend-muted: #547864}body.page-work-time{--work-bg: #08101d;--work-panel: #121d2d;--work-panel-2: #0d1727;--work-panel-3: #09111e;--work-card: #172334;--work-card-2: #101a29;--work-line: rgba(111, 150, 194, .34);--work-line-strong: rgba(168, 226, 255, .48);--work-text: #edf5fa;--work-muted: #b9cbe0;background:radial-gradient(circle at 50% -15%, rgba(42, 75, 118, .18), transparent 34%), linear-gradient(135deg, #08101d 0%, #0c1627 48%, #060b14 100%)}body.page-work-time #workDashboard #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .token-day-group{--work-token-row-width: calc((var(--work-token-card-width) * 4) + (var(--work-token-card-gap) * 3))}html body.page-work-time #workDashboard{--work-blue: #4ea9d6;--work-blue-soft: rgba(78, 169, 214, .58);--work-orange: #d8663f;--work-orange-soft: rgba(216, 102, 63, .62);--work-green: #2fa867;--work-green-soft: rgba(47, 168, 103, .58);--work-teal-title: #64dccf;--work-card-gray: #31404b;--work-border-light: rgba(176, 214, 232, .42)}@keyframes workEarningsRise{0% { opacity: 0; transform: translateY(8px); } 10% { opacity: 1; transform: translateY(0); } 75% { opacity: 1; transform: translateY(-8px); } 100% { opacity: 0; transform: translateY(-16px); }}html body.page-work-time #workDashboard .work-earnings-slider{--earnings-progress: 0%}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){--work-inactive-blue-strong: linear-gradient(90deg, #113d78, #175a92 48%, #1c74aa);--work-inactive-blue-strong-2: linear-gradient(90deg, #0e346c, #154f88 56%, #1a659c);--work-inactive-orange-soft: linear-gradient(90deg, #6b3d1f, #875126 56%, #9a642e);--work-inactive-green-soft: linear-gradient(90deg, #183f26, #245d35 56%, #317744);--work-slider-border-blue: #73d6ff;--work-slider-border-green: #8df2a2;--work-active-work-border: #ffd07c;--work-active-weekend-border: #8ff2a3}@keyframes collectTotalPop{0% { opacity: 0; transform: translate(-50%, 4px) scale(.78); } 14% { opacity: 1; transform: translate(-50%, -12px) scale(1.06); } 72% { opacity: 1; transform: translate(-50%, -46px) scale(1); } 100% { opacity: 0; transform: translate(-50%, -74px) scale(.88); }}@keyframes workSnackPop{0% { transform: scale(1); } 45% { transform: scale(1.12); } 100% { transform: scale(1); }}html body.page-work-time:is(*,._){--work-status-teal: #25d1c9;--work-status-blue: #348dff;--work-status-lunch: #82dcff;--work-status-weekend: #55d86f;--work-status-teal-soft: rgba(37, 209, 201, .58);--work-status-blue-soft: rgba(52, 141, 255, .62);--work-status-lunch-soft: rgba(130, 220, 255, .66);--work-status-weekend-soft: rgba(85, 216, 111, .58)}@keyframes workSnackBurstFade{0% { opacity: 0; transform: translate(-50%, -50%) scale(.72); } 8% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 82% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -54%) scale(.88); }}@keyframes workSnackDriftLeft{0% { opacity: 0; transform: translate(-88%, -50%) scale(.95); } 12% { opacity: 1; transform: translate(-105%, -50%) scale(1.08); } 78% { opacity: .92; } 100% { opacity: 0; transform: translate(-178%, -62%) scale(.96); }}@keyframes workSnackLargeGlow{0% { filter: drop-shadow(0 0 0 rgba(255, 221, 128, 0)) brightness(1); } 45% { filter: drop-shadow(0 0 30px rgba(255, 221, 128, .86)) brightness(1.35); } 100% { filter: drop-shadow(0 0 0 rgba(255, 221, 128, 0)) brightness(1); }}body.page-work-test .page-body-title{margin-bottom:18px}.work-test-layout{display:grid;gap:0;width:100%}.work-test-card{width:100%;box-sizing:border-box;border:1px solid rgba(106, 184, 195, 0.42);border-radius:18px;background:linear-gradient(135deg, rgba(17, 33, 45, 0.96), rgba(9, 23, 35, 0.97));box-shadow:inset 0 1px 0 rgba(218, 255, 244, 0.08), 0 14px 34px rgba(0, 0, 0, 0.28);color:#e9f7fb}.work-test-status-card{position:relative;min-height:300px;display:grid;align-content:center;justify-items:center;gap:7px;padding:28px 218px 18px 26px;text-align:center}.work-test-status-card p{margin:0}.work-test-status-card > p{transform:translateX(40px)}.work-test-view-section{margin:0;padding:0}.work-test-view-section + .work-test-view-section{margin-top:34px}.work-test-view-section h2{margin:0 0 13px;color:#78d7ee;font-family:Georgia, "Times New Roman", serif;font-size:1.32rem;font-weight:500;letter-spacing:0;text-align:center}.work-test-slider-slot{display:grid;gap:22px;justify-items:stretch;width:100%}@media (max-width: 760px){.work-test-status-card{padding:22px 14px}.work-test-status-card > p{transform:none}}@keyframes workTestSnackHoverBuild{0% { transform: translateY(2px) scale(1); filter: brightness(1.02) drop-shadow(0 10px 16px rgba(0, 0, 0, .32)); } 82% { transform: translateY(2px) scale(1.32); filter: brightness(1.42) drop-shadow(0 14px 18px rgba(0, 0, 0, .34)); } 100% { transform: translateY(2px) scale(1.32); filter: brightness(1.48) drop-shadow(0 0 16px rgba(255, 207, 87, .9)) drop-shadow(0 14px 18px rgba(0, 0, 0, .34)); }}@keyframes workTestSnackHoverBuild{0% { transform: translateY(22px) scale(1.12); filter: brightness(1.28) drop-shadow(0 12px 16px rgba(0, 0, 0, .32)); } 84% { transform: translateY(22px) scale(1.42); filter: brightness(1.42) drop-shadow(0 16px 20px rgba(0, 0, 0, .34)); } 100% { transform: translateY(22px) scale(1.42); filter: brightness(1.5) drop-shadow(0 0 16px rgba(255, 207, 87, .9)) drop-shadow(0 16px 20px rgba(0, 0, 0, .34)); }}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}:root{--site-responsive-edge-gap: 24px;--site-responsive-first-gap: 8px;--site-responsive-design-width: 1260px}html body.page-work-time{--site-responsive-design-width: 1260px}html body.page-work-test{--site-responsive-design-width: 1120px}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-card-title-font: 1rem}html{-webkit-text-size-adjust:118%;text-size-adjust:118%}}@media (max-width: 520px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 0px}html{-webkit-text-size-adjust:124%;text-size-adjust:124%}}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-subtitle-font: 1rem;--mobile-label-font: .76rem;--mobile-icon-size: 2.05rem}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-page-pad: 6px;--mobile-card-gap: 10px;--mobile-card-radius: 8px;--mobile-section-font: 1.08rem;--mobile-small-font: .76rem;--mobile-data-font: .98rem;width:100%;min-width:0;max-width:100vw}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--mobile-title-font: 1.22rem;--mobile-section-title-font: 1.08rem;--mobile-body-font: .94rem;--mobile-table-font: .78rem;--mobile-icon-box: 2.35rem;--mobile-icon-font: 1.75rem}}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 24px;--site-responsive-first-gap: 10px;--app-body-font: 16px;--app-small-font: 13px;--app-label-font: 14px;--app-table-font: 14px;--app-section-title-font: 22px;--app-page-title-font: 24px;--app-icon-sm: 20px;--app-icon-md: 28px;--app-icon-lg: 42px}html body img,html body svg,html body canvas{max-width:100%}@media (max-width: 1280px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 16px;--site-responsive-first-gap: 10px;--app-body-font: 15.5px;--app-table-font: 13.5px;--app-section-title-font: 21px;--app-page-title-font: 23px}}@media (max-width: 980px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 10px;--app-body-font: 15px;--app-table-font: 13px;--app-section-title-font: 20px;--app-page-title-font: 22px;--app-icon-sm: 18px;--app-icon-md: 25px;--app-icon-lg: 36px}}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){--site-responsive-edge-gap: 8px;--site-responsive-first-gap: 8px;--app-body-font: 15px;--app-small-font: 12.5px;--app-label-font: 13px;--app-table-font: 12.5px;--app-section-title-font: 19px;--app-page-title-font: 20px;--app-icon-sm: 18px;--app-icon-md: 24px;--app-icon-lg: 34px}}:root{--app-icon-xs: 16px;--app-icon-sm: 22px;--app-icon-md: 36px;--app-icon-lg: 72px;--app-icon-xl: 116px;--app-icon-fit: contain;--app-icon-logo: url("../home/site-logo-cloud-sunset.svg?v=bcc5ac36d516");--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")}html body{--readability-tiny-font: 15px;--readability-tiny-line: 1.34}@media (max-width: 760px){html body{--readability-tiny-font: 14px}}html body{--app-standard-page-shell-width: 1530px;--app-standard-page-card-width: 1480px;--app-standard-page-card-radius: 18px;--app-standard-page-side-gutter: 48px}@media (max-width: 760px){html body{--app-standard-page-side-gutter: 22px}}html body.page-work-time.page-work-test{--work-weekend-label-top: -52px;--work-weekend-label-y: -22px;--work-weekend-time-label-y: 0px;--work-weekend-bottom-label-x: 0px;--work-week-marker-x: -31px;--work-week-marker-y: 24px;--work-week-marker-scale: 1.12;--work-week-trail-top: 48px;--work-week-label-y: -35px;--work-day-slider-height: 195px;--work-weekend-slider-height: 195px;--work-weekend-track-margin-top: 18px;--work-weekend-slider-y: 5px;--work-day-marker-margin-left: -10px;--work-day-marker-top: calc(100% - 80px);--work-day-marker-x: -22px;--work-day-trail-top: calc(50% + 6px);--work-weekend-marker-x: 9px;--work-weekend-marker-y: -16px;--work-weekend-trail-top: calc(50% + 6px);--work-top-analog-clock-size: 148px;--work-top-analog-clock-border: 7px;--work-view-title-text-margin-bottom: 20px;--work-view-title-margin-bottom: 23px;--work-slider-label-icon-font: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;--work-slider-label-text-size: 15px;--work-slider-label-text-line-height: 20.1px;--work-slider-label-icon-size: 1.72rem}html body.page-work-time:is(*,._).page-work-test:is(*,._){--work-consumption-inline-width: min(100%, 192px)}html body.page-work-time:is(*,._).page-work-test:is(*,._){--work-consumption-inline-margin: -1px auto 0}@keyframes workCollectReadyGlow{0%, 100% { box-shadow: 0 0 0 1px rgba(105, 234, 232, .28), 0 0 13px rgba(55, 221, 218, .33), inset 0 1px 0 rgba(225, 255, 253, .16); } 50% { box-shadow: 0 0 0 1px rgba(125, 248, 244, .42), 0 0 21px rgba(61, 230, 226, .48), inset 0 1px 0 rgba(237, 255, 254, .2); }}@keyframes collectTotalMoneyPop{0%, 70% { opacity: 1; } 100% { opacity: 0; }}.work-life-balance-donut{--work-balance-boundary-radius: 43cqi;--work-balance-label-radius: 71.4cqi;--work-balance-percentage-radius: 26cqi}@media (max-width: 760px){.work-life-balance-donut{--work-balance-boundary-radius: 43cqi}}.work-circular-dial{--work-circle-fill: conic-gradient(from -90deg, #3aa 0 360deg);--work-circle-marker: 0deg}.work-circular-ring-label{--work-circle-label-angle: 0deg;--work-circle-label-radius: 220px}#foodCard .work-circular-ring-label,#drinkCard .work-circular-ring-label{--work-circle-label-radius: 185px}@media (max-width: 700px){.work-circular-ring-label{--work-circle-label-radius: min(44vw, 165px)}}#workWeekCircularTimeline .work-circular-section-label{--work-circle-section-angle: 0deg}#workDayCircularWeekend .work-circular-section-label{--work-circle-section-angle: 0deg}html body.page-work-time.page-work-test{--wt-bg-deep: #050f1b;--wt-bg: #071827;--wt-card-deep: #081b2c;--wt-card: #0b2438;--wt-card-raised: #0e2d43;--wt-card-soft: #102f43;--wt-line: rgba(106, 180, 202, .30);--wt-line-strong: rgba(83, 199, 205, .50);--wt-text: #d7e7ef;--wt-text-strong: #edf6f9;--wt-muted: #9db8c7;--wt-heading: #8bcfe9;--wt-heading-strong: #71bfe9;--wt-blue: #3c9ddd;--wt-blue-deep: #175f9b;--wt-teal: #40bdb5;--wt-teal-deep: #176e73;--wt-green: #69b985;--wt-green-deep: #2f7653;--wt-font: "Segoe UI Variable Text", "Aptos", Inter, "Segoe UI", system-ui, sans-serif;--wt-display-font: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", system-ui, sans-serif;--work-slider-label-font: var(--wt-font)}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) .pay-entry-panel:is(*,._) label > span:first-child{position:relative}.work-lunch-count-option,.work-life-balance-lunch-option{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%, 620px);margin:14px auto 0;padding:10px 14px;border:1px solid rgba(111, 184, 214, 0.42);border-radius:11px;background:rgba(18, 49, 65, 0.84);color:#bddbe8;font-size:0.96rem;line-height:1.35;cursor:pointer}.work-lunch-count-option input,.work-life-balance-lunch-option input{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:#65bfe7;cursor:pointer}.work-life-balance-controls > .work-life-balance-lunch-option{grid-column:1 / -1}html body.page-work-time.page-work-test{--work-card-title-font: Georgia, "Times New Roman", serif;--work-card-title-size: 1.66rem;--work-card-title-color: #f7dfaa}html body.page-work-time.page-work-test{--work-schedule-heading: #9fc7e8;--work-schedule-label: #7dd7ff}html body{--shared-page-top-gap: 20px}@media (max-width: 760px){html body{--shared-page-top-gap: 20px}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& .pay-input-shell:is(*,._){box-sizing:border-box;margin:0 auto 4px;border:1px solid rgba(104, 187, 225, .28);background:linear-gradient(145deg, rgba(14, 35, 49, .92), rgba(9, 24, 36, .9));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 30px rgba(0, 9, 18, .18)}& .pay-input-intro:is(*,._){margin:0 0 14px;text-align:center}& .pay-input-intro h4{margin:0;color:#bcecff;font-size:1.14rem;font-weight:800;letter-spacing:.01em}& .pay-input-intro p{margin:4px 0 0;color:rgba(211, 231, 241, .72);font-size:.9rem;line-height:1.4}& .pay-core-fields:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:14px}& .pay-input-shell :is(.pay-core-fields > label, .pay-weekly-primary, .pay-schedule-fields label){border:1px solid rgba(114, 177, 207, .18);border-radius:12px;background:rgba(4, 18, 29, .48)}& .pay-input-shell .pay-entry-rate > span:first-child{grid-column:1 / -1}& .pay-input-shell :is(input, select):focus{outline-offset:1px}& .pay-input-shell #payRateType:is(*,#_){grid-column:2;grid-row:2}& .pay-input-shell .money-input-wrap{grid-column:1;grid-row:2}& .pay-weekly-primary > span:first-child{display:grid;gap:3px}& .pay-weekly-primary > span:first-child strong{color:#d9f8ff;font-size:1.04rem}& .pay-weekly-primary > span:first-child small{color:rgba(196, 226, 239, .68);font-size:.79rem;font-weight:600}& #payHoursWork:is(*,#_){text-align:center}& .pay-schedule-alternative:is(*,._){margin-top:10px;border:1px solid rgba(112, 170, 196, .16);border-radius:11px;background:rgba(2, 15, 24, .32);overflow:hidden}& .pay-schedule-alternative summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:11px 14px;color:#a9d7e9;cursor:pointer;list-style:none;font-size:.88rem;font-weight:750}& .pay-schedule-alternative summary::-webkit-details-marker{display:none}& .pay-schedule-alternative summary::after{content:"+";grid-column:2;grid-row:1 / span 2;color:#64d8f2;font-size:1.25rem;font-weight:500}& .pay-schedule-alternative[open] summary::after{content:"\2212"}& .pay-schedule-alternative summary small{grid-column:1;color:rgba(189, 217, 229, .58);font-size:.76rem;font-weight:600}& .pay-schedule-fields:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:end;gap:10px;padding:0 12px 12px}& .pay-schedule-fields :is(#payHoursPerDay, #payDaysPerWeek){text-align:center}& .pay-hours-times:is(*,._){align-self:end;padding-bottom:12px;color:rgba(118, 207, 233, .7);font-size:1.22rem}}@media (max-width: 680px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& .pay-input-shell:is(*,._){padding:13px;border-radius:13px}& .pay-core-fields:is(*,._){grid-template-columns:minmax(0, 1fr)}& .pay-schedule-fields:is(*,._){grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}& .pay-hours-times:is(*,._){display:none}}}@media (max-width: 430px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) .pay-schedule-alternative summary{grid-template-columns:minmax(0, 1fr) auto}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& .pay-daily-week-panel:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:minmax(170px, .85fr) minmax(0, 1.4fr);align-items:center;gap:14px;width:100%;margin-top:10px;padding:12px 14px;border:1px solid rgba(107, 186, 216, .22);border-radius:11px;background:rgba(3, 17, 28, .48)}& .pay-daily-week-heading h5{margin:0;color:#c6ecfa;font-size:.9rem;font-weight:800}& .pay-daily-week-heading p{margin:3px 0 0;color:rgba(190, 218, 230, .65);font-size:.74rem;line-height:1.35}& .pay-daily-week-fields:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:end;gap:8px}& .pay-week-range-arrow:is(*,._){align-self:end;padding-bottom:12px;color:rgba(132, 203, 230, .68);font-size:.77rem;font-weight:700}}@media (max-width: 680px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) .pay-daily-week-panel:is(*,._){grid-template-columns:minmax(0, 1fr)}}@media (max-width: 460px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& .pay-hours-primary > span:first-child{grid-column:1 / -1}& .pay-daily-week-fields:is(*,._){grid-template-columns:minmax(0, 1fr)}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& .budget-flow:is(*,._){box-sizing:border-box;display:grid;gap:14px;width:min(100%, 940px);margin:0 auto}& .budget-step-guide:is(*,._){display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none}& .budget-step-guide li{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:7px 12px;border:1px solid rgba(117, 176, 206, .22);border-radius:10px;background:rgba(6, 22, 36, .62);color:#b7d5e4}& .budget-step-guide li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(108, 211, 237, .44);border-radius:50%;background:rgba(23, 91, 114, .52);color:#dff9ff;font-size:.8rem;font-weight:850}& .budget-step-guide li b{font-size:.86rem;font-weight:750;letter-spacing:.01em}& .budget-step-header:is(*,._){display:grid;grid-template-columns:36px minmax(0, 1fr);align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid rgba(105, 174, 205, .18);background:rgba(18, 55, 76, .42)}& .budget-step-number:is(*,._){display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(107, 220, 244, .54);border-radius:10px;background:linear-gradient(145deg, rgba(28, 113, 139, .78), rgba(10, 56, 79, .9));color:#e8fcff;font-size:.95rem;font-weight:900;box-shadow:inset 0 1px 0 rgba(231, 252, 255, .12)}& .budget-step-header p{margin:3px 0 0;color:rgba(197, 223, 235, .7);font-size:.82rem;line-height:1.35}& .budget-step-income .budget-step-header{background:linear-gradient(90deg, rgba(16, 80, 119, .62), rgba(7, 43, 69, .38))}& .budget-step-income .budget-step-number{border-color:rgba(105, 199, 238, .62);background:linear-gradient(145deg, rgba(25, 120, 158, .88), rgba(9, 61, 91, .95));color:#e2f8ff}& .budget-step-assets .budget-step-header{background:linear-gradient(90deg, rgba(18, 92, 94, .58), rgba(7, 49, 60, .38))}& .budget-step-assets .budget-step-number{border-color:rgba(92, 206, 210, .5);background:linear-gradient(145deg, rgba(24, 105, 115, .86), rgba(8, 57, 72, .94));color:#dcfbfb}& .budget-step-calculate .budget-step-header{background:linear-gradient(90deg, rgba(39, 96, 70, .62), rgba(15, 50, 42, .4))}& .budget-step-calculate .budget-step-number{border-color:rgba(118, 211, 153, .6);background:linear-gradient(145deg, rgba(38, 125, 80, .9), rgba(17, 68, 53, .96));color:#e4f8e9}& .budget-step-calculate .budget-action-row:is(*,._){box-sizing:border-box}& .budget-income-fields:is(*,._){display:grid;justify-content:center;box-sizing:border-box;padding:16px 18px 18px}& .budget-income-fields > label{border-radius:11px}& .budget-income-controls:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) 128px;align-items:center;gap:8px;min-width:0}& .budget-action-row:is(*,._){display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(100%, 940px);margin:18px auto 4px}}@media (max-width: 760px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& .budget-step-guide:is(*,._){gap:6px}& .budget-step-guide li{display:grid;justify-items:center;gap:3px;padding-inline:5px}& .budget-step-guide li b{font-size:.72rem}}}@media (max-width: 520px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& .budget-step-header:is(*,._){grid-template-columns:32px minmax(0, 1fr);padding:12px}& .budget-income-controls:is(*,._){grid-template-columns:minmax(0, 1fr) 116px}& #budgetCalculatorBody:is(*,#_) .expense-row > span:first-child{grid-column:1 / -1}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& .budget-plan-heading{display:grid;justify-items:center;gap:5px;padding:2px 12px 1px;text-align:center}& .budget-plan-kicker{display:inline-flex;align-items:center;border:1px solid rgba(90, 191, 211, .34);border-radius:999px;background:rgba(14, 76, 96, .42);font-weight:800;line-height:1}& .budget-plan-heading p{max-width:650px;margin:1px 0 0;color:#aac9d7;font-size:.89rem;line-height:1.5}& .budget-summary-panel{box-sizing:border-box;display:grid;gap:13px;padding:16px;border:1px solid rgba(102, 172, 204, .22);border-radius:16px;background:rgba(3, 17, 29, .54);box-shadow:inset 0 1px 0 rgba(223, 247, 255, .03)}& #expenseCalculatorOutput:is(*,#_) .finance-metric:is(*,._)::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#4da8cb;opacity:.82}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="income"]::before{background:#5aaad1}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="expense"]::before{background:#789bb7}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="asset"]::before{background:#4baeb5}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="balance"]::before{background:linear-gradient(90deg, #51b7c0, #78cfe0);opacity:1}& #expenseCalculatorOutput:is(*,#_) .finance-metric > strong{overflow-wrap:anywhere}& .budget-breakdown-grid .finance-empty-note{display:grid;place-items:center;flex:1;min-height:62px;padding:12px;border:1px dashed rgba(100, 166, 194, .24);border-radius:9px;text-align:center}}@media (max-width: 640px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) .budget-summary-panel{padding:12px}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #budgetCalculatorBody:is(*,#_) #expenseSalary:is(*,#_)::placeholder{opacity:1}& .budget-plan-kicker{min-height:31px;padding:5px 14px;color:#bcefff;font-size:.9rem}}: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-work-time,body.page-work-test{--site-title-color: #72cbe7}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}}}@layer components-default{[hidden]{display:none}#periodScaleMount .day-mini-scale{background:transparent;border-color:transparent;box-shadow:none}#workDashboard{& .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)}& #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)}& .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 :is(#toggleAdjustments,#comparePayRateButton){justify-self:end;min-width:210px}& #payCalculator #calculatePayButton{grid-column:2;justify-self:center;min-width:240px;min-height:48px;font-size:1.08rem}& #payCalculator #comparePayRateButton{grid-column:3}& #budgetCalculatorBody{display:grid;gap:12px}& #budgetCalculatorBody :is(.budget-income-panel,.budget-expenditure-panel,.expense-groups){display:grid;gap:10px}& #budgetCalculatorBody .budget-income-panel{order:1}& #budgetCalculatorBody .budget-expenditure-panel{order:2}& #budgetCalculatorBody #calculateBudgetButton{order:3;justify-self:center;width:min(100%, 360px);min-height:50px;font-size:1.08rem}& #budgetCalculatorBody #expenseCalculatorOutput{order:4}& #budgetCalculatorBody .budget-income-panel > label{display:grid;grid-template-columns:minmax(160px, .7fr) minmax(180px, 1fr) minmax(150px, .55fr);gap:10px;align-items:center}}html body .progress-track,html body .progress-fill,html body .segment-band,html body .segment-band span,html body .minute-battery,html body .minute-smooth-fill,html body .minute-cell,html body .workday-mini-track,html body .workday-mini-fill,html body .workday-day-segment,html body .week-day-cell,html body .workweek-range-border,html body .marker,html body .minute-marker,html body .workday-mini-marker,html body .alternateWeek-card .progress-track,html body .alternateWeek-card .progress-fill{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;background-clip:border-box}.stable-output{min-width:var(--stable-output-min-width, auto)}@media (prefers-reduced-motion: reduce){.stable-output,.stable-output.stable-output-loaded,.stable-output.is-loaded{animation:none;transition-duration:1ms}}html body :is( .progress-track, .progress-fill, .marker, .card-value, .minute-battery, .minute-smooth-fill, .minute-marker, .segment-band, .alternateWeek-card .progress-track, .alternateWeek-card .progress-fill, .day-mini-scale, .mini-scale-track, .mini-sky-segments, .mini-scale-marker, .moon-cycle-scale, .moon-cycle-track, .moon-cycle-fill, .moon-cycle-marker, .wake-sleep-track, .wake-sleep-segments, .wake-sleep-marker, .workday-mini-track, .workday-mini-fill, .workday-mini-marker, .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}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 > :not(script):not(style){animation:sharedPageContentFadeIn 1s cubic-bezier(.22, 1, .36, 1) .06s both}@media (prefers-reduced-motion: reduce){html body > :not(script):not(style){animation:none}}html body :where(main.shell, .glass-card, .time-card, .cycle-panel, .phase-card, .weather-cycle-wrapper, .work-dashboard, .about-card){min-width:var(--app-compact-text-min);max-width:100%}html body :where(.time-zone-row, .progress-grid, .insight-grid, .timeline-stack, .phase-summary-dashboard, .weather-cycle-wrapper, .work-dashboard, .language-clock-grid, .binary-clock-grid){min-width:0;max-width:100%}html body :where(.weather-local-nav-row, .timezone-control-wrap, .dst-radio-wrap, .time-mode-picker, .weather-temp-layout, .weather-main-combo, .weather-middle-status, .local-weather-bottom-rows, .phase-summary-row, .workday-mini-labels, .work-collect-card-row){min-width:0;max-width:100%}@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 .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%}html,html body,html body[class]{--page-bg: #0b1529;--page-bg-2: #0b1529;background-image:none}html body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output.is-loaded,html body:not(.app-top-data-ready) main.shell > :nth-child(-n + 3) .stable-output.stable-output-loaded{opacity:0}html body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output.is-loaded,html body:not(.app-rest-data-ready) main.shell > :nth-child(n + 4) .stable-output.stable-output-loaded{opacity:0}html .seo-deferred-render{content-visibility:auto;contain-intrinsic-size:auto var(--seo-intrinsic-size, 760px)}.work-snack-progress-popup:is(*,._){border:1px solid rgba(128, 226, 255, .5)}.snack-coffee-liquid{min-height:0}.snack-coffee-shine{pointer-events:none}.snack-coffee-cup-progress::before,.snack-coffee-cup-progress::after{z-index:4}.snack-coffee-liquid{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{box-shadow:inset 0 0 0 4px rgba(118, 65, 24, .2), 0 8px 14px rgba(0, 0, 0, .32)}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 .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-work-time #workDashboard:is(*,#_) :is(.workday-mini-slider,.workday-mini-track){min-width:0;max-width:100%}html body.page-work-time #workDashboard{& .counter-slot .counter-slot-state{align-self:start;min-height:18px;color:#d9c69b;font-size:.78rem;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.04em}& .counter-slot.slot-collected .counter-slot-state{color:#f2e8ff;font-size:.9rem;text-transform:none}& .counter-slot .counter-slot-icon{display:grid;place-items:center;line-height:1}& .counter-slot small{align-self:end}& #payCalculator .finance-entry-panel label,& #payCalculator .finance-entry-panel .pay-rate-line{grid-template-columns:190px minmax(150px, 1fr) auto auto;align-items:center}& #payCalculator .finance-entry-panel label > span:first-child{justify-self:end;white-space:nowrap}& #payCalculator .pay-rate-line{white-space:nowrap}& #payCalculator .pay-rate-line .pay-rate-period-text,& #payCalculator .pay-rate-line select{white-space:nowrap}& #payCalculator input,& #payCalculator .money-input-wrap input,& #payCalculator .percent-input-wrap input{color:#73d7ff;font-size:1.2rem;font-weight:500;text-align:left}& #payCalculator #payRate{min-width:180px}& #payCalculator .finance-adjustments{grid-column:1 / -1;width:100%;margin-top:0}& #payCalculator .pay-action-row{transform:translateY(-40px);margin-bottom:-40px}& #payCalculator .pay-compare-entry-row{transform:translateY(-24px);margin-bottom:-24px}& #expenseCalculator.finance-card{background:radial-gradient(circle at 18% 8%, rgba(82, 108, 180, .2), transparent 34%), linear-gradient(160deg, #101a4c, #0b1638 58%, #071225);border-color:rgba(116, 144, 225, .42)}& #budgetCalculatorBody .expense-group-toggle{margin:0 auto 10px}& #budgetCalculatorBody .income-assets-toggle{border-color:rgba(142, 222, 164, .55);background:linear-gradient(180deg, #24543a, #10291f);color:#d9ffe8}& #budgetCalculatorBody .expense-row{column-gap:8px}& #budgetCalculatorBody .expense-row > span:first-child{width:120px;max-width:120px;justify-self:end}& #budgetCalculatorBody .expense-row input{max-width:120px}}html body:is(.page-weather, .page-work-time, .page-phases, .page-calendars, .page-about) :is( #current-time-and-weatherSection, #local-weatherSection, #workHoursGroupShell, #workDashboard, #phaseSummaryDashboard, #calendarsDashboard, #aboutPageCard ){border-radius:18px}html body.page-work-time:is(*,._) main.shell.shell #workDashboard:is(*,#_){& .finance-hide-results-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:84px;min-height:24px;margin:6px auto 0;padding:4px 8px;border:1px solid rgba(122, 162, 188, .64);border-radius:4px;background:linear-gradient(180deg, #13283a, #091521);color:#cfe5f2;font-size:.72rem;font-weight:500;line-height:1;cursor:pointer}& .pay-compare-panel .finance-hide-results-button,& #budgetCalculatorBody > .finance-hide-results-button{display:flex}& .collect-section-header{grid-template-columns:minmax(0, 1fr) auto}& .drop-collect-cards-button{display:flex;justify-content:center;justify-self:start;margin:8px auto 0 0}& .collect-day-group{position:relative}& .token-day-label{display:block;margin-left:40px;color:#d39a67;-webkit-text-fill-color:#d39a67;font-size:1.12rem;font-weight:650;text-align:left}& .weekend-spend-day .token-day-label{color:#7fbe8d;-webkit-text-fill-color:#7fbe8d}& .counter-slot:is(*,._){position:relative;grid-template-rows:20px 22px 28px minmax(48px, 1fr);overflow:visible;transition:transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease}& .counter-slot .counter-slot-money{grid-row:3;align-self:center;justify-self:center;order:0}& .counter-slot .counter-slot-icon-wrap{grid-row:4;align-self:end;justify-self:center}& .counter-slot.slot-available{cursor:pointer;animation:collect-card-pulse 2.7s ease-in-out infinite}& .counter-slot.slot-available:hover{transform:translateY(-4px) scale(1.035);filter:brightness(1.22) saturate(1.18);border-color:rgba(255, 219, 121, .9);box-shadow:0 0 24px rgba(247, 184, 70, .42), 0 10px 22px rgba(0, 0, 0, .32)}& .counter-slot.slot-available::after{content:"\261D";position:absolute;right:-10px;bottom:-12px;z-index:5;color:#ffe2a3;-webkit-text-fill-color:#ffe2a3;font-size:1.28rem;line-height:1;filter:drop-shadow(0 2px 5px rgba(0, 0, 0, .55));pointer-events:none}& .counter-slot.slot-collected{animation:none}& .counter-slot.slot-collected::after{content:none}& .finance-hide-results-button[hidden],& .pay-compare-panel .finance-hide-results-button[hidden],& #budgetCalculatorBody > .finance-hide-results-button[hidden]{display:none}& .counter-section.counter-work .collect-section-header strong,& .counter-section.counter-work .collect-week-total-card span,& .counter-section.counter-work .token-day-label{color:#8bd5ff;-webkit-text-fill-color:#8bd5ff}& .collect-section-header{align-items:center;text-align:center}& .collect-section-header > div{text-align:center}& .collect-week-total-card strong{white-space:nowrap;min-width:max-content;font-size:1.15rem;font-weight:600}& .token-day-label{text-transform:capitalize}& .token-day-slots{gap:18px}& .counter-slot:is(*,._){min-width:132px;min-height:168px;padding:34px 12px 26px;border-color:rgba(152, 211, 244, .5)}& .counter-slot.work-token.token-quarter-1{background:linear-gradient(145deg, #102545, #0b1526)}& .counter-slot.work-token.token-quarter-2{background:linear-gradient(145deg, #112d3f, #0a1724)}& .counter-slot.work-token.token-quarter-3{background:linear-gradient(145deg, #182648, #0d1425)}& .counter-slot.work-token.token-quarter-4{background:linear-gradient(145deg, #0f3142, #081723)}& .counter-slot .counter-slot-state{order:1;align-self:center;margin:0;color:#ffffff;font-size:1rem}& .counter-slot.slot-available .counter-slot-state{color:#b694ff;-webkit-text-fill-color:#b694ff}& .counter-slot small{order:4;margin-top:auto;color:rgba(225, 241, 255, .86)}& .counter-slot .counter-slot-icon-wrap{order:3;margin-top:18px}& .counter-slot .counter-slot-money{position:absolute;top:-18px;left:50%;transform:translateX(-50%);z-index:8}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) :is(.workday-mini-marker, .progress-track > .marker)::before,html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .workweek-range-label::before{background:linear-gradient(180deg, #d9f8ff, #83ddff 82%, #4db7ef);filter:drop-shadow(0 3px 9px rgba(108, 214, 255, .58))}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon,.coffee-side-icon{place-items:center}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::before,.coffee-side-icon::before{border-left-color:transparent}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::after,.coffee-side-icon::after{transform:rotate(-22deg)}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:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) main.shell.shell,html body.page-home-test .home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 20px)}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test) main.shell.shell,html body.page-home-test .home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 20px)}html body main.shell.shell > .page-body-title + :is(section, article, div),html body main.shell.shell > #workDashboard:is(*,#_),html body.page-work-test:is(*,._) main.shell.shell > #workDashboard:is(*,#_){position:relative;top:auto;margin-top:-4px;transform:none;overflow-anchor:none}body.page-work-time #workDashboard{& :is(.progress-track,.workday-mini-track){border-radius:10px}& :is(.progress-fill,.workday-mini-fill){border-radius:10px}& :is(.workday-day-segment,.week-day-cell,.workweek-range-border),& .segment-band span{border-radius:0}& :is(.marker,.workday-mini-marker){border-radius:10px}& .workday-mini-label.workday-boundary-label{width:104px;min-width:104px;max-width:104px;font-size:.82rem}& .workday-mini-time-marker,& .workday-mini-label.label-work-shift{display:grid}& .workday-mini-slider{padding:0;border:0}& .workday-mini-slider.is-active{border:0;box-shadow:none}& :is(.progress-fill,.workday-mini-fill,.work-day-cell,.week-day-cell,.workday-day-segment,.workweek-transition-cell,.weekend-night-before,.weekend-day-cell){background-image:none;box-shadow:none}& #workweekFill{background:transparent}& .workday-day-segment.is-active{background:var(--work-off-flat)}& .workday-mini-label.label-work-shift{color:#f8fbff;font-size:.78rem}& :is(.workday-mini-label.label-before-work,.workday-mini-label.label-after-work,.workday-mini-label.label-after-work-final){color:#cdeeff}& .workday-mini-label.workday-boundary-label:first-of-type,& .workday-mini-label.label-work-first-half{color:#ffd4ad}& .workweek-range-border.is-active{border-color:rgba(236, 248, 255, .9);box-shadow:0 0 0 2px rgba(170, 222, 255, .28), 0 0 20px rgba(170, 222, 255, .24)}& .work-status-bubble,& .work-dashboard-status-table strong,& .workday-inline-status-table strong,& .workweek-inline-status-table strong{color:var(--work-accent)}& .status-before-work .work-status-bubble,& .status-after-work .work-status-bubble,& .status-time-off .work-status-bubble,& .status-transition .work-status-bubble{color:var(--work-off-flat-bright)}& .status-work-first-half .work-status-bubble,& .status-work-second-half .work-status-bubble,& .status-working .work-status-bubble{color:var(--work-shift-flat-bright)}& .status-lunch .work-status-bubble{color:var(--work-lunch-flat-bright)}& .status-weekend .work-status-bubble,& .status-weekend-day .work-status-bubble,& .status-weekend-night .work-status-bubble{color:var(--work-weekend-flat-bright)}& .workday-multi-sliders{gap:28px}& :is(#workdayCombinedSliderPercent,#workdayWeekendSliderPercent){display:block;margin:0 auto;color:#d8ecf8;font-size:1.08rem;font-style:normal}& :is(.workday-day-segment,.week-day-cell,.workweek-transition-cell,.weekend-night-before,.weekend-day-cell){box-shadow:none;filter:none}& :is(.workday-before-segment,.workday-after-segment,.workweek-transition-cell,.weekend-night-before){background:linear-gradient(90deg, var(--work-off-flat-dark), var(--work-off-flat))}& :is(.workday-work-segment,.work-day-cell){background:linear-gradient(90deg, var(--work-shift-flat-dark) 0 var(--work-lunch-start, 45%), var(--work-off-flat) var(--work-lunch-start, 45%) var(--work-lunch-end, 55%), var(--work-shift-flat) var(--work-lunch-end, 55%) 100%)}& .workday-mini-fill{background:rgba(255, 255, 255, .26)}& .workday-day-segment.is-active{outline:3px solid rgba(236, 248, 255, .9);outline-offset:-5px;filter:brightness(1.12) saturate(1.05)}& .workday-work-segment.is-active{background:linear-gradient(90deg, var(--work-shift-flat-dark) 0 var(--work-lunch-start, 45%), var(--work-off-flat) var(--work-lunch-start, 45%) var(--work-lunch-end, 55%), var(--work-shift-flat) var(--work-lunch-end, 55%) 100%)}& .workday-mini-slider.is-lunch-active .workday-work-segment.is-active{background:linear-gradient(90deg, var(--work-shift-flat-dark) 0 var(--work-lunch-start, 45%), var(--work-off-flat) var(--work-lunch-start, 45%) var(--work-lunch-end, 55%), var(--work-shift-flat) var(--work-lunch-end, 55%) 100%)}& .workday-mini-labels{position:absolute;inset:0;pointer-events:none}& :is(.workday-mini-label,.workday-mini-time-marker){position:absolute;left:var(--label-left, 0%);top:-38px;transform:translateX(-50%);display:grid;place-items:center;width:max-content;min-width:0;max-width:132px;padding:0 4px;color:rgba(245, 251, 255, .92);font-size:14px;line-height:1.1;text-align:center;white-space:normal;text-shadow:0 1px 5px rgba(0, 0, 0, .72)}& .workday-mini-time-marker i{display:block;width:1px;height:26px;background:rgba(236, 248, 255, .55)}& .workday-mini-time-marker em{color:rgba(245, 251, 255, .92);font-size:13px;font-style:normal}& .workday-mini-label.workday-section-label{max-width:210px;color:#a8dcff;font-size:18px;line-height:1.15}& .workday-mini-label.label-work-shift-section{color:#ffc18f}& .workday-mini-label.workday-section-label small{display:block;margin-top:4px;color:rgba(232, 245, 255, .84);font-size:13px;line-height:1.05}& .workday-mini-label.edge-start{left:0%}& .workday-mini-label.edge-end{left:100%}& #workdayWeekendFill{opacity:0;background:transparent;box-shadow:none}& .workday-mini-time-marker{display:none}& :is(.workday-mini-label.edge-start,.workday-mini-label.edge-end){transform:translateX(-50%);text-align:center}& #workdayWeekendSliderTitle{letter-spacing:.08em}& .work-total-section-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;width:100%}& .work-total-section-grid .work-total-pair{display:grid;gap:5px;min-height:78px;padding:12px;place-items:center;background:linear-gradient(180deg, rgba(13, 43, 67, .92), rgba(6, 20, 33, .96));border:1px solid rgba(139, 216, 255, .28);border-radius:8px;text-align:center}& .work-cards-display-head{display:grid;justify-items:center;color:#dffff1}& .work-cards-display-head strong{color:#f3fff9;font-family:Georgia, "Times New Roman", serif;font-size:clamp(1.25rem, 2.2vw, 1.8rem);font-style:italic}& #workDashboardTokens,& #workDashboardTokens[hidden]{display:block}& .counter-slot.slot-current{background:linear-gradient(180deg, #1c6b72, #0e3d55);border-color:#a6f3ff}& .counter-slot.slot-completed{background:linear-gradient(180deg, #165c39, #0d3526);border-color:rgba(132, 255, 190, .62);color:#eafff1}& .work-finance-tools{grid-template-columns:1fr;gap:22px}& #workdayWeekendSliderTitle{text-transform:none}}@media (max-width: 760px){body.page-work-time #workDashboard .work-total-section-grid{grid-template-columns:1fr}}body.page-work-time #workDashboard{& :is(.progress-card,.timeline-card,.workweek-cards-standalone,.finance-card){border-left-color:rgba(176, 199, 214, .2)}& :is(.workweek-transition-cell,.weekend-night-before){background:var(--work-off-muted)}& .work-day-cell{background:linear-gradient(90deg, var(--work-shift-muted) 0 var(--work-lunch-start, 45%), var(--work-lunch-muted) var(--work-lunch-start, 45%) var(--work-lunch-end, 55%), var(--work-shift-muted) var(--work-lunch-end, 55%) 100%)}& .weekend-day-cell,& #workdayWeekendFill{background:var(--work-weekend-muted)}& .work-cards-display-head{margin-bottom:12px}& .work-cards-display-head span{color:#f2fff8;font-family:Georgia, "Times New Roman", serif;font-style:italic;letter-spacing:.02em;line-height:1;text-transform:none}& .work-cards-display-head strong{display:none}& .work-cards-display-head p{line-height:1.25;text-align:center}& .workweek-counter-panel{padding:16px;border-color:rgba(164, 220, 197, .22);background:rgba(5, 17, 26, .42)}& .counter-sections{gap:18px}& .counter-section{gap:16px;padding:18px;border-color:rgba(160, 203, 224, .24);background:linear-gradient(180deg, rgba(18, 36, 49, .84), rgba(9, 24, 35, .88))}& .counter-section > strong{color:#e9f6ff;font-size:1.18rem;letter-spacing:.04em;text-align:center}& .token-group-grid{gap:14px}& .token-day-group{display:grid;grid-template-columns:minmax(92px, 128px) auto;align-items:center;justify-content:center;gap:14px}& .token-day-label{justify-self:end;color:#c9def0;font-size:clamp(1rem, 1.5vw, 1.18rem);line-height:1.1;text-align:right}& .token-day-slots{display:grid;grid-template-columns:repeat(4, 78px);justify-content:start}& .counter-slot{align-content:center;border:2px solid rgba(132, 190, 218, .26);background:linear-gradient(160deg, rgba(32, 62, 82, .92), rgba(9, 25, 39, .96)), #10283c;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .04), 0 10px 20px rgba(0, 0, 0, .18);font-size:1.75rem}& .counter-slot.work-token.slot-completed{border-color:rgba(255, 158, 76, .95);box-shadow:0 0 0 2px rgba(255, 149, 56, .14), 0 12px 22px rgba(0, 0, 0, .22)}& .counter-slot.weekend-token.slot-completed{border-color:rgba(115, 236, 144, .95);box-shadow:0 0 0 2px rgba(91, 220, 116, .14), 0 12px 22px rgba(0, 0, 0, .22)}& .counter-slot.slot-current{border-width:4px;box-shadow:0 0 0 3px rgba(139, 228, 255, .2), 0 0 28px rgba(95, 217, 255, .32)}& .counter-slot.work-token.slot-current{border-color:#ffc078}& .counter-slot.weekend-token.slot-current{border-color:#9cffae}& .counter-slot.slot-selected{border-width:4px;border-color:#c7a2ff;background:radial-gradient(circle at 50% 20%, rgba(202, 170, 255, .22), transparent 40%), linear-gradient(160deg, rgba(59, 39, 91, .95), rgba(20, 18, 45, .98));box-shadow:0 0 0 3px rgba(179, 126, 255, .24), 0 0 32px rgba(165, 103, 255, .38)}& :is(.counter-slot.work-token.slot-selected,.counter-slot.weekend-token.slot-selected,.counter-slot.slot-current.slot-selected,.counter-slot.slot-completed.slot-selected){border-width:4px;border-color:#c7a2ff;background:radial-gradient(circle at 50% 20%, rgba(202, 170, 255, .22), transparent 40%), linear-gradient(160deg, rgba(59, 39, 91, .95), rgba(20, 18, 45, .98));box-shadow:0 0 0 3px rgba(179, 126, 255, .24), 0 0 32px rgba(165, 103, 255, .38)}}@media (max-width: 760px){body.page-work-time #workDashboard{& .token-day-group{grid-template-columns:1fr;justify-items:center}& .token-day-label{justify-self:center;text-align:center}& .token-day-slots{grid-template-columns:repeat(4, minmax(64px, 78px));justify-content:center}& .counter-slot{width:min(78px, 18vw);height:auto;aspect-ratio:2.5 / 3.5}}}body.page-work-time #workDashboard{box-shadow:0 24px 52px rgba(0, 3, 10, .46), inset 0 1px 0 rgba(255, 255, 255, .045)}body.page-work-time #workDashboard{& :is(.work-dashboard-title-row,.work-top-header,.work-slider-shell,.workday-mini-slider,.work-info-holiday-panel,.work-settings-popover){border-color:rgba(111, 150, 194, .34);background:radial-gradient(circle at 50% 0%, rgba(54, 92, 137, .18), transparent 44%), linear-gradient(180deg, #111d2e, #0b1423);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 5, 14, .2)}& :is(.progress-card,.timeline-card,.workweek-cards-standalone,.finance-card){border-color:rgba(111, 150, 194, .34);background:radial-gradient(circle at 50% 0%, rgba(55, 104, 162, .14), transparent 46%), linear-gradient(180deg, #172334, #101a29);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045), 0 16px 34px rgba(0, 5, 14, .24)}& #workdayWeekendSliderTitle{font-family:Georgia, "Times New Roman", serif;font-style:normal;line-height:1.1;text-shadow:none}& .workday-mini-label small{display:block;margin-top:2px;color:#a9c5d8;font-size:.78em;line-height:1}}body.page-work-time main.shell{padding-top:max(12px, calc(var(--nav-height, 58px) + var(--page-top-gap, 14px) - 150px))}body.page-work-time #workDashboard{& .work-dashboard-title-row{border-color:transparent}& .work-view-title{display:inline-block;margin:0 0 6px;color:#92aeca;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(1.05rem, 1.55vw, 1.38rem);font-style:normal;font-weight:400;line-height:1.15;letter-spacing:.02em;text-shadow:none;text-transform:none}}body.page-work-time #workDashboard{background:radial-gradient(circle at 50% -20%, rgba(42, 75, 118, .18), transparent 34%), linear-gradient(135deg, #08101d 0%, #0c1627 48%, #060b14 100%)}body.page-work-time #workDashboard{& .work-dashboard-title-row{min-height:0;border:0;background:transparent;box-shadow:none}& .work-dashboard-title{display:block;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(.95rem, 1.4vw, 1.18rem);font-style:normal;font-weight:400;line-height:1.1;letter-spacing:.03em;text-align:center;text-shadow:none;text-transform:none}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .token-day-group{position:relative;display:grid;grid-template-columns:1fr;justify-content:center;justify-items:center;align-items:center;gap:8px;width:100%;min-width:0;padding:0}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .token-day-label{position:absolute;top:50%;right:calc(50% + (var(--work-token-row-width) / 2) + 18px);transform:translateY(-50%);display:inline;width:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#d7a6ff;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(1.05rem, 1.55vw, 1.28rem);font-weight:500;line-height:1;letter-spacing:.08em;text-align:right;text-transform:uppercase}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-work .token-day-label{color:#e7a75f}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-weekend .token-day-label{color:#72d695}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-work .token-day-slots,& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-weekend .token-day-slots{display:grid;grid-template-columns:repeat(4, var(--work-token-card-width));justify-content:center;justify-items:center;gap:var(--work-token-card-gap);width:var(--work-token-row-width);max-width:100%}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel :is(.counter-slot.work-token,.counter-slot.weekend-token){width:var(--work-token-card-width);height:auto;min-height:0;aspect-ratio:2.5 / 3.5;padding:12px 8px;border:3px solid rgba(137, 173, 202, .32);border-radius:12px;background:radial-gradient(circle at 50% 12%, rgba(255, 255, 255, .08), transparent 34%), linear-gradient(160deg, rgba(35, 56, 78, .92), rgba(9, 19, 32, .98));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .055), 0 14px 26px rgba(0, 0, 0, .28);cursor:default}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot small{color:rgba(232, 244, 255, .82);font-size:.82rem;line-height:1.05}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-current,& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel :is(.counter-slot.slot-current:hover,.counter-slot.slot-current.slot-selected){cursor:pointer}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.work-token.slot-completed{border-width:4px;border-color:#ffad5c;box-shadow:0 0 0 3px rgba(255, 166, 83, .22), 0 0 30px rgba(255, 145, 55, .42), inset 0 0 0 1px rgba(255, 235, 205, .12)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.weekend-token.slot-completed{border-width:4px;border-color:#72e795;box-shadow:0 0 0 3px rgba(114, 231, 149, .22), 0 0 30px rgba(83, 217, 117, .42), inset 0 0 0 1px rgba(212, 255, 222, .12)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.work-token.slot-current:not(.slot-selected){border-width:5px;border-color:#ffd39b;box-shadow:0 0 0 4px rgba(255, 179, 92, .28), 0 0 42px rgba(255, 151, 51, .56), inset 0 0 0 1px rgba(255, 244, 218, .16)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.weekend-token.slot-current:not(.slot-selected){border-width:5px;border-color:#b2ffc1;box-shadow:0 0 0 4px rgba(119, 237, 149, .28), 0 0 42px rgba(84, 226, 115, .56), inset 0 0 0 1px rgba(219, 255, 226, .16)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-selected,& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel :is(.counter-slot.slot-current.slot-selected,.counter-slot.slot-completed.slot-selected){border-width:5px;border-color:#d5b4ff;background:radial-gradient(circle at 50% 14%, rgba(216, 185, 255, .28), transparent 38%), linear-gradient(160deg, rgba(64, 43, 99, .98), rgba(17, 15, 43, .99));box-shadow:0 0 0 4px rgba(188, 135, 255, .3), 0 0 46px rgba(171, 107, 255, .58), inset 0 0 0 1px rgba(242, 227, 255, .16);cursor:pointer}}@media (max-width: 760px){body.page-work-time #workDashboard #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel{& .token-day-group{padding-top:22px}& .token-day-label{top:0;right:auto;left:50%;transform:translateX(-50%);text-align:center}}}html body.page-work-time main.shell{display:grid;gap:var(--app-main-card-gap, 10px)}html body.page-work-time .page-body-title{margin:0}html body.page-work-time #workHoursGroupShell,html body.page-work-time #workHoursGroup{padding:0;border:0;background:transparent;box-shadow:none}html body.page-work-time #workDashboard.work-dashboard.glass-card,html body.page-work-time #workDashboard:is(*,#_){gap:var(--app-main-card-gap, 10px);width:100%;margin:0 auto;padding:0;border-radius:0}html body.page-work-time #workDashboard:is(*,#_) > *{margin-block:0}@media(max-width:720px){html body.page-work-time main.shell{gap:var(--app-main-card-gap, 10px)}html body.page-work-time #workDashboard:is(*,#_){gap:var(--app-main-card-gap, 10px)}}html body.page-work-time #workDashboard #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel{& .token-day-group{--work-token-card-width: 132px;--work-token-card-gap: 18px}& :is(.counter-slot.work-token,.counter-slot.weekend-token){font-size:3rem;border-width:3px}& .counter-slot.work-token.slot-active.slot-completed{border-color:#ffad5c;background:radial-gradient(circle at 50% 12%, rgba(255, 183, 99, .22), transparent 36%), linear-gradient(160deg, rgba(78, 47, 25, .98), rgba(19, 20, 26, .99));box-shadow:0 0 0 3px rgba(255, 166, 83, .24), 0 0 34px rgba(255, 145, 55, .48), inset 0 0 0 1px rgba(255, 235, 205, .14)}& .counter-slot.weekend-token.slot-active.slot-completed{border-color:#72e795;background:radial-gradient(circle at 50% 12%, rgba(114, 231, 149, .2), transparent 36%), linear-gradient(160deg, rgba(25, 70, 43, .98), rgba(15, 25, 22, .99));box-shadow:0 0 0 3px rgba(114, 231, 149, .22), 0 0 34px rgba(83, 217, 117, .46), inset 0 0 0 1px rgba(212, 255, 222, .14)}}html body.page-work-time #workFinanceTools .finance-card,html body.page-work-time #workDashboard :is(#payCalculator,#expenseCalculator,#financialYearCard){width:min(1080px, 100%);margin-left:auto;margin-right:auto;padding:26px 28px;border-radius:16px;border:1px solid rgba(117, 178, 223, .34);background:radial-gradient(circle at 16% 0%, rgba(58, 127, 189, .18), transparent 35%), linear-gradient(145deg, #131d2c, #081320 68%, #07101c);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 24px 46px rgba(0, 5, 18, .32)}html body.page-work-time #workDashboard{& #expenseCalculator{border-color:rgba(109, 217, 178, .32);background:radial-gradient(circle at 16% 0%, rgba(56, 176, 139, .18), transparent 35%), linear-gradient(145deg, #10231f, #071b1a 68%, #061212)}& .finance-compact-title{font-family:Georgia, "Times New Roman", serif;text-align:center}& #payCalculatorBody .finance-input-grid,& #budgetCalculatorBody :is(.budget-income-panel,.budget-expenditure-panel){display:grid;justify-items:center;gap:12px}& #payCalculatorBody .finance-input-grid > label,& #payCalculatorBody .pay-rate-line,& #budgetCalculatorBody .budget-income-panel > label,& #budgetCalculatorBody .expense-row,& #payComparePanel label{display:grid;grid-template-columns:minmax(190px, 260px) auto auto;align-items:center;justify-content:center;gap:10px;width:min(720px, 100%);margin:0 auto;color:#c8e0f1;font-size:1.02rem;text-align:center}& #payCalculatorBody .finance-input-grid > label > span:first-child,& #budgetCalculatorBody label > span:first-child,& #payComparePanel label > span:first-child{color:#d7efff;font-size:1.08rem;text-align:right}& #payCalculatorBody :is(input,select),& #budgetCalculatorBody :is(input,select),& #payComparePanel :is(input,select){width:96px;min-height:34px;padding:5px 8px;border:1px solid rgba(135, 196, 234, .42);border-radius:8px;background:#071528;color:#e9f7ff;text-align:center}& #payCalculatorBody select,& #budgetCalculatorBody select,& #payComparePanel select{width:128px}& .finance-secondary-toggle{display:block;border-radius:7px;background:#091626;color:#8aa8bf;font-size:.76rem;box-shadow:none}& :is(.pay-action-row,.pay-compare-entry-row){display:flex;justify-content:center;margin:18px auto 8px}& :is(.finance-calculate-button,.finance-compare-toggle,.finance-compare-run){border-radius:10px;border:1px solid rgba(133, 204, 240, .45);background:linear-gradient(180deg, #1a4266, #0d253e);color:#ebf9ff;font-size:.98rem;font-weight:400}& :is(.finance-compare-toggle,.pay-compare-results),& #payComparePanel{border-color:rgba(178, 150, 255, .42)}& .finance-compare-toggle{background:linear-gradient(180deg, #2a2251, #13152f);color:#d7caff}& #payComparePanel,& .pay-compare-results{width:min(940px, 100%);margin:16px auto;padding:18px;border:1px solid rgba(178, 150, 255, .42);border-radius:14px;background:linear-gradient(145deg, rgba(28, 24, 56, .98), rgba(9, 12, 31, .98))}& :is(.pay-compare-table,.budget-rank-table){width:100%;border-collapse:separate;border-spacing:0 6px;color:#dceefa;text-align:center}& .pay-compare-table :is(th,td),& .budget-rank-table :is(th,td){padding:9px 10px;background:rgba(8, 20, 36, .72);border-top:1px solid rgba(129, 177, 218, .18);border-bottom:1px solid rgba(129, 177, 218, .18)}& .pay-compare-table th:nth-child(3),& .pay-compare-table td:nth-child(3),& .pay-compare-table th:nth-child(6),& .pay-compare-table td:nth-child(6){color:#f1eaff;background:rgba(65, 45, 124, .48)}& .finance-output-list{width:min(900px, 100%);margin:18px auto;justify-content:center;text-align:center}& :is(.budget-plan,.budget-breakdown-grid,.finance-output-grid){justify-content:center;justify-items:center;text-align:center}& :is(.expense-group-toggle,.income-assets-toggle){border-radius:9px;border:1px solid rgba(119, 218, 180, .38);background:linear-gradient(180deg, #13382e, #09201c);color:#baf5dc}}@media (max-width: 760px){html body.page-work-time #workDashboard{& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .token-day-group{--work-token-card-width: min(108px, 22vw);--work-token-card-gap: 8px}& #payCalculatorBody .finance-input-grid > label,& #payCalculatorBody .pay-rate-line,& #budgetCalculatorBody .budget-income-panel > label,& #budgetCalculatorBody .expense-row,& #payComparePanel label{grid-template-columns:1fr}& #payCalculatorBody .finance-input-grid > label > span:first-child,& #budgetCalculatorBody label > span:first-child,& #payComparePanel label > span:first-child{text-align:center}}}html body.page-work-time #workDashboard{& .workday-multi-sliders{justify-self:center}& #payCalculator .pay-compare-entry-row{margin:28px auto 8px;padding-top:20px;border-top:1px solid rgba(138, 174, 210, .18)}& #payCalculator #payCalculatorOutput{width:min(960px, 100%);margin:18px auto 0;padding:18px;border:1px solid rgba(102, 196, 243, .32);border-radius:14px;background:linear-gradient(145deg, rgba(10, 33, 56, .96), rgba(5, 15, 28, .98))}& #payCalculator #payCalculatorOutput:empty{display:none}& #payCalculator .finance-results-title{grid-column:1 / -1;margin:0 0 10px;color:#8ed8ff;font-size:1.35rem;font-weight:400;letter-spacing:.08em;text-align:center;text-transform:uppercase}& #payCalculator .finance-result-pair{display:grid;grid-template-columns:minmax(150px, .7fr) minmax(260px, 1fr);align-items:center;gap:14px;padding:12px 14px;border:1px solid rgba(120, 188, 232, .18);border-radius:10px;background:rgba(5, 17, 31, .72)}& #payCalculator .finance-result-label{color:#8fb8d6;font-size:.96rem;letter-spacing:.05em;text-align:right;text-transform:uppercase}& #payCalculator .finance-result-pair > div{display:grid;grid-template-columns:repeat(2, minmax(120px, 1fr));gap:10px}& #payCalculator .finance-result-pair strong{display:grid;gap:3px;padding:9px 10px;border-radius:8px;background:rgba(10, 30, 50, .92)}& #payCalculator .finance-result-pair em{color:#78b8df;font-size:.72rem;font-style:normal;letter-spacing:.12em}& #payCalculator .finance-result-pair b{color:#effaff;font-size:1.04rem;font-weight:400}& #payCalculator #payComparePanel{width:min(820px, 100%);margin:12px auto 0;border-radius:16px}& #payCalculator #payComparePanel[hidden]{display:none}& #payCalculator #payComparePanel h4{letter-spacing:.08em;text-align:center;text-transform:uppercase}& #payCalculator #payCompareOutput{width:min(1040px, 100%);margin:18px auto 0}& #payCalculator #payCompareOutput:empty{display:none}& #payCalculator #payCompareOutput .pay-compare-results{width:100%;margin:0 auto;padding:20px;border:1px solid rgba(183, 160, 255, .46);border-radius:16px}& #payCalculator #payCompareOutput .pay-compare-results h4{margin:0 0 8px;font-size:1.35rem;font-weight:400;letter-spacing:.08em;text-align:center}& #payCalculator :is(.pay-compare-basis,.pay-compare-empty){margin:0 0 14px;color:#bcaeff;text-align:center}& #payCalculator :is(.pay-compare-table,.finance-detail-table){width:100%;border-collapse:separate;border-spacing:0 7px}& #payCalculator .pay-compare-table :is(th,td),& #payCalculator .finance-detail-table :is(th,td){padding:10px 11px;border-top:1px solid rgba(157, 190, 226, .16);border-bottom:1px solid rgba(157, 190, 226, .16);background:rgba(5, 16, 32, .76);text-align:center}& #payCalculator .pay-compare-table thead th{color:#d7caff;background:rgba(39, 31, 80, .84);font-weight:400}& #payCalculator :is(.pay-compare-period,.finance-table-label){color:#8fb8d6;font-weight:400}& #payCalculator .pay-current-value{color:#b7d7ec}& #payCalculator :is(.pay-new-value,.finance-table-value){color:#f4fbff}& #payCalculator .pay-compare-table .positive{color:#7ee4b1}& #payCalculator .pay-compare-table .negative{color:#ff9ba8}}@media (max-width: 760px){html body.page-work-time #workDashboard #payCalculator{& .finance-result-pair,& .finance-result-pair > div{grid-template-columns:1fr}& .finance-result-label{text-align:center}}}html body.page-work-time #workDashboard{& .workday-mini-time-marker{top:auto}& .workday-mini-time-marker i{order:2;margin:2px auto 0}& .workday-mini-time-marker em{order:1}& .workday-mini-label.label-top{top:auto}& :is(.workday-mini-label.workday-section-label,.workday-mini-label.label-bottom){bottom:auto}& .workday-mini-time-marker{bottom:-63px}& :is(#workdayBeforeOffFill,#workdayAfterOffFill){background:var(--work-blue)}& #workdayWorkFill{background:var(--work-orange)}& :is(#workdayWeekendFill,#workweekFill){background:linear-gradient(90deg, #247947, #2fa867, #45c77f)}& .work-status-header-icon{order:2;display:grid;place-items:center;width:54px;height:42px;margin:-4px auto 6px;border:1px solid rgba(147, 229, 221, .34);border-radius:16px;background:linear-gradient(145deg, rgba(12, 47, 63, .82), rgba(24, 61, 75, .62));color:#8ff7e9;font-size:1.6rem;line-height:1;box-shadow:inset 0 0 14px rgba(112, 231, 221, .08), 0 10px 18px rgba(0, 0, 0, .16)}& .workday-mini-label.label-top{bottom:-57px}& :is(.workday-mini-label.workday-section-label,.workday-mini-label.label-bottom){top:-48px}}html body.page-work-time #workDashboard,html body.page-work-time #workDashboard :is(.work-dashboard-panels,.work-finance-tools,.finance-card),html body.page-work-time #workDashboard :is(#workDashboardBottomSection,#financialYearCard),html body.page-work-time .age-card,html body.page-work-time .activities-card{width:min(100%, 1480px);max-width:1480px;margin-left:auto;margin-right:auto}html body.page-work-time #workDashboard :is(.work-dashboard-panels,.work-finance-tools){display:grid;justify-items:center}html body.page-work-time #workDashboard:is(*,#_),html body.page-work-time #workDashboard:is(*,#_) > *,html body.page-work-time #workDashboard:is(*,#_) .work-dashboard-panels,html body.page-work-time #workDashboard:is(*,#_) :is(#payCalculator:is(*,#_),#expenseCalculator:is(*,#_),#financialYearCard:is(*,#_)),html body.page-work-time #workDashboard:is(*,#_) .finance-card:is(*,._){width:min(100%, 1480px);max-width:1480px;margin-left:auto;margin-right:auto}html body.page-work-time #workDashboard{& :is(.work-card-actions,.work-settings-actions,.work-header-actions,.world-holidays-toggle,.compact-holidays-button),& :is(#workSettingsToggle,#workHolidayToggle,#holidayToggle){transform:translateY(50px)}& .daily-earnings-card{display:grid;gap:18px;padding:24px 28px 28px;border:1px solid rgba(126, 217, 204, .28);border-radius:22px;background:radial-gradient(circle at 12% 0%, rgba(122, 224, 194, .14), transparent 34%), radial-gradient(circle at 86% 10%, rgba(78, 156, 216, .12), transparent 32%), linear-gradient(145deg, rgba(8, 31, 43, .98), rgba(5, 17, 31, .99) 62%, rgba(8, 28, 40, .98));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 42px rgba(0, 10, 24, .3)}& .daily-earnings-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(139, 218, 226, .14);padding-bottom:12px}& .daily-earnings-head h3{margin:0;color:#dffdf5;font-weight:650}& .daily-earnings-head p{margin:0;color:#9fc3cf}& .daily-earnings-top-row{display:grid;grid-template-columns:minmax(340px, 430px) minmax(0, 1fr);align-items:stretch;gap:18px}& .work-earnings-progress-grid{display:grid;gap:12px}& .work-earnings-progress-card{display:grid;gap:10px;padding:14px 16px;border:1px solid rgba(130, 210, 224, .22);border-radius:14px}& .work-earnings-progress-card :is(header,footer){display:flex;align-items:center;justify-content:space-between;gap:12px}& .work-earnings-progress-card header span{color:#e3fbff;font-weight:700}& .work-earnings-progress-card header b{color:#98f2cf}& .work-earnings-progress-card footer span{color:#bfdce6}& .work-earnings-progress-card footer span:last-child{color:#a8def1}& .work-earnings-slider{position:relative;height:22px;overflow:hidden;border-radius:999px;box-shadow:inset 0 6px 16px rgba(0, 0, 0, .42)}& .work-earnings-slider-fill{position:absolute;inset:0 auto 0 0;width:var(--earnings-progress);border-radius:inherit;box-shadow:0 0 18px rgba(113, 221, 196, .28)}& .work-earnings-slider-marker{position:absolute;top:50%;left:var(--earnings-progress);width:10px;height:30px;border-radius:999px;transform:translate(-50%, -50%)}& .daily-earnings-totals .workweek-combined-totals{width:100%;max-width:none;margin:0}}@media (max-width: 980px){html body.page-work-time #workDashboard{& .daily-earnings-top-row{grid-template-columns:1fr}& .daily-earnings-head,& .work-earnings-progress-card :is(header,footer){display:grid;justify-items:start}}}html body.page-work-time #workDashboard{& :is(#workdayWeekendSliderTitle,#workdayCombinedSliderPercent,#workdayWeekendSliderPercent){margin-left:0;margin-right:auto;text-align:left}& .workday-mini-label.label-bottom{top:calc(100% + 10px);bottom:auto;margin-bottom:5px;transform:translateX(-50%)}& .daily-earnings-card{font-size:1.15rem}& .daily-earnings-head h3{font-size:clamp(1.6rem, 2.4vw, 2.25rem)}& .daily-earnings-head p,& .work-earnings-progress-card footer span{font-size:1rem}& .work-earnings-progress-card header span{font-size:1.14rem}& .work-earnings-progress-card header b{font-size:1.45rem}& .work-total-section-grid .work-total-pair{font-size:1.08rem}& .work-total-section-grid .work-total-pair strong{font-size:1.16rem}& .work-total-section-grid .work-total-pair .bank-tax-lines,& .work-total-section-grid .work-total-pair .bank-tax-lines span{display:block}& .work-total-section-grid .work-total-pair .bank-tax-lines{margin-top:8px;line-height:1.45}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot{position:relative;overflow:visible}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-current:not(.slot-collected){border-width:5px;border-color:#7de7ff;box-shadow:0 0 0 3px rgba(125, 231, 255, .2), 0 0 26px rgba(64, 191, 255, .35)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-current:not(.slot-collected)::before{content:"";position:absolute;left:50%;top:-26px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #7de7ff;transform:translateX(-50%);filter:drop-shadow(0 0 10px rgba(125, 231, 255, .45))}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-completed:not(.slot-current):not(.slot-collected),& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-active.slot-completed:not(.slot-current):not(.slot-collected){border-width:4px;border-color:#7ccfff;background:rgba(9, 18, 30, .9);box-shadow:none}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-collected,& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-selected.slot-collected,& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel :is(.counter-slot.work-token.slot-active.slot-current.slot-completed.slot-selected.slot-collected,.counter-slot.weekend-token.slot-active.slot-current.slot-completed.slot-selected.slot-collected){border-width:5px;border-color:#c995ff;background:radial-gradient(circle at 50% 10%, rgba(220, 180, 255, .22), transparent 40%), linear-gradient(160deg, rgba(76, 35, 116, .98), rgba(31, 20, 60, .99));color:#f8efff;box-shadow:0 0 0 3px rgba(183, 126, 255, .25), 0 0 34px rgba(177, 101, 255, .5)}& #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel .counter-slot.slot-collected small{color:#f7e9ff;font-size:.95rem}}html body.page-work-time :is( .progress-track, .progress-fill, .segment-band, .segment-band span, .workday-mini-track, .workday-mini-fill, .work-earnings-slider, .work-earnings-slider-fill, input[type="range"], input[type="range"]::-webkit-slider-runnable-track, input[type="range"]::-moz-range-track, input[type="range"]::-webkit-slider-thumb, input[type="range"]::-moz-range-thumb ){border-radius:0}html body.page-work-time input[type="range"]::-webkit-slider-runnable-track,html body.page-work-time input[type="range"]::-webkit-slider-thumb{border-radius:0}html body.page-work-time input[type="range"]::-moz-range-track,html body.page-work-time input[type="range"]::-moz-range-thumb{border-radius:0}html body.page-work-time #workDashboard{& .work-cards-display-head{align-items:center;gap:4px;padding:6px 0 12px;text-align:left}& .work-cards-display-head span{font-size:clamp(1.05rem, 1.35vw, 1.28rem);font-weight:500;letter-spacing:0;text-transform:none}& .work-cards-display-head p{margin:0;font-size:.88rem;color:#aac4d4}& .finance-card{border-left-width:3px;background:radial-gradient(circle at 12% 0%, rgba(47, 128, 216, .16), transparent 34%), linear-gradient(180deg, #102235, #091827 68%, #07131f)}& .finance-compact-title{margin:0 0 14px;font-size:clamp(1.18rem, 1.65vw, 1.55rem);font-weight:500;letter-spacing:0;line-height:1.15;color:#eef8fc}& :is(.finance-entry-panel,.budget-entry-panel,.budget-expenditure-panel,.finance-adjustments-body),& #payComparePanel{padding:16px;border:1px solid rgba(132, 190, 218, .22);border-radius:8px;background:rgba(5, 18, 30, .58)}& .finance-entry-panel{display:grid;grid-template-columns:minmax(360px, 1.35fr) repeat(3, minmax(170px, 1fr));align-items:end;gap:12px}& .pay-entry-rate{grid-template-columns:auto auto auto minmax(110px, .55fr) auto;align-items:center;gap:8px}& .pay-entry-rate > span:first-child,& .finance-entry-panel label > span:first-child,& .budget-entry-panel label > span:first-child{color:#dbeafe;font-size:.9rem;font-weight:500;white-space:nowrap}& .pay-rate-period-text,& .percent-input-wrap em{color:#9eb8c9;font-style:normal}& .percent-input-wrap{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:6px}& .finance-secondary-toggle{width:fit-content;margin:12px 0 0;min-height:36px;padding:8px 14px}& .finance-adjustments-body{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-top:10px}& :is(.finance-adjustments-body[hidden],.expense-group-body[hidden]){display:none}& .finance-adjustments-body h4{grid-column:1 / -1;margin:0 0 2px;font-size:1rem;font-weight:500}& :is(.finance-adjustment-row,.expense-row){display:grid;grid-template-columns:minmax(135px, 1fr) minmax(92px, .7fr) minmax(120px, .8fr) minmax(112px, .8fr);align-items:center;gap:8px;padding:9px;border:1px solid rgba(132, 190, 218, .14);border-radius:8px;background:rgba(7, 21, 34, .72)}& .expense-row{grid-template-columns:minmax(160px, 1fr) minmax(110px, .7fr) minmax(118px, .7fr) minmax(86px, .55fr)}& .finance-adjustment-row > span:first-child,& .expense-row > span:first-child{color:#e8f6fb;font-size:.9rem}& .pay-action-row{display:flex;justify-content:flex-start;margin-top:12px}& .finance-output-list,& #payCalculatorOutput,& #expenseCalculatorOutput .finance-output-list{display:grid;grid-template-columns:repeat(3, minmax(210px, 1fr));gap:12px;margin-top:14px}& .finance-results-title,& .budget-plan h4{grid-column:1 / -1;margin:0;font-size:1.08rem;font-weight:500;color:#f4fbff}& :is(.finance-result-pair,.finance-metric){min-height:92px;padding:13px;border:1px solid rgba(94, 186, 210, .18);border-radius:8px;background:linear-gradient(145deg, rgba(9, 38, 54, .9), rgba(5, 18, 29, .96))}& #payBreakdownOutput{display:grid;gap:12px;margin-top:14px}& .finance-detail-block{padding:14px;border:1px solid rgba(132, 190, 218, .16);border-radius:8px;background:rgba(5, 18, 30, .62)}& .finance-detail-table tbody{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}& .finance-detail-table tr{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(9, 31, 47, .72)}& .budget-entry-panel label{display:grid;grid-template-columns:auto minmax(180px, 1fr) minmax(130px, .45fr);align-items:center;gap:10px}& .budget-expenditure-panel h4{margin:0 0 12px;font-size:1rem;font-weight:500}& .expense-groups{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}& .expense-group{display:grid;gap:8px;align-content:start}& .expense-group-toggle,& :is(#calculateBudgetButton,#calculatePayButton){width:180px;justify-content:center;text-align:center}& .expense-group-body{display:grid;gap:8px}& .budget-plan{grid-column:1 / -1;display:grid;gap:14px;padding:16px;border:1px solid rgba(94, 186, 210, .2);border-radius:8px;background:radial-gradient(circle at 80% 0%, rgba(54, 162, 105, .16), transparent 35%), linear-gradient(180deg, rgba(8, 29, 44, .95), rgba(5, 17, 28, .98))}& .budget-breakdown-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}& .budget-breakdown-grid section{padding:12px;border:1px solid rgba(132, 190, 218, .14);border-radius:8px;background:rgba(6, 20, 32, .7)}& #financialYearCard{min-height:430px}& #financialYearCard .compact-top-lines{display:grid;justify-content:center;gap:6px;margin-top:8px;text-align:center}& #financialYearCard .named-cycle-current strong{color:#8fe8ff;font-size:1.35rem}}@media (max-width: 1100px){html body.page-work-time #workDashboard :is(.finance-entry-panel,.finance-output-list,.expense-groups,.budget-breakdown-grid),html body.page-work-time #workDashboard :is(#payCalculatorOutput,#payBreakdownOutput),html body.page-work-time #workDashboard #expenseCalculatorOutput .finance-output-list{grid-template-columns:1fr}}html body.page-work-time #workDashboard{& #payCalculator{font-size:1.14rem}& #payCalculator .finance-entry-panel{display:grid;grid-template-columns: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))}& #payCalculator .finance-entry-panel label,& #payCalculator .pay-rate-line{display:grid;grid-template-columns:minmax(190px, 1fr) minmax(190px, 1.2fr);align-items:center;justify-content:stretch;gap:12px;width:100%;margin:0;font-size:1.16rem;text-align:left}& #payCalculator .pay-rate-line{grid-template-columns:minmax(190px, 1fr) auto auto auto}& #payCalculator .finance-entry-panel label > span:first-child{color:#e9f7ff;font-size:1.18rem;text-align:right}& #payCalculator :is(input,select){min-height:42px;width:140px;font-size:1.16rem}& #payCalculator :is(.pay-action-row,.pay-compare-entry-row){justify-content:center}& #payCalculatorOutput.finance-output-list{display:grid;grid-template-columns:repeat(2, minmax(220px, 1fr));gap:14px;width:min(980px, 100%);margin:18px auto 0}& #payCalculatorOutput .finance-result-pair{min-height:116px;display:grid;align-content:center;gap:10px;font-size:1.08rem}& #payCalculatorOutput .finance-result-pair > div{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}& #payCalculatorOutput .finance-result-pair strong{display:grid;gap:4px;text-align:center}& #payBreakdownOutput{width:min(980px, 100%);margin-left:auto;margin-right:auto;grid-template-columns:repeat(2, minmax(0, 1fr))}}html body.page-work-time #workDashboard:is(*,#_) #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel{& .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)}& .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)}& .counter-slot.slot-current:not(.slot-selected){border-width:6px;filter:brightness(1.2) saturate(1.08)}& .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))}& .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-work-time #workDashboard #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel .pay-rate-line{& .money-input-wrap{justify-self:center}& .pay-rate-period-text,& select{justify-self:center}}html body.page-work-time #workDashboard:is(*,#_) #workDashboardTokens.work-dashboard-tokens #dashboardWorkweekCounterPanel{& .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))}& .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-work-time #workDashboard{& #payCalculatorOutput .finance-result-pair{grid-template-columns:minmax(0, 1fr);justify-items:center;text-align:center}& :is(.workday-multi-sliders,.workday-mini-slider){width:min(100%, 1130px);max-width:1130px;margin-left:auto;margin-right:auto}& .workday-mini-slider header{margin-bottom:22px;padding-bottom:6px}& #workdayWeekendSliderTitle{color:#78e795;font-family:Georgia, "Times New Roman", serif;font-style:italic;font-size:1.42rem;font-weight:500}& :is( .label-work-first-half, .label-lunch-break, .label-work-second-half, .label-work-shift-section ){top:auto;bottom:-62px;z-index:28}& :is(.workday-mini-label,.workday-mini-time-marker,.workweek-range-label,.workweek-main-label,.workweek-weekend-label){z-index:40}& :is(.workweek-main-label,.workweek-weekend-label){font-size:1.28rem;line-height:1.05;font-weight:700}& .workweek-main-label{color:#ff8c5a}& .workweek-weekend-label{color:#8df0a7}& .workweek-range-label{padding-top:30px}& .workweek-range-label::before{position:absolute;left:50%;top:0;width:12px;height:24px;transform:translateX(-50%);clip-path:polygon(36% 0, 64% 0, 64% 56%, 100% 56%, 50% 100%, 0 56%, 36% 56%)}& :is(.workday-mini-marker, .progress-track > .marker)::before{content:"";position:absolute;left:50%;top:-42px;width:16px;height:34px;transform:translateX(-50%);clip-path:polygon(35% 0, 65% 0, 65% 58%, 100% 58%, 50% 100%, 0 58%, 35% 58%);z-index:20}& .workday-mini-marker,& .progress-track > .marker{z-index:22}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel label,& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel .pay-rate-line{display:grid;grid-template-columns:230px minmax(220px, 1fr) auto;align-items:center;justify-items:start;gap:10px;text-align:left}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel label > span:first-child,& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel .pay-rate-line > span:first-child{color:#e5d2a4;text-align:right;justify-self:end;font-weight:600}& #payCalculator .pay-rate-period-text{color:#cfe4ea;font-size:1rem;white-space:nowrap}& #payCalculator .finance-secondary-toggle{min-height:30px;height:30px;padding:4px 14px;margin:4px auto 0;justify-self:center;border-radius:8px;font-size:.88rem}& #payCalculator .finance-calculate-button,& #calculateBudgetButton{min-height:48px;padding:12px 30px;border-radius:999px;border-color:rgba(151, 226, 255, .8);background:linear-gradient(180deg, #3fb6ff, #1266ad);color:#f6fcff;box-shadow:0 0 26px rgba(47, 160, 229, .34);font-size:1.08rem}& #payCalculator :is(.finance-compare-toggle,.finance-compare-run){min-height:44px;padding:10px 26px;border-radius:999px}& #budgetCalculatorBody .budget-expenditure-panel{display:grid;gap:18px}& #budgetCalculatorBody .expense-groups{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));align-items:start;gap:16px}& #budgetCalculatorBody .expense-group{min-height:100%}& #budgetCalculatorBody .expense-group-toggle{border-radius:12px}& #budgetCalculatorBody .expense-group-body{margin-top:10px}& #budgetCalculatorBody .budget-assets-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(182, 207, 223, .42), transparent)}& #budgetCalculatorBody .budget-assets-title{margin:0;color:#b8efc2;text-align:center;font-size:1.2rem}& #calculateBudgetButton{justify-self:center;min-width:260px;font-size:1.16rem}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel .pay-rate-line.pay-entry-rate{display:grid;justify-items:start;align-items:center;column-gap:10px;row-gap:0;margin-bottom:0}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel .pay-rate-line.pay-entry-rate > span:first-child{justify-self:end;text-align:right}& #payCalculator #payRateType:is(*,#_){display:block;min-width:150px;max-width:150px;opacity:1;pointer-events:auto}& #payCalculator :is(#payRate, #payHoursPerDay, #payDaysPerWeek){font-size:1.32rem;text-align:left;padding-left:12px}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel label:not(.pay-rate-line){margin-bottom:0}& #budgetCalculatorBody :is(.expense-group-body[hidden],.expense-group-body[hidden=""]){display:none}}html body.page-work-time #workDashboard:is(*,#_){& .work-earnings-progress-card{background:linear-gradient(180deg, rgba(19, 33, 44, .98), rgba(7, 18, 26, .98));border-color:rgba(93, 169, 137, .3)}& .work-earnings-slider{background:#081015;border:1px solid rgba(130, 206, 166, .28)}& .work-earnings-slider-fill{background:linear-gradient(90deg, #182c3d, #1e5d54 58%, #6bcc8f)}& .work-earnings-slider-marker{background:#91f0ad;box-shadow:0 0 12px rgba(118, 225, 150, .58)}& :is(.work-earnings-minute-meter, .work-earnings-minute-amount, .work-earnings-pop){display:none}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel{width:min(100%, 760px);justify-items:start}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel .pay-rate-line.pay-entry-rate{grid-template-columns:230px minmax(170px, 230px) 150px;justify-content:start}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel label:not(.pay-rate-line){justify-content:start}& #payCalculator #payCalculatorBody .finance-entry-panel.pay-entry-panel :is(label, .pay-rate-line) > span:first-child{justify-self:end}& #payCalculator #calculatePayButton:is(*,#_){margin-top:10px}& #budgetCalculatorBody :is(.expense-groups-spread, .asset-groups-spread){margin-left:auto;margin-right:auto}& #budgetCalculatorBody .expense-group{gap:10px;justify-items:stretch}& #budgetCalculatorBody .expense-group-toggle{text-align:center;letter-spacing:0}& #financialYearCard:is(*,#_){background:linear-gradient(145deg, rgba(18, 28, 42, .98), rgba(11, 18, 28, .98) 48%, rgba(21, 34, 49, .96));border-color:rgba(144, 176, 202, .34)}& #financialYearCard:is(*,#_) .compact-top-lines{width:100%}& #financialYearCard:is(*,#_) .financial-business-layout{display:grid;justify-items:center;gap:14px;width:min(100%, 520px);margin:0 auto;padding:14px 16px 18px;border:1px solid rgba(138, 166, 190, .24)}& #financialYearCard:is(*,#_) .financial-business-headline{align-items:baseline;justify-content:space-between;width:100%;color:#d9e9f5}& #financialYearCard:is(*,#_) .financial-business-headline span{color:#c3b78c;font-size:1rem}& #financialYearCard:is(*,#_) .financial-business-headline strong{color:#8bd3ff;font-size:1.42rem}& #financialYearCard:is(*,#_) .financial-business-kpis{grid-template-columns:repeat(3, 1fr);gap:10px;width:100%}& #financialYearCard:is(*,#_) .financial-business-kpis span{display:grid;gap:2px;place-items:center;min-height:58px;border:1px solid rgba(128, 163, 190, .22);background:rgba(5, 16, 25, .72)}& #financialYearCard:is(*,#_) .financial-business-kpis b{color:#b2e4ff;font-size:1.25rem}& #financialYearCard:is(*,#_) .financial-business-kpis small,& #financialYearCard:is(*,#_) .financial-business-remaining{color:#d8cfa8}& #financialYearCard:is(*,#_) .financial-quarter-dial{position:relative;display:grid;place-items:center;width:185px;height:185px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(203, 229, 243, .12), 0 10px 26px rgba(0, 0, 0, .28)}& #financialYearCard:is(*,#_) .financial-quarter-dial::before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(190, 211, 224, .22)}& #financialYearCard:is(*,#_) .financial-quarter-dial strong{color:#e7f6ff;font-size:1.62rem;z-index:1}& #financialYearCard:is(*,#_) .financial-quarter-dial small{color:#d3c899;font-size:.86rem;z-index:1}& #financialYearCard:is(*,#_) .financial-quarter-hand{position:absolute;left:calc(50% - 2px);top:12px;width:4px;height:calc(50% - 14px);border-radius:4px;background:#ffe18a;transform-origin:50% 100%;transform:rotate(var(--financial-year-angle));box-shadow:0 0 10px rgba(255, 225, 138, .55)}& #financialYearCard:is(*,#_) .fq-label{position:absolute;color:#e2eef8;font-size:.92rem;z-index:1}& #financialYearCard:is(*,#_) .fq-label-q1{top:11px;left:50%;transform:translateX(-50%)}& #financialYearCard:is(*,#_) .fq-label-q2{right:13px;top:50%;transform:translateY(-50%)}& #financialYearCard:is(*,#_) .fq-label-q3{bottom:11px;left:50%;transform:translateX(-50%)}& #financialYearCard:is(*,#_) .fq-label-q4{left:13px;top:50%;transform:translateY(-50%)}& .workweek-range-label::before{content:none;display:none}& #budgetCalculator#expenseCalculator,& #expenseCalculator.expense-calculator{background-color:#101722;background-image:radial-gradient(circle, rgba(168, 198, 190, .16) 0 2px, transparent 2.4px), radial-gradient(circle, rgba(94, 117, 134, .12) 0 1.5px, transparent 2px);background-size:34px 34px, 22px 22px;background-position:0 0, 12px 8px}& #budgetCalculatorBody .expense-group{align-self:start}& #budgetCalculatorBody .expense-group-toggle{border-color:rgba(226, 151, 51, .48);background:linear-gradient(180deg, #3c2812, #15100a);color:#ffd48a}& #budgetCalculatorBody .asset-groups-spread .expense-group-toggle{border-color:rgba(93, 168, 126, .48);background:linear-gradient(180deg, #172a22, #101716);color:#baf0ce}& #budgetCalculatorBody .budget-assets-divider{margin:12px auto 8px}& #calculateBudgetButton:is(*,#_){background:linear-gradient(180deg, #166b72, #0b3d45);border-color:rgba(114, 220, 219, .54);color:#e9ffff}& #financialYearCard:is(*,#_) :is(.card-pie-meter,.card-value){display:none}& #financialYearCard:is(*,#_) :is(.card-title-wrap,.card-title-line,.title-value-stack){justify-items:center;text-align:center}& #financialYearCard:is(*,#_) .financial-business-layout{background:#0d1520;border-color:rgba(144, 176, 202, .28)}& #financialYearCard:is(*,#_) .financial-business-headline{display:grid;justify-items:center;text-align:center}& #financialYearCard:is(*,#_) .financial-business-kpis{display:none}& #financialYearCard:is(*,#_) .financial-quarter-dial{order:5;margin-top:18px;background:radial-gradient(circle at center, #0b1722 0 49%, transparent 50%), conic-gradient(from -90deg, #66c58a 0 25%, #63b6d6 25% 50%, #d4a14b 50% 75%, #b188dc 75% 100%)}& #financialYearCard:is(*,#_) :is(.segment-label,.tick-label){font-size:1.05rem;color:#eef8ff}& #workSettingsToggle:is(*,#_){min-height:38px;padding:8px 18px;font-size:.98rem}& .world-holidays-toggle:is(*,._){min-height:38px;padding:8px 18px;border-color:rgba(120, 208, 160, .55);background:linear-gradient(180deg, #174031, #0c1d19);color:#caffdd;font-size:.98rem}& .holiday-stack{display:grid;justify-items:center;gap:8px}& .world-holiday-overlay{margin-top:6px}& .collect-earnings-sections{display:grid;grid-template-columns:minmax(0, 1fr) minmax(230px, 280px);gap:18px;align-items:start}& .collect-earnings-sections .counter-section{grid-column:1}& .collect-week-totals{grid-column:2;grid-row:1 / span 2;display:grid;gap:8px;align-content:start;min-height:180px;padding:18px 16px;border:1px solid rgba(120, 194, 174, .36);border-radius:8px;color:#dffcf4}& .collect-week-totals span{display:flex;align-items:center;gap:8px;color:#cde6ff;font-size:.94rem}& .collect-week-totals span b{font-size:1.35rem}& .collect-week-totals strong{color:#b8ffd7;font-size:1.38rem;font-weight:500}& .collect-week-totals small{color:#cabdff;font-size:.92rem}& .collect-token-grid{display:grid;gap:14px}& .collect-day-group{display:grid;align-items:center;gap:14px;padding:12px;border:1px solid rgba(151, 184, 216, .26);border-radius:8px}& .collect-day-group .token-day-label{display:grid;gap:4px;font-weight:500}& .collect-day-group .token-day-label small{color:#b8ffd7;font-size:.78rem;line-height:1.1}& .collect-day-group .token-day-slots{display:grid}& .collect-day-totals{display:grid;gap:5px;justify-items:start;border:1px solid rgba(137, 203, 255, .26);border-radius:6px}& .collect-day-totals span{display:flex;align-items:center;gap:7px;color:#d7e7ff;font-size:.86rem}& .collect-day-totals span b{font-size:1.35rem}& .collect-day-totals strong{color:#b8ffd7;font-size:1.18rem;font-weight:500}& :is(.counter-slot.work-earnings-token,.counter-slot.weekend-spend-token){position:relative;gap:6px;color:#eef8ff;cursor:default;opacity:.72}& :is(.counter-slot.work-earnings-token.slot-available,.counter-slot.weekend-spend-token.slot-available){cursor:pointer;opacity:1;border-color:rgba(255, 205, 104, .9);background:linear-gradient(180deg, rgba(58, 45, 20, .96), rgba(16, 26, 34, .98))}& :is(.counter-slot.work-earnings-token.slot-collected,.counter-slot.weekend-spend-token.slot-collected){opacity:1}& :is(.counter-slot.work-earnings-token.slot-current,.counter-slot.weekend-spend-token.slot-current){border-color:rgba(255, 224, 102, .82);box-shadow:inset 0 0 0 2px rgba(255, 224, 102, .18)}& .counter-slot-state{font-weight:500}& .counter-slot-icon-wrap{display:grid;place-items:center;border:1px solid rgba(151, 211, 255, .3);border-radius:6px}& .counter-slot-icon{line-height:1}& .counter-slot small{color:#e7f5ff;font-size:.86rem;line-height:1.05;text-align:center}& .counter-slot-money{display:inline-flex;align-items:center;font-weight:500}& .counter-slot-money i{display:inline-grid;place-items:center;border-radius:4px;background:rgba(4, 12, 20, .72);color:#ffe49a;font-style:normal}& .counter-slot.work-earnings-token .counter-slot-icon-wrap,& .counter-slot.weekend-spend-token .counter-slot-icon-wrap{box-sizing:border-box;padding:0}}@media (max-width: 1050px){html body.page-work-time #workDashboard:is(*,#_){& :is(.collect-earnings-sections,.collect-day-group){grid-template-columns:1fr}& .collect-week-totals,& .collect-earnings-sections .counter-section{grid-column:1;grid-row:auto}}}html body.page-work-time #workDashboard:is(*,#_){& #payCalculator:is(*,#_){font-family:"Courier New", "Courier Prime", "American Typewriter", Georgia, serif;letter-spacing:0}& #payCalculator:is(*,#_) .finance-compact-title{font-family:"Courier New", "Courier Prime", "American Typewriter", Georgia, serif;font-weight:600;letter-spacing:.02em}& #payCalculator:is(*,#_) #payCalculatorBody .finance-entry-panel.pay-entry-panel{grid-template-columns:minmax(0, 1fr);gap:10px;margin-left:auto;margin-right:auto}& #payCalculator:is(*,#_) #payCalculatorBody .finance-entry-panel.pay-entry-panel :is(label, .pay-rate-line){display:grid;align-items:center;min-height:42px}& #payCalculator:is(*,#_) #payCalculatorBody .finance-entry-panel.pay-entry-panel :is(label, .pay-rate-line) > span:first-child{color:#e7d2a7;font-size:1.18rem;font-weight:600;text-align:right}& #payCalculator:is(*,#_) :is(input, select){font-family:"Courier New", "Courier Prime", monospace;font-size:1.16rem;font-weight:500;text-align:left}& #payCalculator:is(*,#_) .pay-tax-line{margin-bottom:16px}& #payCalculator:is(*,#_) .pay-hours-or{display:block;color:#cabdff;font-size:1rem;line-height:1;text-align:center;margin:0}& #payCalculator:is(*,#_) #payCalculatorOutput.finance-output-list{display:grid;align-items:stretch;margin:14px auto 8px}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-results-title{display:none}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-result-pair{min-height:92px;padding:10px;gap:6px;border-radius:7px}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-result-pair > div{gap:6px}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-result-pair strong{padding:6px}& #payCalculator:is(*,#_) #payBreakdownOutput:is(*,#_){max-width:980px;margin:8px auto}& #payCalculator:is(*,#_) #payBreakdownOutput .finance-detail-block{padding:10px;border-radius:7px}& #payCalculator:is(*,#_) #payBreakdownOutput .finance-detail-block h4{margin:0 0 6px;font-size:.98rem}& #payCalculator:is(*,#_) #payBreakdownOutput .finance-detail-table :is(th,td){padding:4px 6px}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble-grid{display:grid;max-width:980px;margin:10px auto 0}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble{display:grid;gap:5px;padding:12px;border:1px solid rgba(145, 188, 218, .34);border-radius:7px;background:linear-gradient(180deg, rgba(13, 29, 45, .95), rgba(7, 16, 28, .96))}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble p{margin:0;color:#d9e9f6}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble strong{color:#b8ffd7;font-weight:600}}@media (max-width: 900px){html body.page-work-time #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payCalculatorOutput.finance-output-list,html body.page-work-time #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payBreakdownOutput:is(*,#_),html body.page-work-time #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble-grid{grid-template-columns:1fr}}html body.page-work-time #workDashboard:is(*,#_){& .workweek-collect-cards{background:transparent}& .collect-day-group{grid-template-columns:84px minmax(0, 1fr) 245px;align-items:stretch;background:rgba(4, 18, 41, .88);border-color:rgba(97, 154, 214, .34)}& .collect-day-group .token-day-label{align-self:center;justify-items:center;color:#d8e9ff;font-size:1.24rem}& .counter-section .collect-day-group .token-day-label > small{display:none}& .collect-day-totals{grid-column:3;align-self:stretch;min-height:100%;justify-content:center;align-content:center;padding:14px;background:linear-gradient(180deg, rgba(6, 29, 56, .94), rgba(3, 13, 29, .96))}& .counter-slot.work-earnings-token > small,& .counter-slot.weekend-spend-token > small{font-weight:600;min-height:18px}& .counter-slot.work-earnings-token .counter-slot-icon,& .counter-slot.weekend-spend-token .counter-slot-icon{font-size:2.85rem}& .counter-slot-money{min-height:22px;max-height:24px;padding:1px 7px;border:1px solid rgba(117, 220, 180, .22);border-radius:5px;background:rgba(2, 12, 23, .68)}& .collect-week-totals{background:linear-gradient(180deg, rgba(5, 24, 48, .96), rgba(3, 12, 26, .98));border-color:rgba(97, 154, 214, .38)}& #payCalculator:is(*,#_) .finance-compact-title,& #expenseCalculator:is(*,#_) .finance-compact-title{font-size:2rem;color:#6ff8ff;-webkit-text-fill-color:#6ff8ff;text-align:center}& #payCalculator:is(*,#_) #payCalculatorBody .finance-entry-panel.pay-entry-panel{max-width:680px}& #payCalculator:is(*,#_) #payCalculatorBody .finance-entry-panel.pay-entry-panel :is(label, .pay-rate-line){grid-template-columns:230px auto auto;column-gap:6px}& #payCalculator:is(*,#_) #payCalculatorBody .finance-entry-panel.pay-entry-panel label:not(.pay-rate-line){grid-template-columns:230px auto}& #payCalculator:is(*,#_) .money-input-wrap{margin-left:-15px;width:132px;max-width:132px;justify-self:start}& #payCalculator:is(*,#_) #payRateType{margin-left:-4px;width:128px}& #payCalculator:is(*,#_) #payRate#payRate{width:96px;padding-left:20px}& #payCalculator:is(*,#_) .money-input-wrap em{position:absolute;left:9px;z-index:2;pointer-events:none}& #payCalculator:is(*,#_) .percent-input-wrap{justify-self:start}& #payCalculator:is(*,#_) :is(#payHoursPerDay, #payDaysPerWeek, #payHoursWork){width:82px;min-width:82px;max-width:82px;justify-self:start}& #payCalculator:is(*,#_) .pay-hours-or{position:relative}& :is(:is(#payCalculatorOutput, #payBreakdownOutput, #payCompareOutput, #expenseCalculatorOutput):empty,:is(#payCalculatorOutput, #payBreakdownOutput, #payCompareOutput, #expenseCalculatorOutput)[data-expanded="false"]){display:none;min-height:0;padding:0;margin:0;border:0;background:transparent}& #payCalculator:is(*,#_) #payCalculatorOutput.finance-output-list{grid-template-columns:repeat(3, 210px);justify-content:center;gap:6px;max-width:660px}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-result-pair{width:210px;min-width:210px;max-width:210px}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-result-pair:last-child{grid-column:2;justify-self:center}& #payCalculator:is(*,#_) #payBreakdownOutput:is(*,#_){display:grid;justify-content:center;gap:10px}& #payCalculator:is(*,#_) #payBreakdownOutput .finance-detail-block{width:min(100%, 760px);justify-self:center}& #payCalculator:is(*,#_) #payCompareOutput{font-family:"Segoe UI", Arial, sans-serif}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble-grid{grid-template-columns:repeat(2, minmax(320px, 1fr));gap:12px}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble{font-family:"Segoe UI", Arial, sans-serif;font-size:1.08rem;line-height:1.32}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble h5{margin:0 0 6px;font-size:1.22rem;font-weight:600;text-align:center}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble p{font-size:1.02rem;line-height:1.32}& #budgetCalculatorBody .expense-groups-spread .expense-group-toggle{min-height:52px;height:52px;max-height:52px;background:linear-gradient(180deg, rgba(94, 56, 61, .92), rgba(45, 39, 47, .94));border-color:rgba(199, 121, 132, .56);color:#f1c5c8}& #budgetCalculatorBody .asset-groups-spread .expense-group-toggle{min-height:52px;height:52px;max-height:52px}& #budgetCalculatorBody .expense-group{align-content:start}& #budgetCalculatorBody .expense-row{border-radius:7px}& #budgetCalculatorBody .expense-row > span:first-child{font-weight:600}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .money-input-wrap:is(*,._){position:relative;display:inline-grid;grid-template-columns:1fr;width:132px;min-width:132px;max-width:132px}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .money-input-wrap:is(*,._) #payRate#payRate,& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) #payRate#payRate{box-sizing:border-box;width:117px;min-width:117px;max-width:117px;padding-left:22px}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel{transform:translateX(30px)}& #payCalculator:is(*,#_) .pay-hours-or{left:60px}& #payCalculator:is(*,#_) .percent-input-wrap{width:82px;min-width:82px;max-width:82px}& #payCalculator:is(*,#_) #payTaxRate:is(*,#_){width:58px;min-width:58px;max-width:58px}& #payCalculator:is(*,#_) #payResultsShell.pay-results-shell{display:none}& #payCalculator:is(*,#_) #payResultsShell.pay-results-shell[data-expanded="true"]{display:grid;gap:12px;width:min(980px, 100%);margin:16px auto 0;padding:18px;border:1px solid rgba(100, 187, 226, .36);border-radius:12px;background:linear-gradient(145deg, rgba(13, 42, 65, .92), rgba(9, 20, 38, .98));box-shadow:inset 0 1px 0 rgba(165, 220, 244, .12)}& #payCalculator:is(*,#_) #payResultsShell :is(#payCalculatorOutput.finance-output-list,#payBreakdownOutput.finance-detail-panel){width:100%;max-width:100%;margin:0 auto;padding:0;border:0;background:transparent}& #payCalculator:is(*,#_) #payResultsShell #payCalculatorOutput.finance-output-list{grid-template-columns:repeat(3, 230px);max-width:720px;gap:8px}& #payCalculator:is(*,#_) #payResultsShell #payCalculatorOutput .finance-result-pair{width:230px;min-width:230px;max-width:230px}& #payCalculator:is(*,#_) #payResultsShell #payCalculatorOutput .finance-result-pair:last-child{grid-column:2}& #payCalculator:is(*,#_) :is(#payResultsShell, #payCalculatorOutput, #payBreakdownOutput, #payCompareOutput),& #payCalculator:is(*,#_) :is(#payResultsShell, #payCalculatorOutput, #payBreakdownOutput, #payCompareOutput) *{font-size:1.08rem;font-weight:400}& #payCalculator:is(*,#_) #payCalculatorOutput .finance-result-label,& #payCalculator:is(*,#_) #payBreakdownOutput :is(.finance-table-label,.finance-table-value),& #payCalculator:is(*,#_) #payCalculatorOutput :is(strong, b){color:#b9e9ff;-webkit-text-fill-color:#b9e9ff}& #payCalculator:is(*,#_) #payBreakdownOutput:is(*,#_){grid-template-columns:minmax(0, 760px)}& #payCalculator:is(*,#_) #payBreakdownOutput:is(*,#_) .finance-detail-table:is(*,._) :is(th,td){font-size:1.08rem;line-height:1.35;font-weight:400}& #payCalculator:is(*,#_) #payBreakdownOutput .finance-detail-block{border-color:rgba(105, 186, 225, .28);background:rgba(5, 18, 34, .72)}& #payCalculator:is(*,#_) :is(.finance-compare-toggle,.finance-compare-run){background:linear-gradient(180deg, #397dac, #1d4f77);border-color:rgba(146, 215, 248, .62);color:#eaf8ff;-webkit-text-fill-color:#eaf8ff;box-shadow:0 8px 18px rgba(31, 105, 155, .22)}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-results{border-color:rgba(119, 201, 240, .48);background:linear-gradient(145deg, rgba(25, 64, 92, .96), rgba(8, 22, 39, .98))}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-results h4,& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble h5{color:#d7f3ff;-webkit-text-fill-color:#d7f3ff}& #payCalculator:is(*,#_) #payCompareOutput :is(.pay-compare-basis,.pay-compare-empty),& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-bubble :is(p, strong){color:#b9e9ff;-webkit-text-fill-color:#b9e9ff}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-new-word{color:#72d9ff;-webkit-text-fill-color:#72d9ff;font-weight:400}& #payCalculator:is(*,#_) #payCompareOutput :is(.pay-compare-bubble.positive,.pay-compare-bubble.negative){border-color:rgba(126, 206, 244, .34);background:linear-gradient(145deg, rgba(18, 50, 76, .9), rgba(7, 17, 31, .96))}& #budgetCalculatorBody .expense-group-toggle{box-sizing:border-box}& #budgetCalculatorBody .expense-group-body{justify-self:center;justify-items:center}& #budgetCalculatorBody .expense-row{margin-inline:auto}}html body.page-work-time #workDashboard:is(*,#_){border-color:rgba(102, 190, 244, .36)}html body.page-work-time #workDashboard:is(*,#_){& .collect-day-group :is(.token-day-slots,.weekend-spend-slots){justify-content:center}& :is(.counter-slot.work-earnings-token,.counter-slot.weekend-spend-token){display:grid;justify-items:center;align-items:center;border-radius:7px;background:linear-gradient(180deg, rgba(26, 50, 74, .96), rgba(7, 18, 32, .98));border:2px solid rgba(139, 184, 220, .42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07), 0 8px 18px rgba(0, 7, 22, .24)}& .counter-slot.work-earnings-token > small,& .counter-slot.weekend-spend-token > small{grid-row:1;align-self:start;overflow:hidden;text-overflow:ellipsis;color:#f4d39a;line-height:1.05}& .counter-slot-state:is(*,._){grid-row:2;min-height:0;align-self:start;color:#ffd98a;line-height:1}& .counter-slot-icon-wrap:is(*,._),& .counter-slot.work-earnings-token .counter-slot-icon-wrap,& .counter-slot.weekend-spend-token .counter-slot-icon-wrap{grid-row:3;border-color:rgba(160, 217, 255, .38);background:linear-gradient(145deg, rgba(13, 40, 62, .98), rgba(5, 15, 27, .98))}& .counter-slot-money:is(*,._){grid-row:4;align-self:end;gap:3px;color:#bfffd2;font-size:.7rem;line-height:1}& .counter-slot-money i{width:13px;height:13px;font-size:.52rem}& :is(.counter-slot.work-earnings-token.slot-collected,.counter-slot.weekend-spend-token.slot-collected){border-color:rgba(255, 189, 78, .98);border-width:3px;background:linear-gradient(180deg, rgba(196, 94, 30, .96), rgba(99, 45, 17, .98));box-shadow:inset 0 0 0 1px rgba(255, 234, 176, .16), 0 0 20px rgba(239, 127, 38, .38)}& .slot-collected .counter-slot-state{color:#fff0c4;font-size:.72rem}& #payCalculator:is(*,#_) .pay-compare-entry-row{display:none}& #payCalculator:is(*,#_) #payComparePanel{visibility:visible}& #payCalculator:is(*,#_) #payCompareOutput .pay-compare-percent-note{color:#8fe0ff;-webkit-text-fill-color:#8fe0ff}& #budgetCalculatorBody .budget-icon-wrapper{margin:0 auto 18px;border:1px solid rgba(139, 184, 220, .28);background:rgba(4, 18, 35, .44);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}& #budgetCalculatorBody .budget-assets-wrapper{background:rgba(5, 29, 30, .44);border-color:rgba(128, 221, 179, .28)}& #budgetCalculatorBody :is(.expense-groups-spread, .asset-groups-spread){justify-content:center;column-gap:44px;row-gap:18px}& #budgetCalculatorBody .expense-group-body{overflow:visible}& .drop-collect-cards-button{display:block;margin:10px auto 0;padding:7px 16px;color:#dff7ff;background:linear-gradient(180deg, rgba(19, 58, 88, .96), rgba(7, 24, 45, .98));border:1px solid rgba(118, 214, 255, .5);font-size:.86rem;letter-spacing:0;cursor:pointer}& .collect-weekend-summary-row{width:min(100%, 430px);margin:16px auto 0}& .collect-day-group :is(.token-day-slots,.weekend-spend-slots){grid-template-columns:repeat(4, 112px);gap:12px}& :is(.counter-slot.work-earnings-token,.counter-slot.weekend-spend-token){width:112px;min-width:112px;max-width:112px;height:108px;min-height:108px;max-height:108px;grid-template-rows:18px 16px 1fr 19px;padding:6px 8px}& .counter-slot.work-earnings-token > small,& .counter-slot.weekend-spend-token > small{max-width:100px;font-size:.72rem}& .counter-slot-state:is(*,._){font-size:.68rem}& .counter-slot-icon-wrap:is(*,._),& .counter-slot.work-earnings-token .counter-slot-icon-wrap,& .counter-slot.weekend-spend-token .counter-slot-icon-wrap{width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px}& .counter-slot-icon:is(*,._){font-size:2.25rem}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_){margin-top:40px;padding:20px 24px;display:grid;gap:16px;justify-items:center;background:linear-gradient(145deg, rgba(11, 45, 78, .96), rgba(5, 20, 40, .99) 64%, rgba(8, 37, 65, .94)), #071d38;border:1px solid rgba(101, 190, 244, .4);box-shadow:inset 0 1px 0 rgba(200, 236, 255, .12), 0 14px 30px rgba(0, 10, 32, .28)}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_) h4{color:#95e6ff;-webkit-text-fill-color:#95e6ff;font-size:1.45rem;font-weight:500;margin:0 0 4px}& #payCalculator:is(*,#_) :is( .finance-entry-panel.pay-entry-panel, #payComparePanel ) :is(label, .pay-rate-line, span, input, select, em){font-size:1.08rem}& #payCalculator:is(*,#_) :is( .finance-entry-panel.pay-entry-panel, #payComparePanel ) label > span:first-child{font-size:1.1rem;color:#ead7ad;-webkit-text-fill-color:#ead7ad}& #payCalculator:is(*,#_) :is( .finance-entry-panel.pay-entry-panel, #payComparePanel ) :is(input, select){min-height:38px;font-size:1.08rem}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_) .pay-compare-rate-line{width:min(100%, 760px);grid-template-columns:minmax(250px, 1fr) 160px 160px;justify-content:center;column-gap:12px}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_) .pay-compare-rate-line .money-input-wrap{width:160px;min-width:160px}& #payCalculator:is(*,#_) #comparePayRate:is(*,#_){padding-left:36px;text-indent:8px}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_) .pay-compare-tax-line{width:min(100%, 520px);display:grid;grid-template-columns:minmax(220px, 1fr) 120px 28px;column-gap:10px;align-items:center}& #payCalculator:is(*,#_) #comparePayTaxRate:is(*,#_){width:120px;min-width:120px;max-width:120px}& #payCalculator:is(*,#_) .finance-compare-run:is(*,._){width:auto;min-width:116px;max-width:150px;min-height:34px;padding:7px 18px;font-size:.98rem;color:#d9f2ff;background:linear-gradient(180deg, rgba(18, 64, 96, .96), rgba(8, 30, 56, .99));border-color:rgba(106, 192, 235, .42);box-shadow:inset 0 1px 0 rgba(216, 242, 255, .12), 0 8px 18px rgba(0, 10, 30, .22)}& #budgetCalculatorBody .budget-expenditures-wrapper:is(*,._){background:linear-gradient(180deg, rgba(31, 57, 82, .72), rgba(15, 34, 55, .78)), #17324f;border-color:rgba(154, 204, 232, .36)}& #budgetCalculatorBody .budget-icon-wrapper:is(*,._){width:min(100%, 900px);padding:20px 24px 24px}& #budgetCalculatorBody :is(.expense-groups-spread, .asset-groups-spread){display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;width:min(100%, 760px);margin:0 auto;gap:12px}& #budgetCalculatorBody .expense-group{width:min(100%, 760px);min-width:0;max-width:760px;display:grid;justify-items:center;overflow:visible}& #budgetCalculatorBody .expense-group-toggle{width:min(100%, 420px);min-width:0;max-width:420px;min-height:40px;justify-self:center;font-size:1.02rem}& #budgetCalculatorBody .expense-group-body{box-sizing:border-box;width:min(100%, 720px);min-width:0;max-width:720px;margin:10px auto 0;padding:14px;display:grid;grid-template-columns:1fr;gap:10px;justify-items:stretch;transform:none;background:rgba(4, 14, 26, .48);border:1px solid rgba(139, 184, 220, .24)}& #budgetCalculatorBody .expense-group-body[hidden],& #budgetCalculatorBody .expense-group-toggle[aria-expanded="false"] + .expense-group-body{display:none}& #budgetCalculatorBody .expense-row,& #budgetCalculatorBody .income-assets-group .expense-row{box-sizing:border-box;width:100%;max-width:100%;min-height:48px;display:grid;grid-template-columns:minmax(190px, 1fr) 120px 140px;gap:10px;align-items:center;margin:0;padding:8px 10px;background:rgba(9, 25, 42, .72);border:1px solid rgba(156, 198, 220, .24)}& #budgetCalculatorBody .income-assets-group .expense-row{grid-template-columns:minmax(190px, 1fr) 120px 140px}& #budgetCalculatorBody .expense-row > span:first-child{min-width:0;transform:none;text-align:left;color:#f1dec1;-webkit-text-fill-color:#f1dec1;font-size:1rem}& #budgetCalculatorBody .expense-row :is(input, select){width:100%;min-width:0;max-width:100%;min-height:34px;font-size:.96rem}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& .holiday-stack{position:relative}& .world-holiday-overlay:is(*,._){position:absolute;z-index:80;left:50%;width:min(430px, calc(100vw - 48px));max-height:330px;margin:0;padding:18px 20px 18px;overflow:auto;border-radius:12px;text-align:left}& .world-holiday-overlay:is(*,._)[hidden]{display:none}& .world-holiday-overlay:is(*,._) > b{display:block;margin:0 34px 10px 0;color:#9fe5ff;font-size:1.2rem;font-weight:600}& .world-holiday-overlay:is(*,._) ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}& .world-holiday-overlay:is(*,._) li{padding:8px 10px;border:1px solid rgba(125, 179, 207, .24);border-radius:8px}& .world-holidays-close:is(*,._){position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(164, 219, 245, .45);border-radius:50%;background:rgba(12, 31, 48, .96);color:#d8f5ff;font-size:1rem;line-height:1}& .world-holidays-toggle:is(*,._).compact-holidays-button:is(*,._){min-height:34px;height:34px;padding:7px 16px;border-color:rgba(120, 208, 160, .55);background:linear-gradient(180deg, #174031, #0c1d19);color:#caffdd;font-size:.96rem}& .counter-slot:is(*,._){width:118px;min-width:118px;max-width:118px;min-height:142px;height:142px;aspect-ratio:2.5 / 3.5;grid-template-rows:24px minmax(54px, 1fr) 24px;gap:7px;padding:10px 8px;border-radius:8px}& .token-day-slots:is(*,._){grid-template-columns:repeat(4, 118px);justify-content:center;gap:12px}& .counter-slot .counter-slot-icon-wrap{width:58px;height:58px;min-width:58px;min-height:58px;place-self:center;border-radius:8px}& .counter-slot .counter-slot-icon{font-size:2.1rem}& .counter-slot .counter-slot-money{min-height:22px;padding:3px 5px;font-size:.78rem;line-height:1.05}& :is(.workday-multi-sliders, .workweek-slider-shell, .work-earnings-progress-grid){background:transparent;background-image:none;border-color:transparent;box-shadow:none}& .world-holiday-overlay:is(*,._){border:2px solid rgba(105, 213, 255, .76);color:#eaf8ff;font-size:1.05rem}& .world-holiday-overlay:is(*,._) .holiday-overlay-title{display:inline-flex;gap:8px;align-items:baseline;font-size:1.28rem}& .world-holiday-overlay:is(*,._) .holiday-overlay-title span{color:#d8c89e;font-size:1.12rem}& #workSettingsToggle:is(*,#_){transform:translateY(0)}& .world-holidays-toggle:is(*,._),& .world-holidays-toggle:is(*,._).compact-holidays-button:is(*,._){transform:translateY(10px)}& #payCalculator:is(*,#_) :is(.pay-entry-panel label > span:first-child, .pay-compare-panel label > span:first-child){color:#9edfff;-webkit-text-fill-color:#9edfff;font-size:1.12rem}& #payCalculator:is(*,#_) .money-input-wrap em{color:#e7f9ff;-webkit-text-fill-color:#e7f9ff;font-size:1.32rem;font-style:normal;font-weight:600}& #payCalculator:is(*,#_) :is(.money-input-wrap input, #payHoursPerDay, #payDaysPerWeek, #payHoursWork){font-size:1.18rem}& #payCalculator:is(*,#_) :is(.pay-entry-panel > label:not(.pay-entry-rate):not(.pay-tax-line), .pay-hours-or, .pay-week-hours-line){transform:translateX(50px)}& #payCalculator:is(*,#_) .percent-input-wrap{gap:2px}& #payCalculator:is(*,#_) .percent-input-wrap em,& #payCalculator:is(*,#_) .pay-compare-tax-line em{margin-left:2px}& #calculatePayButton:is(*,#_).finance-calculate-button{background:linear-gradient(180deg, #174565, #0a2033)}& #payCalculator:is(*,#_) .finance-output-item :is(h4, strong:first-child, span:first-child),& #payCalculator:is(*,#_) .pay-output-title,& #payCalculator:is(*,#_) #payCalculatorOutput:is(*,#_) .finance-result-label:is(*,._){color:#ffb45c;-webkit-text-fill-color:#ffb45c;font-size:1.08rem;text-transform:none}& #payCalculator:is(*,#_) :is( .pay-entry-panel:is(*,._) label > span:first-child, .pay-entry-panel:is(*,._) .pay-rate-line > span:first-child, .pay-compare-panel:is(*,._) label > span:first-child ){color:#9edfff;-webkit-text-fill-color:#9edfff;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:1.18rem;font-weight:400;letter-spacing:0;text-transform:none}& #payCalculator:is(*,#_) :is( #payHoursPerDay, #payDaysPerWeek, #payHoursWork ){font-size:1.2rem}& #payCalculator:is(*,#_) :is(#payHoursPerDay:is(*,#_),#payDaysPerWeek:is(*,#_),#payHoursWork:is(*,#_)){transform:none}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel > label > span:first-child,& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel > label.pay-rate-line > span:first-child,& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) #payComparePanel:is(*,#_) > label > span:first-child{color:#9edfff;-webkit-text-fill-color:#9edfff;font-family:"Trebuchet MS", "Segoe UI", Arial, sans-serif;font-size:1.18rem;font-weight:400;letter-spacing:0;text-transform:none}& #budgetCalculatorBody:is(*,#_) .budget-income-panel:is(*,._) > label{display:grid;grid-template-columns:max-content max-content max-content;align-items:center;justify-content:center;justify-items:start;gap:10px;text-align:left}& #budgetCalculatorBody:is(*,#_) .budget-income-panel:is(*,._) > label > span:first-child{width:auto;text-align:right}& #budgetCalculatorBody:is(*,#_) .budget-income-money-wrap:is(*,._){display:inline-flex;align-items:center;gap:5px;width:auto}& #budgetCalculatorBody:is(*,#_) .budget-income-money-wrap:is(*,._) em{color:#e7f9ff;-webkit-text-fill-color:#e7f9ff;font-style:normal;font-weight:500}& #budgetCalculatorBody:is(*,#_) #expenseSalary:is(*,#_){width:118px;min-width:0;text-align:left}& #budgetCalculatorBody:is(*,#_) #expenseSalaryPeriod:is(*,#_){margin-left:0}& .collect-earnings-panel:is(*,._) .collect-day-group:is(*,._){grid-template-columns:136px minmax(640px, 1fr) 170px;align-items:center;column-gap:18px}& .collect-earnings-panel:is(*,._) .collect-day-group:is(*,._) > .token-day-label:is(*,._){position:static;justify-self:center;align-self:center;width:100%;min-width:0;max-width:136px;transform:none;color:#f0dfc5;-webkit-text-fill-color:#f0dfc5;font-family:Georgia, "Times New Roman", serif;font-size:1.2rem;font-style:italic;font-weight:400;line-height:1.05;text-align:center}& .collect-earnings-panel:is(*,._) .collect-day-group:is(*,._) > :is(.token-day-slots:is(*,._),.token-day-slots.weekend-spend-slots){grid-template-columns:repeat(4, 148px);justify-content:center;gap:16px}& .collect-earnings-panel:is(*,._) :is(.counter-slot.work-earnings-token.counter-slot,.counter-slot.weekend-spend-token.counter-slot){width:148px;min-width:148px;max-width:148px;height:174px;min-height:174px;max-height:174px;grid-template-rows:26px 22px 1fr 28px;padding:10px 11px;border-width:2px}& .collect-earnings-panel:is(*,._) .counter-slot.work-earnings-token > small,& .collect-earnings-panel:is(*,._) .counter-slot.weekend-spend-token > small{max-width:124px;color:#f6e7c7;font-size:.86rem;line-height:1.05;text-align:center}& .collect-earnings-panel:is(*,._) .counter-slot-state:is(*,._){font-size:.82rem;line-height:1}& .collect-earnings-panel:is(*,._) .counter-slot.slot-locked.counter-slot,& .collect-earnings-panel:is(*,._) .counter-slot[disabled]:not(.slot-available):not(.slot-collected).counter-slot{border-color:rgba(126, 137, 146, .28);background:linear-gradient(160deg, rgba(38, 44, 50, .82), rgba(16, 20, 25, .92));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .035);filter:grayscale(.82) saturate(.35) brightness(.74);opacity:.68}& .collect-earnings-panel:is(*,._) .counter-slot.slot-available.counter-slot:not(.slot-collected){border-color:#ffab51;border-width:4px;background:radial-gradient(circle at 50% 12%, rgba(255, 185, 92, .22), transparent 38%), linear-gradient(160deg, rgba(74, 36, 14, .98), rgba(19, 16, 13, .99));box-shadow:inset 0 0 0 1px rgba(255, 225, 174, .14), 0 0 22px rgba(255, 145, 50, .3)}& .collect-earnings-panel:is(*,._) .counter-slot.slot-collected.counter-slot{border-color:rgba(255, 189, 78, .98);border-width:4px;filter:none;opacity:1}& .collect-earnings-panel:is(*,._) .counter-slot:not(.slot-available) .counter-slot-money{display:none}& .collect-earnings-panel:is(*,._) .collect-day-totals:is(*,._){width:168px;min-width:168px;max-width:168px;min-height:72px;height:auto;padding:10px 12px;border:1px solid rgba(119, 178, 205, .24);border-radius:8px;background:linear-gradient(180deg, rgba(10, 31, 47, .72), rgba(4, 14, 25, .86));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05);color:#dff5ff}& .collect-earnings-panel:is(*,._) .collect-day-totals:is(*,._) span{display:block;color:#9edfff;-webkit-text-fill-color:#9edfff;font-size:.78rem;font-weight:400;line-height:1.12;text-align:center;text-transform:none}& .collect-earnings-panel:is(*,._) .collect-day-totals:is(*,._) strong{display:block;margin-top:6px;color:#f0dfc5;-webkit-text-fill-color:#f0dfc5;font-size:1.02rem;font-weight:500;text-align:center}& .world-holiday-overlay:is(*,._){top:calc(100% + 24px);transform:translateX(calc(-50% - 50px)) translateY(0);border-color:rgba(71, 220, 205, .8);background:radial-gradient(circle at 18% 0%, rgba(47, 176, 166, .2), transparent 36%), linear-gradient(155deg, rgba(5, 45, 49, .98), rgba(3, 22, 29, .99) 62%, rgba(4, 58, 61, .96));box-shadow:0 18px 36px rgba(0, 8, 18, .48), 0 0 24px rgba(47, 210, 196, .18), inset 0 1px 0 rgba(210, 255, 250, .1)}& .world-holiday-overlay:is(*,._) li{border-color:rgba(102, 232, 218, .24);background:rgba(1, 28, 34, .62)}& .world-holiday-overlay:is(*,._) li > b:first-child{color:#80fff0;-webkit-text-fill-color:#80fff0;font-size:1.34rem}& .world-holiday-overlay:is(*,._) li > span{color:#e6fffb;-webkit-text-fill-color:#e6fffb;font-size:1.18rem;line-height:1.22}& .world-holiday-overlay:is(*,._) .holiday-overlay-title{color:#bafff7;-webkit-text-fill-color:#bafff7}& .collect-earnings-panel:is(*,._) .counter-slot:is(*,._).slot-current:not(.slot-collected){border-color:#43f0df;border-width:5px;background:radial-gradient(circle at 50% 10%, rgba(75, 240, 224, .24), transparent 38%), linear-gradient(160deg, rgba(6, 61, 66, .98), rgba(4, 22, 30, .99));box-shadow:inset 0 0 0 1px rgba(207, 255, 250, .18), 0 0 0 2px rgba(67, 240, 223, .18), 0 0 28px rgba(67, 240, 223, .55);filter:none;opacity:1}}html body.page-work-time:is(*,._) .counter-slot:is(*,._).work-earnings-token.slot-current.slot-locked:not(.slot-collected),html body.page-work-time:is(*,._) .counter-slot:is(*,._).weekend-spend-token.slot-current.slot-locked:not(.slot-collected),html body.page-work-time:is(*,._) .counter-slot:is(*,._).work-earnings-token.slot-current:not(.slot-collected),html body.page-work-time:is(*,._) .counter-slot:is(*,._).weekend-spend-token.slot-current:not(.slot-collected){border-color:#43f0df;border-width:5px;background:radial-gradient(circle at 50% 10%, rgba(75, 240, 224, .24), transparent 38%), linear-gradient(160deg, rgba(6, 61, 66, .98), rgba(4, 22, 30, .99));box-shadow:inset 0 0 0 1px rgba(207, 255, 250, .18), 0 0 0 2px rgba(67, 240, 223, .18), 0 0 28px rgba(67, 240, 223, .55);filter:none;opacity:1}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& .collect-earnings-panel:is(*,._) .counter-slot-icon-wrap:is(*,._){max-width:66px;max-height:66px}& .collect-earnings-panel:is(*,._) .slot-current:not(.slot-collected) .counter-slot-state{color:#c6fffb;-webkit-text-fill-color:#c6fffb}& .collect-earnings-panel:is(*,._) .counter-weekend:is(*,._){display:grid;gap:10px}& .collect-earnings-panel:is(*,._) .collect-weekend-top{display:grid;grid-template-columns:minmax(260px, 1fr) auto;align-items:start;gap:16px;width:100%}& .collect-earnings-panel:is(*,._) .collect-weekend-top > div:first-child{display:grid;justify-items:start;text-align:left}& .collect-earnings-panel:is(*,._) .collect-weekend-top strong{justify-self:start;text-align:left}& .collect-earnings-panel:is(*,._) .collect-weekend-top .collect-weekend-summary-row:is(*,._){width:auto;margin:0;justify-self:end}& .collect-earnings-panel:is(*,._) .counter-weekend:is(*,._) > .drop-collect-cards-button:is(*,._){justify-self:start;margin:-6px 0 4px;transform:translateX(0) translateY(-4px)}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-rate-line.pay-entry-rate{transform:translateX(-20px)}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-rate-line.pay-entry-rate > span:first-child{transform:translateX(-8px);color:#9edfff;-webkit-text-fill-color:#9edfff;font-size:1.42rem}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .pay-entry-rate .money-input-wrap em{color:#64f6ff;-webkit-text-fill-color:#64f6ff;font-size:1.7rem;font-style:normal}& #payCalculator:is(*,#_) #payRate#payRate{color:#8efaff;-webkit-text-fill-color:#8efaff;font-size:1.46rem}& #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .pay-tax-line:is(*,._),& #payCalculator:is(*,#_) .pay-entry-panel:is(*,._) > label:has(#payHoursPerDay),& #payCalculator:is(*,#_) .pay-entry-panel:is(*,._) > label:has(#payDaysPerWeek),& #payCalculator:is(*,#_) .pay-entry-panel:is(*,._) > label.pay-week-hours-line{transform:translateX(40px)}& #calculatePayButton:is(*,#_).finance-calculate-button{margin-top:20px;border-width:2px;border-color:rgba(126, 216, 255, .82)}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_) > label{transform:translateX(-40px)}& #payCalculator:is(*,#_) #payComparePanel:is(*,#_) > button.finance-compare-run{transform:translateX(20px)}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .work-dashboard-title,html body.page-work-time:is(*,._) .page-body-title{color:#dceaff;-webkit-text-fill-color:#dceaff}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& #workSettingsToggle:is(*,#_){border-color:rgba(128, 174, 255, .78);background:linear-gradient(180deg, rgba(34, 68, 178, .96), rgba(18, 34, 125, .98));color:#e7efff;-webkit-text-fill-color:#e7efff;box-shadow:inset 0 1px 0 rgba(225, 238, 255, .18), 0 8px 18px rgba(9, 20, 92, .38)}& .card-pie-meter:is(*,._){width:auto;height:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;color:#dbeeff;-webkit-text-fill-color:#dbeeff}& .card-pie-meter:is(*,._)::before,& .card-pie-meter:is(*,._)::after{content:none;display:none}& .card-pie-meter:is(*,._) .card-pie-core{width:auto;height:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:block}& .card-pie-meter:is(*,._) .card-pie-core span{display:inline;color:#dbeeff;-webkit-text-fill-color:#dbeeff;font-size:1rem;font-weight:400;line-height:1}& .collect-earnings-panel:is(*,._) .counter-slot:is(*,._){position:relative;overflow:visible}& .collect-earnings-panel:is(*,._) .counter-slot-money:is(*,._){position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:3px 8px;border:1px solid rgba(255, 220, 116, .55);border-radius:999px;background:rgba(10, 26, 18, .96);box-shadow:0 6px 14px rgba(0, 0, 0, .34)}& .collect-earnings-panel:is(*,._) .counter-slot-icon-wrap:is(*,._){transform:translateY(-40px)}& .collect-earnings-panel:is(*,._) .counter-slot-icon:is(*,._){font-size:2.4rem;line-height:1}}html body.page-work-time:is(*,._) .page-body-title{text-align:center}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& .work-dashboard-title{text-transform:none}& .work-dashboard-panels{grid-template-columns:minmax(0, 1fr);gap:18px}& .work-info-holiday-panel{display:grid;gap:8px}& .work-overall-percentages{justify-items:end}& .work-overall-percentages span{display:block;white-space:nowrap}& .work-overall-percentages .work-overall-spacer{min-height:6px}& .work-info-holiday-panel{justify-items:end}& .work-info-holiday-panel .world-holidays-toggle.compact-holidays-button,& .work-overall-percentages{width:196px;max-width:196px;box-sizing:border-box}& .work-overall-percentages:is(*,._){display:grid;justify-items:stretch;margin-top:30px;border:1px solid rgba(92, 163, 198, .28);border-radius:14px;background:radial-gradient(circle at 20% 0%, rgba(50, 129, 172, .24), transparent 38%), linear-gradient(145deg, rgba(9, 30, 48, .98), rgba(7, 21, 34, .98));box-shadow:inset 0 1px 0 rgba(221, 250, 255, .08), 0 12px 24px rgba(0, 8, 18, .25);color:#d6efff;-webkit-text-fill-color:#d6efff;font-size:.94rem;line-height:1.12;text-align:left}& .work-overall-percentages > span:not(.work-overall-spacer){display:grid;width:100%;gap:4px;white-space:nowrap}& .work-overall-percentages .work-percent-label{display:block;overflow:hidden;text-overflow:ellipsis}& .work-overall-percentages .work-percent-bar{display:block;width:100%;height:5px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(170, 220, 242, .12), 0 0 9px rgba(64, 182, 232, .18)}& .work-overall-percentages .work-overall-spacer{height:5px}& .collect-earnings-panel:is(*,._) .counter-slot-money:is(*,._){top:-14px;left:50%;transform:translateX(-50%);z-index:24}& .collect-earnings-panel:is(*,._) .counter-slot.slot-available:not(.slot-collected)::before,& .collect-earnings-panel:is(*,._) .counter-slot.slot-current:not(.slot-collected)::before{content:"\261D";position:absolute;left:calc(50% - 64px);top:-12px;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;color:#ffe3a1;-webkit-text-fill-color:#ffe3a1;font-size:1.35rem;line-height:1;transform:none;filter:drop-shadow(0 0 8px rgba(255, 201, 91, .55));pointer-events:none}& .collect-week-total-earned strong .collect-total-current{color:#9dffac;-webkit-text-fill-color:#9dffac;font-size:1.42em;font-weight:800;text-shadow:0 0 12px rgba(104, 255, 142, .34)}& .collect-week-total-earned strong :is(.collect-total-goal,.collect-total-divider){color:#d9f4de;-webkit-text-fill-color:#d9f4de;font-size:.96em}& .work-info-holiday-panel:is(*,._) .day-holiday-labels.holiday-stack .world-holidays-toggle.compact-holidays-button{width:196px;min-width:196px;max-width:196px;box-sizing:border-box}& .collect-earnings-panel:is(*,._) .collect-week-total-earned:is(*,._) strong strong,& .collect-earnings-panel:is(*,._) .collect-week-total-earned:is(*,._) strong .collect-total-current:is(*,._){color:#9dffac;-webkit-text-fill-color:#9dffac;font-size:1.42em;font-weight:800;text-shadow:0 0 12px rgba(104, 255, 142, .34)}}html body.page-work-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_){& :is(#workHoursGroupShell:is(*,#_),#workHoursGroup:is(*,#_)){background:transparent;background-image:none;border-color:transparent;box-shadow:none}& #workHoursGroupShell:is(*,#_){width:min(100%, 1240px);max-width:1240px}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& #workdayBottomTools:is(*,#_){position:absolute;left:50%;bottom:22px;z-index:35;display:grid;justify-items:center;gap:8px;width:max-content;transform:translateX(-50%)}& #workdayBottomTools:is(*,#_) #workSettingsToggle:is(*,#_).work-settings-toggle{position:relative;inset:auto;min-width:178px}& #workdayBottomTools:is(*,#_) #workSettingsPopover:is(*,#_){position:absolute;left:50%;bottom:calc(100% + 10px);z-index:50;width:min(720px, calc(100vw - 48px));transform:translateX(-50%)}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_).work-dashboard{position:relative}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& .work-dashboard-title-row:is(*,._){position:absolute;top:48px;z-index:60;justify-items:end;padding:0;margin:0;background:transparent;border:0;box-shadow:none}& .work-dashboard-title-row:is(*,._) .work-dashboard-title{display:none}& .work-dashboard-title-row:is(*,._) .work-info-holiday-panel{display:grid;justify-items:end;height:auto;pointer-events:auto}& .work-dashboard-title-row:is(*,._) #workSnackCounters:is(*,#_),& .work-dashboard-title-row:is(*,._) .work-snack-counters{display:grid;grid-template-columns:1fr;height:auto}& .work-dashboard-title-row:is(*,._) .work-snack-counter{display:grid;justify-content:center;justify-items:center;column-gap:5px;height:auto}& .work-dashboard-title-row:is(*,._) .work-snack-counter span{width:auto;line-height:.88}& .work-dashboard-title-row:is(*,._) .work-snack-counter em{width:auto}& .work-dashboard-title-row:is(*,._) .work-snack-counter b{width:auto;min-width:1em}& .work-dashboard-title-row:is(*,._) .work-snack-donut span{filter:saturate(1.08) sepia(.16) hue-rotate(340deg) drop-shadow(0 0 8px rgba(221, 158, 91, .34))}& .work-overall-percentages:is(*,._){height:auto;gap:11px;padding:15px 13px}& .work-overall-percentages > span:not(.work-overall-spacer){min-height:39px;padding:7px 9px;border:1.4px solid rgba(148, 224, 255, .7);box-shadow:inset 0 0 0 1px rgba(225, 250, 255, .12), 0 0 12px rgba(83, 204, 255, .18)}& .work-overall-percentages #workFullDayPercent .work-percent-label,& .work-overall-percentages #workFullWeekPercent .work-percent-label{color:#ccefff;-webkit-text-fill-color:#ccefff}& .work-overall-percentages #workSegmentPercent .work-percent-label,& .work-overall-percentages #workWeekSegmentPercent .work-percent-label{color:#4bd7ff;-webkit-text-fill-color:#4bd7ff}& .work-overall-percentages .work-percent-bar{border:1px solid rgba(181, 235, 255, .62);background:linear-gradient(90deg, #175d94 0%, #4ec7f3 56%, #55e48a 100%) 0 0 / var(--work-percent-pct, 0%) 100% no-repeat, linear-gradient(90deg, rgba(52, 63, 70, .98), rgba(37, 47, 54, .98))}& #workCardsToggle:is(*,#_).work-cards-toggle{min-width:220px;min-height:54px;border-radius:24px;font-size:1.08rem;font-weight:500;color:#ecfbff;-webkit-text-fill-color:#ecfbff}& #workCardsToggle:is(*,#_).work-cards-toggle::before,& #workCardsToggle:is(*,#_).work-cards-toggle::after{content:none;display:none}& #payCalculator:is(*,#_).finance-card{background:#081a2d;background-image:none}& .work-dashboard-title-row:is(*,._){right:32px}& .work-dashboard-title-row:is(*,._) .work-info-holiday-panel{width:142px;gap:10px}& .work-dashboard-title-row:is(*,._) .world-holidays-toggle:is(*,._){margin-bottom:10px}& .work-dashboard-title-row:is(*,._) #workSnackCounters:is(*,#_),& .work-dashboard-title-row:is(*,._) .work-snack-counters{width:142px;gap:7px}& .work-dashboard-title-row:is(*,._) .work-snack-counter{grid-template-columns:1fr;grid-template-rows:auto auto auto;width:142px;min-height:82px;padding:8px 8px 10px;background:radial-gradient(circle at 30% 0%, rgba(116, 214, 255, .12), transparent 42%), linear-gradient(180deg, #061625, #04101b);border-color:rgba(79, 161, 195, .42)}& .work-dashboard-title-row:is(*,._) .work-snack-counter span{grid-column:1;grid-row:1;font-size:2.5rem}& .work-dashboard-title-row:is(*,._) .work-snack-counter em{grid-column:1;grid-row:2;text-align:center;white-space:normal;line-height:1.05}& .work-dashboard-title-row:is(*,._) .work-snack-counter b{grid-column:1;grid-row:3;justify-self:center;text-align:center;font-size:1.18rem}& .work-dashboard-title-row:is(*,._) .work-snack-counter em{font-size:.96rem}& .work-overall-percentages:is(*,._){min-height:298px;align-content:space-evenly}& .work-overall-percentages .work-overall-settings#workOverallSettings{display:grid;justify-items:center;width:100%;margin-top:4px}& .work-overall-percentages #workSettingsToggle:is(*,#_).work-settings-toggle{position:relative;inset:auto;margin:0 auto;transform:none}& #workSettingsPopover:is(*,#_){position:absolute;left:42px;top:450px;z-index:90;width:min(620px, calc(100vw - 64px))}& .work-dashboard-title-row:is(*,._) .work-info-holiday-panel{align-content:start}& .work-dashboard-title-row:is(*,._) #workSnackCounters:is(*,#_){order:1}& .work-dashboard-title-row:is(*,._) #workInfoHolidayCell:is(*,#_){order:2;margin-top:10px}& .work-overall-percentages #workSettingsToggle:is(*,#_).work-settings-toggle{color:#cde7ef;-webkit-text-fill-color:#cde7ef;background:linear-gradient(180deg, #0b3444, #092635);border-color:rgba(121, 202, 218, .42)}& .work-overall-percentages #workSettingsToggle:is(*,#_).work-settings-toggle{height:34px;min-height:34px;padding:5px 8px;font-size:.78rem;font-weight:500;line-height:1.05;white-space:normal;box-shadow:none}& .work-overall-percentages #workSettingsToggle:is(*,#_).work-settings-toggle{box-sizing:border-box}& #workOverallPercentages:is(*,#_) #workSettingsToggle:is(*,#_).work-settings-toggle,& .work-overall-percentages:is(*,._) #workSettingsToggle:is(*,#_).work-settings-toggle{box-sizing:border-box;width:132px;min-width:132px;max-width:132px;padding-left:4px;padding-right:4px}}.work-snack-progress-popup{position:absolute;z-index:9999;color:#e8fbff;font-size:.95rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;box-shadow:0 16px 32px rgba(0, 0, 0, .34), 0 0 22px rgba(77, 216, 255, .16)}.work-snack-progress-popup.is-visible{opacity:1}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee){& span{width:auto;min-width:54px;overflow:visible;font-size:3.1rem;line-height:1;filter:drop-shadow(0 4px 7px rgba(0, 0, 0, .32))}& span{font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::after,.coffee-side-icon::after{right:-.12em;bottom:-.16em}.work-snack-progress-popup:is(*,._){left:var(--snack-progress-left, 50%);top:var(--snack-progress-top, 50%);display:grid;border-radius:15px;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}.snack-coffee-cup-progress::before{content:"";position:absolute}.snack-coffee-cup-progress::after{content:"";position:absolute;border-radius:999px}.snack-coffee-liquid{position:absolute;transition:height .28s linear}.snack-coffee-shine{position:absolute;border-radius:999px}.snack-donut-progress{position:relative;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%}html:has(body.page-work-time),html body.page-work-time{overflow-x:hidden;max-width:100vw}html body.page-work-time:is(*,._) main.shell.shell{transform:none}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){transform:none}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon,html body.page-work-time:is(*,._) #workDashboard:is(*,#_) :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee) .coffee-side-icon,.coffee-side-icon{position:relative;border-top-width:.13em;font-size:inherit;line-height:1;text-align:initial}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::before,.coffee-side-icon::before{position:absolute;right:-.36em;top:.22em;width:.34em;height:.36em;border:.08em solid rgba(229, 246, 255, .98);border-left:0;border-radius:0 999px 999px 0;background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(130, 185, 202, .12))}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::after,.coffee-side-icon::after{position:absolute;left:.18em;top:-.7em;width:.12em;height:.55em;border-radius:999px;background:rgba(226, 210, 190, .78);box-shadow:.28em -.06em 0 -.01em rgba(226, 210, 190, .65), .56em .02em 0 -.02em rgba(226, 210, 190, .56);filter:blur(.01em)}.snack-coffee-cup-progress{width:54px;height:82px;border:2px solid #e5f9ff;border-top-width:3px;border-radius:9px 9px 22px 22px;background:linear-gradient(90deg, rgba(255,255,255,.45), transparent 22% 75%, rgba(89, 139, 154, .22)), linear-gradient(180deg, #fbfeff 0%, #d8f2f8 46%, #91c8d6 100%);box-shadow:inset 0 2px 0 rgba(255, 255, 255, .66), 0 10px 22px rgba(0, 0, 0, .34)}.snack-coffee-cup-progress::before{right:-18px;top:20px;width:16px;height:30px;border:2px solid #e5f9ff;border-left:0;border-radius:0 999px 999px 0}.snack-coffee-cup-progress::after{left:-5px;right:-5px;bottom:-7px;height:3px;background:rgba(229, 249, 255, .72)}.snack-coffee-shine{left:8px;top:9px;width:10px;height:48px;background:rgba(255, 255, 255, .24)}.snack-donut-progress{width:82px;height:82px;-webkit-mask:radial-gradient(circle at 50% 50%, transparent 0 27%, #000 28%);mask:radial-gradient(circle at 50% 50%, transparent 0 27%, #000 28%)}.snack-donut-progress::before{-webkit-mask:radial-gradient(circle at 50% 50%, transparent 0 28%, #000 29%);mask:radial-gradient(circle at 50% 50%, transparent 0 28%, #000 29%)}.snack-donut-progress span{-webkit-mask:radial-gradient(circle at 50% 50%, transparent 0 30%, #000 31%);mask:radial-gradient(circle at 50% 50%, transparent 0 30%, #000 31%)}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon,html body.page-work-time:is(*,._) #workDashboard:is(*,#_) :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee) .coffee-side-icon,.coffee-side-icon{display:inline-block;width:1.22em;min-width:1.22em;max-width:1.22em;height:1.22em;min-height:1.22em;max-height:1.22em;border:0;border-radius:0;background:url("../work/coffee-cup-svgrepo.svg") center / contain no-repeat;box-shadow:none;overflow:visible;filter:drop-shadow(0 .08em .14em rgba(0, 0, 0, .38))}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::before,html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .coffee-side-icon::after,.coffee-side-icon::before,.coffee-side-icon::after{content:none;display:none}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee) .coffee-side-icon{font-size:2.6rem}.work-snack-progress-popup:is(*,._){grid-template-columns:1fr;justify-items:center;align-items:center;text-align:center;gap:8px;min-width:170px;min-height:150px;padding:14px 16px}.work-snack-progress-popup:is(*,._) .snack-coffee-cup-progress,.work-snack-progress-popup:is(*,._) .snack-donut-progress{grid-row:1}.work-snack-progress-popup:is(*,._) b{grid-row:2;display:block;text-align:center}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee) .coffee-side-icon,& .work-snack-coffee .coffee-side-icon:is(*,._){display:inline-grid;place-items:center;width:1.16em;min-width:1.16em;max-width:1.16em;height:1.16em;min-height:1.16em;max-height:1.16em;border:.09em solid rgba(225, 246, 255, .94);border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(91, 47, 25, .98) 0 38%, rgba(57, 28, 16, .98) 39% 55%, transparent 56%), radial-gradient(circle at 44% 38%, rgba(255, 239, 211, .32) 0 11%, transparent 12%), radial-gradient(circle at 50% 50%, #d8c6ea 0 66%, #a98fc7 67% 100%);box-shadow:inset 0 .07em .12em rgba(255, 255, 255, .36), 0 .08em .2em rgba(0, 0, 0, .32);filter:none}& :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee) .coffee-side-icon::before{content:"";display:block;position:absolute;right:-.22em;top:.34em;width:.32em;height:.32em;border:.08em solid rgba(225, 246, 255, .9);border-left-color:transparent;border-radius:50%;background:transparent}& :is(.work-snack-coffee, .work-snack-counter.work-snack-coffee) .coffee-side-icon::after{content:"";display:block;position:absolute;left:.27em;top:.24em;width:.22em;height:.12em;border-radius:50%;background:rgba(255, 246, 225, .42);transform:rotate(-22deg)}}.snack-coffee-cup-progress{overflow:hidden}.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%)}.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)}.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.page-work-time:is(*,._) #workDashboard:is(*,#_) .collect-earnings-panel:is(*,._){& .counter-slot-icon-wrap:is(*,._){display:contents;width:auto;height:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}& .counter-slot:is(*,._) .counter-slot-money:is(*,._){position:absolute;top:-30px;left:50%;z-index:28;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:92px;max-width:148px;padding:5px 10px;transform:translateX(-50%);white-space:nowrap;font-size:.86rem}& .counter-slot:is(*,._) .counter-slot-money.token-amount-muted{opacity:.56;filter:saturate(.76) brightness(.9)}& .counter-slot:is(*,._) .counter-slot-icon:is(*,._){position:absolute;left:50%;top:58px;width:auto;height:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateX(-50%);font-size:3.35rem;line-height:1}& .counter-slot:is(*,._) .counter-slot-state:is(*,._){position:absolute;top:14px;bottom:auto;left:8px;right:8px;z-index:12;font-size:.92rem;line-height:1.05}& .counter-slot.slot-available:not(.slot-collected) .counter-slot-state:is(*,._){color:#c37cff;-webkit-text-fill-color:#c37cff}& .counter-slot.slot-collected .counter-slot-state:is(*,._){color:#ffffff;-webkit-text-fill-color:#ffffff}& .counter-slot:is(*,._) > small{position:absolute;left:8px;right:8px;bottom:12px;z-index:12;margin:0;font-size:.88rem;line-height:1.05}}html body.page-work-time:is(*,._),html body.page-work-time:is(*,._) main.shell.shell{overflow-x:hidden;max-width:100vw}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){overflow-x:clip;contain:layout paint}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .work-dashboard-title-row:is(*,._){display:none;width:0;height:0;overflow:hidden;pointer-events:none}html body.page-work-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #workDashboard:is(*,#_).work-dashboard.glass-card,html body.page-work-time:is(*,._) #workDashboard:is(*,#_){box-sizing:border-box;width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)));max-width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)));margin-left:auto;margin-right:auto;padding-top:10px;padding-right:0;padding-left:0}html body.page-work-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #workDashboard:is(*,#_).work-dashboard.glass-card .work-dashboard-panels:is(*,._),html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .work-dashboard-panels:is(*,._){display:grid;width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:0;border:0;background:transparent;background-color:transparent;background-image:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}html body.page-work-time:is(*,._) #workDashboard:is(*,#_){& > :is(.work-dashboard-panels:is(*,._),.work-dashboard-panels-invisible:is(*,._)),& > div.work-dashboard-panels:is(*,._){display:grid;isolation:auto;width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:0;border:0;outline:0;background:transparent;background-color:transparent;background-image:none;box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}& > .work-dashboard-panels:is(*,._)::before,& > .work-dashboard-panels:is(*,._)::after,& > div.work-dashboard-panels:is(*,._)::before,& > div.work-dashboard-panels:is(*,._)::after,& > .work-dashboard-panels-invisible:is(*,._)::before,& > .work-dashboard-panels-invisible:is(*,._)::after{content:none;display:none;background:transparent;background-color:transparent;background-image:none;box-shadow:none;border:0}}html body.page-work-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #workDashboard:is(*,#_).work-dashboard.glass-card,html body.page-work-time:is(*,._) #workDashboard:is(*,#_).work-dashboard.glass-card,html body.page-work-time:is(*,._) #workDashboard:is(*,#_){border:0;outline:0;background:transparent;background-color:transparent;background-image:none;box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}html body.page-work-time:is(*,._) #workDashboard:is(*,#_)::before,html body.page-work-time:is(*,._) #workDashboard:is(*,#_)::after{content:none;display:none;border:0;background:transparent;background-color:transparent;background-image:none;box-shadow:none}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) .work-dashboard-title-row:is(*,._){& #workSnackCounters:is(*,#_){display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:11px;transform:translate(10px, 10px)}& #workSnackCounters:is(*,#_) .work-snack-counter:is(*,._){height:calc((298px - 11px) / 2);min-height:calc((298px - 11px) / 2);padding:10px 8px}& #workSnackCounters:is(*,#_){width:166px;min-width:166px;max-width:166px;height:298px;min-height:298px;max-height:298px;justify-items:center;align-items:stretch;box-sizing:border-box;overflow:visible}& #workSnackCounters:is(*,#_) .work-snack-counter:is(*,._){width:136px;min-width:136px;max-width:136px;justify-self:center;box-sizing:border-box;background:linear-gradient(145deg, rgba(4, 12, 22, .98), rgba(7, 24, 36, .98));border-color:rgba(83, 170, 205, .36);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045), 0 10px 20px rgba(0, 0, 0, .3)}}html body.page-work-time:is(*,._) .page-body-title:is(*,._){display:inline-flex;align-items:center;justify-content:center;gap:10px}html body.page-work-time:is(*,._) .page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;place-items:center;width:34px;height:34px;margin: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.15rem;font-style:normal;line-height:1}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) :is(.work-time-weekday-line:is(*,._),.token-day-label:is(*,._)){font-family:Georgia, "Times New Roman", Times, serif;font-style:normal;letter-spacing:0}html body.page-work-time:is(*,._._) main.shell.shell #workDashboard:is(*,#_#_) .token-day-label:is(*,._._){font-family:Georgia, "Times New Roman", Times, serif;font-style:normal;letter-spacing:0}html body.page-work-time:is(*,._._) #current-time-and-weatherSection:is(*,#_) .time-status-clock-icon:is(*,._){font-size:1.75rem;line-height:1}html body.page-work-time:is(*,._._) main.shell.shell #workDashboard:is(*,#_#_){& .coffee-side-icon:is(*,._),& .work-snack-coffee:is(*,._) .coffee-side-icon:is(*,._){display:inline-grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;overflow:visible}& .coffee-side-icon:is(*,._)::before,& .work-snack-coffee:is(*,._) .coffee-side-icon:is(*,._)::before{content:"\2615";position:static;display:block;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none;color:#f2d3a0;font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;font-size:2.1rem;line-height:1;transform:none;filter:drop-shadow(0 2px 5px rgba(0, 0, 0, .28))}& .coffee-side-icon:is(*,._)::after,& .work-snack-coffee:is(*,._) .coffee-side-icon:is(*,._)::after{content:none;display:none}}body.page-work-test main.shell > :not(.page-body-title):not(#primaryProgress){display:none}body.page-work-test #primaryProgress{display:block;margin:0 auto 44px}html body.page-work-time.page-work-test #timelineStack,html body.page-work-time.page-work-test #workFinanceTools{display:none}html body.page-work-time.page-work-test #workHoursGroupShell{display:block;max-width:980px;margin:0 auto}html body.page-work-time.page-work-test #workHoursGroup,html body.page-work-time.page-work-test #workDashboard{display:block;width:100%;max-width:980px;margin:0 auto}html body.page-work-time.page-work-test #workDashboard:is(*,#_){padding:20px;border:1px solid rgba(107, 176, 190, 0.42);border-radius:22px;background:repeating-linear-gradient(180deg, rgba(64, 123, 110, 0.08) 0 4px, rgba(7, 17, 25, 0) 4px 12px), linear-gradient(145deg, rgba(14, 30, 40, 0.98), rgba(8, 20, 30, 0.98));box-shadow:0 22px 48px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(200, 255, 242, 0.08)}html body.page-work-time.page-work-test #workDashboard:is(*,#_){& :is(.work-dashboard-title-row,.work-hours-group-title-hidden){display:none}& .work-dashboard-panels{min-height:0;height:0;padding:0;margin:0;overflow:hidden}}@media (max-width: 760px){html body.page-work-time.page-work-test #workDashboard:is(*,#_){padding:14px}}html body.page-work-time.page-work-test:is(*,._) main.shell.shell{width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)));max-width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)));margin-left:auto;margin-right:auto}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_),html body.page-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#workHoursGroupShell:is(*,#_),#workHoursGroup:is(*,#_)){width:100%;max-width:min(var(--section-max-width, 1530px), calc(100vw - var(--section-side-gutter, 48px)));margin-left:auto;margin-right:auto}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #workDashboard:is(*,#_).work-dashboard.glass-card,html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_).work-dashboard.glass-card{box-sizing:border-box}html body.page-work-time.page-work-test:is(*,._) main.shell.shell > .page-body-title:is(*,._){display:flex;align-items:center;justify-content:center;min-height:54px;height:auto;margin:0 auto 14px;padding:0;overflow:visible}html body.page-work-time.page-work-test:is(*,._) main.shell.shell > .page-body-title:is(*,._) > span:not(.page-title-icon){display:none}html body.page-work-time.page-work-test:is(*,._) main.shell.shell > .page-body-title:is(*,._) .page-title-icon{display:grid;place-items:center;width:54px;height:54px;color:#bfeeff;-webkit-text-fill-color:#bfeeff;font-size:2rem;border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:0 0 18px rgba(98, 211, 241, .28)}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_) :is(#workHoursGroupShell:is(*,#_),#workHoursGroup:is(*,#_)),html body.page-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_) #workDashboard:is(*,#_).work-dashboard.glass-card,html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_).work-dashboard.glass-card{padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none;outline:0}html body.page-work-time.page-work-test:is(*,._) main.shell.shell > #workDashboard:is(*,#_#_),html body.page-work-time.page-work-test:is(*,._) main.shell.shell > #primaryProgress:is(*,#_){margin-top:-2px}.work-snack-progress-popup.work-test-consumption-popup{position:fixed;left:var(--snack-progress-left, 50vw);top:var(--snack-progress-top, 50vh);z-index:12000;grid-template-columns:1fr;border:3px solid #89f7ff;border-radius:14px;color:#eaffff;-webkit-text-fill-color:#eaffff;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%, 0) translateY(10px);transition:opacity .22s ease, transform .22s ease;box-shadow:0 0 0 1px rgba(255, 255, 255, .12), 0 0 24px rgba(137, 247, 255, .36), 0 18px 34px rgba(0, 0, 0, .42)}.work-snack-progress-popup.work-test-consumption-popup.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%, 0) translateY(0)}.work-snack-progress-popup.work-test-consumption-popup-snack{border-color:#ffd06b;box-shadow:0 0 0 1px rgba(255, 255, 255, .12), 0 0 24px rgba(255, 208, 107, .36), 0 18px 34px rgba(0, 0, 0, .42)}.work-snack-progress-popup.work-test-consumption-popup b{color:#f4ffff;-webkit-text-fill-color:#f4ffff;text-shadow:0 0 12px rgba(137, 247, 255, .28)}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_){background-color:#212b33;background-image:none}.work-snack-progress-popup.work-test-consumption-popup,.work-snack-progress-popup.work-test-consumption-popup-snack{width:246px;min-width:246px;max-width:246px;height:268px;max-height:268px;box-sizing:border-box;overflow:hidden;background:#303439}.work-snack-progress-popup.work-test-consumption-popup-snack{background:#303032}.work-snack-progress-popup.work-test-consumption-popup b{display:flex;align-items:center;justify-content:center;width:202px;min-width:202px;max-width:202px;overflow:hidden;font-size:1rem;white-space:normal;text-wrap:balance}.work-snack-progress-popup.work-test-consumption-popup b{padding-top:2px}.work-snack-progress-popup.work-test-consumption-popup .work-test-consumption-drop{margin-top:0;margin-bottom:0;font-size:.76rem;line-height:1}.work-snack-progress-popup.work-test-consumption-popup,.work-snack-progress-popup.work-test-consumption-popup-snack{padding-top:12px}.work-snack-progress-popup.work-test-consumption-popup :is(.snack-coffee-cup-progress, .snack-donut-progress){margin-top:0}.work-snack-progress-popup.work-test-consumption-popup .work-test-consumption-popup-scene{grid-row:3;align-self:start;justify-self:center;min-height:74px;gap:7px;margin-top:0}.work-snack-progress-popup.work-test-consumption-popup .work-test-popup-person{font-size:3.65rem;line-height:.9}.work-snack-progress-popup.work-test-consumption-popup .work-test-popup-item{font-size:2.55rem;transform:translate(0, 0)}.work-snack-progress-popup.work-test-consumption-popup,.work-snack-progress-popup.work-test-consumption-popup-snack{display:grid;grid-template-rows:118px 54px 1fr 28px;align-items:center;justify-items:center;gap:6px;min-height:250px;padding:14px 16px 12px}.work-snack-progress-popup.work-test-consumption-popup .work-test-consumption-popup-scene,.work-snack-progress-popup.work-test-consumption-popup .work-test-popup-person,.work-snack-progress-popup.work-test-consumption-popup .work-test-popup-item{display:none}.work-snack-progress-popup.work-test-consumption-popup :is(.snack-coffee-cup-progress, .snack-donut-progress){grid-row:1;align-self:center;justify-self:center;margin:0}.work-snack-progress-popup.work-test-consumption-popup .snack-coffee-cup-progress{width:82px;height:102px;border-color:rgba(184, 204, 216, .72);background:linear-gradient(180deg, rgba(204, 215, 224, .26), rgba(93, 111, 124, .18)), linear-gradient(90deg, rgba(230, 238, 245, .22), rgba(119, 139, 153, .16) 52%, rgba(225, 232, 238, .18));box-shadow:inset 0 2px 10px rgba(255, 255, 255, .12), inset 0 -14px 20px rgba(45, 55, 66, .42)}.work-snack-progress-popup.work-test-consumption-popup .snack-donut-progress{width:102px;height:102px}.work-snack-progress-popup.work-test-consumption-popup b{grid-row:2;align-self:start;height:auto;min-height:0;max-height:none;margin:0 auto;padding:0;line-height:1.15}.work-snack-progress-popup.work-test-consumption-popup .work-test-consumption-drop{grid-row:4;align-self:end;min-height:22px;height:22px;padding:2px 14px;margin:0;transform:none;border-color:rgba(170, 190, 200, .32);background:rgba(18, 25, 32, .72);color:#b9c8d0;-webkit-text-fill-color:#b9c8d0;box-shadow:none}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_) #workTestHolidaysSection:is(*,#_){& .work-test-holidays-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;text-align:center}& .work-test-holidays-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(102, 211, 220, .46);border-radius:50%;background:linear-gradient(145deg, rgba(18, 94, 111, .82), rgba(11, 49, 68, .94));box-shadow:inset 0 1px 0 rgba(220, 255, 255, .12), 0 5px 14px rgba(0, 0, 0, .2)}& .work-test-holidays-icon svg{width:29px;height:29px;fill:none;stroke:#89e7e3;stroke-width:1.6;stroke-linecap:round}& .work-test-holidays-header h2{margin:0;color:#8bd6e8;-webkit-text-fill-color:#8bd6e8;font-family:var(--wt-display-font);font-size:1.35rem;font-weight:600;line-height:1.05}& .work-test-holidays-header p{margin:4px 0 0;color:#9dbdca;-webkit-text-fill-color:#9dbdca;font-size:.79rem;font-weight:400;line-height:1.2}& :is(#workTestHolidayActionRow:is(*,#_),#workInfoHolidayCell:is(*,#_)){position:static;display:block;width:100%;min-width:0;max-width:none;height:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}& #dayHolidayLabels:is(*,#_).holiday-stack{position:static;display:grid;justify-items:stretch;gap:11px;width:100%;min-width:0;max-width:none;margin:0;padding:0;pointer-events:auto;transform:none}& .world-holidays-toggle:is(*,._){position:static;display:inline-flex;align-items:center;justify-content:center;justify-self:center;transform:none;width:174px;min-width:174px;max-width:174px;height:34px;min-height:34px;max-height:34px;margin:0;padding:5px 14px;border:1px solid rgba(91, 181, 196, .62);border-radius:9px;background:linear-gradient(180deg, #1d5870, #123b51);color:#dff8ff;-webkit-text-fill-color:#dff8ff;font-size:.84rem;font-weight:500;line-height:1;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06), 0 4px 10px rgba(0, 0, 0, .2)}& .world-holidays-toggle:is(*,._):hover{border-color:rgba(133, 223, 232, .84);background:linear-gradient(180deg, #27738d, #194e68)}& #worldHolidayOverlay:is(*,#_).world-holiday-overlay{position:static;inset:auto;z-index:auto;display:block;width:min(100%, 600px);min-width:0;max-width:600px;max-height:none;margin:0 auto;padding:14px;box-sizing:border-box;overflow:visible;transform:none;border:1px solid rgba(75, 156, 179, .35);border-radius:12px;background:linear-gradient(145deg, rgba(6, 31, 47, .96), rgba(7, 24, 38, .98));color:#dceef4;box-shadow:inset 0 1px 0 rgba(224, 255, 255, .045)}& #worldHolidayOverlay:is(*,#_).world-holiday-overlay[hidden]{display:none}& .holiday-overlay-title:is(*,._){display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 12px;color:#bcecf2;-webkit-text-fill-color:#bcecf2;font-size:1.03rem;font-weight:600;line-height:1.1}& .holiday-overlay-title:is(*,._) span{color:#d8bf87;-webkit-text-fill-color:#d8bf87;font-size:.88rem;font-weight:500}& .holiday-region-grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px}& .holiday-region{min-width:0;padding:11px;border:1px solid rgba(83, 159, 178, .22);border-radius:10px;background:rgba(12, 53, 67, .42);text-align:center}& .holiday-region-world{background:rgba(16, 57, 61, .4)}& .holiday-region h3{margin:0 0 8px;color:#76ceda;-webkit-text-fill-color:#76ceda;font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}& .holiday-region ul{display:grid;justify-items:center;gap:6px;margin:0;padding:0;list-style:none}& .holiday-region-world ul{grid-template-columns:repeat(2, minmax(0, 1fr))}& .holiday-region li{display:block;min-width:0;margin:0;padding:7px 9px;border:1px solid rgba(110, 194, 201, .12);border-radius:7px;background:rgba(5, 29, 42, .5);color:#d9ebf0;font-size:.75rem;line-height:1.28;overflow-wrap:anywhere;text-align:center}& .holiday-region-world li{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;align-items:baseline;gap:4px;text-align:center}& .holiday-region-world li b{color:#d4ba7d;-webkit-text-fill-color:#d4ba7d;font-size:1.18rem;font-weight:600;line-height:1.22}& .world-holidays-close:is(*,._),& .us-holiday-inline{display:none}}@media (max-width: 680px){html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_){& #workTestHolidaysSection:is(*,#_){max-width:calc(100% - 12px);padding:16px 12px 14px}& #workTestHolidaysSection:is(*,#_) .holiday-region-grid{grid-template-columns:minmax(0, 1fr)}& #workTestHolidaysSection:is(*,#_) .holiday-region-world ul{grid-template-columns:minmax(0, 1fr)}& #workTestHolidaysSection:is(*,#_) #worldHolidayOverlay:is(*,#_).world-holiday-overlay{max-height:none;padding:10px}}}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-work-time main.shell > #primaryProgress:is(*,#_){margin-top:0}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._),html body.page-work-time:is(*,._) main.shell.shell{margin-top:0}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > :first-child,html body.page-work-time:is(*,._) main.shell.shell > #primaryProgress:is(*,#_).progress-grid{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 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 nav.top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel{z-index:2147483647;top:calc(100% - 10px);width:250px;max-width:min(250px, calc(100vw - 18px));min-width:0;padding:10px;gap:8px;background:linear-gradient(145deg, #263946, #1a2b37 58%, #233244);border:2px solid rgba(139, 220, 242, .78);box-shadow:0 18px 42px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .08) inset}html body nav.top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel{& .nav-time-machine-mini{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px;min-height:0;background:rgba(11, 26, 36, .72);border:1px solid rgba(142, 213, 235, .34)}& .nav-time-field{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:6px}& .nav-time-field input{width:122px;min-width:0;height:24px}& .nav-time-arrows{display:flex;gap:3px}& .nav-time-arrows button{width:24px;min-width:24px;height:24px;padding:0}& .options-button-row{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px;min-height:28px;padding:5px 7px;background:rgba(12, 28, 39, .62);border:1px solid rgba(126, 197, 222, .22)}& .options-segmented-control{justify-self:end;width:auto;gap:4px}& .options-segmented-control button{min-width:34px;width:34px;padding-left:0;padding-right:0}& :is(#clearSavedValuesButton, #centerLineToggleButton){display:none}& #clearSiteCacheButton,& .options-action-button{width:auto;min-width:86px;max-width:104px;height:28px;padding:4px 9px;font-size:.78rem;white-space:nowrap}& .options-cache-row{grid-template-columns:54px 1fr}}html body :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._),html body :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title.site-page-title-sr-only{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;min-height:1px;max-height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}@media (max-width: 760px), (prefers-reduced-motion: reduce){html.mobile-low-power *,html.mobile-low-power *::before,html.mobile-low-power *::after,html.page-is-hidden *,html.page-is-hidden *::before,html.page-is-hidden *::after{animation-duration:.001ms;animation-delay:0ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}}@media (max-width: 760px){html.mobile-low-power body :is(.ambient, .ambient-one, .ambient-two){display:none}html.mobile-low-power body :is( .glass-card, .time-card, .progress-card, .timeline-card, .weather-simple-card, .weather-stat-card, .weather-ranking-card, .weather-comparison-card, .weather-rankings-card, .weather-history-card, .rainfall-card, .snowfall-card, .wind-card, .air-card, .geography-card, .calendar-summary-popup-button, .work-test-layout, .work-test-status-card, .work-test-slider-card, .mini-progress-card ){-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;box-shadow:none;text-shadow:none}html.mobile-low-power body.page-weather :is(.weather-simulator-card, .isolated-simulator-card, .standalone-weather-simulator-section) iframe{display:none}html.mobile-low-power body :is( .weather-overlay-icon, .shooting-star, .geography-palm, .geography-fern, .rainfall-side-cloud, .rainfall-raindrop, .snowflake-decoration, .work-snack-progress-popup ){filter:none;text-shadow:none;box-shadow:none}}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){align-items:center;justify-content:center;gap:8px;width:min(95vw, 1180px);height:auto;color:#7ee9ff;font-family:"Segoe UI", Arial, sans-serif;font-weight:600;letter-spacing:.02em;text-align:center}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) .page-title-icon{color:#8df4ff;font-size:1.05em}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-left:var(--mobile-page-pad);padding-right:var(--mobile-page-pad);overflow-x:hidden}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is( h1, h2, h3, .page-body-title, .card-title, .section-title, .weather-section-title, .home-title, .home-test-title ){line-height:1.15;letter-spacing:0}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(.page-body-title, .home-title, .home-test-title){font-size:var(--mobile-title-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(.card-title, .section-title, .weather-section-title, .progress-section-title, h2){font-size:var(--mobile-section-title-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(p, li, dd, dt, label, button, input, select, .detail-text, .weather-detail-label, .weather-detail-value){font-size:var(--mobile-body-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(table, th, td, .weather-table, .distance-table, .ranked-table){font-size:var(--mobile-table-font)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is( .page-title-icon, .calendar-summary-icon, .weather-detail-icon, .weather-stat-icon, .phase-summary-icon, .geography-icon, .weather-icon, .work-test-title-icon, .mini-slider-icon, .nav-logo-mark ){width:var(--mobile-icon-box);max-width:var(--mobile-icon-box);height:var(--mobile-icon-box);max-height:var(--mobile-icon-box);min-width:0;min-height:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--mobile-icon-font);line-height:1;transform:none;object-fit:contain;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;font-variant-emoji:text}}@media (max-width: 980px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){overflow-x:hidden}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){transform-origin:top left}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > :not(.page-body-title),html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is( #current-time-and-weatherSection, #local-weatherSection, #phaseCard, #primaryProgress, #timelineStack, #timeVisualizedGroupShell, #extendedTimeVisualizedGroupShell, #moreTimeGroupShell, #workHoursGroupShell, #workDashboard, #calendarsDashboard, #phaseSummaryDashboard, #weatherGeographySection, #geographyDistanceCard, #landscapeDetailsCard, #weatherSimulatorSection, #worldClockCard, #myWeatherCard, #rainfallCard, #snowfallCard, #oceanCurrentsCard, #unitConverterGroupShell, #languageClocksSection ){width:100%;max-width:100%;justify-self:stretch;box-sizing:border-box}html body.page-work-time:is(*,._) main.shell.shell #primaryProgress:is(*,#_),html body.page-work-time:is(*,._) main.shell.shell #workDashboard:is(*,#_),html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard: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-work-time:is(*,._) main.shell.shell > :is(#primaryProgress:is(*,#_), #workHoursGroupShell: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}}@media (max-width: 980px){html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_){padding-left:10px;padding-right:10px}}@media (max-width: 1280px){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-work-time:is(*,._) #workDashboard:is(*,#_) :is(.work-dashboard-tokens:is(*,._),.work-collect-card-row:is(*,._)){flex-wrap:nowrap}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-work-time:is(*,._) main.shell.shell > #primaryProgress:is(*,#_),html body.page-work-time.page-work-test:is(*,._) main.shell.shell > #primaryProgress:is(*,#_#_),html body.page-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_#_) :is(#workHoursGroupShell:is(*,#_#_),#workHoursGroup:is(*,#_#_),#workDashboard:is(*,#_#_)){width:100%;min-width:0;max-width:none;box-sizing:border-box}}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{position:fixed;top:0;left:0;right:0;width:100vw;display:grid;box-sizing:border-box;overflow:visible;z-index:10000}html body nav.top-nav[data-shared-nav] .nav-mobile-toggle#navMobileToggle{display:none}html body nav.top-nav[data-shared-nav] .nav-location-search,html body nav.top-nav[data-shared-nav] .floating-site-actions{display:none}@media (min-width: 981px){html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;grid-column:2;grid-row:1;align-self:center;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:15px;width:auto;min-width:0;max-width:100%;height:30px;min-height:30px;max-height:30px;margin:0;padding:0;overflow:hidden;transform:none}html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{align-self:stretch;justify-self:stretch;align-items:stretch;justify-content:stretch}html body nav.top-nav[data-shared-nav] .nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks > .page-menu-item{flex:1 1 0;display:block;width:auto;min-width:0;max-width:none;height:100%;box-sizing:border-box}}@media (max-width: 980px){html,html body{--nav-height: 72px}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{height:72px;min-height:72px;grid-template-columns:32px minmax(0, 1fr) 34px;grid-template-rows:33px 28px;gap:3px 4px;padding:4px 4px 5px;overflow:visible}html body nav.top-nav[data-shared-nav] .nav-site-logo:is(*,._){position:static;grid-column:1;grid-row:1;align-self:center;justify-self:center;display:inline-grid;place-items:center;width:31px;min-width:31px;max-width:31px;height:31px;min-height:31px;max-height:31px;margin:0;padding:0;transform:none}html body nav.top-nav[data-shared-nav] .nav-site-logo .site-logo-mark{width:26px;height:26px}html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:static;grid-column:2;grid-row:1;align-self:center;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;max-width:100%;height:29px;min-height:29px;max-height:29px;margin:0;padding:0;overflow:hidden;transform:none}html body nav.top-nav[data-shared-nav] .nav-live-summary > span,html body nav.top-nav[data-shared-nav] .nav-weather-summary,html body nav.top-nav[data-shared-nav] .nav-weather-summary .nav-weather-temp,html body nav.top-nav[data-shared-nav] .nav-weather-summary .nav-weather-condition{font-size:clamp(.46rem, 1.55vw, .64rem);line-height:1;letter-spacing:0}html body nav.top-nav[data-shared-nav] #navCurrentTime:is(*,#_){width:8.8ch;min-width:8.8ch;max-width:8.8ch}html body nav.top-nav[data-shared-nav] #navCurrentDate:is(*,#_){width:16.9ch;min-width:16.9ch;max-width:16.9ch}html body nav.top-nav[data-shared-nav] #navWeatherSummary:is(*,#_){width:11.2ch;min-width:11.2ch;max-width:11.2ch}html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._){position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end;display:inline-flex;width:32px;min-width:32px;max-width:32px;height:31px;min-height:31px;max-height:31px;margin:0;padding:0;transform:none;overflow:visible}html body nav.top-nav[data-shared-nav] .global-format-controls .page-menu-item:not(.nav-options-menu){display:none}html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){width:32px;min-width:32px;max-width:32px}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){display:inline-grid;place-items:center;height:31px;min-height:31px;max-height:31px;padding:0;border:0;background:transparent;box-shadow:none;font-size:0;line-height:1}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_) .options-gear-icon{display:inline-grid;place-items:center;color:#9defff;-webkit-text-fill-color:#9defff;font-size:1.9rem;line-height:1}html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav]:not(.is-mobile-menu-open) .nav-left-group,html body nav.top-nav[data-shared-nav]:not(.is-mobile-menu-open) .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group,html body nav.top-nav[data-shared-nav].is-mobile-menu-open .nav-left-group#navMainLinks{position:static;inset:auto;grid-column:1 / -1;grid-row:2;align-self:stretch;justify-self:stretch;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:2px;width:100%;min-width:0;max-width:100%;height:28px;min-height:28px;max-height:28px;margin:0;padding:0;transform:none;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto}html body nav.top-nav[data-shared-nav] .nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks > .page-menu-item{flex:1 1 0;display:block;width:auto;min-width:0;max-width:none;height:100%;box-sizing:border-box;margin:0;padding:0;background:transparent;border:0}html body nav.top-nav[data-shared-nav] .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav] .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link){display:grid;place-items:center;width:100%;min-width:0;max-width:none;height:26px;min-height:26px;max-height:26px;padding:0 1px;box-sizing:border-box;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(121, 206, 235, .26);border-radius:0;background:linear-gradient(180deg, rgba(28, 60, 82, .54), rgba(9, 24, 38, .5));color:#9eeeff;-webkit-text-fill-color:#9eeeff;font-size:clamp(.31rem, 1.18vw, .54rem);font-weight:600;line-height:1;letter-spacing:0}html body nav.top-nav[data-shared-nav]::after{display:none}html body nav.top-nav[data-shared-nav].nav-links-always-visible .nav-mobile-toggle#navMobileToggle{display:none;width:0;min-width:0;max-width:0;height:0;min-height:0;max-height:0;overflow:hidden;pointer-events:none}html body nav.top-nav[data-shared-nav].nav-links-always-visible .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].nav-links-always-visible .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].nav-links-always-visible:not(.is-mobile-menu-open) .nav-left-group,html body nav.top-nav[data-shared-nav].nav-links-always-visible:not(.is-mobile-menu-open) .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].nav-links-always-visible.is-mobile-menu-open .nav-left-group,html body nav.top-nav[data-shared-nav].nav-links-always-visible.is-mobile-menu-open .nav-left-group#navMainLinks{position:static;inset:auto;grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:2px;width:100%;min-width:0;max-width:100%;height:28px;min-height:28px;max-height:28px;margin:0;padding:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;background:transparent;border:0;box-shadow:none}html body.page-work-time:is(*,._._) main.shell:is(*,._._),html body.page-work-test:is(*,._._) main.shell:is(*,._._),html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._){padding-top:clamp(132px, calc(348px - 22.1vw), 250px)}}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{gap:0 4px}html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){top:2px;right:10px}@media (max-width: 760px){html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{right:34px;column-gap:3px;font-size:.68rem}}html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_){margin-right:-12px}@media (max-width: 760px){html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{right:34px}html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_){margin-right:-10px;text-align:right}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:15px}}html body nav.top-nav[data-shared-nav].top-nav{grid-template-columns:44px minmax(0, 1fr) 44px;column-gap:4px}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{position:static;top:auto;right:auto;bottom:auto;left:auto;grid-column:2;grid-row:1;align-self:center;justify-self:end;display:grid;grid-template-columns:max-content max-content max-content;align-items:center;justify-content:end;justify-items:center;column-gap:8px;row-gap:0;width:max-content;min-width:0;max-width:100%;height:30px;min-height:30px;max-height:30px;margin:0;padding:0;overflow:visible;white-space:nowrap;font-size:.75rem;line-height:1.1}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._) span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:max-content;max-width:none;height:auto;margin:0;padding:0;overflow:visible;text-overflow:clip;white-space:nowrap;text-align:center;transform:none;font-size:inherit;line-height:inherit}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:10px;color:#ffe38a;-webkit-text-fill-color:#ffe38a}html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_){color:#c7e3ff;-webkit-text-fill-color:#c7e3ff}html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._){color:#9ef5c5;-webkit-text-fill-color:#9ef5c5}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navCurrentDate:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_){box-sizing:content-box;padding-left:5px;padding-right:5px}html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_),html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary:is(*,._){column-gap:12px;gap:12px}html body nav.top-nav[data-shared-nav].top-nav #navWeatherSummary:is(*,#_){padding-left:10px;padding-right:10px}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end;margin:0;transform:none}@media (max-width: 980px){html body nav.top-nav[data-shared-nav].top-nav{grid-template-columns:38px minmax(0, 1fr) 38px;column-gap:3px}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{column-gap:6px;font-size:.64rem}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:7px}}@media (max-width: 520px){html body nav.top-nav[data-shared-nav].top-nav{grid-template-columns:34px minmax(0, 1fr) 34px;column-gap:2px}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{column-gap:4px;font-size:.58rem;margin-right:12px}html body nav.top-nav[data-shared-nav].top-nav #navCurrentTime:is(*,#_){margin-right:5px}}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{transform:translateY(-4px)}html body nav.top-nav[data-shared-nav].top-nav::after{content:none;display:none;opacity:0;height:0;border:0;box-shadow:none}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks{transform:translateY(-4px)}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo:is(*,._){width:32px;min-width:32px;max-width:32px;height:28px;min-height:28px;transform:translateY(-4px)}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark{width:24px;height:24px}@media (max-width: 520px){html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo:is(*,._){width:28px;min-width:28px;max-width:28px;height:26px;min-height:26px}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark{width:22px;height:22px}}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark{border:0;box-shadow:none}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::before,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::after,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-hand{content:none}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._){z-index:100000}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel.options-menu-panel:not([hidden]),html body .top-nav[data-shared-nav] #optionsMenuPanel.options-menu-panel:not([hidden]){display:grid;width:214px;min-width:214px;max-width:214px;padding:8px;gap:6px;right:0;top:18px;transform:translateY(-10px);z-index:100001;border:2px solid rgba(229, 191, 104, .92);border-radius:4px;background:radial-gradient(circle at 20% 0%, rgba(236, 204, 128, .16), transparent 42%), linear-gradient(180deg, #34464f, #202d38 58%, #18232d);box-shadow:0 16px 30px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 235, 167, .18)}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel{& .nav-time-machine-mini{display:none}& .nav-time-machine-mini.toolbar-time-section{display:grid}& .options-button-row{display:grid;grid-template-columns:74px minmax(0, 1fr);align-items:center;min-height:25px;padding:4px 6px;gap:5px;border:1px solid rgba(220, 190, 116, .48);border-radius:3px;background:linear-gradient(180deg, rgba(78, 92, 100, .95), rgba(45, 58, 68, .96));color:#f1e5bd;-webkit-text-fill-color:#f1e5bd;font-size:.68rem}& .options-button-row > span:first-child{text-align:left;font-size:.66rem}& .options-segmented-control{justify-content:end;gap:3px;min-width:0;width:auto}& .options-segmented-control button{width:30px;min-width:30px;max-width:30px;height:20px;min-height:20px;padding:0;border-radius:2px;border-color:rgba(124, 187, 208, .55);background:#152c39;color:#bdeeff;-webkit-text-fill-color:#bdeeff;font-size:.58rem}& .options-segmented-control :is(button.is-active,button[aria-pressed="true"]){border-color:#f1ce76;background:#4b3d22;color:#ffe6a3;-webkit-text-fill-color:#ffe6a3}& .options-action-button{justify-self:end;width:76px;min-width:76px;max-width:76px;height:21px;min-height:21px;padding:0 5px;border-radius:2px;background:#263846;border:1px solid rgba(236, 205, 132, .62);color:#ffe6a3;-webkit-text-fill-color:#ffe6a3;font-size:.56rem;line-height:1}& .options-cache-status{display:none}}html,body{overflow-x:hidden}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){left:auto}@media (max-width: 760px){html{font-size:18px}}@media (max-width: 520px){html{font-size:19px}}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{width:268px;min-width:268px;max-width:268px;padding:10px;gap:7px}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{& .nav-time-machine-mini:is(*,._){align-items:end;height:auto}& .nav-time-field:is(*,._){width:100%;min-width:0;height:auto}& .nav-time-field:is(*,._) span{display:block;margin:0}& .nav-time-arrows:is(*,._){min-width:0;margin:0}}@media (max-width: 760px){html body .page-body-title{font-size:var(--mobile-title-font);line-height:1.12;margin:8px 0 var(--mobile-card-gap);text-align: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( .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.page-work-test:is(*,._) :is(.work-snack-visual, .work-drink-visual, .work-test-snack-icon, .work-test-drink-icon){max-width:82px;max-height:82px}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-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-work-time:is(*,._._) main.shell:is(*,._._),html body.page-work-test: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-home-test:is(*,._._) main.home-test-shell:is(*,._._) .home-test-about:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px}html body.page-home-test:is(*,._._) main.home-test-shell:is(*,._._) .home-test-about:is(*,._) > article{width:100%;min-width:0;max-width:100%}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ){-webkit-text-size-adjust:100%;text-size-adjust:100%}html body:is(.page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){width:100vw;min-width:0;max-width:100vw;margin:0;padding-left:6px;padding-right:6px;transform:none;zoom:1;box-sizing:border-box}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(.page-body-title, .home-title, .home-test-title){font-size:var(--mobile-title-font);line-height:1.15}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(.card-title, .section-title, .weather-section-title, .progress-section-title, h2){font-size:var(--mobile-section-title-font);line-height:1.16}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(p, li, dd, dt, label, button, input, select, .detail-text, .weather-detail-label, .weather-detail-value){font-size:var(--mobile-body-font);line-height:1.25}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(table, th, td, .weather-table, .distance-table, .ranked-table){font-size:var(--mobile-table-font)}html body:is(.page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about) :is(.page-title-icon, .calendar-summary-icon, .weather-detail-icon, .weather-stat-icon, .phase-summary-icon, .geography-icon, .weather-icon, .work-test-title-icon, .mini-slider-icon, .nav-logo-mark){width:var(--mobile-icon-box);max-width:var(--mobile-icon-box);height:var(--mobile-icon-box);max-height:var(--mobile-icon-box);display:inline-flex;align-items:center;justify-content:center;font-size:var(--mobile-icon-font);line-height:1;transform:none;object-fit:contain;font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;font-variant-emoji:text}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._){display:flex;align-items:center;justify-content:center;gap:9px;width:min(100%, 720px);height:auto;min-height:30px;margin:18px auto 14px;padding:0;overflow:visible;color:#8adffd;-webkit-text-fill-color:#8adffd;font-family:"Segoe UI", Arial, sans-serif;font-size:1.22rem;font-weight:600;letter-spacing:.02em;line-height:1.1;text-align:center;text-shadow:0 0 14px rgba(72, 190, 238, .24)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._) > span:not(.page-title-icon){display:inline-flex;align-items:center}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;margin:0;color:#8adffd;-webkit-text-fill-color:#8adffd;font-size:1.25rem;line-height:1;border:0;background:transparent;box-shadow:none}html body 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=bcc5ac36d516") center / contain no-repeat}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::before,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark::after,html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-hand,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._)::before,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._)::after,html body.page-home-test .home-logo-below-title .home-site-logo-mark:is(*,._) .site-logo-hand{display:none}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > .page-body-title:is(*,._){margin:12px auto 12px;font-size:1.12rem}html body.page-home-test:is(*,._) .home-test-dashboard:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:12px;width:100%;padding-left:0;padding-right:0}html body.page-home-test:is(*,._) .home-test-dashboard:is(*,._) .home-test-feature:is(*,._){width:90%;max-width:90%;min-width:0;justify-self:center;grid-column:1 / -1}}html body.page-work-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._),html body.page-work-test:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){height:auto}@media (max-width: 760px){html body.page-work-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._),html body.page-work-test:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){position:static;display:flex;height:auto;padding:0;overflow:visible}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{display:flex;grid-template-columns:none;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) > span,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data > span{position:static;min-width:0;max-width:none;transform:none;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) #navCurrentTime,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data #navCurrentTime{flex:0 0 auto}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) #navCurrentDate,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data #navCurrentDate{max-width:34vw}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._) #navWeatherSummary,html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data #navWeatherSummary{flex:0 1 auto;gap:5px}}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){position:static;align-items:center;justify-content:center;gap:8px;width:min(100%, 720px);color:#8beeff;-webkit-text-fill-color:#8beeff;font:600 1.08rem/1.15 "Segoe UI", Arial, sans-serif;letter-spacing:.02em;text-align:center;text-shadow:0 0 12px rgba(61, 205, 238, .24)}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._) > span:not(.page-title-icon){display:inline-flex;visibility:visible;align-items:center}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._) .page-title-icon:is(*,._){place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;margin:0;color:#8beeff;-webkit-text-fill-color:#8beeff;font-size:1rem;line-height:1;border:0;background:transparent;box-shadow:none}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){font-size:1rem}}html body.page-work-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._),html body.page-work-test: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-work-time:is(*,._) main.shell.shell > h1.page-body-title:is(*,._) > span:not(.page-title-icon),html body.page-work-test:is(*,._) main.shell.shell > h1.page-body-title:is(*,._) > span:not(.page-title-icon),html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) > span:not(.page-title-icon){display:inline-flex;visibility:visible}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){display:flex;visibility:visible;opacity:1;height:auto;min-height:22px;margin:4px auto 6px;padding:0;overflow:visible;line-height:1.12}html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;visibility:visible;opacity:1}@media (max-width: 760px){html body:is( .page-home, .page-home-test, .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) :is(main.shell, main.home-shell, main.home-test-shell) > h1.page-body-title:is(*,._){min-height:20px;margin:3px auto 5px;opacity:1;overflow:visible}}html body.page-work-time.page-work-test main.shell.shell > h1.page-body-title:is(*,._),html body.page-work-test:is(*,._) main.shell.shell > h1.page-body-title:is(*,._){margin-top:2px;margin-bottom:8px}html body.page-work-time.page-work-test main.shell.shell #primaryProgress:is(*,#_),html body.page-work-time.page-work-test main.shell.shell #workDashboard:is(*,#_),html body.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_),html body.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_){margin-top:0}html body.page-work-time.page-work-test main.shell.shell > h1.page-body-title:is(*,._),html body.page-work-test:is(*,._) main.shell.shell > h1.page-body-title:is(*,._),html body.page-work-time.page-work-test main.shell.shell #primaryProgress:is(*,#_),html body.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_){position:relative;top:-30px}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)}html body.page-work-time:is(*,._) :is(.workday-mini-marker, .workday-large-donut, .workday-large-donut span){font-size:38px;line-height:1.05}}@media (min-width: 981px){html body nav.top-nav[data-shared-nav].top-nav .nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks > .page-menu-item{flex:0 0 auto;width:auto;min-width:0;max-width:none}}@media (max-width: 980px){html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible .nav-left-group#navMainLinks{gap:2px}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link){height:29px;min-height:29px;padding:0 2px;font-size:clamp(.52rem, 1.9vw, .72rem);line-height:.95;white-space:normal;text-overflow:clip;overflow-wrap:normal}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){margin-top:0}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){inset:auto;gap:10px;box-sizing:border-box;width:min(100%, var(--app-section-max-width, 1280px));opacity:1;pointer-events:auto;color:#e7f3ff;-webkit-text-fill-color:#e7f3ff;font-size:var(--app-page-title-font, clamp(1.35rem, 2.4vw, 2rem));font-weight:700;line-height:1.1;text-shadow:none}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about, .page-home, .page-home-test ) h1.page-body-title:is(*,._) .page-title-icon:is(*,._){display:inline-grid;place-items:center;flex:0 0 auto;width:34px;min-width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid rgba(255, 219, 146, .28);border-radius:8px;background:rgba(255, 216, 134, .08);color:#ffe09a;-webkit-text-fill-color:#ffe09a;font-size:1.05rem;line-height:1;opacity:1}html body .section-page-title-icon[data-page-title-icon]{display:none}html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._).has-live-data{top:0;transform:translateX(-50%)}html body .top-nav[data-shared-nav].top-nav .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav] .nav-live-summary:is(*,._).has-live-data{position:absolute;left:50%;right:auto;top:4px;transform:translateX(-50%);justify-self:center;width:min(420px, 38vw);min-width:320px;max-width:420px;text-align:center}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 68px) + 8px)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){position:relative;top:0;transform:none;display:flex;visibility:visible;height:32px;min-height:32px;max-height:32px;margin:0 auto 12px;padding:0;align-items:center;justify-content:center;text-align:center;overflow:visible}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._) + :is(section, article, div),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) + :is(section, article, div){position:relative;top:0;transform:none;margin-top:0}html body.page-work-time.page-work-test main.shell.shell > #primaryProgress:is(*,#_),html body.page-work-test:is(*,._) main.shell.shell > #primaryProgress:is(*,#_),html body.page-work-time.page-work-test main.shell.shell #workDashboard:is(*,#_),html body.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_){position:relative;top:0;transform:none}@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-work-time.page-work-test main.shell.shell > #primaryProgress: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-work-time.page-work-test main.shell.shell > #primaryProgress:is(*,#_):not(#firstCardOffsetA#firstCardOffsetB#firstCardOffsetC#firstCardOffsetD#firstCardOffsetE){top:-4px}html body.page-home-test:is(*,._) main.home-test-shell:is(*,._) > .home-test-hero:is(*,._):not(#firstCardOffsetA#firstCardOffsetB#firstCardOffsetC#firstCardOffsetD#firstCardOffsetE){top:-8px}@media (max-width: 760px){html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell,html body.page-home-test main.home-test-shell:is(*,._){padding-top:calc(var(--nav-height, 78px) + 10px)}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._){min-height:32px;margin-bottom:12px}}html body:is( .page-time, .page-weather, .page-geography, .page-phases, .page-calendars, .page-work-time, .page-work-test, .page-about ) main.shell.shell > h1.page-body-title:is(*,._) + :is(section, article, div):not(#pageFrameFixA#pageFrameFixB#pageFrameFixC#pageFrameFixD),html body.page-home-test main.home-test-shell:is(*,._) > h1.page-body-title:is(*,._) + :is(section, article, div):not(#pageFrameFixA#pageFrameFixB#pageFrameFixC#pageFrameFixD){margin-top:0;transform:none}html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data,html body .top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body .top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data{top:-4px;transform:translateX(-50%)}html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body .top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data{top:0}html body nav.top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body .top-nav[data-shared-nav].top-nav.nav-links-always-visible > .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data{transform:translateX(calc(-50% - 40px))}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{& .nav-time-machine-mini:is(*,._){display:grid;align-items:stretch;width:100%;min-width:0;max-width:none;margin:0 0 7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& :is(.nav-time-field:is(*,._),.nav-time-arrows:is(*,._),.nav-present-button:is(*,._)){min-height:30px;border:1px solid rgba(151, 197, 216, .24);border-radius:8px;background:rgba(71, 88, 103, .46);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06)}& .nav-time-field:is(*,._){display:grid;grid-template-rows:none;align-items:center}& .nav-time-field:is(*,._) span{color:#d2e9f2;-webkit-text-fill-color:#d2e9f2;font-weight:800;text-align:left;text-transform:none;white-space:nowrap}& .nav-time-field:is(*,._) input{box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(156, 214, 238, .28);border-radius:6px;background:rgba(8, 28, 43, .72);color:#f0fbff;-webkit-text-fill-color:#f0fbff;font:800 .78rem/1.1 Inter, system-ui, sans-serif;letter-spacing:0}& .nav-time-arrows:is(*,._){display:grid;align-items:center;width:auto;height:auto}& .nav-time-arrows:is(*,._) button,& .nav-present-button:is(*,._){display:inline-grid;place-items:center;min-width:0;max-width:none;height:22px;min-height:22px;padding:0 7px;border:1px solid rgba(126, 213, 255, .38);border-radius:6px;background:rgba(11, 34, 52, .78);color:#c9f2ff;-webkit-text-fill-color:#c9f2ff;font:900 .82rem/1 Inter, system-ui, sans-serif}& .nav-present-button:is(*,._){grid-column:1 / -1;display:inline-grid;width:100%}}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{top:calc(100% + 13px)}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuPanel:is(*,#_).options-menu-panel{& .nav-time-machine-mini:is(*,._){grid-template-columns:minmax(0, 1fr) 52px;gap:5px}& .nav-time-field:is(*,._){grid-template-columns:34px minmax(0, 1fr);gap:5px;padding:3px 5px}& .nav-time-field:is(*,._) input{height:22px;min-height:22px;padding:1px 4px;font-size:.68rem;line-height:1}& .nav-time-arrows:is(*,._){grid-template-columns:repeat(2, 20px);justify-content:center;gap:3px;padding:3px 4px}& .nav-time-arrows:is(*,._) button{width:20px;min-width:20px;max-width:20px;padding:0;font-size:.76rem}& .nav-present-button:is(*,._){background:rgba(71, 88, 103, .46);border-color:rgba(151, 197, 216, .24);color:#d2e9f2;-webkit-text-fill-color:#d2e9f2}}@media (min-width: 981px){html,html body{--nav-height: 86px}html body nav.top-nav[data-shared-nav],html body nav.top-nav[data-shared-nav].top-nav{position:fixed;top:0;left:0;right:0;width:100vw;height:86px;min-height:86px;max-height:86px;display:grid;grid-template-columns:54px minmax(0, 1fr) 58px;grid-template-rows:38px 36px;gap:3px 9px;padding:4px 14px 6px;box-sizing:border-box;overflow:visible;transform:none;zoom:1;z-index:10000}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo:is(*,._),html body nav.top-nav[data-shared-nav] .nav-site-logo:is(*,._){position:static;grid-column:1;grid-row:1;align-self:center;justify-self:start;display:inline-grid;place-items:center;width:48px;min-width:48px;max-width:48px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0;transform:none}html body nav.top-nav[data-shared-nav].top-nav .nav-site-logo .site-logo-mark,html body nav.top-nav[data-shared-nav] .nav-site-logo .site-logo-mark{width:36px;height:36px}html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav].top-nav > .nav-live-summary:is(*,._).has-live-data,html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._),html body nav.top-nav[data-shared-nav] > .nav-live-summary:is(*,._).has-live-data{position:absolute;left:50%;right:auto;top:3px;transform:translateX(calc(-50% - 40px));justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:15px;width:min(480px, 42vw);min-width:350px;max-width:480px;margin:0;padding:0;overflow:hidden;text-align:center}html body nav.top-nav[data-shared-nav].top-nav .nav-live-summary > span,html body nav.top-nav[data-shared-nav] .nav-live-summary > span,html body nav.top-nav[data-shared-nav].top-nav .nav-weather-summary,html body nav.top-nav[data-shared-nav] .nav-weather-summary{font-size:14px;line-height:1.1}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._){position:static;grid-column:3;grid-row:1;align-self:center;justify-self:end;display:inline-flex;width:58px;min-width:58px;max-width:58px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0;transform:none;overflow:visible}html body nav.top-nav[data-shared-nav] .global-format-controls .page-menu-item:not(.nav-options-menu){display:none}html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) > .nav-options-menu:is(*,._).page-menu-item,html body nav.top-nav[data-shared-nav] .global-format-controls:is(*,._) .nav-options-menu:is(*,._),html body nav.top-nav[data-shared-nav] .nav-options-menu:is(*,._){height:40px;min-height:40px;max-height:40px}html body nav.top-nav[data-shared-nav].top-nav #optionsMenuButton:is(*,#_),html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){display:inline-grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;font-size:0;line-height:1;transform:translateY(-3px);color:#9defff;-webkit-text-fill-color:#9defff}html body nav.top-nav[data-shared-nav] #optionsMenuButton:is(*,#_){& .options-button-label{display:none}& .options-gear-icon{display:inline-grid;place-items:center;color:#9defff;-webkit-text-fill-color:#9defff;font-size:2.2rem;line-height:1}}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks,html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._),html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks{position:static;grid-column:1 / -1;grid-row:2;align-self:stretch;justify-self:center;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:8px;width:auto;min-width:0;max-width:calc(100vw - 160px);height:36px;min-height:0;margin:0;padding:0;transform:translateY(-8px);background:transparent;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto}html body nav.top-nav[data-shared-nav].top-nav #navMainLinks.nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group:is(*,._) > .page-menu-item,html body nav.top-nav[data-shared-nav] #navMainLinks.nav-left-group > .page-menu-item,html body nav.top-nav[data-shared-nav] .nav-left-group:is(*,._) > .page-menu-item{flex:0 0 126px;display:block;width:126px;min-width:126px;max-width:126px;height:36px;box-sizing:border-box}html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav].top-nav .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link),html body nav.top-nav[data-shared-nav] .nav-left-group .page-menu-button,html body nav.top-nav[data-shared-nav] .nav-left-group .page-nav-link,html body nav.top-nav[data-shared-nav] .nav-left-group#navMainLinks :is(.page-menu-button,.page-nav-link){display:grid;place-items:center;width:126px;min-width:126px;max-width:126px;height:36px;min-height:36px;max-height:36px;padding:0 12px;box-sizing:border-box;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;line-height:1;letter-spacing:0;transform:none}}@media (max-width: 760px){html body.page-work-time:is(*,._._) main.shell:is(*,._._),html body.page-work-test: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-work-time:is(*,._._._._._) main.shell:is(*,._._._._._) > h1.page-body-title:is(*,._._._),html body.page-work-test: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}}#workTestSnackCountSlot:is(*,#_) .work-snack-counter:is(*,._),#workTestSnackCountSlot:is(*,#_) .work-snack-counter:is(*,._) :is(em, b),#workTestDrinkCountSlot:is(*,#_) .work-snack-counter:is(*,._),#workTestDrinkCountSlot:is(*,#_) .work-snack-counter:is(*,._) :is(em, b){color:#9fe8ff;-webkit-text-fill-color:#9fe8ff}.work-test-week-view-title:is(*,._) b{color:#9fe8ff;-webkit-text-fill-color:#9fe8ff;font-family:"Segoe UI", Arial, sans-serif;font-style:normal;font-weight:500;text-shadow:none}html body.page-work-time.page-work-test:not(.app-top-data-ready) main.shell.shell #primaryProgress:is(*,#_){min-height:1220px}html body.page-work-time.page-work-test:not(.app-top-data-ready) main.shell.shell #primaryProgress:is(*,#_) > *{opacity:0;visibility:hidden}html body.page-work-time.page-work-test.app-top-data-ready main.shell.shell #primaryProgress:is(*,#_) > *{opacity:1;visibility:visible;transition:opacity .24s ease}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_){& > .work-dashboard-panels.work-dashboard-panels-invisible{display:block;height:auto;min-height:0;width:100%;margin:0 auto;padding:0;overflow:visible;background:transparent;background-image:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}& #workFinanceTools:is(*,#_){display:grid;visibility:visible;width:min(100%, 1120px);max-width:1120px;height:auto;min-height:0;box-sizing:border-box;margin:20px auto 0;gap:20px}& #workFinanceTools:is(*,#_) .finance-card{width:100%;max-width:100%;box-sizing:border-box}}@media (max-width: 760px){html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_){& > .work-dashboard-panels.work-dashboard-panels-invisible{margin-top:0}& #workFinanceTools:is(*,#_){margin-top:20px;gap:20px}& #workFinanceTools:is(*,#_){width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}& #workFinanceTools:is(*,#_).work-finance-tools{grid-template-columns:minmax(0, 1fr);justify-items:stretch;align-items:stretch;overflow-x:hidden}& #workFinanceTools:is(*,#_).work-finance-tools > *,& #workFinanceTools:is(*,#_).work-finance-tools :is(.finance-card,.finance-collapsible-body,.finance-entry-panel){width:100%;min-width:0;max-width:100%;box-sizing:border-box}& #workFinanceTools:is(*,#_).work-finance-tools .finance-card{padding-left:14px;padding-right:14px}& #workFinanceTools:is(*,#_).work-finance-tools .finance-card :is(.finance-collapsible-body, .finance-entry-panel, .pay-entry-panel, .expense-entry-panel, .finance-adjustments, .pay-compare-panel, .pay-action-row, .finance-table-wrap, .finance-results-grid, .finance-summary-grid, label){width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box;grid-template-columns:minmax(0, 1fr);justify-items:center;text-align:center}& #workFinanceTools:is(*,#_).work-finance-tools .finance-card :is(input, select, button, .money-input-wrap, .percent-input-wrap){max-width:100%;box-sizing:border-box}& #workFinanceTools:is(*,#_).work-finance-tools .finance-card :is(.pay-action-row, .expense-action-row){justify-content:center;justify-items:center}}}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_){margin-top:0}html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-popup.work-test-consumption-popup:is(*,._){min-width:174px;max-width:min(174px, calc(100vw - 44px))}html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-popup.work-test-consumption-popup:is(*,._) :is(.snack-coffee-cup-progress, .snack-donut-progress){width:50px;height:50px;min-width:50px;min-height:50px}.app-image-icon,.site-logo-mark,.options-gear-icon,.coffee-side-icon,.workday-coffee-only,.work-test-consumption-icon,.work-test-consumption-image span{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}.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}html body.page-work-time main.shell #workDashboard{& .work-snack-counter:is(*,._) :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;background-position:center;background-repeat:no-repeat;background-size:contain;color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;text-indent:-9999px}& .work-snack-counter.work-snack-donut :is(span, .coffee-side-icon){background-image:var(--app-icon-donut)}& .work-snack-counter.work-snack-coffee :is(span, .coffee-side-icon){background-image:var(--app-icon-coffee)}}html body.page-work-time:not(.page-work-test) main.shell #workDashboard:is(*,#_){& .work-snack-counter.work-snack-donut > span,& .work-snack-counter.work-snack-coffee > span,& .coffee-side-icon:is(*,._),& .workday-coffee-only.coffee-side-icon:is(*,._){display:block;inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px;max-inline-size:32px;max-block-size:32px;background-position:center;background-repeat:no-repeat;background-size:contain;color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}& .work-snack-counter.work-snack-donut > span{background-image:var(--app-icon-donut)}& .work-snack-counter.work-snack-coffee > span,& .coffee-side-icon:is(*,._),& .workday-coffee-only.coffee-side-icon:is(*,._){background-image:var(--app-icon-coffee)}& .coffee-side-icon:is(*,._)::before,& .coffee-side-icon:is(*,._)::after,& .workday-coffee-only.coffee-side-icon:is(*,._)::before,& .workday-coffee-only.coffee-side-icon:is(*,._)::after{display:none;content:none}}.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}@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}html body.page-work-time:is(*,._):not(.page-work-test) main.shell:is(*,._._) :is( .workday-mini-marker:is(*,._), .workday-large-donut:is(*,._), .workday-large-donut:is(*,._) span ){font-size:38px;line-height:1.05}}html body.page-work-time:is(*,._) main.shell.shell,html body.page-work-test: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-work-time:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-work-test: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-work-time:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-work-test: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-work-time:is(*,._) main.shell.shell > h1.page-body-title + *,html body.page-work-test: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-work-time:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-work-test: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-work-time:is(*,._._) main.shell:is(*,._._),html body.page-work-test: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-work-time:is(*,._._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._),html body.page-work-test: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),html body.page-work-time.page-work-test #workDashboard:is(*,#_).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 :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-work-test:is(*,._._) main.shell:is(*,._._) :is( .workday-mini-labels:is(*,._) span, .workday-mini-percent:is(*,._), .mini-slider-label:is(*,._), .slider-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-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._){left:auto;right:auto;z-index:20;visibility:visible;opacity:1}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._) .page-title-icon:is(*,._._){display:inline-grid;visibility:visible;opacity:1;place-items:center;flex:0 0 34px;margin:0;border-radius:8px;font-family:"Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Arial, sans-serif;font-style:normal;line-height:1}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._){gap:7px;color:#bfeeff;-webkit-text-fill-color:#bfeeff;text-shadow:none}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._) .page-title-icon:is(*,._._){width:24px;min-width:24px;height:24px;min-height:24px;border:0;background:transparent;color:#bfeeff;-webkit-text-fill-color:#bfeeff;font-size:1.15rem}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._) + #primaryProgress:is(*,#_){margin-top:-4px}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) #workDashboard:is(*,#_#_) :is(.world-holidays-close:is(*,._), .world-holiday-overlay .world-holidays-close, #worldHolidayOverlay .world-holidays-close){display:none}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._){position:relative;top:12px;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;height:20px;min-height:20px;margin:0 auto 8px;padding:0;font-family:"Segoe UI", Arial, sans-serif;font-size:1rem;line-height:1.1;text-align:center;transform:none}@media (max-width: 760px){html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._){height:18px;min-height:18px;max-height:18px}}html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-popup.work-test-consumption-popup:is(*,._),html body.page-work-time.page-work-test:is(*,._) .work-test-consumption-inline-status:is(*,._){position:static;display:none;width:min(100%, 172px);min-height:0;margin:8px auto 0;padding:8px;transform:none;inset:auto;left:auto;right:auto;top:auto;bottom:auto;z-index:auto}html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-popup.work-test-consumption-popup:is(*,._).is-visible,html body.page-work-time.page-work-test:is(*,._) .work-test-consumption-inline-status:is(*,._).is-visible{display:grid}html body.page-work-time.page-work-test:is(*,._) .work-test-consumption-popup:is(*,._) :is(.snack-coffee-cup-progress, .snack-donut-progress){width:44px;height:44px;min-width:44px;min-height:44px}html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-popup:is(*,._),html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-inline-status:is(*,._){position:static;display:none;width:min(100%, 172px);min-height:0;margin:8px auto 0;padding:8px;transform:none;inset:auto;left:auto;right:auto;top:auto;bottom:auto;z-index:auto}html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-popup:is(*,._).is-visible,html body.page-work-time.page-work-test:is(*,._) .work-snack-progress-inline-status:is(*,._).is-visible{display:grid}html body.page-work-time:is(*,._._) main.shell:is(*,._._),html body.page-work-test: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-work-time.page-work-test main.shell.shell #workDashboard:is(*,#_).work-dashboard.glass-card,html body.page-work-time.page-work-test #workDashboard:is(*,#_).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-work-time.page-work-test:is(*,._) main.shell.shell #primaryProgress:is(*,#_#_) #workDashboard:is(*,#_#_).work-dashboard:is(*,._).glass-card:is(*,._),html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_#_).work-dashboard:is(*,._).glass-card:is(*,._){width:min(100%, var(--app-standard-card-width));max-width:var(--app-standard-card-width);margin-left:auto;margin-right:auto;border-radius:var(--app-standard-page-card-radius)}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_) :is(.work-test-card:is(*,._), .work-card:is(*,._), .work-dashboard-panel:is(*,._)){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-work-time.page-work-test:is(*,._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_).progress-grid:is(*,._),html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) #primaryProgress:is(*,#_#_) :is(#workHoursGroupShell:is(*,#_#_).collapsible-group-shell:is(*,._),#workHoursGroup:is(*,#_#_).collapsible-group-body:is(*,._)){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.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > .time-zone-row:is(*,._){margin-top:10px}html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_#_).work-dashboard:is(*,._).glass-card:is(*,._){margin-top:10px}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-work-time.page-work-test #current-time-and-weatherSection:is(*,#_) .analog-clock:is(*,._){width:var(--work-top-analog-clock-size);height:var(--work-top-analog-clock-size);border-width:var(--work-top-analog-clock-border)}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_) .work-test-consumption-inline-panel:is(*,._){position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto;z-index:auto;transform:none;width:var(--work-consumption-inline-width);min-width:0;max-width:100%;margin:var(--work-consumption-inline-margin)}html body.page-work-time.page-work-test:is(*,._) main.shell:is(*,._._) > h1.page-body-title:is(*,._._){font-weight:400}html body.page-work-time.page-work-test:is(*,._) :is(.work-test-day-view-title, .work-test-week-view-title).work-test-view-title{transform:translateY(10px);margin-bottom:14px}html body.page-work-time.page-work-test:is(*,._) .work-test-week-view-title:is(*,._) b::after{font-family:"Brush Script MT", "Lucida Handwriting", "Segoe Script", cursive;font-size:clamp(1.25rem, 1.9vw, 1.7rem);font-style:italic;font-weight:400;letter-spacing:0}html body.page-work-time.page-work-test:is(*,._) .work-test-day-marker-icon.is-suited-worker-icon{position:relative;display:inline-block;width:40px;height:52px;min-width:40px;color:transparent;font-size:0}html body.page-work-time.page-work-test:is(*,._) .work-test-day-marker-icon.is-suited-worker-icon::before{content:"";position:absolute;left:12px;top:2px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 50% 12%, #1d1717 0 32%, transparent 33%), linear-gradient(#8b5639, #6f3f2d);box-shadow:0 0 0 2px rgba(19, 27, 38, .9), 0 2px 4px rgba(0, 0, 0, .35)}html body.page-work-time.page-work-test:is(*,._) .work-test-day-marker-icon.is-suited-worker-icon::after{content:"";position:absolute;left:7px;top:20px;width:26px;height:28px;border-radius:8px 8px 5px 5px;background:linear-gradient(90deg, transparent 0 40%, #7de8ff 41% 47%, #1a2535 48% 52%, #7de8ff 53% 59%, transparent 60%), linear-gradient(135deg, #13263b 0 49%, #202f4b 50% 100%);box-shadow:-12px 14px 0 -5px #18263b, 14px 15px 0 -6px #5b3826, 14px 15px 0 -3px #2c1f1a, 0 0 0 2px rgba(151, 227, 255, .4), 0 4px 9px rgba(0, 0, 0, .35)}html body.page-work-time.page-work-test:is(*,._) #dailyEarningsPayPopover:is(*,#_){& .work-wage-table-label{display:grid;grid-template-columns:auto minmax(94px, 1fr) minmax(98px, auto);align-items:center;gap:8px;margin:0}& .work-tax-entry-line{grid-template-columns:auto minmax(86px, auto)}& :is(input, select){border-color:rgba(126, 225, 255, .46);background:rgba(4, 27, 43, .8);color:#d9f8ff;-webkit-text-fill-color:#d9f8ff}}html body.page-work-time.page-work-test:is(*,._) #workDailyEarningsBubble:is(*,#_).work-daily-earnings-bubble{width:min(520px, calc(100% - 48px));margin:0 auto 16px;padding:15px 18px;border:1px solid rgba(255, 216, 128, .42);border-radius:14px;background:linear-gradient(135deg, rgba(34, 47, 55, .92), rgba(12, 37, 52, .88))}html body.page-work-time.page-work-test:is(*,._) #workEarningsLabel:is(*,#_):empty{display:none}html body.page-work-time.page-work-test:is(*,._) #dailyEarningsTotals:is(*,#_){& .workweek-combined-totals:is(*,._){width:min(860px, calc(100% - 44px));margin:18px auto 0;padding:14px;border:1px solid rgba(141, 221, 255, .5);border-radius:12px;background:rgba(4, 20, 32, .74);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 24px rgba(0, 0, 0, .16)}& .work-total-section-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}& .work-total-pair{border:1px solid rgba(115, 194, 230, .28);border-radius:9px;background:rgba(10, 33, 48, .82);padding:10px}}@media (max-width: 760px){html body.page-work-time.page-work-test:is(*,._) #dailyEarningsPayPopover:is(*,#_){grid-template-columns:minmax(0, 1fr);width:min(420px, calc(100% - 28px))}html body.page-work-time.page-work-test:is(*,._) #dailyEarningsTotals:is(*,#_) .work-total-section-grid{grid-template-columns:minmax(0, 1fr)}}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ){grid-template-columns:minmax(0, 1fr);grid-template-rows:132px minmax(42px, auto) 30px;justify-items:center;align-items:center;width:min(100%, 192px);min-width:min(100%, 192px);max-width:min(100%, 192px);min-height:226px;height:auto;padding:12px 10px 10px;row-gap:6px;column-gap:0}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ).is-visible{display:grid}html body.page-work-time.page-work-test .work-snack-progress-popup.is-floating-snack-progress{position:fixed !important;left:var(--snack-progress-left, 8px) !important;top:var(--snack-progress-top, 8px) !important;right:auto !important;bottom:auto !important;inset:auto !important;margin:0 !important;transform:none !important;z-index:10000 !important;pointer-events:none}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ) :is(.snack-coffee-cup-progress, .snack-donut-progress){grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:0 auto}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ) .snack-coffee-cup-progress{width:104px;min-width:104px;max-width:104px;height:126px;min-height:126px;max-height:126px}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ) .snack-donut-progress{width:126px;min-width:126px;max-width:126px;height:126px;min-height:126px;max-height:126px}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ) b{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:100%;max-width:168px;height:auto;min-height:0;margin:0 auto;overflow:visible;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:.82rem;line-height:1.12}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-test-consumption-inline-panel.work-test-consumption-inline-status, .work-snack-progress-popup.work-snack-progress-inline-status, .work-snack-progress-popup.work-test-consumption-popup ) .work-test-consumption-drop{grid-column:1;grid-row:3;align-self:end;justify-self:center;min-height:24px;height:24px;margin:0;transform:none}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-snack-progress-popup.work-test-consumption-popup, .work-snack-progress-popup.work-test-consumption-popup-snack, .work-snack-progress-inline-status, .work-test-consumption-inline-status ){width:min(100%, 192px);min-width:min(100%, 192px);max-width:min(100%, 192px)}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-snack-progress-popup.work-test-consumption-popup, .work-snack-progress-popup.work-snack-progress-inline-status ) .snack-coffee-cup-progress{width:92px;height:114px;min-width:92px;min-height:114px}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is( .work-snack-progress-popup.work-test-consumption-popup, .work-snack-progress-popup.work-snack-progress-inline-status ) .snack-donut-progress{width:116px;height:116px;min-width:116px;min-height:116px}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_) #workTestDailyCountsSection:is(*,#_){& #workTestDailyCountsGrid:is(*,#_) :is(#workTestMainSnackButton:is(*,#_), #workTestMainDrinkButton:is(*,#_)).work-test-consumption-big:is(*,._){padding-top:4px}& :is(#workTestMainSnackButton, #workTestMainDrinkButton) .work-test-consumption-prompt:is(*,._){display:block;visibility:visible;opacity:1;grid-row:1}}html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_){& #workCurrentMealDrinkSection.work-current-meal-drink-section{display:block;width:100%;max-width:none;margin:18px 0 0;padding:0;border:0;background:transparent;box-shadow:none}& #workCurrentMealDrinkSection .work-current-meal-drink-title{margin:0 0 12px;color:#75d9ee;font-size:1.55rem;font-weight:650;line-height:1.2;text-align:center}& #workCurrentMealDrinkSection .work-current-meal-drink-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:100%;min-width:0}& #workCurrentMealDrinkSection :is(#foodCard, #drinkCard){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;align-content:start;gap:16px;width:100%;min-width:0;max-width:none;min-height:440px;margin:0;padding:22px 20px 24px;border:1px solid rgba(112, 207, 237, .35);border-radius:15px;background:linear-gradient(145deg, rgba(8, 43, 61, .95), rgba(7, 27, 45, .97));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 34px rgba(0, 0, 0, .22);box-sizing:border-box}& #workCurrentMealDrinkSection #drinkCard{background:linear-gradient(145deg, rgba(8, 48, 69, .96), rgba(7, 29, 50, .97))}& #workCurrentMealDrinkSection :is(#foodCard, #drinkCard) .insight-copy{display:grid;justify-items:center;gap:6px;width:100%;margin:0;padding:0;text-align:center}& #workCurrentMealDrinkSection .work-meal-drink-kicker{color:#8eb9cb;font-size:.86rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}& #workCurrentMealDrinkSection :is(#foodTime, #drinkTime){color:#eafaff;font-size:1.28rem;font-weight:680;line-height:1.2}& #workCurrentMealDrinkSection :is(#foodRange, #drinkRange){margin:0;color:#aee9f4;font-size:.98rem;line-height:1.25}& #workCurrentMealDrinkSection :is(.insight-art, #foodIcon, #drinkIcon){width:100%;min-width:0;margin:0;padding:0}& #workCurrentMealDrinkSection :is(#foodIcon, #drinkIcon){display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:6px;align-items:stretch}& #workCurrentMealDrinkSection :is(#foodIcon, #drinkIcon) > span.active{position:relative;display:grid;grid-template-rows:minmax(34px, auto) auto;place-items:center;gap:5px;min-width:0;min-height:94px;padding:8px 4px;border:1px solid rgba(122, 215, 240, .27);border-radius:9px;background:rgba(4, 23, 39, .58);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06);transform:none;box-sizing:border-box}& #workCurrentMealDrinkSection :is(#foodIcon, #drinkIcon) > span.active b{align-self:center;overflow-wrap:anywhere;color:#cdeaf1;font-size:.66rem;font-weight:600;line-height:1.05;text-align:center}& #workCurrentMealDrinkSection :is(#foodIcon, #drinkIcon) > span.active em{color:inherit;font-size:1.8rem;font-style:normal;line-height:1}& #workCurrentMealDrinkSection .work-meal-drink-scale{width:100%;min-width:0;margin:2px 0 0;padding:24px 0 0}& #workCurrentMealDrinkSection .work-meal-drink-track{position:relative;display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));width:100%;min-width:0;height:76px;overflow:visible;border:1px solid rgba(115, 207, 235, .42);border-radius:8px;background:rgba(2, 19, 33, .8);box-sizing:border-box}& #workCurrentMealDrinkSection .work-meal-drink-segment{display:grid;align-content:center;gap:5px;min-width:0;padding:5px 3px;border-left:1px solid rgba(111, 201, 229, .22);background:rgba(26, 93, 119, .12);text-align:center}& #workCurrentMealDrinkSection .work-meal-drink-segment:first-child{border-left:0}& #workCurrentMealDrinkSection .work-meal-drink-segment b{color:#d2eef5;font-size:.61rem;font-weight:600;line-height:1.05;overflow-wrap:anywhere}& #workCurrentMealDrinkSection .work-meal-drink-segment small{color:#79cce1;font-size:.62rem;line-height:1}& #workCurrentMealDrinkSection .work-meal-drink-marker{position:absolute;z-index:4;top:-25px;width:31px;height:31px;margin-left:-15px;display:grid;place-items:center;border:2px solid #f6bd58;border-radius:50%;background:#09263a;box-shadow:0 5px 14px rgba(0, 0, 0, .35);color:#ffe7a6;font-size:1rem;line-height:1;transform:none}& .work-dashboard-bottom-section:is(*,._){display:block;width:100%;max-width:none;margin:18px 0 0}& .work-dashboard-bottom-section:is(*,._) #financialYearCard:is(*,#_){display:block;width:100%;max-width:none;margin:0;box-sizing:border-box}}@media (max-width: 780px){html body.page-work-time.page-work-test:is(*,._) #workDashboard:is(*,#_) #workCurrentMealDrinkSection{& .work-current-meal-drink-grid{grid-template-columns:minmax(0, 1fr)}& :is(#foodIcon, #drinkIcon){grid-template-columns:repeat(3, minmax(0, 1fr))}& .work-meal-drink-track{height:86px}}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_){& #workCurrentMealDrinkSection:is(*,#_) .work-current-meal-drink-grid:is(*,._){grid-template-columns:minmax(0, 1fr);gap:12px}& #workCurrentMealDrinkSection:is(*,#_) .work-current-meal-drink-grid:is(*,._) > :is(#foodCard#foodCard, #drinkCard:is(*,#_)){width:100%;max-width:none}& #workTestDailyCountsSection:is(*,#_){display:block;width:100%;max-width:none;margin:18px 0 0;padding:16px;border:1px solid rgba(103, 197, 235, .34);border-radius:14px;background:linear-gradient(145deg, rgba(8, 36, 53, .92), rgba(5, 24, 39, .96));box-shadow:inset 0 1px 0 rgba(160, 233, 255, .1), 0 18px 32px rgba(0, 0, 0, .18);box-sizing:border-box}& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-header:is(*,._){display:grid;justify-items:center;gap:10px;width:100%;margin:0 0 12px;padding:14px 18px;border:1px solid rgba(119, 214, 244, .32);border-radius:11px;background:linear-gradient(145deg, rgba(11, 48, 67, .88), rgba(7, 29, 45, .92));box-shadow:inset 0 1px 0 rgba(199, 244, 255, .08);box-sizing:border-box}& #workTestDailyCountsTitle:is(*,#_){margin:0;color:#75d9ee;font-size:1.45rem;font-weight:650;line-height:1.15;text-align:center}& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-summary:is(*,._){display:grid;grid-template-columns:repeat(2, minmax(220px, 300px));justify-content:center;align-items:center;gap:10px;width:min(100%, 620px);margin:0 auto}& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-summary:is(*,._) .work-test-daily-count-slot:is(*,._){display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-summary:is(*,._) .work-snack-counter:is(*,._){position:static;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 12px;border:1px solid rgba(119, 207, 235, .34);border-radius:8px;background:rgba(3, 25, 40, .7);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055);text-align:center;cursor:default;box-sizing:border-box}& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-summary .work-snack-counter:is(*,._) :is(em, b){display:inline;margin:0;padding:0;color:#d8f4fb;font-size:1rem;font-style:normal;font-weight:600;line-height:1.15;text-align:center}& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-summary .work-snack-counter:is(*,._) b{color:#ffe195;font-size:1.08rem}& #workTestDailyCountsGrid:is(*,#_#_){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}& #workTestDailyCountsGrid:is(*,#_) > .work-test-daily-count-card:is(*,._){width:100%;min-width:0;margin:0;padding:16px;border:1px solid rgba(109, 209, 246, .3);border-radius:11px;background:rgba(6, 33, 49, .76);box-shadow:inset 0 1px 0 rgba(180, 238, 255, .08);box-sizing:border-box}& #workCurrentMealDrinkSection:is(*,#_){margin-top:12px}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodCard#foodCard, #drinkCard:is(*,#_)){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;align-content:start;gap:14px;padding:24px;overflow:hidden}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) > .insight-copy:is(*,._){order:1}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)).work-meal-drink-scale:is(*,._){order:2;width:min(100%, 1020px);min-width:0;margin:0 auto;padding:64px 14px 122px;overflow:visible;box-sizing:border-box}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .work-meal-drink-track:is(*,._){position:relative;display:block;width:100%;min-width:0;height:56px;overflow:visible;border:2px solid rgba(125, 234, 243, .92);background:#dbe6ed;box-shadow:inset 0 0 0 1px rgba(16, 32, 43, .12), 0 0 16px rgba(22, 200, 216, .42);box-sizing:border-box}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-sky-segments:is(*,._){position:absolute;inset:0;display:flex;overflow:hidden}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-sky-segments:is(*,._) > span{display:block;height:100%}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-scale-tick:is(*,._){position:absolute;z-index:3;top:0;bottom:0;display:block;width:1px;background:rgba(227, 251, 255, .5)}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-hour-tick:is(*,._){display:none}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom:is(*,._){position:absolute;z-index:5;width:0;min-width:0;max-width:none;color:#d8edf0;text-align:left;transform:none;white-space:nowrap}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom .scale-label-text:is(*,._){position:absolute;top:0;display:block;width:max-content;color:#d8edf0;font-weight:650;white-space:nowrap}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom .scale-label-time:is(*,._){position:absolute;top:-96px;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:3px 5px;border:1px solid rgba(142, 211, 220, .34);border-radius:6px;background:rgba(7, 27, 39, .94);color:#8fe2e4;font-size:.84rem;line-height:1;transform:translateX(-50%);white-space:nowrap}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom.scale-label-start .scale-label-time:is(*,._){transform:none}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealDayMarker:is(*,#_), #drinkDayMarker:is(*,#_)).work-meal-drink-marker:is(*,._){position:absolute;z-index:12;top:-21px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff1bd;line-height:1;filter:drop-shadow(0 7px 10px rgba(0, 0, 0, .55))}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) > .insight-art:is(*,._){order:3;width:min(100%, 980px);min-width:0;margin:-10px auto 0;overflow-x:auto;overflow-y:hidden;transform:none}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._){display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));align-items:stretch;justify-content:center;gap:12px;width:min(100%, 840px);min-width:720px;max-width:840px;min-height:142px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span{display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;width:100%;min-width:0;max-width:128px;height:128px;min-height:128px;margin:0 auto;padding:10px 4px 12px;border:2px solid rgba(128, 157, 185, .42);border-radius:18px;background:linear-gradient(180deg, #202a35, #151d27);opacity:.68;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 24px rgba(0, 0, 0, .2);transform:none;box-sizing:border-box}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span > b{align-self:start;color:#d9ecff;font-weight:600;text-align:center}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span > em{align-self:center;color:inherit;font-style:normal;line-height:1}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span.active{z-index:2;border-color:rgba(112, 221, 255, .86);background:linear-gradient(180deg, #18344c, #102238);opacity:1;box-shadow:0 0 0 3px rgba(81, 197, 235, .18), 0 0 24px rgba(64, 184, 228, .28), inset 0 1px 0 rgba(255, 255, 255, .08)}}@media (max-width: 780px){html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_){& #workTestDailyCountsSection:is(*,#_) .work-test-daily-counts-summary:is(*,._),& #workTestDailyCountsGrid:is(*,#_#_){grid-template-columns:minmax(0, 1fr)}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)).work-meal-drink-scale:is(*,._){overflow-x:auto;overflow-y:hidden}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .work-meal-drink-track:is(*,._){min-width:720px}}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_) #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_){& .work-test-consumption-control:is(*,._){position:relative;display:grid;grid-template-rows:auto auto auto;gap:11px;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none;transform:none}& .work-test-consumption-select-row:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) 76px;align-items:end;gap:10px;width:100%}& .work-test-consumption-select:is(*,._){display:block;width:100%;min-width:0}& .work-test-consumption-select:is(*,._) > span{display:block;margin:0 0 7px;color:#a6eaff;font-size:15px;line-height:1.1;text-align:center}& .work-test-consumption-select:is(*,._) select{width:100%;min-width:0;height:45px;border:1px solid rgba(125, 216, 255, .42);border-radius:9px;background:linear-gradient(145deg, rgba(21, 37, 54, .98), rgba(8, 29, 45, .98));color:#f8fcff;font-size:16px;line-height:1.2;box-shadow:inset 0 1px 0 rgba(151, 229, 255, .12), 0 8px 18px rgba(0, 0, 0, .24)}& .work-test-consumption-select:is(*,._) select.has-work-test-png-icon{padding-left:42px;background:var(--work-test-selected-icon) 10px center / 25px 25px no-repeat, linear-gradient(145deg, rgba(21, 37, 54, .98), rgba(8, 29, 45, .98))}& .work-test-consumption-menu-button:is(*,._){width:76px;min-width:76px;height:45px;min-height:45px;padding:0 10px;border:1px solid rgba(122, 219, 250, .42);border-radius:9px;background:linear-gradient(145deg, rgba(18, 49, 68, .98), rgba(7, 25, 40, .98));color:#e9fbff;font-size:16px;font-weight:600}& :is(#workTestMainSnackButton:is(*,#_), #workTestMainDrinkButton:is(*,#_)).work-test-consumption-big:is(*,._){place-items:center;width:100%;min-width:0;margin:0;padding:4px 10px 8px;border:0;border-radius:0;background:transparent;background-color:transparent;background-image:none;box-shadow:none}& :is(#workTestMainSnackButton, #workTestMainDrinkButton).work-test-consumption-big .work-test-consumption-icon:is(*,._){width:104px;min-width:104px;max-width:104px;height:104px;min-height:104px;max-height:104px;background-position:center;background-repeat:no-repeat;background-size:100px 100px}}@media (max-width: 780px){html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_) #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_){& .work-test-consumption-select-row:is(*,._){grid-template-columns:minmax(0, 1fr)}& .work-test-consumption-menu-button:is(*,._){width:100%}}}html body.page-work-time.page-work-test #workCurrentMealDrinkSection{display:grid}html body.page-work-time.page-work-test #workWakeSleepCycle{box-sizing:border-box;width:100%;margin:0;padding:24px 30px 32px;background:linear-gradient(145deg, #121e2c, #1d2d3b 56%, #101924);border-color:rgba(138, 205, 233, .34)}html body.page-work-time.page-work-test #workWakeSleepCycle{& .wake-sleep-head{grid-template-columns:minmax(0, 1fr) auto;align-items:start}& .wake-sleep-title-copy{display:grid;gap:7px}& .wake-sleep-head h2{color:#aee8ff;font-weight:500}& .wake-sleep-top-bubble{width:max-content;max-width:100%;padding:5px 12px;color:#e3f5ff;background:rgba(4, 19, 31, .72);border:1px solid rgba(121, 214, 241, .38);border-radius:999px}& .wake-sleep-cycle-stats{display:grid;gap:4px;color:#c7d9e5;font-size:.92rem}& .wake-sleep-cycle-stats :is(b, em){color:#aee8ff;font-style:normal}& .wake-sleep-track{width:min(100% - 34px, 1040px);margin:60px auto 96px}& .wake-sleep-marker{display:grid;place-items:center;width:34px;height:34px;font-size:1rem;border-width:3px;background:#d8f7ff}& .wake-sleep-marker.is-sleep-marker{background:#1d3158;border-color:#afc9ff}& .wake-sleep-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}& .wake-sleep-icon{display:grid;justify-items:center;gap:3px;min-width:74px;color:#bcd3e2}& .wake-sleep-icon.is-active b{filter:drop-shadow(0 0 8px rgba(126, 226, 255, .85))}}@media (max-width: 720px){html body.page-work-time.page-work-test #workWakeSleepCycle{padding:20px 16px 26px}html body.page-work-time.page-work-test #workWakeSleepCycle{& .wake-sleep-head{grid-template-columns:1fr}& .wake-sleep-controls{justify-content:flex-start}}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_) #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_){& :is(#workTestMainSnackButton:is(*,#_), #workTestMainDrinkButton:is(*,#_)).work-test-consumption-big:is(*,._){display:grid;grid-template-rows:24px 104px;align-content:center;justify-items:center;min-height:152px}& .work-test-consumption-prompt:is(*,._){display:block;grid-row:1;align-self:end;position:static;visibility:visible;opacity:1;color:#b9eafb;-webkit-text-fill-color:#b9eafb;font-size:.88rem;font-style:normal;font-weight:500;line-height:1;text-align:center;white-space:nowrap}& :is(#workTestMainSnackButton, #workTestMainDrinkButton).work-test-consumption-big .work-test-consumption-icon:is(*,._){grid-row:2;align-self:start;margin-top:6px}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_) #workTestDailyCountsSection:is(*,#_#_){& :is( #workTestSnackTypeSelect:is(*,#_), #workTestDrinkTypeSelect:is(*,#_) ){color-scheme:dark;forced-color-adjust:none}& :is( #workTestSnackTypeSelect:is(*,#_), #workTestDrinkTypeSelect:is(*,#_) ) :is(option, optgroup){background-color:#0b2633;color:#ddf6fb;-webkit-text-fill-color:#ddf6fb}& :is( #workTestSnackTypeSelect:is(*,#_), #workTestDrinkTypeSelect:is(*,#_) ) option:checked{background-color:#20566b;color:#f4fdff;-webkit-text-fill-color:#f4fdff}& :is( #workTestSnackTypeSelect:is(*,#_), #workTestDrinkTypeSelect:is(*,#_) ) option:disabled{background-color:#091c25;color:#7895a0;-webkit-text-fill-color:#7895a0}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_){& #workCurrentMealDrinkSection:is(*,#_) .work-meal-drink-kicker:is(*,._),& #workCurrentMealDrinkSection:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-head h2,& #financialYearCard:is(*,#_) .card-title:is(*,._){color:#aee8ff;-webkit-text-fill-color:#aee8ff;font-family:"Trebuchet MS", "Segoe UI", sans-serif;font-size:clamp(1.42rem, 2vw, 1.62rem);font-weight:600;letter-spacing:0;line-height:1.15;text-align:center;text-transform:none}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom .scale-label-text:is(*,._){right:auto;left:50%;text-align:center;transform:translateX(-50%) rotate(-45deg);transform-origin:top center}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._){transform:translateX(-20px)}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span > em{font-size:3.95rem}& #workCurrentMealDrinkSection:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-head{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px}& #workCurrentMealDrinkSection:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-title-copy{justify-items:center;text-align:center}& #workCurrentMealDrinkSection:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-head h2{width:100%;margin:0 0 10px}& #workCurrentMealDrinkSection:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-controls{justify-self:center;margin-top:0}}@media (max-width: 560px){html body.page-work-time.page-work-test main.shell #workDashboard #workTestDailyCountsSection #workTestDailyCountsGrid{& .work-test-consumption-select-row:is(*,._){grid-template-columns:minmax(0, 1fr) 70px;width:min(100%, 326px);min-width:0}& .work-test-consumption-select:is(*,._),& .work-test-consumption-select:is(*,._) select{width:100%;min-width:0;max-width:100%}}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_){& #workCurrentMealDrinkSection:is(*,#_){padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}& #workWakeSleepStandalone:is(*,#_){display:block;width:100%;margin:10px 0 0;padding:0;background:transparent;border:0;box-shadow:none}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-head{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-title-copy{justify-items:center;text-align:center}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-head h2{width:100%;margin:0 0 10px}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-controls{justify-self:center;margin-top:0}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)).work-meal-drink-scale:is(*,._){min-height:262px;padding-bottom:142px}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span > b{min-height:26px;font-size:clamp(.72rem, 1.05vw, .92rem);line-height:1.12}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) > span > em{transform:translateY(5px)}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) :is(.work-meal-drink-track:is(*,._),.mini-sky-segments:is(*,._)){border-radius:0}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .scale-label-time.meal-scale-time{position:absolute;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:3px 5px;border:1px solid rgba(142, 211, 220, .34);border-radius:6px;background:rgba(7, 27, 39, .94);color:#8fe2e4;font-size:.84rem;line-height:1;transform:none;white-space:nowrap}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealDayMarker:is(*,#_), #drinkDayMarker:is(*,#_)).work-meal-drink-marker:is(*,._){width:60px;height:60px;margin-left:-30px;font-size:3.5rem;transform:translateY(0)}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-labels{position:absolute;inset:0;pointer-events:none}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-labels > span{position:absolute;z-index:6;bottom:auto;width:0;min-width:0;margin:0;transform:translateX(-50%);text-align:center;white-space:nowrap}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-labels > span > b{position:absolute;top:0;left:50%;display:block;width:max-content;color:#d9ecff;font-weight:600;line-height:1.08;text-align:center;transform:translateX(-50%) rotate(-45deg);transform-origin:top center;white-space:nowrap}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-labels > span > small{position:absolute;left:50%;display:block;width:max-content;color:#8fe2e4;font-size:.82rem;line-height:1;transform:translateX(-50%);white-space:nowrap}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-icons{display:none}& #financialYearCard:is(*,#_){padding:20px 24px 24px;text-align:center}& #financialYearCard:is(*,#_) :is(.card-head, .card-title-wrap, .card-title-line, .title-value-stack){width:100%;justify-items:center;text-align:center}& #financialYearCard:is(*,#_) .card-title-line{grid-template-columns:minmax(0, 1fr);justify-content:center}& #financialYearCard:is(*,#_) .title-value-stack{width:max-content;max-width:100%;margin-inline:auto;justify-self:center}& #financialYearCard:is(*,#_) :is(#financialYearTitle, #financialYearValue, #financialYearTitleSubline){justify-self:center;margin-inline:auto;text-align:center}& #financialYearCard:is(*,#_) #financialYearTopLines.financialYearTopLines,& #financialYearCard:is(*,#_) #financialYearTopLines{display:grid;justify-items:center;width:100%;min-height:0;height:auto;margin:12px auto 18px;padding:0;text-align:center}& #financialYearCard:is(*,#_) .financial-business-layout{display:grid;justify-items:center;gap:9px;width:min(100%, 470px);min-height:0;height:auto;margin:0 auto;padding:14px 18px;border:1px solid rgba(155, 218, 244, .36);border-radius:12px;background:linear-gradient(145deg, rgba(10, 45, 66, .82), rgba(11, 31, 51, .92));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055);text-align:center}& #financialYearCard:is(*,#_) .financial-business-headline{display:grid;gap:2px;width:100%;height:auto;text-align:center}& #financialYearCard:is(*,#_) .financial-business-headline > strong{color:#c7f2ff;font-size:1.08rem}& #financialYearCard:is(*,#_) .financial-business-headline > span{color:#91dff5;font-size:.9rem}& #financialYearCard:is(*,#_) .financial-business-progress{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:100%}& #financialYearCard:is(*,#_) .financial-business-progress > span{display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(142, 214, 241, .24);border-radius:8px;background:rgba(6, 24, 42, .56)}& #financialYearCard:is(*,#_) .financial-business-progress b{color:#9bcfe4;font-size:.78rem;font-weight:600}& #financialYearCard:is(*,#_) .financial-business-progress em{color:#e6fbff;font-size:.9rem;font-style:normal}& #financialYearCard:is(*,#_) .financial-business-remaining{margin:0;color:#ffd98a;font-size:.9rem;text-align:center}& #financialYearCard:is(*,#_) .financial-quarter-dial{display:none}& #financialYearCard:is(*,#_) #financialYearDetails .compact-detail-metrics{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px 12px;width:min(100%, 860px);margin:16px auto 0;text-align:left}}@media (max-width: 620px){html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_) #financialYearCard:is(*,#_) .financial-business-progress,html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_) #financialYearCard:is(*,#_) #financialYearDetails .compact-detail-metrics{grid-template-columns:minmax(0, 1fr)}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_) #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_) :is(#workTestMainSnackButton, #workTestMainDrinkButton).work-test-consumption-big .work-test-consumption-prompt:is(*,._){transform:translateY(-40px)}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_){& #workCurrentMealDrinkSection:is(*,#_) .insight-art:is(*,._){display:grid;justify-items:center;align-content:start;gap:8px}& #workCurrentMealDrinkSection:is(*,#_) .work-meal-drink-menu-title:is(*,._){margin:0;color:#d8f3f6;font-size:1rem;font-weight:800;letter-spacing:.08em;line-height:1.1;text-align:center;text-transform:uppercase}& #workCurrentMealDrinkSection:is(*,#_) :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom .scale-label-text:is(*,._){font-size:1rem;line-height:1.12}& #workCurrentMealDrinkSection:is(*,#_) :is(#foodIcon#foodIcon, #drinkIcon:is(*,#_)).meal-icon-row:is(*,._) em{display:none}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-labels > span{top:calc(100% + 50px)}& #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_) .wake-sleep-labels > span > b{font-size:.98rem}& :is(#workSettingsToggle:is(*,#_), .compact-holidays-button:is(*,._)){transform:translateY(5px)}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_) #workCurrentMealDrinkSection:is(*,#_) :is(#foodCard#foodCard, #drinkCard:is(*,#_)){min-height:510px}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_) #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_){& .wake-sleep-track{margin:50px auto 114px}& .wake-sleep-labels > span > small{top:-126px}}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workTestDailyCountsGrid:is(*,#_){& .work-test-consumption-inline-panel:is(*,._):is(.is-snack-popup, .is-drink-popup){box-sizing:border-box;grid-template-columns:66px minmax(0, 1fr);grid-template-rows:auto;align-items:center;justify-items:start;column-gap:14px;row-gap:0;min-height:98px;height:auto;padding:28px 16px 14px;border:1px solid rgba(158, 211, 224, .56);border-radius:13px;background:linear-gradient(145deg, rgba(17, 34, 46, .98), rgba(8, 21, 32, .99));box-shadow:0 14px 28px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(230, 250, 255, .08), 0 0 0 1px rgba(35, 104, 129, .16);overflow:visible;color:#edfaff;-webkit-text-fill-color:#edfaff}& .work-test-consumption-inline-panel:is(*,._).is-snack-popup{border-color:rgba(215, 170, 104, .58);background:radial-gradient(circle at 18% 18%, rgba(168, 91, 48, .18), transparent 48%), linear-gradient(145deg, rgba(48, 35, 33, .99), rgba(24, 24, 31, .99));box-shadow:0 14px 28px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 237, 207, .07), 0 0 0 1px rgba(137, 74, 42, .14)}& .work-test-consumption-inline-panel:is(*,._).is-drink-popup{border-color:rgba(100, 199, 224, .58);background:radial-gradient(circle at 18% 18%, rgba(41, 132, 164, .2), transparent 48%), linear-gradient(145deg, rgba(18, 44, 59, .99), rgba(10, 26, 39, .99));box-shadow:0 14px 28px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(221, 248, 255, .08), 0 0 0 1px rgba(33, 126, 157, .15)}& .work-test-consumption-inline-panel:is(*,._).is-snack-popup .snack-donut-progress:is(*,._){grid-column:1;grid-row:1;width:58px;min-width:58px;max-width:58px;height:58px;min-height:58px;max-height:58px;margin:0}& .work-test-consumption-inline-panel:is(*,._).is-drink-popup .snack-coffee-cup-progress:is(*,._){grid-column:1;grid-row:1;width:48px;min-width:48px;max-width:48px;height:58px;min-height:58px;max-height:58px;margin:0}& .work-test-consumption-inline-panel:is(*,._):is(.is-snack-popup, .is-drink-popup) > b{grid-column:2;grid-row:1;align-self:center;display:grid;gap:3px;margin:0;padding:0 2px 0 0;color:#edfaff;-webkit-text-fill-color:#edfaff;font-size:14px;line-height:1.12;text-align:left}& .work-test-consumption-inline-panel:is(*,._) > .work-test-consumption-popup-close{position:absolute;z-index:2;top:5px;right:6px;display:grid;place-items:center;box-sizing:border-box;flex:0 0 28px;width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;aspect-ratio:1;margin:0;padding:0;appearance:none;border:1px solid rgba(173, 219, 231, .38);border-radius:6px;background:rgba(5, 17, 27, .72);box-shadow:none;color:#d9edf3;-webkit-text-fill-color:#d9edf3;line-height:1;cursor:pointer}& .work-test-consumption-inline-panel:is(*,._) > .work-test-consumption-popup-close svg{display:block;width:11px;height:11px;overflow:visible;pointer-events:none}& .work-test-consumption-inline-panel:is(*,._) > .work-test-consumption-popup-close svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6}& .work-test-consumption-inline-panel:is(*,._) > .work-test-consumption-popup-close:is(:hover, :focus-visible){border-color:rgba(211, 241, 248, .76);background:rgba(28, 58, 72, .94);color:#fff;-webkit-text-fill-color:#fff;outline:none}& .work-test-consumption-inline-panel:is(*,._).is-drink-popup .snack-coffee-cup-progress:is(*,._){border:1.5px solid rgba(216, 247, 255, .82);border-top-width:2px}& .work-test-consumption-inline-panel:is(*,._).is-drink-popup .snack-coffee-cup-progress:is(*,._)::before{right:-12px;top:14px;width:11px;height:18px;border-width:1.5px}& .work-test-consumption-inline-panel:is(*,._).is-drink-popup .snack-coffee-cup-progress:is(*,._) .snack-coffee-liquid:is(*,._){left:2px;right:2px;bottom:2px;height:min(calc(100% - var(--coffee-empty-pct, 0%)), calc(100% - 4px));max-height:calc(100% - 4px);border-radius:5px 5px 9px 9px}}@media (max-width: 560px){html body.page-work-time.page-work-test #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_) :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)).work-test-consumption-gallery{grid-template-columns:repeat(2, minmax(0, 1fr));width:min(342px, calc(100% - 12px));height:300px;max-height:300px;padding:10px}}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_#_) #workTestSnacksCard:is(*,#_#_) #workTestDailyCountsTitle:is(*,#_#_) .work-test-card-title-icon:is(*,._){display:block;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0 auto 3px;color:transparent;-webkit-text-fill-color:transparent;font-size:0;line-height:0;background:url("../work/snack-drink.svg") center / contain no-repeat;filter:drop-shadow(0 4px 7px rgba(0, 0, 0, 0.3))}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workTestDailyCountsTitle:is(*,#_) .work-test-card-title-icon:is(*,._){background-image:url("../work/snack-drink.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .work-meal-drink-kicker:is(*,._){display:block;text-align:center}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .work-meal-drink-kicker:is(*,._)::before,html body.page-work-time:is(*,._).page-work-test:is(*,._) #workWakeSleepTitle:is(*,#_)::before,html body.page-work-time:is(*,._).page-work-test:is(*,._) #financialYearTitle:is(*,#_)::before,html body.page-work-time:is(*,._).page-work-test:is(*,._) :is(#payCalculator:is(*,#_), #expenseCalculator:is(*,#_)) .finance-compact-title:is(*,._)::before{content:"";display:block;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0 auto 6px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 4px 7px rgba(0, 0, 0, 0.3))}html body.page-work-time:is(*,._).page-work-test:is(*,._) #foodCard#foodCard .work-meal-drink-kicker:is(*,._)::before{background-image:url("../work/current-meal.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) #drinkCard:is(*,#_) .work-meal-drink-kicker:is(*,._)::before{background-image:url("../work/current-drink.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workWakeSleepTitle:is(*,#_){display:flex;flex-direction:column;align-items:center;justify-content:center}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workWakeSleepTitle:is(*,#_)::before{background-image:url("../work/sleep-time.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) #financialYearTitle:is(*,#_){display:flex;flex-direction:column;align-items:center;justify-content:center}html body.page-work-time:is(*,._).page-work-test:is(*,._) #financialYearTitle:is(*,#_)::before{background-image:url("../work/financial-year.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) :is(#payCalculator:is(*,#_), #expenseCalculator:is(*,#_)) .finance-compact-title:is(*,._){display:flex;flex-direction:column;align-items:center;justify-content:center}html body.page-work-time:is(*,._).page-work-test:is(*,._) #payCalculator:is(*,#_) .finance-compact-title:is(*,._)::before{background-image:url("../work/pay-calculator.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) #expenseCalculator:is(*,#_) .finance-compact-title:is(*,._)::before{background-image:url("../work/budget-calculator.svg")}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_) #workTestSnacksCard:is(*,#_#_) #workTestDailyCountsSection:is(*,#_#_) #workTestDailyCountsGrid:is(*,#_){& .work-test-consumption-state-select:is(*,._){display:none}& .work-test-consumption-select-row:is(*,._){display:flex;grid-template-columns:none;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:42px;margin:0 auto 4px}& .work-test-consumption-menu-button:is(*,._){display:inline-flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;width:154px;min-width:154px;max-width:154px;height:40px;min-height:40px;max-height:40px;padding:8px 18px;color:#e9fbff;-webkit-text-fill-color:#e9fbff;font-size:16px;font-weight:600;letter-spacing:.02em;border:1px solid rgba(112, 218, 229, .72);border-radius:10px;background:linear-gradient(145deg, rgba(22, 92, 103, .96), rgba(9, 53, 66, .98));box-shadow:inset 0 1px 0 rgba(220, 255, 255, .13), 0 7px 16px rgba(0, 0, 0, .24)}& .work-test-consumption-menu-button:is(*,._)::after{content:"\25BE";display:inline-block;color:#9eeaf1;font-size:14px;line-height:1;transform:translateY(-1px)}& .work-test-consumption-menu-button:is(*,._)[aria-expanded="true"]{border-color:rgba(151, 239, 246, .94);background:linear-gradient(145deg, rgba(30, 112, 120, .98), rgba(10, 63, 75, .99));box-shadow:inset 0 1px 0 rgba(228, 255, 255, .17), 0 0 0 2px rgba(83, 205, 217, .14), 0 8px 20px rgba(0, 0, 0, .32)}& .work-test-consumption-menu-button:is(*,._)[aria-expanded="true"]::after{transform:translateY(1px) rotate(180deg)}& :is(.work-test-snack-control, .work-test-drink-control).work-test-consumption-control{position:relative;overflow:visible}& :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)).work-test-consumption-gallery:is(*,._){position:absolute;inset:auto auto auto 50%;top:calc(100% - 50px);z-index:140;box-sizing:border-box;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-rows:58px;align-content:start;gap:8px;width:min(420px, calc(100% - 16px));min-width:0;max-width:420px;height:320px;max-height:320px;margin:0;padding:12px;overflow-x:hidden;overflow-y:auto;transform:translateX(-50%);border:1px solid rgba(115, 216, 224, .68);border-radius:14px;background:radial-gradient(circle at 16% 0%, rgba(52, 147, 152, .18), transparent 35%), linear-gradient(150deg, rgba(9, 49, 59, .995), rgba(5, 29, 39, .995) 58%, rgba(6, 38, 45, .995));box-shadow:inset 0 1px 0 rgba(218, 255, 255, .12), 0 18px 34px rgba(0, 0, 0, .52), 0 0 0 1px rgba(33, 116, 129, .18);scrollbar-color:rgba(111, 211, 220, .72) rgba(4, 27, 35, .82);scrollbar-width:thin}& :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)).work-test-consumption-gallery:is(*,._)[hidden]{display:none}& #workTestSnackGallery:is(*,#_).work-test-consumption-gallery::before,& #workTestDrinkGallery:is(*,#_).work-test-consumption-gallery::before{grid-column:1 / -1;align-self:center;box-sizing:border-box;padding:2px 4px 9px;color:#bcebf0;font-size:14px;font-weight:600;letter-spacing:.045em;text-align:left;border-bottom:1px solid rgba(112, 203, 211, .22)}& #workTestSnackGallery:is(*,#_).work-test-consumption-gallery::before{content:"Choose a snack"}& #workTestDrinkGallery:is(*,#_).work-test-consumption-gallery::before{content:"Choose a drink"}& :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)) .work-test-consumption-image:is(*,._){display:grid;grid-template-columns:34px minmax(0, 1fr);align-items:center;justify-items:start;gap:8px;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:58px;min-height:58px;max-height:58px;margin:0;padding:7px 8px;color:#e9f8fa;border:1px solid rgba(104, 194, 202, .26);border-radius:9px;background:linear-gradient(145deg, rgba(22, 65, 72, .96), rgba(9, 38, 47, .98));box-shadow:inset 0 1px 0 rgba(220, 255, 255, .06), 0 4px 10px rgba(0, 0, 0, .18)}& :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)) .work-test-consumption-image:is(*,._):is(:hover, :focus-visible){border-color:rgba(142, 231, 237, .78);background:linear-gradient(145deg, rgba(28, 91, 96, .98), rgba(11, 51, 60, .99));box-shadow:inset 0 1px 0 rgba(225, 255, 255, .1), 0 0 0 2px rgba(83, 197, 207, .12), 0 6px 14px rgba(0, 0, 0, .26)}& :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)) .work-test-consumption-image:is(*,._) > span{display:block;align-self:center;justify-self:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;margin:0;background-position:center;background-repeat:no-repeat;background-size:contain;transform:none}& :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)) .work-test-consumption-image:is(*,._) > em{display:block;align-self:center;justify-self:stretch;margin:0;color:#eaf7f8;-webkit-text-fill-color:#eaf7f8;font-size:12px;font-style:normal;font-weight:500;line-height:1.08;text-align:left;text-wrap:balance;transform:none}}@media (max-width: 560px){html body.page-work-time.page-work-test #workDashboard:is(*,#_#_#_) #workTestSnacksCard:is(*,#_) #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_) :is(#workTestSnackGallery:is(*,#_), #workTestDrinkGallery:is(*,#_)).work-test-consumption-gallery{grid-template-columns:repeat(2, minmax(0, 1fr));width:min(342px, calc(100% - 12px));height:300px;max-height:300px;padding:10px}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_) #workCurrentMealDrinkSection:is(*,#_){& :is(#foodCard#foodCard, #drinkCard:is(*,#_)) > .insight-copy:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;align-content:start;align-items:start;justify-items:center;width:100%;min-height:0;margin:0 auto;padding:0;text-align:center}& :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .work-meal-drink-kicker:is(*,._){margin:0;color:#b8ebf7;-webkit-text-fill-color:#b8ebf7;line-height:1.12}& :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .work-meal-drink-current-bubble:is(*,._){display:inline-flex;align-items:baseline;justify-content:center;gap:5px;box-sizing:border-box;width:auto;min-width:0;max-width:calc(100% - 24px);min-height:36px;height:auto;padding:7px 14px;color:#dff8fb;-webkit-text-fill-color:#dff8fb;font-size:0;line-height:1.1;white-space:nowrap;border:1px solid rgba(74, 194, 204, .46);border-radius:999px;background:linear-gradient(145deg, rgba(16, 85, 94, .82), rgba(8, 49, 60, .9)), #0c4b56;box-shadow:inset 0 1px 0 rgba(216, 255, 255, .08), 0 6px 14px rgba(0, 0, 0, .18)}& :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .work-meal-drink-current-bubble:is(*,._) .work-meal-drink-current-label:is(*,._){display:inline;color:#bfe9ed;-webkit-text-fill-color:#bfe9ed;font-size:1rem;font-weight:550;line-height:1.1}& #foodCard#foodCard #foodTime#foodTime,& #drinkCard:is(*,#_) #drinkTime:is(*,#_){display:inline;margin:0;padding:0;color:#f2fdff;-webkit-text-fill-color:#f2fdff;font-size:1.04rem;font-weight:750;line-height:1.1;border:0;border-radius:0;background:transparent;box-shadow:none}& :is(#foodRange:is(*,#_), #drinkRange:is(*,#_)){margin:0 auto;padding:0;color:#afe9f2;-webkit-text-fill-color:#afe9f2;font-size:.98rem;line-height:1.15}& :is(#foodCard#foodCard, #drinkCard:is(*,#_)) > .insight-copy:is(*,._){gap:0}& :is(#foodCard#foodCard, #drinkCard:is(*,#_)) .work-meal-drink-current-bubble:is(*,._){margin:10px auto}& :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .scale-label-time.meal-scale-time{top:-56px}& :is(#mealScale:is(*,#_), #drinkScale:is(*,#_)) .mini-bottom-label.meal-name-bottom:is(*,._){top:calc(100% + 55px)}}html body.page-work-time:is(*,._).page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_) #workWakeSleepStandalone:is(*,#_) #workWakeSleepCycle:is(*,#_){& .wake-sleep-title-copy:is(*,._){gap:0}& #workWakeSleepTopBubble:is(*,#_).wake-sleep-top-bubble{margin:10px auto}& #workWakeSleepTitle:is(*,#_){margin:0}}html body.page-work-time.page-work-test #workWakeSleepStandalone #workLifeBalanceCard{box-sizing:border-box;width:100%;margin:0;padding:24px;border:1px solid rgba(115, 139, 150, .48);border-radius:16px;background:radial-gradient(circle at 16% 0%, rgba(120, 139, 146, .10), transparent 38%), linear-gradient(150deg, #272d32, #1d2329 58%, #171d23);box-shadow:inset 0 1px 0 rgba(225, 232, 235, .06), 0 14px 30px rgba(0, 0, 0, .28)}.work-life-balance-head{display:grid;justify-items:center;gap:10px;padding:10px 0 14px;text-align:center}.work-life-balance-icon{position:relative;display:grid;place-items:center;box-sizing:border-box;width:38px;height:38px;margin:2px auto 5px;padding:3px;border:2px solid #60d5ef;border-radius:9px;color:#8ce3e0;background:linear-gradient(145deg, #173c5d, #0c2238);box-shadow:inset 0 1px 0 rgba(210, 249, 255, .18), 0 5px 11px rgba(0, 0, 0, .3), 0 0 14px rgba(77, 202, 225, .16);font-size:0;line-height:0}.work-life-balance-icon-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px rgba(102, 221, 236, .22))}.work-life-balance-icon-art :is(.work-life-balance-icon-stand, .work-life-balance-icon-work){fill:none;stroke-linecap:round;stroke-linejoin:round}.work-life-balance-icon-stand{stroke:#9eeaf5;stroke-width:3}.work-life-balance-icon-work{stroke:#67d5c4;stroke-width:2.6}.work-life-balance-icon-pivot{fill:#f5d778;stroke:#fff0a8;stroke-width:1.2;filter:drop-shadow(0 0 3px rgba(245, 215, 120, .55))}.work-life-balance-head h2{margin:0;color:#8fe9ec;-webkit-text-fill-color:#8fe9ec;font-family:"Segoe UI", Arial, sans-serif;font-size:clamp(1.72rem, 2.7vw, 2rem);font-weight:700;line-height:1.16}.work-life-balance-head p{margin:10px 0 0;color:#abcbd2;-webkit-text-fill-color:#abcbd2;font-size:.92rem}.work-life-balance-schedule-note{box-sizing:border-box;width:min(100%,620px);margin:16px auto 0;padding:10px 14px;border:1px solid #8a7049;border-radius:10px;color:#e8d8b7;-webkit-text-fill-color:#e8d8b7;background:linear-gradient(145deg,#3a3329,#292b30);font-size:.86rem;font-weight:450;line-height:1.4;text-align:center}.work-life-balance-schedule-note[hidden]{display:none}.work-life-balance-schedule-note strong{color:#f1cc7c;-webkit-text-fill-color:#f1cc7c;font-weight:700}.work-life-balance-schedule-note[data-tone="notice"]{border-color:#4e7486;color:#c9e0e7;-webkit-text-fill-color:#c9e0e7;background:linear-gradient(145deg,#243640,#222b32)}.work-life-balance-schedule-note[data-tone="notice"] strong{color:#8ed7e5;-webkit-text-fill-color:#8ed7e5}.work-life-balance-content{display:grid}.work-life-balance-chart-stage{display:grid;place-items:center;min-width:0}.work-life-balance-donut{position:relative;container-type:inline-size;display:grid;place-items:center;width:min(100%, 340px);aspect-ratio:1;margin:0 auto;border:2px solid rgba(154, 228, 232, .42);border-radius:50%;background:var(--work-life-balance-gradient, conic-gradient(from 0deg, #515b8a 0 105deg, #327f78 105deg 120deg, #30688c 120deg 255deg, #286963 255deg 345deg, #515b8a 345deg 360deg));box-shadow:inset 0 0 18px rgba(255, 255, 255, .1), 0 14px 28px rgba(0, 0, 0, .28)}.work-life-balance-segment-dividers{position:absolute;z-index:1;inset:0;border-radius:50%;pointer-events:none}.work-life-balance-segment-divider{position:absolute;top:50%;left:calc(50% - 1px);width:2px;height:32cqi;border-radius:999px;background:linear-gradient(180deg,rgba(230,246,255,.94),rgba(194,222,237,.76));transform:rotate(var(--work-balance-divider-angle)) translateY(-50cqi);transform-origin:50% 0%;box-shadow:0 0 2px rgba(0,10,22,.42)}.work-life-balance-donut::after{content:"";position:absolute;inset:32%;border:1px solid rgba(139, 219, 221, .25);border-radius:50%;background:linear-gradient(145deg, #0b3440, #071e2d);box-shadow:inset 0 8px 18px rgba(0, 0, 0, .28)}.work-life-balance-center{position:relative;z-index:2;display:grid;text-align:center}.work-life-balance-center b{color:#edf9fa;font-size:1.6rem;line-height:1;white-space:nowrap}.work-life-balance-center span{margin-top:4px;color:#9fc7d0;font-size:.9rem}.work-life-balance-midnight,.work-life-balance-noon{position:absolute;z-index:5;left:50%;transform:translateX(-50%);color:#d8f6f6;-webkit-text-fill-color:#d8f6f6;font-size:.82rem;font-weight:700;line-height:1;letter-spacing:.03em;white-space:nowrap;text-shadow:0 2px 5px rgba(0, 0, 0, .72)}.work-life-balance-midnight{top:-24px}.work-life-balance-noon{bottom:-24px}.work-life-balance-midnight::after,.work-life-balance-noon::after{content:"";position:absolute;left:50%;width:2px;height:10px;transform:translateX(-50%);background:linear-gradient(to bottom, #b9f2f2, rgba(185, 242, 242, .24));box-shadow:0 0 7px rgba(128, 235, 235, .5)}.work-life-balance-midnight::after{top:16px}.work-life-balance-noon::after{bottom:16px;transform:translateX(-50%) rotate(180deg)}.work-life-balance-boundary-labels{position:absolute;z-index:6;inset:0;border-radius:50%;pointer-events:none}.work-life-balance-boundary-label{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%, -50%) rotate(var(--work-balance-boundary-angle)) translateY(calc(var(--work-balance-boundary-radius) * -1)) rotate(calc(var(--work-balance-boundary-angle) * -1))}.work-life-balance-boundary-label::after{content:none}.work-life-balance-boundary-label > b{display:block;min-width:54px;padding:3px 6px;border:1px solid color-mix(in srgb, currentColor 54%, transparent);border-radius:999px;background:rgba(5, 27, 39, .94);box-shadow:0 3px 8px rgba(0, 0, 0, .28);color:inherit;-webkit-text-fill-color:currentColor;font-size:.69rem;font-weight:700;line-height:1;letter-spacing:.01em;text-align:center;white-space:nowrap}@media (max-width: 760px){.work-life-balance-boundary-label > b{font-size:.56rem;font-weight:600;letter-spacing:0}}.work-life-balance-boundary-label.is-work{color:#87cef1}.work-life-balance-boundary-label.is-free{color:#82ded3}.work-life-balance-boundary-label.is-sleep{color:#b8aaff}.work-life-balance-ring-labels{position:absolute;z-index:9;inset:0;border-radius:50%;pointer-events:none}.work-life-balance-segment-percentages{position:absolute;z-index:5;inset:0;border-radius:50%;pointer-events:none}.work-life-balance-segment-percentage{position:absolute;left:50%;top:50%;display:grid;place-items:center;min-width:42px;min-height:24px;box-sizing:border-box;padding:3px 7px;border:1px solid rgba(226, 247, 250, .34);border-radius:7px;color:#f5fbfc;-webkit-text-fill-color:#f5fbfc;background:rgba(5, 22, 34, .7);box-shadow:0 2px 7px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .08);font-size:.78rem;font-weight:750;line-height:1;letter-spacing:.01em;white-space:nowrap;transform:translate(-50%, -50%) rotate(var(--work-balance-percentage-angle)) translateY(calc(var(--work-balance-percentage-radius) * -1)) rotate(calc(var(--work-balance-percentage-angle) * -1));text-shadow:0 1px 3px rgba(0, 0, 0, .74)}.work-life-balance-segment-percentage.is-work{border-color:rgba(143, 211, 242, .56)}.work-life-balance-segment-percentage.is-free{border-color:rgba(126, 227, 213, .56)}.work-life-balance-segment-percentage.is-sleep{border-color:rgba(190, 179, 255, .56)}.work-life-balance-ring-label{position:absolute;left:50%;top:50%;display:grid;justify-items:center;min-width:0;min-height:0;box-sizing:border-box;align-content:center;padding:0;border:0;border-radius:0;color:#d9eef0;-webkit-text-fill-color:#d9eef0;background:none;box-shadow:none;text-align:center;white-space:nowrap;transform:translate(-50%, -50%) rotate(var(--work-balance-label-angle)) translateY(calc(var(--work-balance-label-radius) * -1)) rotate(calc(var(--work-balance-label-angle) * -1));text-shadow:0 1px 4px rgba(0, 0, 0, .85)}.work-life-balance-ring-label::before{content:none;display:none}.work-life-balance-ring-label b{font-size:.82rem;font-weight:400;line-height:1.18}.work-life-balance-ring-duration{margin-top:3px;color:#d8edf0;-webkit-text-fill-color:#d8edf0;font-size:.72rem;font-weight:400;line-height:1}.work-life-balance-ring-label.is-work{color:#3f9ed2;-webkit-text-fill-color:#3f9ed2}.work-life-balance-ring-label.is-free{color:#3cc0b2;-webkit-text-fill-color:#3cc0b2}.work-life-balance-ring-label.is-sleep{color:#8b76df;-webkit-text-fill-color:#8b76df}.work-life-balance-stat.is-work .work-life-balance-swatch{color:#d99045;background:#d99045}.work-life-balance-stat.is-free .work-life-balance-swatch{color:#39bfae;background:#39bfae}.work-life-balance-stat.is-sleep .work-life-balance-swatch{color:#7d87df;background:#7d87df}.work-life-balance-controls{display:grid;grid-template-columns:repeat(2, minmax(280px, 310px));justify-content:center;align-items:stretch;gap:0;width:min(100%, 632px);margin:22px auto 0;overflow:hidden;border:1px solid rgba(86, 176, 188, .42);border-radius:12px;background:linear-gradient(145deg, rgba(8, 35, 49, .88), rgba(5, 25, 39, .92));box-shadow:inset 0 1px 0 rgba(194, 241, 243, .055)}.work-life-balance-control{overflow:visible;border:0;border-radius:0;background:transparent}.work-life-balance-control + .work-life-balance-control{border-left:1px solid rgba(86, 176, 188, .28)}.work-life-balance-control-title{margin:0;padding:9px 12px;color:#a9e5e7;-webkit-text-fill-color:#a9e5e7;font-size:1rem;font-weight:700;line-height:1.2;text-align:center;border-bottom:1px solid rgba(86, 176, 188, .3);background:rgba(33, 108, 116, .22)}.work-life-balance-control-fields{display:grid;grid-template-columns:repeat(2, minmax(0, 132px));justify-content:center;gap:8px;padding:10px}.work-life-balance-control-fields label{display:grid;gap:5px;color:#a9cbd2;font-size:.85rem}.work-life-balance-control-fields :is(select, input){box-sizing:border-box;width:100%;min-height:38px;padding:6px 10px;border:1px solid rgba(93, 190, 201, .5);border-radius:7px;color:#e9f8f8;background-color:#0a3546}.work-life-balance-control-fields select{color-scheme:dark;cursor:pointer}.work-life-balance-control-fields select :is(option, optgroup){background:#0b2838;color:#e9f8f8;-webkit-text-fill-color:#e9f8f8}.work-life-balance-control-fields select option:checked{background:#1b5c73;color:#ffffff;-webkit-text-fill-color:#ffffff}.work-life-balance-control[aria-labelledby="workLifeBalanceSleepHoursTitle"] .work-life-balance-control-fields{grid-template-columns:minmax(0, 180px)}.work-life-balance-spent{box-sizing:border-box;width:min(100%, 620px);margin:32px auto 4px;padding:20px}.work-life-balance-spent h3{margin:0 0 10px;color:#9be7e8;-webkit-text-fill-color:#9be7e8;font-size:1.4rem;font-weight:700;text-align:center}.work-life-balance-statements{display:grid;grid-template-columns:minmax(0, 1fr);gap:26px}.work-life-balance-period{min-width:0;overflow:hidden;border:1px solid rgba(190, 166, 117, .35);border-radius:10px;background:linear-gradient(145deg, rgba(7, 38, 51, .84), rgba(5, 27, 41, .9));box-shadow:0 8px 18px rgba(0, 0, 0, .18)}body.page-work-test main #workLifeBalanceCard .work-life-balance-period h4{margin:0;padding:11px 14px;border-bottom:1px solid rgba(201, 174, 121, .36);color:#e9cc91;-webkit-text-fill-color:#e9cc91;background:#263445;font-size:.92rem;font-weight:650;line-height:1.2;letter-spacing:.035em;text-align:left;text-transform:uppercase}.work-life-balance-statement-lines{display:grid}.work-life-balance-statement-lines p{position:relative;margin:0;padding:9px 12px;border-bottom:1px solid rgba(84, 154, 166, .16);color:#b8d2d8;-webkit-text-fill-color:#b8d2d8;font-size:15px;font-weight:450;line-height:1.35;text-align:left}.work-life-balance-statement-lines p:last-child{border-bottom:0}.work-life-balance-statement-lines strong{color:#edf8f8;-webkit-text-fill-color:#edf8f8;font-weight:650}@media (max-width: 760px){html body.page-work-time.page-work-test #workWakeSleepStandalone #workLifeBalanceCard{padding:18px 12px}.work-life-balance-statements{grid-template-columns:minmax(0, 1fr)}}@media (max-width: 660px){.work-life-balance-controls{grid-template-columns:minmax(0, 1fr);width:min(100%, 310px);margin-top:18px}.work-life-balance-control + .work-life-balance-control{border-top:1px solid rgba(86, 176, 188, .28);border-left:0}}.work-life-balance-timeline .work-life-balance-center{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 auto 2px;color:#dcedf0;text-align:center}.work-life-balance-timeline .work-life-balance-center b{color:#eef9fa;-webkit-text-fill-color:#eef9fa;font-size:1.65rem;line-height:1}.work-life-balance-timeline .work-life-balance-center span{margin:0;color:#a9cbd2;-webkit-text-fill-color:#a9cbd2;font-size:.94rem;font-weight:650}.work-life-balance-track-segment{position:absolute;top:0;bottom:0;display:block;box-sizing:border-box;border-right:2px solid rgba(5, 22, 32, .72);background:var(--work-life-segment-color);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -12px 22px rgba(0, 0, 0, .12)}.work-life-balance-track-segment:last-child{border-right:0}.work-life-balance-timeline .work-life-balance-ring-labels{position:static;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:12px;margin-top:24px;border-radius:0}.work-life-balance-timeline .work-life-balance-ring-label{position:relative;left:auto;top:auto;display:grid;justify-items:center;align-content:center;min-width:0;min-height:102px;box-sizing:border-box;padding:14px 12px;border:1px solid rgba(105, 177, 190, .28);border-radius:10px;background:linear-gradient(145deg, rgba(8, 39, 52, .84), rgba(7, 27, 41, .9));text-align:center;white-space:normal;transform:none;text-shadow:none}.work-life-balance-timeline .work-life-balance-ring-label::before{width:10px;height:10px;margin-bottom:8px;border:1px solid rgba(231, 250, 251, .76);box-shadow:none}.work-life-balance-timeline .work-life-balance-ring-label b{font-size:.9rem;line-height:1.15}.work-life-balance-timeline .work-life-balance-ring-duration{margin-top:6px;color:#d9e9ec;-webkit-text-fill-color:#d9e9ec;font-size:.9rem;line-height:1.15}.work-life-balance-timeline .work-life-balance-ring-label small{margin-top:5px;font-size:.78rem;line-height:1.1}@media (max-width: 760px){.work-life-balance-content{margin-top:26px}.work-life-balance-timeline .work-life-balance-ring-labels{grid-template-columns:repeat(2, minmax(0, 1fr));gap:9px;margin-top:18px}.work-life-balance-timeline .work-life-balance-ring-label{min-height:98px;padding:12px 9px}}@media (max-width: 520px){.work-life-balance-spent{padding:14px}.work-life-balance-timeline .work-life-balance-ring-labels{grid-template-columns:minmax(0, 1fr)}}.work-life-balance-content{grid-template-columns:minmax(0, 720px);justify-content:center;align-items:center;gap:0;box-sizing:border-box;width:100%;margin:42px auto 28px;padding:72px 150px 96px;overflow:visible}@media (max-width: 760px){.work-life-balance-content{display:block;max-width:100%;margin:16px auto 12px;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.work-life-balance-chart-stage{box-sizing:border-box;width:clamp(630px, 168vw, 740px);min-height:520px;padding:88px 0}.work-life-balance-donut{flex:none;width:clamp(300px, 80vw, 340px);max-width:none}}#foodCard > .work-meal-drink-scale,#drinkCard > .work-meal-drink-scale,#financialYearCard > :is(.card-pie-meter, .card-hourglass-meter, .slider-gap, .progress-track, .segment-labels){display:none}.work-circular-timeline{display:grid;justify-items:center;gap:0;width:min(100%, 760px);margin:8px auto 4px;padding:72px 70px;box-sizing:border-box}.work-circular-dial{position:relative;display:grid;place-items:center;width:clamp(250px, 31vw, 370px);aspect-ratio:1;border:1px solid rgba(144, 222, 225, .28);border-radius:50%;background:var(--work-circle-fill);box-shadow:inset 0 0 24px rgba(255, 255, 255, .09), 0 16px 30px rgba(0, 0, 0, .3)}.work-circular-dial::before{content:"";position:absolute;inset:20%;border:1px solid rgba(132, 210, 217, .28);border-radius:50%;background:radial-gradient(circle at 35% 25%, #103f4b, #071e2d 70%);box-shadow:inset 0 9px 22px rgba(0, 0, 0, .32), 0 0 0 5px rgba(5, 27, 39, .2)}.work-circular-dial-inner{position:relative;z-index:3;display:grid;justify-items:center;gap:5px;width:55%;text-align:center}.work-circular-dial-inner > span{color:#8fe6e6;font-size:1.65rem;line-height:1}.work-circular-dial-inner > strong{color:#edf9f9;-webkit-text-fill-color:#edf9f9;font-size:clamp(1.05rem, 1.8vw, 1.35rem);line-height:1.15}.work-circular-dial-inner > small{color:#f2c777;font-size:.9rem}.work-circular-marker{position:absolute;z-index:5;inset:-1px;border-radius:50%;transform:rotate(var(--work-circle-marker));pointer-events:none}.work-circular-marker::before{content:"";position:absolute;top:-7px;left:50%;width:18px;height:18px;border:3px solid #eafcff;border-radius:50%;background:#24cbe0;box-shadow:0 0 0 3px rgba(14, 54, 69, .9), 0 0 15px rgba(52, 221, 239, .8);transform:translateX(-50%)}.work-circular-marker::after{content:"";position:absolute;top:11px;left:calc(50% - 1px);width:2px;height:18%;background:linear-gradient(#b8f8ff, transparent);opacity:.75}.work-circular-ring-label{position:absolute;z-index:7;top:50%;left:50%;display:grid;grid-template-columns:8px minmax(0, 1fr);gap:2px 5px;align-items:center;width:112px;min-height:38px;padding:5px 7px;border:1px solid rgba(100, 188, 199, .3);border-radius:8px;background:rgba(5, 27, 39, .92);box-shadow:0 5px 13px rgba(0, 0, 0, .26);box-sizing:border-box;transform:translate(-50%, -50%) rotate(var(--work-circle-label-angle)) translateY(calc(-1 * var(--work-circle-label-radius))) rotate(calc(-1 * var(--work-circle-label-angle)));text-align:left;pointer-events:none}.work-circular-ring-label.is-active{border-color:rgba(124, 236, 232, .82);background:rgba(21, 83, 91, .96);box-shadow:0 0 14px rgba(65, 218, 220, .28), 0 5px 13px rgba(0, 0, 0, .26)}.work-circular-ring-label > i{grid-row:1 / 3;width:8px;height:8px;border-radius:50%;background:var(--segment-color);box-shadow:0 0 6px var(--segment-color)}.work-circular-ring-label > b{overflow:hidden;color:#def2f3;-webkit-text-fill-color:#def2f3;font-size:.77rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.work-circular-ring-label > small{color:#f0c879;font-size:.68rem;line-height:1;white-space:nowrap}.work-circular-legend-item{display:grid;grid-template-columns:10px minmax(0, 1fr);gap:3px 8px;align-items:center;min-height:42px;padding:7px 9px;border:1px solid rgba(92, 174, 187, .24);border-radius:8px;background:rgba(5, 28, 40, .56);box-sizing:border-box}.work-circular-legend-item.is-active{border-color:rgba(117, 226, 226, .7);background:rgba(26, 94, 101, .5);box-shadow:0 0 12px rgba(64, 203, 207, .14)}.work-circular-legend-item > i{grid-row:1 / 3;width:9px;height:9px;border-radius:50%;background:var(--segment-color);box-shadow:0 0 7px var(--segment-color)}.work-circular-legend-item > span{overflow:hidden;color:#dceef1;font-size:.84rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.work-circular-legend-item > small{color:#91bdc7;font-size:.72rem;line-height:1}#foodCard .work-circular-timeline,#drinkCard .work-circular-timeline{order:2;margin-top:12px;padding:64px 66px}#foodCard .work-circular-dial,#drinkCard .work-circular-dial{width:clamp(235px, 25vw, 310px)}#workWakeSleepCycle .work-circular-timeline{margin-top:22px}#financialYearCard #financialYearCircularTimeline{margin-top:18px}@media (max-width: 700px){.work-circular-timeline{padding:62px 42px}.work-circular-dial{width:min(76vw, 300px)}.work-circular-ring-label{width:82px;min-height:34px;padding:4px 5px}.work-circular-ring-label > b{font-size:.67rem}.work-circular-ring-label > small{font-size:.61rem}}#workDayCircularWeekend .work-circular-segment-label.is-weekend-segment > b{color:#bfe9d1;-webkit-text-fill-color:#bfe9d1}#workDayCircularWeekend .work-circular-segment-label.is-weekend-segment.is-active > b{color:#e0f8e9;-webkit-text-fill-color:#e0f8e9;text-shadow:0 0 9px rgba(126, 224, 173, .68), 0 1px 3px rgba(0, 0, 0, .9)}#workWeekCircularTimeline{& .work-circular-boundary.has-boundary-label > .work-circular-boundary-label{border-color:rgba(91, 187, 169, .56);background:linear-gradient(145deg, rgba(17, 72, 70, .98), rgba(8, 39, 51, .99));color:#c1eee5;-webkit-text-fill-color:#c1eee5}& .work-circular-segment-label > b{color:#e9f8fb;-webkit-text-fill-color:#e9f8fb}& .work-circular-segment-label.is-weekend-segment > b{color:#bfe9d1;-webkit-text-fill-color:#bfe9d1}& .work-circular-segment-label.is-active > b{text-shadow:0 0 8px rgba(206, 247, 255, .72), 0 1px 3px rgba(0, 0, 0, .9)}& .work-circular-boundary > small{color:#d8f2f6;-webkit-text-fill-color:#d8f2f6}& .work-circular-boundary.is-cycle-start > small{color:#ffffff;-webkit-text-fill-color:#ffffff;font-weight:700;text-shadow:0 0 7px rgba(129, 225, 242, .62)}& .work-circular-section-label{position:absolute;top:50%;left:50%;display:grid;place-items:center;min-width:88px;min-height:28px;padding:5px 10px;border:1px solid rgba(128, 207, 222, .5);border-radius:999px;box-sizing:border-box;transform:translate(-50%, -50%) rotate(var(--work-circle-section-angle)) translateY(calc(var(--work-circle-label-inset, 0px) - var(--work-circle-measured-section-radius, var(--work-circle-section-radius)))) rotate(calc(-1 * var(--work-circle-section-angle)));pointer-events:none}& .work-circular-section-label > b{font-size:.75rem;font-weight:650;line-height:1;white-space:nowrap}& .work-circular-section-label.is-workweek-section{box-shadow:inset 0 1px 0 rgba(218, 244, 255, .11), 0 4px 10px rgba(0, 13, 24, .3)}& .work-circular-section-label.is-workweek-section > b{color:#b9e2fb;-webkit-text-fill-color:#b9e2fb}& .work-circular-section-label.is-weekend-section{border-color:rgba(116, 169, 160, .72);background:linear-gradient(145deg, #355851, #263f3e);box-shadow:inset 0 1px 0 rgba(215, 238, 233, .08), 0 4px 10px rgba(0, 14, 21, .28)}& .work-circular-section-label.is-weekend-section > b{color:#b6d3cc;-webkit-text-fill-color:#b6d3cc}& .work-circular-section-label.is-active{border-color:rgba(222, 249, 255, .9);box-shadow:inset 0 1px 0 rgba(240, 255, 255, .16), 0 0 12px rgba(90, 206, 226, .26), 0 4px 10px rgba(0, 13, 22, .3)}}@media (max-width: 700px){#workWeekCircularTimeline .work-circular-section-label{min-width:72px;padding-inline:7px}#workWeekCircularTimeline .work-circular-section-label > b{font-size:.64rem}}#workWeekCircularTimeline{& .work-circular-span-arc{position:absolute;z-index:8;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}& .work-circular-span-arc :is(.work-circular-span-arc-line, .work-circular-span-arc-cap){fill:none;stroke-width:1.05px;stroke-linecap:round;vector-effect:non-scaling-stroke}& .work-circular-span-arc.is-workweek-span :is(.work-circular-span-arc-line, .work-circular-span-arc-cap){stroke:rgba(103, 204, 215, .92);filter:drop-shadow(0 0 2px rgba(55, 164, 180, .42))}& .work-circular-section-label.is-workweek-section{--work-circle-section-radius: clamp(168px, 47vw, 252px);z-index:10;min-width:110px;background:linear-gradient(145deg, rgba(24, 78, 117, .99), rgba(12, 48, 77, .99))}& .work-circular-section-label.is-workweek-section{border-color:rgba(103, 204, 215, .86)}}@media (max-width: 420px){#workWeekCircularTimeline .work-circular-section-label.is-workweek-section{min-width:92px;padding-inline:7px}}#workDayCircularWeekend{& .work-circular-dial{border-color:rgba(121, 205, 220, .48);box-shadow:inset 0 0 28px rgba(1, 13, 24, .34), 0 18px 36px rgba(0, 6, 14, .42), 0 0 0 1px rgba(92, 183, 202, .12)}& .work-circular-segment-label > b{color:#e9f8fb;-webkit-text-fill-color:#e9f8fb;font-size:.82rem;font-weight:650}& .work-circular-segment-label.is-active > b{text-shadow:0 0 8px rgba(206, 247, 255, .72), 0 1px 3px rgba(0, 0, 0, .9)}& .work-circular-boundary > small{top:-36px;min-width:44px;color:#d8f2f6;-webkit-text-fill-color:#d8f2f6;font-size:.68rem;font-weight:550}& .work-circular-boundary.is-cycle-start > small{color:#ffffff;-webkit-text-fill-color:#ffffff;font-weight:700;text-shadow:0 0 7px rgba(129, 225, 242, .62)}& .work-circular-section-label{position:absolute;top:50%;left:50%;display:grid;place-items:center;min-width:88px;min-height:28px;padding:5px 10px;border:1px solid rgba(128, 207, 222, .5);border-radius:999px;box-sizing:border-box;transform:translate(-50%, -50%) rotate(var(--work-circle-section-angle)) translateY(calc(var(--work-circle-label-inset, 0px) - var(--work-circle-measured-section-radius, var(--work-circle-section-radius)))) rotate(calc(-1 * var(--work-circle-section-angle)));pointer-events:none}& .work-circular-section-label > b{font-size:.75rem;font-weight:650;line-height:1;white-space:nowrap}& .work-circular-section-label.is-time-off-section{border-color:rgba(116, 169, 160, .7);background:linear-gradient(145deg, #355851, #263f3e);box-shadow:inset 0 1px 0 rgba(215, 238, 233, .08), 0 4px 10px rgba(0, 14, 21, .28)}& .work-circular-section-label.is-time-off-section > b{color:#b6d3cc;-webkit-text-fill-color:#b6d3cc}& .work-circular-section-label.is-active{border-color:rgba(222, 249, 255, .9);box-shadow:inset 0 1px 0 rgba(240, 255, 255, .16), 0 0 12px rgba(90, 206, 226, .26), 0 4px 10px rgba(0, 13, 22, .3)}}@media (max-width: 700px){#workDayCircularWeekend .work-circular-section-label{min-width:72px;padding-inline:7px}#workDayCircularWeekend .work-circular-section-label > b{font-size:.64rem}}#workWeekCircularTimeline{& .work-circular-dial{border-color:rgba(121, 205, 220, .48);box-shadow:inset 0 0 28px rgba(1, 13, 24, .34), 0 18px 36px rgba(0, 6, 14, .42), 0 0 0 1px rgba(92, 183, 202, .12)}& .work-circular-segment-label > b{font-size:.82rem;font-weight:650}& .work-circular-boundary > small{top:-36px;min-width:44px;font-size:.68rem;font-weight:550}}@media (max-width: 700px){#workWeekCircularTimeline .work-circular-dial{width:min(72vw, 350px)}#workWeekCircularTimeline .work-circular-boundary > small{top:-29px;min-width:42px;font-size:.61rem}}#workDayCircularWeekend .work-circular-section-label,#workWeekCircularTimeline .work-circular-section-label{--work-circle-section-radius: clamp(230px, 25vw, 300px);z-index:18}@media (max-width: 700px){#workDayCircularWeekend .work-circular-section-label,#workWeekCircularTimeline .work-circular-section-label{--work-circle-section-radius: calc(min(42vw, 175px) + 48px)}}#workDayCircularWeekend{& .work-circular-segment-label.is-early-morning-phase{width:62px}& .work-circular-segment-label.is-early-morning-phase > b{display:block;max-width:58px;white-space:normal;line-height:1.05}& .work-circular-boundary.is-cycle-start.has-boundary-label > .work-circular-boundary-label{top:-32px;width:132px}}html body.page-work-time.page-work-test #workWeekCircularTimeline:is(*,#_){& .work-circular-section-label.is-workweek-section:is(*,._){z-index:10;min-width:110px;background:linear-gradient(145deg, #38576a, #273f4e)}& .work-circular-section-label.is-workweek-section:is(*,._){border-color:rgba(103, 204, 215, .86)}}@media (max-width: 420px){html body.page-work-time.page-work-test #workWeekCircularTimeline:is(*,#_) .work-circular-section-label.is-workweek-section:is(*,._){min-width:92px;padding-inline:7px}}html body.page-work-time.page-work-test #workWeekCircularTimeline:is(*,#_){& .work-circular-section-label.is-workweek-section:is(*,._){--work-circle-section-radius: calc(var(--work-circle-dial-size) * .61)}& .work-circular-segment-label > b{display:block;line-height:1.02}& .work-circular-segment-sub-label:is(*,._){display:block;margin-top:4px;color:#a9cfdb;-webkit-text-fill-color:#a9cfdb;font-size:.61rem;font-weight:550;line-height:1;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px rgba(0, 0, 0, .82)}& .work-circular-segment-label.is-weekend-segment .work-circular-segment-sub-label{color:#9fcbb4;-webkit-text-fill-color:#9fcbb4}& .work-circular-segment-label.is-active .work-circular-segment-sub-label{color:#d4edf2;-webkit-text-fill-color:#d4edf2}}@media (max-width: 700px){html body.page-work-time.page-work-test #workWeekCircularTimeline:is(*,#_) .work-circular-segment-sub-label:is(*,._){margin-top:3px;font-size:.53rem}}html body.page-work-time.page-work-test{color:var(--wt-text);font-family:var(--wt-font);background:radial-gradient(circle at 14% 3%, rgba(29, 101, 137, .16), transparent 28rem), radial-gradient(circle at 88% 34%, rgba(25, 111, 107, .10), transparent 34rem), linear-gradient(180deg, #071827 0%, #061522 42%, #050f1b 100%)}html body.page-work-time.page-work-test .ambient{opacity:.28;filter:blur(10px) saturate(.7)}html body.page-work-time.page-work-test main.shell{color:var(--wt-text);font-family:var(--wt-font)}html body.page-work-time.page-work-test main.shell :is(button, input, select, textarea){font-family:var(--wt-font)}html body.page-work-time.page-work-test main.shell :is(p, span, small, label, li, th, td, button, input, select, textarea, em, strong, b){font-family:var(--wt-font)}html body.page-work-time.page-work-test main.shell :is(h1, h2, h3, h4, .card-title){font-family:var(--wt-display-font);color:var(--wt-heading);-webkit-text-fill-color:var(--wt-heading);font-weight:640;letter-spacing:-.012em;text-shadow:none}html body.page-work-time.page-work-test main.shell :is(p, li, label, small){color:var(--wt-muted);-webkit-text-fill-color:var(--wt-muted);line-height:1.48}html body.page-work-time.page-work-test main.shell :is(strong, b){color:var(--wt-text-strong);-webkit-text-fill-color:var(--wt-text-strong)}html body.page-work-time.page-work-test .page-body-title{color:#a1d6e7;-webkit-text-fill-color:#a1d6e7;font-family:var(--wt-display-font);font-size:18px;font-weight:570;letter-spacing:.035em}html body.page-work-time.page-work-test #workLifeBalanceCard,html body.page-work-time.page-work-test #workTestSnacksCard,html body.page-work-time.page-work-test #foodCard,html body.page-work-time.page-work-test #drinkCard,html body.page-work-time.page-work-test #payCalculator,html body.page-work-time.page-work-test #expenseCalculator,html body.page-work-time.page-work-test #financialYearCard{border:1px solid var(--wt-line);border-radius:18px;box-shadow:inset 0 1px 0 rgba(210, 240, 248, .055), 0 18px 38px rgba(0, 7, 16, .30)}html body.page-work-time.page-work-test #workLifeBalanceCard{background:radial-gradient(circle at 12% 0%, rgba(120, 139, 146, .10), transparent 32%), linear-gradient(150deg, #272d32 0%, #1d2329 58%, #171d23 100%)}html body.page-work-time.page-work-test #workTestSnacksCard,html body.page-work-time.page-work-test #foodCard,html body.page-work-time.page-work-test #drinkCard{background:radial-gradient(circle at 84% 0%, rgba(47, 136, 161, .10), transparent 32%), linear-gradient(145deg, #0c2639 0%, #091e30 58%, #071725 100%)}html body.page-work-time.page-work-test #payCalculator,html body.page-work-time.page-work-test #expenseCalculator,html body.page-work-time.page-work-test #financialYearCard{background:radial-gradient(circle at 10% 0%, rgba(49, 126, 173, .10), transparent 30%), linear-gradient(150deg, #0b243a 0%, #081c2e 58%, #061522 100%)}html body.page-work-time.page-work-test #expenseCalculator{background-image:radial-gradient(circle at 90% 8%, rgba(41, 137, 133, .085), transparent 31%), linear-gradient(150deg, #0b2438 0%, #081c2d 58%, #061522 100%)}html body.page-work-time.page-work-test .work-test-view-section{padding:22px 28px 26px;border:1px solid rgba(87, 177, 196, .34);border-radius:16px}html body.page-work-time.page-work-test .work-test-day-view{margin-top:38px;background:radial-gradient(circle at 12% 0%, rgba(33, 151, 150, .10), transparent 34%), linear-gradient(155deg, #0c3045 0%, #09263b 56%, #071d30 100%)}html body.page-work-time.page-work-test .work-test-week-view{margin-top:22px;background:radial-gradient(circle at 88% 0%, rgba(43, 115, 170, .11), transparent 34%), linear-gradient(155deg, #0c2b44 0%, #09233a 56%, #071b2d 100%)}html body.page-work-time.page-work-test :is(.work-test-view-details-panel, .work-test-share-section, .work-test-overview-table-shell, .work-bank-card, .work-total-pair, .work-life-balance-spent, .work-life-balance-stat, .work-test-daily-count-card, .work-test-consumption-control, .finance-entry-panel, .pay-compare-panel, .budget-expenditure-panel, .daily-earnings-pay-popover){border-color:rgba(99, 174, 199, .28);background:linear-gradient(145deg, rgba(11, 39, 58, .92), rgba(7, 25, 40, .94));box-shadow:inset 0 1px 0 rgba(213, 242, 248, .04)}html body.page-work-time.page-work-test .work-test-view-details-panel{padding:16px 20px;border-radius:12px}html body.page-work-time.page-work-test .work-test-view-heading-line{color:var(--wt-heading);-webkit-text-fill-color:var(--wt-heading);font-weight:610}html body.page-work-time.page-work-test :is(.work-test-view-countdown, .work-test-view-summary-line){color:#b7ceda;-webkit-text-fill-color:#b7ceda;font-weight:440}html body.page-work-time.page-work-test .work-test-view-summary-line.is-secondary-summary{color:#90adbd;-webkit-text-fill-color:#90adbd}html body.page-work-time.page-work-test .work-test-view-summary-line strong{font-weight:650;color:inherit;-webkit-text-fill-color:currentColor}html body.page-work-time.page-work-test .work-test-status-bubble{border-color:rgba(102, 180, 203, .34);background:linear-gradient(90deg, rgba(15, 64, 89, .90), rgba(14, 71, 80, .88));color:var(--wt-text-strong);-webkit-text-fill-color:var(--wt-text-strong);box-shadow:inset 0 1px 0 rgba(224, 250, 252, .08)}html body.page-work-time.page-work-test .work-test-status-bubble.is-work-status{border-color:rgba(75, 157, 216, .55);background:linear-gradient(90deg, rgba(19, 77, 126, .94), rgba(21, 101, 155, .90))}html body.page-work-time.page-work-test .work-test-status-bubble.is-time-off-status{border-color:rgba(72, 193, 184, .52);background:linear-gradient(90deg, rgba(18, 96, 99, .92), rgba(14, 79, 91, .90))}html body.page-work-time.page-work-test .work-test-status-bubble.is-weekend-status{border-color:rgba(105, 185, 133, .55);background:linear-gradient(90deg, rgba(42, 106, 74, .94), rgba(35, 91, 69, .92))}html body.page-work-time.page-work-test #workdayBeforeOffSegment,html body.page-work-time.page-work-test #workdayAfterOffSegment{background:#11656a;background-image:none}html body.page-work-time.page-work-test #workdayBeforeOffFill,html body.page-work-time.page-work-test #workdayAfterOffFill{background:linear-gradient(90deg, #176fa8 0%, #388fbe 42%, #cf7334 76%, #f0aa5a 100%);box-shadow:inset 0 1px 0 rgba(226, 255, 251, .18)}html body.page-work-time.page-work-test #workdayWorkSegment{background:#176fa8;background-image:none}html body.page-work-time.page-work-test #workdayWorkFill{background:linear-gradient(90deg, #176fa8 0%, #388fbe 42%, #cf7334 76%, #f0aa5a 100%);box-shadow:inset 0 1px 0 rgba(232, 249, 255, .18)}html body.page-work-time.page-work-test :is(.label-before-work, .label-after-work, .is-time-off-subtitle),html body.page-work-time.page-work-test :is(.label-before-work, .label-after-work) *{color:#59c4ba;-webkit-text-fill-color:#59c4ba}html body.page-work-time.page-work-test .label-work-shift-section,html body.page-work-time.page-work-test .label-work-shift-section *,html body.page-work-time.page-work-test .label-work-shift{color:#68b8e6;-webkit-text-fill-color:#68b8e6}html body.page-work-time.page-work-test .label-work-quarter{color:#85c9eb;-webkit-text-fill-color:#85c9eb}html body.page-work-time.page-work-test .label-work-time{color:#bddcea;-webkit-text-fill-color:#bddcea}html body.page-work-time.page-work-test .work-test-icon-trail{background:linear-gradient(90deg, #176fa8 0%, #388fbe 42%, #cf7334 76%, #f0aa5a 100%);opacity:.82}html body.page-work-time.page-work-test #workdayWeekendFill{background:linear-gradient(90deg, #176fa8 0%, #388fbe 42%, #cf7334 76%, #f0aa5a 100%);box-shadow:inset 0 1px 0 rgba(234, 255, 241, .16)}html body.page-work-time.page-work-test :is(.workweek-main-label, .workweek-range-title-work, .is-workweek-subtitle){color:#72bce7;-webkit-text-fill-color:#72bce7}html body.page-work-time.page-work-test :is(.workweek-weekend-label, .workweek-range-title-weekend, .weekend-tick-label, .is-weekend-subtitle),html body.page-work-time.page-work-test .weekend-phase-label{color:#75bd8c;-webkit-text-fill-color:#75bd8c}html body.page-work-time.page-work-test .work-test-progress-overview-title{margin-bottom:18px;color:var(--wt-heading);-webkit-text-fill-color:var(--wt-heading)}html body.page-work-time.page-work-test .work-test-overview-table{color:var(--wt-text);border-collapse:separate;border-spacing:0}html body.page-work-time.page-work-test .work-test-overview-table :is(th, td){padding:11px 12px;color:#c7dbe5;-webkit-text-fill-color:#c7dbe5;border-color:rgba(106, 174, 196, .18)}html body.page-work-time.page-work-test .work-test-overview-table thead th{color:#9dd4e7;-webkit-text-fill-color:#9dd4e7;background:#0c2a41;font-weight:610}html body.page-work-time.page-work-test .work-test-overview-table tbody tr:nth-child(odd){background:rgba(14, 47, 68, .36)}html body.page-work-time.page-work-test .work-test-overview-table tbody tr:nth-child(even){background:rgba(7, 28, 44, .36)}html body.page-work-time.page-work-test .work-test-overview-progress{background:#061725;border-color:rgba(96, 165, 188, .30)}html body.page-work-time.page-work-test .work-test-overview-progress > i{background:linear-gradient(90deg, #1d6da7, #49a9d8)}html body.page-work-time.page-work-test .work-test-overview-table-row[data-period="weekend"] .work-test-overview-progress > i{background:linear-gradient(90deg, #367f58, #67b77e)}html body.page-work-time.page-work-test .work-test-mini-status{border-color:rgba(100, 172, 194, .28);background:rgba(9, 34, 51, .78);color:#b8d2de;-webkit-text-fill-color:#b8d2de}html body.page-work-time.page-work-test .work-test-mini-status.is-completed{color:#79c99b;-webkit-text-fill-color:#79c99b}html body.page-work-time.page-work-test .work-test-mini-status.is-in-progress{color:#7fc5e8;-webkit-text-fill-color:#7fc5e8}html body.page-work-time.page-work-test :is(.work-total-pair, .workweek-combined-totals, .work-bank-table-card){border-color:rgba(95, 175, 198, .30);background:linear-gradient(145deg, rgba(11, 40, 59, .92), rgba(7, 25, 40, .94))}html body.page-work-time.page-work-test .work-life-balance-ring-label.is-work,html body.page-work-time.page-work-test .work-life-balance-table tbody th.is-work{color:#b6cedb;-webkit-text-fill-color:#b6cedb}html body.page-work-time.page-work-test main.shell .work-life-balance-ring-label.is-work small{color:#b6cedb;-webkit-text-fill-color:#b6cedb;line-height:1.1}html body.page-work-time.page-work-test .work-life-balance-stat.is-work .work-life-balance-swatch{color:#527c91;background:#527c91}html body.page-work-time.page-work-test .work-life-balance-ring-label.is-free,html body.page-work-time.page-work-test .work-life-balance-table tbody th.is-free{color:#b6d3cc;-webkit-text-fill-color:#b6d3cc}html body.page-work-time.page-work-test main.shell .work-life-balance-ring-label.is-free small{color:#b6d3cc;-webkit-text-fill-color:#b6d3cc;line-height:1.1}html body.page-work-time.page-work-test .work-life-balance-stat.is-free .work-life-balance-swatch{color:#5c8a83;background:#5c8a83}html body.page-work-time.page-work-test .work-life-balance-ring-label.is-sleep,html body.page-work-time.page-work-test .work-life-balance-table tbody th.is-sleep{color:#c4c7d7;-webkit-text-fill-color:#c4c7d7}html body.page-work-time.page-work-test main.shell .work-life-balance-ring-label.is-sleep small{color:#c4c7d7;-webkit-text-fill-color:#c4c7d7;line-height:1.1}html body.page-work-time.page-work-test .work-life-balance-stat.is-sleep .work-life-balance-swatch{color:#747a96;background:#747a96}html body.page-work-time.page-work-test :is(.work-life-balance-table, .finance-card table) :is(th, td){color:#c4d9e3;-webkit-text-fill-color:#c4d9e3;border-color:rgba(99, 169, 191, .20)}html body.page-work-time.page-work-test :is(.work-life-balance-table, .finance-card table) thead th{color:#9dd3e5;-webkit-text-fill-color:#9dd3e5;background:#0b2940}html body.page-work-time.page-work-test :is(.work-life-balance-table, .finance-card table) tbody tr:nth-child(even){background:rgba(11, 42, 61, .32)}html body.page-work-time.page-work-test #workCurrentMealDrinkSection{gap:20px}html body.page-work-time.page-work-test :is(#foodCard, #drinkCard) .work-circular-timeline{filter:saturate(.78) brightness(.96)}html body.page-work-time.page-work-test .finance-card{color:var(--wt-text)}html body.page-work-time.page-work-test :is(.finance-entry-panel, .pay-compare-panel, .budget-expenditure-panel){border-radius:13px;padding:18px 20px}html body.page-work-time.page-work-test main.shell :is(input, select, textarea){color:#dcebf2;-webkit-text-fill-color:#dcebf2;background:#071c2c;border:1px solid rgba(95, 177, 203, .40);border-radius:8px;box-shadow:inset 0 1px 4px rgba(0, 7, 15, .28)}html body.page-work-time.page-work-test main.shell :is(input, textarea)::placeholder{color:#7797a8;-webkit-text-fill-color:#7797a8;opacity:1}html body.page-work-time.page-work-test main.shell button:not(.collect-pay-playing-card){color:#d7e8ef;-webkit-text-fill-color:#d7e8ef;background:linear-gradient(180deg, #123a57, #0b2942);border:1px solid rgba(90, 176, 201, .42);border-radius:8px;box-shadow:inset 0 1px 0 rgba(225, 247, 251, .07), 0 5px 12px rgba(0, 8, 17, .18);font-weight:560;text-shadow:none}html body.page-work-time.page-work-test main.shell button:not(.collect-pay-playing-card):hover{color:#eef8fa;-webkit-text-fill-color:#eef8fa;background:linear-gradient(180deg, #174868, #0d3451);border-color:rgba(91, 200, 204, .58)}html body.page-work-time.page-work-test main.shell button:focus-visible,html body.page-work-time.page-work-test main.shell :is(input, select, textarea):focus-visible{outline:2px solid rgba(85, 195, 205, .68);outline-offset:2px}@media (max-width: 760px){html body.page-work-time.page-work-test #workLifeBalanceCard,html body.page-work-time.page-work-test #workTestSnacksCard,html body.page-work-time.page-work-test #foodCard,html body.page-work-time.page-work-test #drinkCard,html body.page-work-time.page-work-test #payCalculator,html body.page-work-time.page-work-test #expenseCalculator{border-radius:14px}html body.page-work-time.page-work-test .work-test-view-section{padding-left:14px;padding-right:14px}html body.page-work-time.page-work-test .work-test-day-view{margin-top:28px}html body.page-work-time.page-work-test .work-test-week-view{margin-top:16px}html body.page-work-time.page-work-test:is(*,._) main.shell.shell #workDashboard:is(*,#_#_#_#_#_#_#_) #workCurrentMealDrinkSection:is(*,#_#_#_) :is(#foodCard:is(*,#_#_), #drinkCard:is(*,#_#_)){& > .insight-copy:is(*,._){position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;justify-self:center;align-self:start;place-self:start center;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 auto;padding:0 10px;text-align:center;transform:none;translate:none}& > .insight-copy:is(*,._) > :is(.work-meal-drink-kicker, .work-meal-drink-current-bubble, p){position:static;inset:auto;align-self:center;justify-self:center;margin-right:auto;margin-left:auto;text-align:center;transform:none;translate:none}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel{box-sizing:border-box;width:min(100%, 1020px);max-width:1020px;margin:0 auto 18px;padding:22px 28px 26px;transform:none}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_){& .pay-entry-panel:is(*,._) > .finance-compact-title:is(*,._){grid-column:1 / -1;width:100%;margin:0 auto 16px}& #payComparePanel:is(*,#_).pay-compare-panel{box-sizing:border-box;width:min(100%, 1020px);max-width:1020px;margin:0 auto 18px}& #payComparePanel:is(*,#_).pay-compare-panel > #runPayCompareButton:is(*,#_).finance-compare-run{margin:10px auto 0}& .pay-entry-panel:is(*,._) label.has-missing-value input[aria-invalid="true"]{border-color:rgba(255, 156, 168, .76);box-shadow:inset 0 1px 4px rgba(0, 7, 15, .28), 0 0 0 1px rgba(255, 156, 168, .22)}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) .pay-entry-panel:is(*,._){& > :is(label, .pay-hours-or, .finance-adjustments){box-sizing:border-box;width:min(100%, 638px);max-width:638px;justify-self:center}& > .pay-action-row:is(*,._){grid-column:1 / -1;width:min(100%, 480px);margin:10px auto 0;transform:none}& > #payResultsShell:is(*,#_).pay-results-shell{grid-column:1 / -1;max-width:100%}}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_#_){& #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_) :is(#workTestMainSnackButton, #workTestMainDrinkButton).work-test-consumption-big .work-test-consumption-prompt:is(*,._){position:relative;color:#78cfff;-webkit-text-fill-color:#78cfff;transform:translateY(3px)}& #workTestDailyCountsSection:is(*,#_) #workTestDailyCountsGrid:is(*,#_) :is(#workTestMainSnackButton, #workTestMainDrinkButton).work-test-consumption-big .work-test-consumption-prompt:is(*,._)::before{content:"\2191";display:block;position:absolute;left:50%;bottom:calc(100% + 5px);color:#69c9ff;-webkit-text-fill-color:#69c9ff;font-size:1.08rem;font-style:normal;font-weight:750;line-height:1;text-shadow:0 2px 5px rgba(1, 20, 38, .52);transform:translateX(-50%);pointer-events:none}& :is(#calculatePayButton:is(*,#_), #calculateBudgetButton:is(*,#_)).finance-calculate-button,& :is(#calculatePayButton:is(*,#_), #calculateBudgetButton:is(*,#_)).finance-calculate-button:is(:hover, :focus, :focus-visible, :active){box-shadow:none;filter:none;text-shadow:none}}html body.page-work-time.page-work-test:is(*,._) #workLifeBalanceCard:is(*,#_){& label.work-life-balance-lunch-option:is(*,._){display:flex;grid-template-columns:none;align-items:center;justify-content:center;grid-column:1 / -1;gap:8px;box-sizing:border-box;height:auto;min-height:0;border-top:1px solid rgba(86, 176, 188, .28);box-shadow:none;text-align:center}& label.work-life-balance-lunch-option:is(*,._) > input{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;padding:0}& label.work-life-balance-lunch-option:is(*,._) > span{display:inline;width:auto;max-width:none;margin:0;line-height:1.3;white-space:normal}}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_){& #payCalculatorOutput:is(*,#_).finance-output-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;width:100%;max-width:940px;margin:0 auto}& #payCalculatorOutput:is(*,#_) .finance-result-pair:is(*,._){grid-column:auto;box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:154px;padding:14px}& #payCalculatorOutput:is(*,#_) .finance-result-pair:is(*,._):last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}& #payCalculatorOutput:is(*,#_) .finance-result-pair:is(*,._) > div{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:100%}& #payCalculatorOutput:is(*,#_) .finance-result-current:is(*,._){grid-column:1 / -1;background:linear-gradient(145deg, rgba(23, 69, 89, .96), rgba(13, 43, 62, .98));border-color:rgba(94, 184, 209, .5)}& #payCalculatorStatus:is(*,#_).pay-calculator-status{grid-column:1 / -1;width:min(100%, 760px);margin:8px auto 0;color:#9ec9dc;font-size:.92rem;text-align:center}& #payComparePanel:is(*,#_).pay-compare-panel{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px 16px}& #payComparePanel:is(*,#_).pay-compare-panel > :is(h4,button){grid-column:1 / -1}& #payComparePanel:is(*,#_).pay-compare-panel > label{box-sizing:border-box;width:100%;max-width:none;margin:0}}@media (max-width: 720px){html body.page-work-time.page-work-test #workDashboard #payCalculator{& :is(#payCalculatorOutput.finance-output-grid,#payComparePanel.pay-compare-panel){grid-template-columns:1fr}& #payCalculatorOutput .finance-result-pair:last-child,& #payComparePanel > :is(h4, button){grid-column:auto;width:100%}}}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorOutput:is(*,#_){& .finance-result-year:is(*,._){grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}& .finance-subminute-row:is(*,._){grid-column:1 / -1;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;width:100%}}html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorOutput .finance-subminute-row .finance-result-pair:is(*,._),html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorOutput .finance-subminute-row .finance-result-pair:is(*,._):last-child{grid-column:auto;justify-self:stretch;width:100%}html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorOutput:is(*,#_) .finance-subminute-row:is(*,._) > .finance-result-pair:is(*,._),html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorOutput:is(*,#_) .finance-subminute-row:is(*,._) > .finance-result-pair:is(*,._):last-child{grid-column:auto;justify-self:stretch;width:100%}html body.page-work-time.page-work-test #workDashboard #payCalculator{& #payCalculatorOutput .finance-result-taxed:is(*,._){grid-column:1 / -1;background:linear-gradient(145deg, rgba(35, 63, 83, .96), rgba(18, 42, 61, .98));border-color:rgba(105, 164, 194, .4)}& #payCurrentToDateOutput.pay-current-date-output{width:min(100%, 760px);margin:4px auto 0}& .pay-current-date-panel:is(*,._){display:grid;border:1px solid rgba(99, 174, 199, .28);background:linear-gradient(145deg, rgba(12, 43, 62, .94), rgba(7, 27, 43, .97))}& .pay-current-date-panel > :is(h4, p){margin:0;text-align:center}& .pay-current-date-panel > h4{color:#92d6ef;font-size:1.12rem;font-weight:650;text-transform:none}& .pay-current-date-panel > p{color:#91b9ca;font-size:.88rem}& .pay-current-date-table thead th{padding:8px 10px;background:rgba(25, 72, 94, .8);color:#b6dfef;font-weight:650;text-align:left}& .pay-current-date-table thead th:last-child,& .pay-current-date-table td{text-align:right}& #payComparePanel.pay-compare-panel > :is(.pay-compare-icon, h4, .pay-compare-description){grid-column:1 / -1}& #payComparePanel .pay-compare-icon{display:flex;align-items:center;justify-content:center;min-height:48px}& #payComparePanel .pay-compare-icon img{display:block;width:54px;height:54px;object-fit:contain;filter:saturate(.82) brightness(.92) drop-shadow(0 6px 10px rgba(0, 0, 0, .24))}& #payComparePanel > h4{margin:0;font-size:1.28rem;font-weight:650;letter-spacing:.01em;text-align:center;text-transform:none}& #payComparePanel > .pay-compare-description{width:min(100%, 720px);font-size:.9rem;line-height:1.45;text-align:center}& #payComparePanel .pay-compare-money-wrap{margin-left:0}& #payComparePanel .pay-compare-currency{position:absolute;top:50%;left:10px;z-index:2;font-style:normal;font-weight:700;line-height:1;transform:translateY(-50%);pointer-events:none}& #payComparePanel .pay-compare-money-wrap > input{box-sizing:border-box;text-align:left}}@media (max-width: 720px){html body.page-work-time:is(*,._).page-work-test:is(*,._) #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorOutput:is(*,#_){& :is(.finance-result-year:is(*,._),.finance-subminute-row:is(*,._)){grid-column:auto;width:100%}& .finance-subminute-row:is(*,._){grid-template-columns:1fr}}}html body.page-work-time.page-work-test .work-test-view-title > b > .work-test-view-title-icon{display:grid;place-items:center;flex:0 0 auto;width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px;margin:0 auto 2px;padding:0;color:transparent;font-size:0;line-height:0;filter:drop-shadow(0 6px 8px rgba(0, 8, 18, .38))}html body.page-work-time.page-work-test .work-test-view-title > b > .work-test-view-title-icon > svg{position:static;display:block;width:100%;height:100%;overflow:visible}html body.page-work-time.page-work-test .work-view-icon-frame{stroke-width:2.4;stroke-linejoin:round}html body.page-work-time.page-work-test .work-day-title-art .work-view-icon-frame{fill:#0b2c42;stroke:#62c8dc}html body.page-work-time.page-work-test .work-day-title-art :is(.work-view-icon-line, .work-view-icon-soft){fill:none;stroke-linecap:round;stroke-linejoin:round}html body.page-work-time.page-work-test .work-day-title-art .work-view-icon-line{stroke:#ddf7fb;stroke-width:2.25}html body.page-work-time.page-work-test .work-day-title-art .work-view-icon-soft{stroke:#4d8fa6;stroke-width:1.65}html body.page-work-time.page-work-test .work-day-title-art .work-view-icon-accent{fill:#f1bf65}html body.page-work-time.page-work-test .work-day-title-art .work-view-icon-teal{fill:#4fc8bd}html body.page-work-time.page-work-test .work-week-title-art .work-view-icon-frame{fill:#0a293c;stroke:#58bfb8}html body.page-work-time.page-work-test .work-week-title-art :is(.work-view-icon-line, .work-view-icon-soft){fill:none;stroke-linecap:round;stroke-linejoin:round}html body.page-work-time.page-work-test .work-week-title-art .work-view-icon-line{stroke:#daf6fa;stroke-width:2.2}html body.page-work-time.page-work-test .work-week-title-art .work-view-icon-soft{stroke:#477f98;stroke-width:1.45}html body.page-work-time.page-work-test .work-week-title-art .work-view-icon-workday{fill:#459ed3}html body.page-work-time.page-work-test .work-week-title-art .work-view-icon-weekend{fill:#5bb37b}@media (max-width: 720px){html body.page-work-time.page-work-test .work-test-view-title > b > .work-test-view-title-icon{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px}}html body.page-work-time.page-work-test #workTestDailyCountsTitle:is(*,#_) .work-test-card-title-text:is(*,._){font-size:inherit;font-weight:inherit;line-height:inherit}html body.page-work-time.page-work-test #workSettingsPopover:is(*,#_) .work-info-table:is(*,._){& select{color-scheme:dark}& select :is(option,optgroup){background:#0b2838;color:#eefaff;-webkit-text-fill-color:#eefaff}& select option:checked{background:#1b5c73;color:#ffffff;-webkit-text-fill-color:#ffffff}}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-work-time main.shell > #primaryProgress:is(*,#_):not(#sharedFirstCardA#sharedFirstCardB#sharedFirstCardC#sharedFirstCardD#sharedFirstCardE#sharedFirstCardF#sharedFirstCardG#sharedFirstCardH),html body.page-work-test main.shell > #primaryProgress:is(*,#_):not(#sharedFirstCardA#sharedFirstCardB#sharedFirstCardC#sharedFirstCardD#sharedFirstCardE#sharedFirstCardF#sharedFirstCardG#sharedFirstCardH),html body.page-home-test main.home-test-shell > #homeOverviewCard:is(*,#_):not(#sharedFirstCardA#sharedFirstCardB#sharedFirstCardC#sharedFirstCardD#sharedFirstCardE#sharedFirstCardF#sharedFirstCardG#sharedFirstCardH){position:relative;top:0;bottom:auto;margin-top:0;transform:none;translate:none}html body.page-work-time.page-work-test main.shell.shell:not(#workPageTopA#workPageTopB#workPageTopC#workPageTopD#workPageTopE#workPageTopF#workPageTopG#workPageTopH){padding-top:calc(var(--nav-height, 90px) + 10px)}@media (max-width: 760px){html body.page-work-time.page-work-test main.shell.shell:not(#workPageTopA#workPageTopB#workPageTopC#workPageTopD#workPageTopE#workPageTopF#workPageTopG#workPageTopH){padding-top:calc(var(--nav-height, 50px) + 10px)}}html body.page-work-time.page-work-test main.shell.shell #primaryProgress:is(*,#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_){top:0;bottom:auto;margin-top:0}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel{margin-inline:auto}& .pay-input-shell:is(*,._){grid-column:1 / -1}& .pay-input-shell :is(.pay-core-fields > label, .pay-weekly-primary, .pay-schedule-fields label){box-sizing:border-box;margin:0;padding:10px 12px;transform:none}& .pay-input-shell .pay-core-fields > label{display:grid;align-items:center;gap:8px}& .pay-input-shell .pay-entry-rate:is(*,._){grid-template-columns:minmax(0, 1fr) 128px;grid-template-rows:auto 46px}& .pay-input-shell .pay-entry-rate > span:first-child{transform:none}& .pay-input-shell .pay-tax-line:is(*,._){grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 46px}& .pay-input-shell label > span:first-child{color:#b8d8e9;-webkit-text-fill-color:#b8d8e9;font-size:.89rem;font-weight:750;line-height:1.25;text-align:left;transform:none}& .pay-input-shell :is(.money-input-wrap, .percent-input-wrap){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:46px;margin:0;justify-self:stretch}& .pay-input-shell :is(input, select){box-sizing:border-box;height:42px;min-height:42px;border:1px solid rgba(125, 198, 230, .34);border-radius:9px;background:rgba(1, 12, 21, .72);color:#ecf9ff;-webkit-text-fill-color:#ecf9ff;font-size:1rem;font-weight:750;box-shadow:inset 0 1px 5px rgba(0, 0, 0, .26);transform:none}& .pay-input-shell :is(input, select):focus{border-color:rgba(106, 224, 255, .82);outline:2px solid rgba(81, 202, 244, .18)}& .pay-input-shell :is(#payRate#payRate,#payTaxRate:is(*,#_)){width:100%;min-width:0;max-width:none}& .pay-input-shell #payRateType:is(*,#_){width:128px;margin:0;padding-inline:10px 28px}& .pay-input-shell .money-input-wrap em{left:11px;color:#70e8f6;-webkit-text-fill-color:#70e8f6;font-size:1.06rem}& .pay-input-shell .percent-input-wrap em{color:#81dce9;-webkit-text-fill-color:#81dce9}& .pay-weekly-primary:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) 132px;align-items:center;gap:16px;width:100%;max-width:none;margin-top:12px;padding:14px 16px;border-color:rgba(89, 222, 247, .52);background:linear-gradient(100deg, rgba(13, 54, 68, .8), rgba(8, 31, 45, .74));box-shadow:inset 3px 0 0 rgba(82, 229, 246, .7)}& #payHoursWork:is(*,#_){width:132px;min-width:0;max-width:none;justify-self:end;padding-inline:14px;font-size:1.12rem}& .pay-schedule-fields label{display:grid;grid-template-columns:minmax(0, 1fr);gap:7px}& .pay-schedule-fields :is(#payHoursPerDay, #payDaysPerWeek){width:100%;min-width:0;max-width:none;justify-self:stretch;padding-inline:12px}& .pay-entry-panel:is(*,._) > .finance-adjustments:is(*,._){grid-column:1 / -1;box-sizing:border-box;width:min(100%, 720px);max-width:720px;margin:10px auto 0;transform:none}& .pay-action-row:is(*,._){margin-top:4px}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #calculatePayButton:is(*,#_).finance-calculate-button{min-height:48px;margin-top:10px;border-radius:11px}@media (max-width: 680px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel{padding:18px 12px 22px}& .pay-weekly-primary:is(*,._){grid-template-columns:minmax(0, 1fr) 108px;gap:10px}& #payHoursWork:is(*,#_){width:108px}}}@media (max-width: 430px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& .pay-input-shell .pay-entry-rate:is(*,._){grid-template-columns:minmax(0, 1fr) 112px}& .pay-input-shell #payRateType:is(*,#_){width:112px}& .pay-weekly-primary:is(*,._){grid-template-columns:minmax(0, 1fr)}& #payHoursWork:is(*,#_){width:100%;justify-self:stretch}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_){& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-daily-week-fields:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:end;gap:8px;min-width:0}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-daily-week-fields:is(*,._) > label{box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 42px;align-items:center;gap:5px;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;justify-self:stretch;border:0;background:transparent;transform:none}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-daily-week-fields:is(*,._) > label > span:first-child{width:100%;color:#a9d3e4;-webkit-text-fill-color:#a9d3e4;font-size:.75rem;font-weight:700;text-align:left;white-space:normal;justify-self:stretch}& .pay-input-shell:is(*,._) :is(#payWorkWeekStart:is(*,#_), #payWorkWeekEnd:is(*,#_)){box-sizing:border-box;display:block;position:static;width:100%;min-width:0;max-width:none;height:42px;min-height:42px;margin:0;padding:7px 27px 7px 10px;justify-self:stretch;border:1px solid rgba(117, 188, 219, .3);border-radius:8px;background:rgba(1, 12, 21, .74);color:#edfaff;-webkit-text-fill-color:#edfaff;font-size:.84rem;font-weight:700;transform:none}}@media (max-width: 460px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-daily-week-fields:is(*,._){grid-template-columns:minmax(0, 1fr)}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) .pay-week-range-arrow:is(*,._){display:none}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_){& #payHoursBasis:is(*,#_){box-sizing:border-box;width:124px;min-width:0;max-width:none;height:46px;margin:0;padding-inline:10px 28px;justify-self:end;border:1px solid rgba(125, 198, 230, .34);border-radius:9px;background:rgba(1, 12, 21, .72);color:#ecf9ff;-webkit-text-fill-color:#ecf9ff;font-size:.92rem;font-weight:750;transform:none}& .pay-daily-week-panel[hidden]{display:none}& .pay-daily-week-fields label{display:grid;grid-template-columns:minmax(0, 1fr);gap:5px;min-width:0;margin:0;padding:0;border:0;background:transparent;transform:none}& .pay-daily-week-fields label > span:first-child{color:#a9d3e4;-webkit-text-fill-color:#a9d3e4;font-size:.75rem;font-weight:700;text-align:left;white-space:normal}& .pay-daily-week-fields select{box-sizing:border-box;width:100%;min-width:0;max-width:none;height:42px;min-height:42px;margin:0;padding-inline:9px 26px;border:1px solid rgba(117, 188, 219, .3);border-radius:8px;background:rgba(1, 12, 21, .74);color:#edfaff;-webkit-text-fill-color:#edfaff;font-size:.84rem;font-weight:700;transform:none}}@media (max-width: 680px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._){grid-template-columns:minmax(0, 1fr) 108px 112px}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payHoursBasis:is(*,#_){width:112px}}@media (max-width: 460px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) :is(#payHoursWork:is(*,#_),#payHoursBasis:is(*,#_)){width:100%;justify-self:stretch}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._){& .pay-core-fields:is(*,._) > label,& .pay-weekly-primary:is(*,._),& .pay-schedule-fields:is(*,._) > label{box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:0;justify-self:stretch;transform:none}& .pay-entry-rate:is(*,._){grid-template-rows:auto 42px;align-items:center;gap:8px;margin:0}& .pay-tax-line:is(*,._){grid-template-rows:auto 42px;align-items:center;gap:8px;margin:0}& label > span:first-child{color:#b8d8e9;-webkit-text-fill-color:#b8d8e9;font-size:.89rem;font-weight:750;line-height:1.25;text-align:left;white-space:normal;width:100%;justify-self:start;transform:none}& .pay-weekly-primary:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr) 132px 124px;grid-template-rows:auto;align-items:center;gap:10px}& .pay-schedule-fields:is(*,._) > label{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 46px;align-items:center;gap:7px}& :is(.money-input-wrap, .percent-input-wrap){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:42px;margin:0;justify-self:stretch;transform:none}& :is(#payRate#payRate, #payTaxRate:is(*,#_)){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:42px;margin:0;transform:none}}@media (max-width: 430px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._){& .pay-weekly-primary:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}& .pay-hours-primary:is(*,._) > span:first-child{grid-column:1 / -1}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #budgetCalculatorBody:is(*,#_){box-sizing:border-box;padding:22px 24px 28px}& .budget-flow:is(*,._) > .budget-step-income{order:1}& .budget-flow:is(*,._) > .budget-step-stack{order:2}& .budget-flow:is(*,._) > .budget-step-calculate{order:3}& .budget-step:is(*,._){box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:0;overflow:hidden;border:1px solid rgba(112, 175, 205, .27);border-radius:14px;background:linear-gradient(145deg, rgba(9, 30, 47, .92), rgba(5, 18, 31, .94));box-shadow:inset 0 1px 0 rgba(223, 245, 255, .035), 0 11px 28px rgba(0, 7, 18, .14);transform:none}& .budget-step-stack:is(*,._){display:grid;gap:14px;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .budget-step-header:is(*,._){box-sizing:border-box;grid-column:1 / -1;width:100%;min-width:0;max-width:none;margin:0;justify-self:stretch}& .budget-step-header h4{margin:0;color:#c9f1ff;-webkit-text-fill-color:#c9f1ff;font-size:1.06rem;font-weight:820;line-height:1.2;text-align:left}& .budget-income-fields:is(*,._){grid-column:1 / -1;width:100%;justify-self:stretch}& .budget-income-fields > label{display:grid;grid-template-columns:minmax(150px, auto) minmax(0, 1fr);align-items:center;gap:14px;width:min(100%, 520px);min-height:0;margin:0;padding:12px 14px}& .budget-income-fields > label > span:first-child{text-align:left;white-space:nowrap}& .budget-income-money-wrap:is(*,._){box-sizing:border-box;display:flex;align-items:center;width:100%;min-width:0;max-width:none;height:44px;margin:0}& #budgetCalculatorBody:is(*,#_) :is(#expenseSalary:is(*,#_),#expenseSalaryPeriod:is(*,#_)){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:44px;margin:0;border-radius:9px;font-size:.96rem;font-weight:700;transform:none}& #budgetCalculatorBody:is(*,#_) #expenseSalary:is(*,#_){padding-left:24px}& .budget-income-money-wrap em{left:9px;color:#6ce7f6;-webkit-text-fill-color:#6ce7f6;font-size:1rem}& .budget-icon-wrapper:is(*,._){box-sizing:border-box;width:100%;max-width:none;margin:0;padding:15px 18px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}& #budgetCalculatorBody:is(*,#_) :is(.expense-groups-spread, .asset-groups-spread){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start;justify-items:stretch;gap:10px;width:100%;max-width:none;margin:0}& #budgetCalculatorBody:is(*,#_) .expense-group:is(*,._){box-sizing:border-box;display:grid;min-width:0;max-width:none;min-height:0;justify-items:stretch}& #budgetCalculatorBody:is(*,#_) .expense-group-toggle:is(*,._){box-sizing:border-box;min-width:0;justify-self:stretch;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04)}& #budgetCalculatorBody:is(*,#_) .asset-groups-spread .expense-group-toggle{border-color:rgba(79, 182, 191, .42);background:linear-gradient(180deg, rgba(20, 75, 88, .94), rgba(7, 39, 55, .98));color:#d5f1f3;-webkit-text-fill-color:#d5f1f3}& #budgetCalculatorBody:is(*,#_) .expense-group-body:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);width:100%;min-width:0;max-width:none;justify-items:stretch;border:1px solid rgba(119, 171, 198, .2);background:rgba(2, 14, 25, .52);transform:none}& #budgetCalculatorBody:is(*,#_) .expense-group-body[hidden],& #budgetCalculatorBody:is(*,#_) .expense-group-toggle[aria-expanded="false"] + .expense-group-body{display:none}& #budgetCalculatorBody:is(*,#_) .expense-group:is(*,._):has(> .expense-group-toggle[aria-expanded="true"]){grid-column:1 / -1}& #budgetCalculatorBody:is(*,#_) .expense-group:has(> .expense-group-toggle[aria-expanded="true"]) > .expense-group-body:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}& #budgetCalculatorBody:is(*,#_) .expense-row:is(*,._){box-sizing:border-box;display:grid;grid-template-columns:minmax(105px, 1fr) 82px 112px;align-items:center;min-width:0;max-width:none;border:1px solid rgba(130, 177, 202, .17);background:rgba(9, 27, 42, .72)}& #budgetCalculatorBody:is(*,#_) .income-assets-group .expense-row:is(*,._){grid-template-columns:minmax(105px, 1fr) 82px 112px}& #budgetCalculatorBody:is(*,#_) .expense-row > span:first-child{min-width:0;color:#d6e6ed;-webkit-text-fill-color:#d6e6ed;font-size:.84rem;font-weight:650;line-height:1.25;text-align:left;transform:none}& #budgetCalculatorBody:is(*,#_) .expense-row :is(input, select){box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:36px;margin:0;padding:6px 8px;border:1px solid rgba(112, 177, 207, .3);border-radius:7px;background:rgba(1, 12, 22, .76);color:#edf9ff;-webkit-text-fill-color:#edf9ff;font-size:.79rem;transform:none}& .budget-action-row #calculateBudgetButton:is(*,#_){min-width:240px;min-height:48px;margin:0;border-radius:11px;box-shadow:inset 0 1px 0 rgba(225, 255, 255, .12), 0 10px 24px rgba(0, 17, 25, .24)}}@media (max-width: 760px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #budgetCalculatorBody:is(*,#_){padding:18px 12px 22px}& .budget-income-fields > label{grid-template-columns:minmax(0, 1fr);gap:8px}& #budgetCalculatorBody:is(*,#_) :is(.expense-groups-spread, .asset-groups-spread){grid-template-columns:minmax(0, 1fr)}& #budgetCalculatorBody:is(*,#_) .expense-group:has(> .expense-group-toggle[aria-expanded="true"]) > .expense-group-body:is(*,._){grid-template-columns:minmax(0, 1fr)}}}@media (max-width: 520px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_) .expense-row:is(*,._),html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_) .income-assets-group .expense-row:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& .budget-step-calculate .budget-action-row:is(*,._){display:grid;grid-template-columns:minmax(240px, 360px);justify-content:center;justify-items:stretch;gap:9px;width:100%;margin:0;padding:18px}& .budget-action-row #calculateBudgetButton:is(*,#_){grid-row:1;grid-column:1;order:1;width:100%;max-width:360px;justify-self:center;border-color:rgba(116, 207, 150, .58);background:linear-gradient(180deg, #2c7754, #164530)}& .budget-action-row #hideBudgetResultsButton:is(*,#_){grid-row:2;grid-column:1;order:2;justify-self:center;width:auto;min-width:168px;min-height:32px;margin:0;padding:7px 14px;border:1px solid rgba(105, 174, 205, .42);border-radius:8px;background:rgba(7, 27, 43, .82);color:#bcddeb;-webkit-text-fill-color:#bcddeb;font-size:.79rem;font-weight:700}& #expenseCalculatorOutput:is(*,#_){box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);margin:18px auto 0;padding:0;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none}& #expenseCalculatorOutput:is(*,#_) .budget-plan:is(*,._){box-sizing:border-box;display:grid;width:100%;margin:0;overflow:hidden;border:1px solid rgba(98, 184, 217, .34);background:radial-gradient(circle at 10% 0%, rgba(43, 130, 166, .18), transparent 30%), radial-gradient(circle at 92% 12%, rgba(28, 132, 137, .13), transparent 32%), linear-gradient(155deg, rgba(9, 34, 53, .98), rgba(4, 18, 31, .99));box-shadow:inset 0 1px 0 rgba(222, 246, 255, .06), 0 18px 42px rgba(0, 7, 17, .28)}& .budget-plan-heading h4{margin:2px 0 0;color:#d5f5ff;-webkit-text-fill-color:#d5f5ff;font-size:clamp(1.42rem, 2.2vw, 1.8rem);font-weight:850;letter-spacing:.01em;line-height:1.15}& .budget-summary-title{margin:0;color:#bfeafa;-webkit-text-fill-color:#bfeafa;font-weight:820;line-height:1.2;text-align:left}& #expenseCalculatorOutput:is(*,#_) .finance-output-list:is(*,._){display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& #expenseCalculatorOutput:is(*,#_) .finance-metric:is(*,._){position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:13px;width:100%;max-width:none;justify-self:stretch;min-width:0;min-height:112px;padding:17px 17px 15px;overflow:hidden;border:1px solid rgba(89, 162, 195, .3);border-radius:14px;background:linear-gradient(145deg, rgba(14, 49, 70, .92), rgba(7, 29, 46, .98));box-shadow:inset 0 1px 0 rgba(230, 250, 255, .045), 0 9px 18px rgba(0, 8, 18, .16)}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="income"]{border-color:rgba(82, 163, 207, .34);background:linear-gradient(145deg, rgba(18, 60, 88, .94), rgba(7, 31, 51, .99))}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="expense"]{border-color:rgba(111, 152, 187, .32);background:linear-gradient(145deg, rgba(27, 55, 78, .94), rgba(9, 29, 45, .99))}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="asset"]{border-color:rgba(72, 175, 183, .34);background:linear-gradient(145deg, rgba(14, 67, 78, .94), rgba(5, 34, 48, .99))}& #expenseCalculatorOutput:is(*,#_) .finance-metric[data-budget-tone="balance"]{border-color:rgba(83, 195, 201, .42);background:linear-gradient(145deg, rgba(15, 76, 88, .98), rgba(5, 38, 53, .99))}& #expenseCalculatorOutput:is(*,#_) .finance-metric > span{display:block;width:100%;margin:0;color:#9ec4d5;-webkit-text-fill-color:#9ec4d5;font-size:.77rem;font-weight:780;line-height:1.35;text-align:left}& #expenseCalculatorOutput:is(*,#_) .finance-metric > strong{display:block;width:100%;margin:0;color:#ecfaff;-webkit-text-fill-color:#ecfaff;font-size:clamp(1.18rem, 2vw, 1.46rem);font-weight:860;letter-spacing:-.015em;line-height:1.15;text-align:left}& .budget-breakdown-grid:is(*,._){display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));width:100%}& .budget-breakdown-grid > section{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;width:100%;max-width:none;justify-self:stretch;min-height:154px;padding:0 0 10px;overflow:hidden;border:1px solid rgba(95, 163, 192, .27);border-radius:14px;background:linear-gradient(155deg, rgba(10, 40, 58, .84), rgba(4, 22, 36, .94));box-shadow:inset 0 1px 0 rgba(232, 250, 255, .035)}& .budget-breakdown-grid h5{display:flex;align-items:center;min-height:58px;margin:0 0 8px;padding:12px 15px;border-bottom:1px solid rgba(100, 173, 201, .2);background:rgba(20, 74, 94, .34);color:#c5eaf4;-webkit-text-fill-color:#c5eaf4;font-size:.85rem;font-weight:800;line-height:1.35;text-align:left}& .budget-rank-table:is(*,._){box-sizing:border-box;width:calc(100% - 20px);margin:0 10px;border:0;border-collapse:separate;border-spacing:0;background:transparent;table-layout:auto}& .budget-rank-table :is(th,td){padding:9px 8px;border:0;border-bottom:1px solid rgba(104, 161, 187, .14);background:transparent;font-size:.78rem;line-height:1.3;text-align:left}& .budget-rank-table th{color:#83c8da;-webkit-text-fill-color:#83c8da;font-size:.67rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}& .budget-rank-table :is(th:first-child,td:first-child){width:42px;color:#75c3d6;-webkit-text-fill-color:#75c3d6;text-align:center}& .budget-rank-table :is(th:last-child,td:last-child){text-align:right;white-space:nowrap}& .budget-breakdown-grid .finance-empty-note{margin:0 10px;color:#86a9b8;-webkit-text-fill-color:#86a9b8;font-size:.82rem}}@media (max-width: 900px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #expenseCalculatorOutput:is(*,#_) .finance-output-list:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}& .budget-breakdown-grid:is(*,._){grid-template-columns:minmax(0, 1fr)}}}@media (max-width: 640px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #expenseCalculatorOutput:is(*,#_){& .finance-output-list:is(*,._){grid-template-columns:minmax(0, 1fr)}& .budget-plan:is(*,._){gap:15px;border-radius:15px}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& .budget-step-income:is(*,._){border:2px solid rgba(91, 207, 255, .82);background:linear-gradient(145deg, rgba(8, 39, 63, .98), rgba(3, 22, 39, .99));box-shadow:inset 0 1px 0 rgba(205, 245, 255, .09), 0 0 0 1px rgba(64, 176, 224, .12)}& .budget-income-fields > label{border:2px solid rgba(94, 216, 255, .78);background:rgba(3, 25, 43, .92)}& .budget-income-fields > label > span:first-child{color:#7fddff;-webkit-text-fill-color:#7fddff;font-size:.96rem;font-weight:800}& #budgetCalculatorBody:is(*,#_) :is(#expenseSalary:is(*,#_),#expenseSalaryPeriod:is(*,#_)){border:2px solid #55cfff;background:#061d31;color:#dff8ff;-webkit-text-fill-color:#dff8ff;box-shadow:inset 0 0 0 1px rgba(135, 225, 255, .08)}& #budgetCalculatorBody:is(*,#_) #expenseSalary:is(*,#_)::placeholder{color:#7fcce8}& .budget-step-expenditures:is(*,._){border-color:rgba(62, 191, 180, .54);background:linear-gradient(145deg, rgba(7, 44, 52, .96), rgba(3, 25, 37, .99))}& .budget-step-expenditures .budget-step-header{border-bottom-color:rgba(86, 211, 197, .22);background:linear-gradient(90deg, rgba(15, 103, 98, .66), rgba(5, 54, 64, .44))}& .budget-step-expenditures .budget-step-number{border-color:rgba(108, 231, 216, .68);background:linear-gradient(145deg, rgba(24, 132, 124, .92), rgba(7, 70, 77, .98));color:#e2fffb}& #budgetCalculatorBody:is(*,#_) .expense-groups-spread .expense-group-toggle{border-color:rgba(68, 194, 183, .55);background:linear-gradient(180deg, rgba(18, 96, 94, .96), rgba(7, 51, 62, .99));color:#d8faf5;-webkit-text-fill-color:#d8faf5}& :is(.budget-plan-kicker,.budget-summary-title),& #expenseCalculatorOutput:is(*,#_) .finance-metric > span{text-transform:none;letter-spacing:.015em}& .budget-summary-title{font-size:1rem;letter-spacing:.015em}& .budget-breakdown-grid:is(*,._){box-sizing:border-box;gap:12px;padding:15px;border:1px solid rgba(96, 153, 194, .38);border-radius:16px;background:linear-gradient(150deg, rgba(17, 35, 59, .93), rgba(7, 25, 42, .98))}& .budget-breakdown-grid > .budget-breakdown-card{border-color:rgba(119, 163, 202, .34);background:linear-gradient(155deg, rgba(22, 48, 72, .94), rgba(9, 29, 48, .99))}& .budget-breakdown-grid > .budget-breakdown-card h5{border-bottom-color:rgba(127, 176, 213, .28);background:rgba(44, 79, 108, .56);color:#d7efff;-webkit-text-fill-color:#d7efff;text-transform:none}& .budget-breakdown-grid > .budget-spending-items{border-color:rgba(76, 183, 200, .48);background:linear-gradient(155deg, rgba(12, 66, 78, .94), rgba(5, 34, 49, .99))}& .budget-breakdown-grid > .budget-spending-items h5{background:rgba(22, 113, 121, .54);color:#cbfaf7;-webkit-text-fill-color:#cbfaf7}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_){& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._){padding-top:14px;border-color:rgba(102, 174, 210, .38);background:linear-gradient(145deg, rgba(10, 34, 51, .97), rgba(6, 24, 39, .98) 60%, rgba(8, 39, 48, .95));box-shadow:inset 0 1px 0 rgba(218, 243, 255, .05), 0 12px 28px rgba(0, 10, 21, .2)}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-core-fields:is(*,._) > label{border-color:rgba(87, 158, 197, .42);background:linear-gradient(105deg, rgba(12, 47, 67, .84), rgba(7, 28, 44, .88));box-shadow:inset 3px 0 0 rgba(95, 181, 224, .72)}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-tax-line:is(*,._){border-color:rgba(127, 148, 206, .42);background:linear-gradient(105deg, rgba(31, 48, 78, .78), rgba(9, 27, 45, .9));box-shadow:inset 3px 0 0 rgba(138, 164, 224, .72)}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._){border-color:rgba(74, 175, 160, .43);background:linear-gradient(105deg, rgba(12, 62, 66, .76), rgba(7, 29, 45, .9));box-shadow:inset 3px 0 0 rgba(82, 194, 177, .74)}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._){display:grid;grid-template-columns:max-content 96px 148px;grid-template-rows:auto;align-items:center;justify-content:center;gap:9px}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._) > span:first-child{width:auto;justify-self:end;white-space:nowrap}& .pay-input-shell:is(*,._) #payHoursWork:is(*,#_){box-sizing:border-box;justify-self:stretch}& .pay-input-shell:is(*,._) #payHoursBasis:is(*,#_){box-sizing:border-box;justify-self:stretch}& .pay-input-shell:is(*,._) :is(#payRate#payRate, #payRateType:is(*,#_), #payTaxRate:is(*,#_), #payHoursWork:is(*,#_), #payHoursBasis:is(*,#_)){border-color:rgba(108, 169, 199, .5);background:linear-gradient(180deg, rgba(5, 25, 39, .98), rgba(8, 37, 53, .96));color:#eef9ff;-webkit-text-fill-color:#eef9ff;font-family:var(--wt-font, Inter, "Segoe UI", sans-serif);font-size:.95rem;font-weight:450;line-height:1.2;letter-spacing:.01em;box-shadow:inset 0 1px 5px rgba(0, 7, 15, .3)}& .pay-input-shell:is(*,._) :is(#payRate#payRate, #payTaxRate:is(*,#_), #payHoursWork:is(*,#_)){font-size:1.02rem;font-weight:400}& .pay-input-shell:is(*,._) :is(#payRate#payRate, #payTaxRate:is(*,#_), #payHoursWork:is(*,#_))::placeholder{color:#93adbd;-webkit-text-fill-color:#93adbd;font-weight:400;opacity:1}& .pay-input-shell:is(*,._) :is(#payRate#payRate, #payRateType:is(*,#_), #payTaxRate:is(*,#_), #payHoursWork:is(*,#_), #payHoursBasis:is(*,#_)):focus{border-color:#7ddcff;outline:0;box-shadow:inset 0 1px 5px rgba(0, 7, 15, .28), 0 0 0 3px rgba(125, 220, 255, .16)}& .pay-input-shell:is(*,._) :is(.money-input-wrap em, .percent-input-wrap em){color:#8fdcf4;-webkit-text-fill-color:#8fdcf4;font-size:1.08rem;font-weight:500}}@media (max-width: 520px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_){& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._){grid-template-columns:minmax(0, 64px) minmax(0, 1fr);justify-content:stretch;column-gap:8px}& .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._) > span:first-child{grid-column:1 / -1;justify-self:center}& .pay-input-shell:is(*,._) #payHoursWork:is(*,#_){width:100%;min-width:0;max-width:none}& .pay-input-shell:is(*,._) #payHoursBasis:is(*,#_){width:100%;min-width:0;max-width:none;padding-inline:6px 22px;font-size:.84rem}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel{& #payCalculatorStatus:is(*,#_).pay-calculator-status{width:min(100%, 620px);margin:6px auto 16px}& #payCalculatorStatus:is(*,#_).is-validation-error{color:#f4b6ac;-webkit-text-fill-color:#f4b6ac;font-weight:650}& .pay-input-shell:is(*,._) .pay-entry-rate:is(*,._){grid-template-columns:minmax(0, 136px) minmax(0, 128px);column-gap:16px;justify-content:center}& .pay-input-shell:is(*,._) .pay-entry-rate:is(*,._) .money-input-wrap:is(*,._){width:100%;min-width:0;max-width:none;justify-self:stretch}& .pay-input-shell:is(*,._) #payRateType:is(*,#_){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:42px;min-height:42px;margin:0}& .pay-input-shell:is(*,._) .pay-tax-line:is(*,._){grid-template-columns:112px;justify-content:center}& .pay-input-shell:is(*,._) .pay-tax-line:is(*,._) .percent-input-wrap:is(*,._){width:112px;min-width:0;max-width:112px;justify-self:center}& .pay-input-shell:is(*,._) .pay-hours-primary:is(*,._){margin:20px 0 10px}}@media (max-width: 430px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell:is(*,._){& .pay-entry-rate:is(*,._){grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 42px 42px;row-gap:9px}& .pay-entry-rate:is(*,._) .money-input-wrap:is(*,._){width:100%;max-width:none;grid-column:1;grid-row:2}& #payRateType:is(*,#_){grid-column:1;grid-row:3}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_){& #payCalculatorBody:is(*,#_) #payComparePanel:is(*,#_).pay-compare-panel{display:grid;grid-template-columns:1fr;justify-items:center;box-sizing:border-box;width:min(100%, 940px);max-width:940px;margin:40px auto 18px;padding:22px 24px 26px;gap:10px;border:1px solid rgba(105, 180, 231, .48);background:linear-gradient(145deg, rgba(10, 44, 72, .97), rgba(6, 24, 43, .99) 65%, rgba(9, 39, 67, .97));box-shadow:inset 0 1px 0 rgba(214, 239, 255, .08), 0 14px 30px rgba(1, 16, 35, .28);transform:none}& #payComparePanel:is(*,#_) > h4{color:#a8dfff;-webkit-text-fill-color:#a8dfff}& #payComparePanel:is(*,#_) > .pay-compare-description{margin:-1px auto 8px;color:#b1d0e5}& #payComparePanel:is(*,#_) .pay-compare-input-shell:is(*,._){grid-column:1 / -1;box-sizing:border-box;width:min(100%, 720px);margin:0 auto 4px;padding:14px 18px 18px;border:1px solid rgba(99, 173, 221, .35);border-radius:16px;background:linear-gradient(145deg, rgba(9, 36, 62, .95), rgba(5, 21, 39, .96));box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 30px rgba(1, 17, 32, .22)}& #payComparePanel:is(*,#_) .pay-compare-input-row:is(*,._){display:grid;grid-template-columns:minmax(0, 1.65fr) minmax(180px, .85fr);gap:12px;width:100%}& #payComparePanel:is(*,#_) .pay-compare-input-row + .pay-compare-input-row{margin-top:12px}& #payComparePanel:is(*,#_) .pay-compare-input-row:is(*,._) > label{display:grid;grid-template-columns:1fr;grid-template-rows:auto 46px;align-items:center;justify-items:center;box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;padding:12px;gap:8px;border:1px solid rgba(103, 182, 233, .48);border-radius:12px;background:linear-gradient(100deg, rgba(19, 62, 101, .79), rgba(10, 37, 65, .82));box-shadow:inset 3px 0 0 rgba(108, 182, 232, .78);transform:none}& #payComparePanel:is(*,#_) .pay-compare-input-row:is(*,._) > label > span:first-child{width:100%;color:#d0eaff;-webkit-text-fill-color:#d0eaff;font-size:.89rem;font-weight:750;line-height:1.25;text-align:center;transform:none}& #payComparePanel:is(*,#_) .pay-compare-rate-controls:is(*,._){display:grid;grid-template-columns:136px 128px;align-items:center;justify-content:center;width:auto;gap:8px}& #payComparePanel:is(*,#_) .pay-compare-money-wrap:is(*,._){position:relative;display:block;box-sizing:border-box;width:136px;min-width:0;max-width:136px;height:46px;margin:0;justify-self:center}& #payComparePanel:is(*,#_) .pay-compare-input-shell :is(input, select){box-sizing:border-box;height:46px;min-height:46px;border:1px solid rgba(113, 184, 227, .45);border-radius:9px;background:rgba(3, 23, 43, .84);color:#eef7ff;-webkit-text-fill-color:#eef7ff;font-family:"Courier New", "Courier Prime", monospace;font-size:1rem;font-weight:750;box-shadow:inset 0 1px 5px rgba(0, 0, 0, .28);transform:none}& #payComparePanel:is(*,#_) .pay-compare-money-wrap:is(*,._) > input{width:100%;min-width:0;max-width:none;padding-left:24px;text-indent:0}& #payComparePanel:is(*,#_) .pay-compare-rate-controls > select{width:128px;min-width:128px;max-width:128px;margin:0;padding-inline:10px 28px;font-size:.88rem}& #payComparePanel:is(*,#_) .pay-compare-percent-wrap:is(*,._){position:relative;display:block;box-sizing:border-box;width:92px;min-width:0;max-width:92px;height:46px;margin:0;justify-self:center}& #payComparePanel:is(*,#_) .pay-compare-percent-wrap:is(*,._) > input{width:100%;min-width:0;max-width:none;padding-right:27px}& #payComparePanel:is(*,#_) .pay-compare-percent-wrap:is(*,._) > em{position:absolute;top:50%;right:11px;margin:0;color:#8dcaff;-webkit-text-fill-color:#8dcaff;font-size:1rem;font-style:normal;font-weight:750;line-height:1;transform:translateY(-50%);pointer-events:none}& #payComparePanel:is(*,#_) .pay-compare-currency:is(*,._){color:#8dcaff;-webkit-text-fill-color:#8dcaff}& #payComparePanel:is(*,#_) > #runPayCompareButton:is(*,#_).finance-compare-run{box-sizing:border-box;width:240px;min-width:240px;max-width:240px;min-height:48px;margin:18px auto 0;padding:12px 30px;border:2px solid rgba(126, 198, 239, .8);border-radius:11px;background:linear-gradient(180deg, rgba(33, 92, 146, .99), rgba(14, 49, 85, .99));color:#eef7ff;-webkit-text-fill-color:#eef7ff;font-size:1.08rem;transform:none}& #payComparePanel:is(*,#_) .pay-compare-icon:is(*,._) > .pay-compare-swap-icon{display:block;width:58px;height:58px;overflow:visible;filter:drop-shadow(0 7px 11px rgba(0, 16, 35, .34))}& #payComparePanel:is(*,#_) .pay-compare-swap-icon-bg{fill:rgba(8, 35, 60, .95);stroke:rgba(125, 195, 236, .82);stroke-width:2}& #payComparePanel:is(*,#_) .pay-compare-swap-arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}& #payComparePanel:is(*,#_) .pay-compare-swap-arrow-top{stroke:#a9ddff}& #payComparePanel:is(*,#_) .pay-compare-swap-arrow-bottom{stroke:#65afe4}}@media (max-width: 720px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payComparePanel:is(*,#_) .pay-compare-input-row:is(*,._){grid-template-columns:1fr}}@media (max-width: 430px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payComparePanel:is(*,#_){& .pay-compare-rate-controls:is(*,._){grid-template-columns:132px 112px}& .pay-compare-money-wrap:is(*,._){width:132px;max-width:132px}& .pay-compare-rate-controls > select{width:112px;min-width:112px;max-width:112px}}}html body:not(#site-title-font-01):not(#site-title-font-02):not(#site-title-font-03):not(#site-title-font-04):not(#site-title-font-05):not(#site-title-font-06):not(#site-title-font-07):not(#site-title-font-08):not(#site-title-font-09):not(#site-title-font-10):not(#site-title-font-11):not(#site-title-font-12):not(#site-title-font-13):not(#site-title-font-14):not(#site-title-font-15):not(#site-title-font-16):not(#site-title-font-17):not(#site-title-font-18):not(#site-title-font-19):not(#site-title-font-20):not(#site-title-font-21):not(#site-title-font-22):not(#site-title-font-23):not(#site-title-font-24) main :is(h2, .card-title, .phase-order-title){font-family:var(--site-card-title-font)}html body:not(#site-title-font-01):not(#site-title-font-02):not(#site-title-font-03):not(#site-title-font-04):not(#site-title-font-05):not(#site-title-font-06):not(#site-title-font-07):not(#site-title-font-08):not(#site-title-font-09):not(#site-title-font-10):not(#site-title-font-11):not(#site-title-font-12):not(#site-title-font-13):not(#site-title-font-14):not(#site-title-font-15):not(#site-title-font-16):not(#site-title-font-17):not(#site-title-font-18):not(#site-title-font-19):not(#site-title-font-20):not(#site-title-font-21):not(#site-title-font-22):not(#site-title-font-23):not(#site-title-font-24) main :is(h2, .card-title, .phase-order-title) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]):not(.time-card-title-suffix){font-family:var(--site-card-title-font)}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h1, h2, .site-title):not(.site-subtitle):not(.site-section-title):not(#homeTestTitle){color:var(--site-title-color);-webkit-text-fill-color:var(--site-title-color);font-family:var(--site-font-title);font-size:var(--site-title-size);font-style:normal;font-weight:var(--site-title-weight);line-height:var(--site-title-line-height);letter-spacing:var(--site-title-letter-spacing);text-decoration:none;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h1, h2, .site-title):not(.site-subtitle):not(.site-section-title) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]){color:inherit;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit;text-shadow:none;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h4:not(.site-title), h5:not(.site-title), .site-subtitle):not(.daylight-phase-heading){color:var(--site-subtitle-color);-webkit-text-fill-color:var(--site-subtitle-color);font-family:var(--site-font-body);font-size:var(--site-subtitle-size);font-style:normal;font-weight:var(--site-subtitle-weight);line-height:var(--site-subtitle-line-height);letter-spacing:0;text-shadow:none;text-rendering:auto;-webkit-font-smoothing:auto;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(h4:not(.site-title), h5:not(.site-title), .site-subtitle) :is(span, b, strong, em, small):not([aria-hidden="true"]):not([class*="icon"]){color:inherit;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit;text-shadow:none;filter:none}html body:not(#site-type-01):not(#site-type-02):not(#site-type-03):not(#site-type-04):not(#site-type-05):not(#site-type-06):not(#site-type-07):not(#site-type-08):not(#site-type-09):not(#site-type-10):not(#site-type-11):not(#site-type-12):not(#site-type-13):not(#site-type-14):not(#site-type-15):not(#site-type-16):not(#site-type-17):not(#site-type-18):not(#site-type-19):not(#site-type-20):not(#site-type-21):not(#site-type-22):not(#site-type-23):not(#site-type-24) main :is(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) #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}html body.page-work-time.page-work-test:is(*,._) #workLifeBalanceCard:is(*,#_){& .work-life-balance-controls:is(*,._){width:min(100%, 622px);grid-template-columns:minmax(350px, 370px) minmax(230px, 240px)}& .work-life-balance-control-fields:is(*,._){grid-template-columns:repeat(2, minmax(155px, 165px));gap:10px}& .work-life-balance-control-fields label > span{white-space:nowrap;text-align:center}& .work-life-balance-control[aria-labelledby="workLifeBalanceSleepHoursTitle"] .work-life-balance-control-fields:is(*,._){grid-template-columns:minmax(0, 210px)}& .work-life-balance-controls:is(*,._){gap:12px;overflow:visible;border:0;box-shadow:none}& .work-life-balance-control:is(*,._){overflow:hidden;border:1px solid #365b73;border-radius:12px;background:#162f43;box-shadow:inset 0 1px 0 rgba(205, 237, 250, .055), 0 7px 18px rgba(2, 11, 22, .16)}& .work-life-balance-control[aria-labelledby="workLifeBalanceSleepHoursTitle"]{border-color:#465b7b;background:#202d47}& #workLifeBalanceWorkHoursTitle.work-life-balance-control-title{padding:8px 12px;border-color:#37677c;background:#214d66}& #workLifeBalanceSleepHoursTitle.work-life-balance-control-title{padding:8px 12px;border-color:#536688;background:#384667}& .work-life-balance-control-fields:is(*,._){row-gap:9px;padding:10px 12px 12px}& .work-life-balance-control-fields:is(*,._) label{gap:4px;color:#b8ceda;font-size:.82rem;font-weight:540}& .work-life-balance-control-fields:is(*,._) select{cursor:pointer}& label.work-life-balance-lunch-option:is(*,._){width:fit-content;max-width:100%;margin:0 auto;padding:8px 16px;border:1px solid #68727b;border-radius:10px;background:#343b43;color:#d5dadd;-webkit-text-fill-color:#d5dadd}}@media (max-width: 660px){html body.page-work-time.page-work-test:is(*,._) #workLifeBalanceCard:is(*,#_){& .work-life-balance-controls:is(*,._){width:min(100%, 430px);grid-template-columns:minmax(0, 1fr)}& .work-life-balance-control-fields:is(*,._),& .work-life-balance-control[aria-labelledby="workLifeBalanceSleepHoursTitle"] .work-life-balance-control-fields:is(*,._){grid-template-columns:minmax(0, 1fr)}& .work-life-balance-controls:is(*,._){gap:10px}& .work-life-balance-control-fields:is(*,._){padding:9px 11px 11px}& .work-life-balance-content:is(*,._){margin-top:16px}}}}@layer components-page{.page-work-test #workLifeBalanceCard{& :is(.work-life-balance-controls, .work-life-balance-period, .work-life-balance-statement-lines p){border-color:var(--ui-border, #324458);background:var(--ui-raised, #1e2d41);box-shadow:none}& .work-life-balance-statement-lines p.is-work{background:#37483d}& .work-life-balance-statement-lines p.is-sleep{background:#463647}& .work-life-balance-statement-lines p.is-free-before{background:#273f52}& .work-life-balance-statement-lines p.is-free-after{background:#223849}& .work-life-balance-statement-lines p.is-free:not(.is-free-before, .is-free-after){background:#294357}& .work-life-balance-statement-lines p.is-total-free{background:#2d4b5c}}.page-work-test main #workLifeBalanceCard{& .work-life-balance-period .work-life-balance-statement-lines p{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:stretch;gap:0;padding:0 12px;font-size:15px;line-height:1.3}& .work-life-balance-statement-label{align-self:center;min-width:0;padding:9px 10px 9px 0}& .work-life-balance-statement-value{min-width:0;padding:9px 0 9px 10px;border-left:1px solid var(--ui-border, #324458)}& .work-life-balance-statement-lines :is(.work-life-balance-statement-label, .work-life-balance-statement-value, strong){font-size:inherit}}.page-work-test #workLifeBalanceCard{& .work-life-balance-donut::after{border-color:var(--ui-border, #324458);background:var(--ui-surface, #172233)}& :is(.work-life-balance-center, .work-life-balance-stat, .work-life-balance-statement-lines, .work-life-balance-control-fields) :is(b, strong, span, p, label){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}& :is(.work-life-balance-head p, .work-life-balance-stat small, .work-life-balance-center span){color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor}}.page-work-test .work-circular-dial::before{border-color:var(--ui-border, #324458);background:var(--ui-surface, #172233);box-shadow:none}.page-work-test :is(.work-circular-ring-label, .work-circular-legend-item){border-color:var(--ui-border, #324458);background:var(--ui-raised, #1e2d41);box-shadow:none}.page-work-test :is(.work-circular-ring-label, .work-circular-legend-item).is-active{border-color:var(--ui-accent, #83c5f4);background:var(--ui-selection, #244664)}.page-work-test :is(.work-circular-dial-inner, .work-circular-ring-label, .work-circular-legend-item) > :is(b, strong, span){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}.page-work-test :is(.work-circular-dial-inner, .work-circular-ring-label, .work-circular-legend-item) > small{color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor}.page-work-test{--work-view-title-color: #9fcaf0;--work-view-rule-color: #689bc7;--wt-font: var(--ui-font, Inter, "Segoe UI", sans-serif);--wt-display-font: var(--wt-font);--wt-text-font: var(--wt-font);--wt-bg: var(--ui-bg, #0f1724);--wt-card: var(--ui-surface, #172233);--wt-card-raised: var(--ui-raised, #1e2d41);--wt-text: var(--ui-text, #e8eef6);--wt-text-strong: var(--wt-text);--wt-muted: var(--ui-muted, #a9b8c9);--wt-heading: var(--ui-heading, #b9d9f5);--wt-heading-strong: var(--wt-heading);--wt-line: var(--ui-border, #324458);background:var(--wt-bg)}.page-work-test main :is(h1, h2, h3, h4, p, span, b, strong, em, small, label, button, input, select, th, td){font-family:var(--wt-font);font-style:normal;text-shadow:none}.page-work-test main :is(h2, h3, .work-test-card-title-text):not(.api-credits-source__head h3){color:var(--wt-heading);-webkit-text-fill-color:currentColor;font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-.02em;text-align:center}.page-work-test main :is(.work-test-view-title, .work-test-view-title > b, h4){font-size:20px;font-weight:600;line-height:1.4}.page-work-test main #workLifeBalanceCard:is(*,#_){& :is(#workLifeBalanceWorkHoursTitle, #workLifeBalanceSleepHoursTitle).work-life-balance-control-title{font-size:16px;font-weight:650;line-height:1.3;letter-spacing:0}& #workLifeBalanceSpentTitle:is(*,#_){margin:0 0 16px;color:#cbd5d9;-webkit-text-fill-color:#cbd5d9;font-family:var(--wt-font);font-size:1.18rem;font-weight:600;line-height:1.3;letter-spacing:0;text-align:center}& .work-life-balance-period :is(#workLifeBalanceDayTitle, #workLifeBalanceWeekTitle, #workLifeBalanceMonthTitle, #workLifeBalanceYearTitle){color:#e9cc91;-webkit-text-fill-color:#e9cc91;font-size:15px;font-weight:650;line-height:1.3;letter-spacing:0;text-align:center;text-transform:none}}.page-work-test .work-test-day-heading-icon{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0 auto;filter:none;transform:none}.page-work-test main .work-test-view-title-icon{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--work-view-title-color, #9fcaf0);filter:none}.page-work-test main .work-view-icon-frame{fill:none;stroke:var(--ui-border, #324458);stroke-width:1.5}.page-work-test main :is(.work-view-icon-line, .work-view-icon-soft){stroke:var(--ui-accent, #83c5f4)}.page-work-test .work-test-view-section{margin-top:28px}.page-work-test main :is(.work-test-view-details-panel, .work-test-share-section, .work-test-overview-table-shell, .work-bank-card, .work-total-pair, .work-life-balance-spent, .work-life-balance-stat, .finance-entry-panel, .pay-compare-panel, .budget-expenditure-panel, .daily-earnings-pay-popover){border:var(--pay-calculator-border-width, 1px) solid var(--pay-calculator-border, var(--ui-border, #324458));border-radius:12px;background:var(--ui-raised, #1e2d41);box-shadow:none}.page-work-test main :is(.work-test-view-countdown, .work-test-view-summary-line, .work-test-card-subtitle){color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:var(--ui-muted, #a9b8c9);font-size:14px;line-height:1.5}.page-work-test main .work-circular-center-status{position:absolute;inset:50% auto auto 50%;transform:translate(-50%, -50%);z-index:3;pointer-events:none}.page-work-test main :is(.work-test-view-status-main, .work-test-view-status-detail, .work-test-view-status-weekday){display:block;width:100%;color:var(--ui-text, #e8eef6);-webkit-text-fill-color:var(--ui-text, #e8eef6);font:600 18px/1.35 var(--wt-font);letter-spacing:0;white-space:normal;text-align:center;text-shadow:none}.page-work-test main .work-test-view-status-detail{color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:var(--ui-muted, #a9b8c9);font-size:14px;font-weight:400}.page-work-test main .work-test-view-status-weekday{margin-top:12px;font-size:20px;font-weight:500}@media (max-width: 700px){.page-work-test main .work-test-view-status-main{font-size:16px}.page-work-test main .work-test-view-status-detail{font-size:13px}.page-work-test main .work-test-view-status-weekday{margin-top:10px;font-size:17px}}.page-work-test main :is(button, select, input:not([type="checkbox"]):not([type="radio"]):not([type="range"])){min-height:44px;box-sizing:border-box}.page-work-test main :is(select, option, optgroup, 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-work-test main input::placeholder{color:var(--ui-muted, #a9b8c9)}.page-work-test main button{border-color:var(--ui-button-border, #75b5e4);background:var(--ui-button-bg, #243d58);color:var(--ui-text, #e8eef6);-webkit-text-fill-color:var(--ui-text, #e8eef6);box-shadow:none}.page-work-test main button:hover:not(:disabled){background:var(--ui-button-hover, #2e4d6d)}.page-work-test main :is(button, input, select):focus-visible{outline:2px solid var(--ui-accent, #83c5f4);outline-offset:3px}@media (max-width: 600px){.page-work-test main :is(.work-test-view-title, .work-test-view-title > b, h4){font-size:20px}.page-work-test main .work-test-view-details-panel{padding:16px 12px}}.page-work-test #workSettingsPopover{order:2;box-sizing:border-box;position:static;inset:auto;display:grid;gap:8px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;transform:none}.page-work-test #workSettingsPopover{& .work-info-table,& .work-info-table tbody{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px;width:100%;min-width:0;max-width:100%;height:auto;margin:0;padding:0;border:0;background:transparent}& .work-info-table tr{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start;gap:16px;width:100%;min-width:0;height:auto;margin:0;padding:0}& .work-info-table td{display:block;grid-column:auto;grid-row:auto;min-width:0;width:100%;height:auto;padding:0;border:0;background:transparent}& .work-info-table .work-schedule-to{display:none}& .work-info-table label{position:static;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;min-width:0;width:100%;height:auto;margin:0;padding:0;transform:none}& .work-info-table label > span{position:static;inset:auto;display:block;width:100%;min-width:0;height:auto;margin:0;padding:0;color:var(--work-schedule-label, #7dd7ff);-webkit-text-fill-color:var(--work-schedule-label, #7dd7ff);font:500 13px/1.4 var(--ui-font, Inter, sans-serif);white-space:nowrap;text-align:center;transform:none}& .work-info-table select{box-sizing:border-box;position:static;width:100%;min-width:0;max-width:100%;height:34px;min-height:34px;margin:0;padding:4px 10px;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);font:500 14px/1.3 var(--ui-font, Inter, sans-serif);color-scheme:inherit;transform:none}}@media (max-width: 340px){.page-work-test #workSettingsPopover .work-info-table{& tr{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}& label > span{font-size:11px}& select{font-size:13px;padding-inline:6px}}}.page-work-test #payCalculator{--pay-calculator-border: color-mix(in srgb, var(--ui-border, #324458) 55%, var(--ui-heading, #b8d9f4) 45%);--pay-calculator-border-width: 1px}.page-work-test main #payCalculator{border-color:var(--ui-border, #324458)}.page-work-test #payCalculator{& :is(.pay-input-shell, .pay-entry-rate, .pay-weekly-primary, .pay-hours-primary, .pay-schedule-alternative, .pay-daily-week-panel, .finance-adjustments, .pay-tax-line){border-color:var(--pay-calculator-border);background:var(--ui-raised, #1e2d41);box-shadow:none}& :is(label, p, small, .pay-input-intro, .pay-hours-times, .pay-week-range-arrow, .pay-daily-week-heading){color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor}& :is(h4, label > span, label > b, .pay-daily-week-heading > b){color:var(--ui-heading, #b8d9f4);-webkit-text-fill-color:currentColor}}.page-work-test #expenseCalculator{& :is(.budget-step, .budget-step-guide, .budget-income-controls, .budget-plan, .budget-breakdown-card, .budget-summary-panel, .expense-group, .expense-row, .finance-metric, .finance-output-list){border-color:var(--ui-border, #324458);background:var(--ui-raised, #1e2d41);box-shadow:none}& :is(.budget-step-header, .budget-plan-heading, .budget-step-guide > span, .budget-step-number){border-color:var(--ui-border, #324458);background:var(--ui-selection, #244664);color:var(--ui-heading, #b8d9f4);-webkit-text-fill-color:currentColor}& :is(label, p, small, .budget-plan-kicker, .finance-empty-note){color:var(--ui-muted, #a9b8c9);-webkit-text-fill-color:currentColor}& :is(label > span, label > b, h4, .finance-metric > span, .finance-metric > strong, .budget-summary-title){color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}& .budget-rank-table :is(th, td){border-color:var(--ui-border, #324458);background:var(--ui-surface, #172233);color:var(--ui-text, #e8eef6);-webkit-text-fill-color:currentColor}& .budget-rank-table th{background:var(--ui-raised, #1e2d41)}}html body.page-work-time.page-work-test:is(*,._) #workLifeBalanceCard:is(*,#_){& .work-life-balance-controls:is(*,._){background:transparent}& .work-life-balance-control-fields:is(*,._) select{box-sizing:border-box;width:100%;height:38px;min-height:38px;max-height:38px;padding:5px 10px;border:1px solid #5488a5;border-radius:7px;-webkit-appearance:menulist;appearance:auto;color-scheme:dark;background-color:#244963;background-image:none;color:#f0f7fb;-webkit-text-fill-color:#f0f7fb;box-shadow:inset 0 1px 0 rgba(225,245,255,.07),0 2px 5px rgba(2,12,23,.18);font-size:.9rem;font-weight:580;line-height:1.2;cursor:pointer}& .work-life-balance-control-fields:is(*,._) select:hover{border-color:#76b7d2;background-color:#294f69;background-image:none;color:#fff;-webkit-text-fill-color:#fff}& .work-life-balance-control-fields:is(*,._) select:focus-visible{outline:2px solid rgba(131,211,235,.72);outline-offset:2px;border-color:#91cde2;background-image:none}}}html body.page-work-time.page-work-test #workLifeBalanceCard{& .work-life-balance-boundary-label > b{min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:0 1px 4px rgba(0, 0, 0, .85)}& .work-life-balance-ring-label:is(.is-work, .is-free, .is-sleep){padding:6px 10px;border:1px solid;border-radius:9px;box-shadow:0 4px 10px rgba(0, 0, 0, .3)}& .work-life-balance-ring-label.is-work{border-color:#568cab;background:#1d4055}& .work-life-balance-ring-label.is-free{border-color:#61a99e;background:#1c4542}& .work-life-balance-ring-label.is-sleep{border-color:#9299bf;background:#343954}}@layer components-layout{.page-calendars #calendarPageHero{margin-bottom:-14px}@media (max-width: 760px){.page-weather #phaseCard{top:0}.page-phases main.shell,.page-phases #phaseSummaryDashboard,.page-phases #phaseSummaryDashboard > :is( .phase-summary-head, .phase-summary-grid, .phase-summary-circle-row, .phase-overview-location ){animation:none;transform:none;transition:none}.page-phases #phaseSummaryDashboard{top:0;margin-top:0}.page-phases #phaseSummaryDashboard > :is( .phase-summary-head, .phase-summary-grid, .phase-summary-circle-row, .phase-overview-location ){opacity:1;visibility:visible}}}html body.page-work-time.page-work-test:is([data-work-startup-phase="mounting"], [data-work-startup-phase="top"], [data-work-startup-phase="sliders"]) #workTestHolidaysSection,html body.page-work-time.page-work-test:is([data-work-startup-phase="mounting"], [data-work-startup-phase="top"], [data-work-startup-phase="sliders"]) #workFinanceTools{display:none!important}html body.page-work-time.page-work-test #workDashboard #expenseCalculator #expenseCalculatorOutput{& .budget-plan-heading{padding:0;border:0;background:transparent;box-shadow:none}& .budget-plan-heading h4{margin:0;color:#a9eaff;-webkit-text-fill-color:#a9eaff;font-size:clamp(1.45rem, 2.4vw, 1.85rem)}& .budget-summary-panel{display:block;border-radius:12px}& .budget-table-scroll{width:100%;max-width:100%;overflow-x:auto}& .budget-totals-table{width:100%;border-collapse:collapse;color:#e7f1f8;font-variant-numeric:tabular-nums}& .budget-totals-table :is(th,td){border-bottom:1px solid rgba(128, 178, 204, .2)}& .budget-totals-table thead th{background:#203c52;-webkit-text-fill-color:#b7e8f6;font-size:.78rem;text-align:right}& .budget-totals-table :is(thead th:first-child,tbody th){text-align:left}& .budget-totals-table tbody th{font-weight:600}& .budget-totals-table tbody td{text-align:right;white-space:nowrap}& .budget-totals-table tbody tr[data-budget-tone="total"]{background:rgba(36, 84, 109, .35);font-weight:700}& .budget-totals-table tbody tr[data-budget-tone="balance"]{background:rgba(30, 99, 116, .38);color:#d4f6ff;font-weight:800}& .budget-rank-table{margin:0;font-variant-numeric:tabular-nums}& .budget-rank-table :is(th:first-child,td:first-child){text-align:left}& .budget-rank-table :is(th:not(:first-child),td:not(:first-child)){text-align:right;white-space:nowrap}& .budget-rank-table tbody th{font-size:.78rem;font-weight:600;letter-spacing:normal;text-transform:none}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){& .budget-flow:is(*,._){width:min(100%, 780px);gap:12px}& .budget-step-stack:is(*,._){gap:12px;border:0;background:transparent;box-shadow:none}& .budget-step:is(*,._){border-width:1px;border-style:solid;border-radius:11px;background:#142b3b;box-shadow:none}& .budget-step-income:is(*,._){border-color:#42647b;background:#162f43}& .budget-step-expenditures:is(*,._){border-color:#3e626b;background:#172d37}& .budget-step-assets:is(*,._){border-color:#4b5f7a;background:#1c2d3e}& .budget-step-calculate:is(*,._){border-color:#46666b;background:#1b3039}& .budget-step-header:is(*,._),& :is(.budget-step-income,.budget-step-expenditures,.budget-step-assets,.budget-step-calculate) .budget-step-header{display:flex;align-items:center;gap:9px;min-height:44px;padding:12px 16px;border:0;border-bottom:1px solid rgba(173, 206, 221, .14);background:transparent;box-shadow:none}& .budget-step-number:is(*,._),& :is(.budget-step-income,.budget-step-expenditures,.budget-step-assets,.budget-step-calculate) .budget-step-number{display:inline;width:auto;height:auto;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#92cadc;-webkit-text-fill-color:#92cadc;font-size:1rem;font-weight:750}& .budget-step-number::after{content:"."}& .budget-step-header h4{margin:0;color:#e3f1f7;-webkit-text-fill-color:#e3f1f7;font-size:1.04rem;font-weight:700;line-height:1.25}& .budget-step-header h4 small{color:#9ab6c6;-webkit-text-fill-color:#9ab6c6;font-size:.78rem;font-weight:500}& .budget-expenditure-panel:is(*,._){padding:0;border:0;background:transparent;box-shadow:none}& .budget-income-fields:is(*,._){padding:14px 16px 16px}& .budget-income-fields > label{width:min(100%, 600px);border:0;border-radius:0;background:transparent;box-shadow:none}& .budget-income-fields > label > span:first-child{color:#c4d9e5;-webkit-text-fill-color:#c4d9e5;font-size:.88rem;font-weight:600}& .budget-icon-wrapper:is(*,._){padding:13px 16px 16px}& .expense-group-toggle:is(*,._),& :is(.expense-groups-spread,.asset-groups-spread) .expense-group-toggle{border:1px solid rgba(151, 192, 211, .28);background:rgba(7, 22, 34, .45);box-shadow:none;color:#d1e5ed;-webkit-text-fill-color:#d1e5ed;font-weight:600}& .expense-group-toggle:hover{background:rgba(53, 82, 102, .6);border-color:rgba(164, 210, 226, .5)}& .expense-group-body:is(*,._){border:0;background:transparent;box-shadow:none}& .expense-row:is(*,._){border:0;border-bottom:1px solid rgba(151, 192, 211, .18);border-radius:0;background:transparent;box-shadow:none}& .budget-step-calculate .budget-action-row:is(*,._){padding:15px;margin:0}& .budget-action-row #calculateBudgetButton:is(*,#_){min-height:42px;border:1px solid #5a91a3;border-radius:8px;background:#28536b;box-shadow:none;-webkit-text-fill-color:#eefaff}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #expenseCalculatorOutput:is(*,#_){width:min(100%, 780px);max-width:780px}& #expenseCalculatorOutput:is(*,#_) .budget-plan:is(*,._){gap:14px;padding:18px;border-radius:11px;background:#132b3b;box-shadow:none}& #expenseCalculatorOutput:is(*,#_) .budget-breakdown-grid:is(*,._){display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;padding:0;border:0;background:transparent;box-shadow:none}& #expenseCalculatorOutput:is(*,#_) .budget-breakdown-grid > .budget-breakdown-card{border:1px solid #3d596c;border-radius:9px;background:#182f40;box-shadow:none}& #expenseCalculatorOutput:is(*,#_) .budget-breakdown-grid > .budget-breakdown-card h5{min-height:0;margin:0;padding:11px 14px;border-bottom:1px solid rgba(151, 192, 211, .22);background:transparent;color:#cfe7f0;-webkit-text-fill-color:#cfe7f0}}@media (max-width: 640px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #budgetCalculatorBody:is(*,#_) .budget-step-header:is(*,._){padding:11px 13px}& #budgetCalculatorBody:is(*,#_) :is(.budget-income-fields,.budget-icon-wrapper):is(*,._){padding:12px 13px 14px}& #expenseCalculatorOutput:is(*,#_) .budget-plan:is(*,._){padding:14px}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_){& #expenseCalculator:is(*,#_):has(#budgetCalculatorBody:not([hidden])){padding-top:20px}& #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){padding-top:14px}& #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_) > .finance-compact-title::before{margin:-3px auto 4px}}@media (max-width: 600px){html body.page-work-time.page-work-test #workDashboard:is(*,#_){& #expenseCalculator:is(*,#_):has(#budgetCalculatorBody:not([hidden])){padding-top:18px}& #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){padding-top:10px}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){& :is(.expense-groups-spread,.asset-groups-spread){grid-template-columns:minmax(0, 1fr);gap:8px}& .expense-group:is(*,._){grid-column:auto;justify-self:start;width:min(100%, 290px);border:1px solid rgba(139, 178, 199, .4);border-radius:8px;background:#18394b;overflow:hidden}& .expense-group:is(*,._):has(> .expense-group-toggle[aria-expanded="true"]){grid-column:auto;width:100%;border-color:rgba(133, 191, 215, .52);background:rgba(8, 28, 43, .64)}& .expense-group-toggle:is(*,._),& :is(.expense-groups-spread,.asset-groups-spread) .expense-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:none;min-height:38px;margin:0;padding:7px 12px;border:0;border-radius:0;background:transparent;font-size:.86rem;text-align:left;cursor:pointer}& .expense-group-toggle::after{content:"+";display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(157, 211, 233, .5);border-radius:5px;color:#b8e9fb;-webkit-text-fill-color:#b8e9fb;font-size:1.15rem;font-weight:500;line-height:1}& .expense-group-toggle[aria-expanded="true"]{width:min(100%, 290px);background:rgba(33, 75, 96, .42)}& .expense-group-toggle[aria-expanded="true"]::after{content:"−"}& .expense-group-toggle:focus-visible{outline:2px solid #91ddf4;outline-offset:-3px}& .expense-group-body:is(*,._),& .expense-group:has(> .expense-group-toggle[aria-expanded="true"]) > .expense-group-body:is(*,._){grid-template-columns:minmax(0, 1fr);gap:0;margin:0;padding:2px 11px 5px;border:0;border-radius:0;background:transparent}& .expense-row:is(*,._){min-height:38px;padding:4px 2px;gap:7px}& .expense-row :is(input,select){height:32px;min-height:32px;padding:4px 7px;font-size:.8rem}& .expense-row:last-child{border-bottom:0}& .budget-income-fields > label{padding:3px 0}& .budget-income-money-wrap:is(*,._),& :is(#expenseSalary,#expenseSalaryPeriod):is(*,#_){height:36px;min-height:36px}}html body.page-work-time.page-work-test #workDashboard #expenseCalculator #expenseCalculatorOutput{& .budget-summary-panel{padding:0;overflow:hidden;border:1px solid rgba(110, 166, 191, .28);background:#102638}& .budget-totals-table{min-width:0;table-layout:fixed}& .budget-totals-table :is(th,td){padding:8px 10px;font-size:.83rem;line-height:1.25}& .budget-totals-table thead th{background:#24465b;color:#d4edf8;-webkit-text-fill-color:#d4edf8}& .budget-totals-table :is(th:first-child,td:first-child){width:42%;white-space:normal}& .budget-totals-table tbody tr:nth-child(even){background:rgba(80, 130, 159, .08)}& .budget-breakdown-grid > .budget-breakdown-card{min-height:0;padding-bottom:5px;overflow:hidden}& .budget-breakdown-grid > .budget-breakdown-card h5{background:#244357}& .budget-rank-table{width:100%;min-width:0;table-layout:fixed}& .budget-rank-table :is(th,td){padding:7px 9px;font-size:.79rem;line-height:1.25}& .budget-rank-table thead th{background:rgba(34, 69, 88, .72);color:#c7e7f4;-webkit-text-fill-color:#c7e7f4}& .budget-rank-table :is(th:first-child,td:first-child){width:44%;white-space:normal}}@media (max-width: 600px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){& .expense-row:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr))}& .income-assets-group .expense-row:is(*,._){grid-template-columns:repeat(3, minmax(0, 1fr))}& .expense-row > span:first-child{grid-column:1 / -1}}html body.page-work-time.page-work-test #workDashboard #expenseCalculator #expenseCalculatorOutput .budget-totals-table :is(th,td),html body.page-work-time.page-work-test #workDashboard #expenseCalculator #expenseCalculatorOutput .budget-rank-table :is(th,td){padding:7px 5px;font-size:.74rem}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_){& #expenseCalculatorOutput:is(*,#_) .budget-plan:is(*,._){border:1px solid rgba(91,145,174,.34);background:linear-gradient(150deg,#0d2436,#091827);box-shadow:none}& #budgetCalculatorBody:is(*,#_) .budget-action-row #calculateBudgetButton:is(*,#_){border:1px solid rgba(105,164,193,.62);background:linear-gradient(180deg,#1b3b52,#10283a);color:#e5f2f8;-webkit-text-fill-color:#e5f2f8;box-shadow:none}& #budgetCalculatorBody:is(*,#_) .budget-action-row #calculateBudgetButton:is(*,#_):is(:hover,:focus-visible){border-color:#82b7ce;background:linear-gradient(180deg,#244a63,#153348);color:#f1f8fb;-webkit-text-fill-color:#f1f8fb}& #budgetCalculatorBody:is(*,#_) .expense-group-body:is(*,._){justify-items:start}& #budgetCalculatorBody:is(*,#_) .expense-row:is(*,._){grid-template-columns:minmax(210px, 330px) 92px 118px;justify-content:start;width:min(100%, 570px);margin:0}& #budgetCalculatorBody:is(*,#_) .income-assets-group .expense-row:is(*,._){grid-template-columns:minmax(210px, 330px) 92px 118px;width:min(100%, 570px)}}@media (max-width: 700px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){& .expense-row:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr));gap:4px 7px;width:100%}& .income-assets-group .expense-row:is(*,._){grid-template-columns:repeat(2, minmax(0, 1fr));width:100%}& .expense-row > span:first-child{grid-column:1 / -1;width:100%;white-space:normal;text-align:left}}}html body.page-work-time.page-work-test #workDashboard{& #payCompareCard.finance-card{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:10px auto 0;padding:24px clamp(14px,3vw,28px);border:1px solid rgba(117,178,223,.34);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 36px rgba(0,5,18,.25)}& #payCompareCard #payComparePanel.pay-compare-panel{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px;width:min(100%,940px);max-width:100%;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}& #payCompareCard #payComparePanel > .pay-compare-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto}& #payCompareCard .pay-compare-swap-icon{display:block;width:58px;height:58px;overflow:visible}& #payCompareCard .pay-compare-swap-icon-bg{fill:#102e48;stroke:#79b6dc;stroke-width:2}& #payCompareCard .pay-compare-swap-arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}& #payCompareCard .pay-compare-swap-arrow-top{stroke:#b3ddf5}& #payCompareCard .pay-compare-swap-arrow-bottom{stroke:#70b5e2}& #payCompareCard #payCompareTitle{margin:0;color:#b7e6ff;-webkit-text-fill-color:#b7e6ff;font-size:clamp(22px,2.5vw,28px);font-weight:600;line-height:1.2;text-align:center}& #payCompareCard .pay-compare-description{width:min(100%,720px);margin:0 auto 8px;color:#b7ccdc;font-size:14px;line-height:1.45;text-align:center}& #payCompareCard .pay-compare-input-shell{box-sizing:border-box;display:grid;gap:12px;width:min(100%,720px);margin:0 auto;padding:16px;border:1px solid rgba(99,173,221,.35);border-radius:12px;background:#102941}& #payCompareCard .pay-compare-input-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(160px,.85fr);gap:12px;width:100%}& #payCompareCard .pay-compare-input-row > label{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:8px;min-width:0;width:100%;margin:0;padding:12px;border:1px solid rgba(103,182,233,.4);border-radius:10px;background:#173957;text-align:center;transform:none}& #payCompareCard .pay-compare-input-row > label > span:first-child{width:100%;color:#d0eaff;-webkit-text-fill-color:#d0eaff;font-size:14px;font-weight:600;text-align:center}& #payCompareCard .pay-compare-rate-controls{display:grid;grid-template-columns:136px 128px;align-items:center;justify-content:center;gap:8px;max-width:100%}& #payCompareCard :is(.pay-compare-money-wrap,.pay-compare-percent-wrap){position:relative;display:block;box-sizing:border-box;height:42px;margin:0}& #payCompareCard .pay-compare-money-wrap{width:136px;min-width:0;max-width:136px}& #payCompareCard .pay-compare-percent-wrap{width:92px;min-width:0;max-width:92px}& #payCompareCard .pay-compare-input-shell :is(input,select){box-sizing:border-box;height:42px;min-height:42px;border:1px solid rgba(113,184,227,.45);border-radius:8px;background:#081d32;color:#eef7ff;-webkit-text-fill-color:#eef7ff;font-size:15px;box-shadow:none}& #payCompareCard .pay-compare-money-wrap > input,& #payCompareCard .pay-compare-percent-wrap > input{width:100%;min-width:0;max-width:none}& #payCompareCard .pay-compare-money-wrap > input{padding-left:24px}& #payCompareCard .pay-compare-percent-wrap > input{padding-right:27px}& #payCompareCard .pay-compare-rate-controls > select{width:128px;min-width:0;max-width:128px;padding-inline:8px 26px}& #payCompareCard :is(.pay-compare-currency,.pay-compare-percent-wrap > em){position:absolute;top:50%;z-index:2;margin:0;color:#8dcaff;-webkit-text-fill-color:#8dcaff;font-style:normal;line-height:1;transform:translateY(-50%);pointer-events:none}& #payCompareCard .pay-compare-currency{left:9px}& #payCompareCard .pay-compare-percent-wrap > em{right:10px}& #payCompareCard #runPayCompareButton{box-sizing:border-box;min-width:160px;min-height:42px;margin:8px auto 0;padding:8px 22px;border:1px solid #76b8e1;border-radius:9px;background:#215b8a;color:#edf7ff;-webkit-text-fill-color:#edf7ff;font-size:15px}& #payCompareCard #payCompareOutput{width:min(100%,940px);margin:16px auto 0;font-family:var(--wt-font,Inter,system-ui,sans-serif)}& #payCompareCard #payCompareOutput:empty{display:none}& #payCompareCard #payCompareOutput .pay-compare-results{box-sizing:border-box;width:100%;margin:0 auto;padding:16px;border:1px solid rgba(119,201,240,.38);border-radius:12px;background:#102941}& #payCompareCard #payCompareOutput .pay-compare-bubble-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}}@media (max-width:720px){html body.page-work-time.page-work-test #workDashboard #payCompareCard .pay-compare-input-row,html body.page-work-time.page-work-test #workDashboard #payCompareCard #payCompareOutput .pay-compare-bubble-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:430px){html body.page-work-time.page-work-test #workDashboard #payCompareCard{& .pay-compare-input-shell{padding:10px}& .pay-compare-rate-controls{grid-template-columns:126px 112px;gap:6px}& .pay-compare-money-wrap{width:126px;max-width:126px}& .pay-compare-rate-controls > select{width:112px;max-width:112px}}}@media (max-width:660px){html body.page-work-time.page-work-test main #workDashboard #workLifeBalanceCard .work-life-balance-control-fields{& label{display:grid;grid-template-columns:130px 210px;justify-content:center;align-items:center;gap:8px}& label > span{min-width:0;text-align:left;white-space:nowrap}& label > select{width:210px;min-width:210px;max-width:210px;justify-self:end}& label > span:first-child{font-size:.78rem}}}@media (max-width:380px){html body.page-work-time.page-work-test main #workDashboard #workLifeBalanceCard .work-life-balance-control-fields{& label{grid-template-columns:minmax(0,1fr);gap:5px}& label > span{text-align:left}& label > select{width:100%;min-width:0;max-width:none}}}html body.page-work-time.page-work-test main #workDashboard #workLifeBalanceCard .work-life-balance-control[aria-labelledby="workLifeBalanceSleepHoursTitle"] .work-life-balance-control-fields{& select{border-color:#75688d;background-color:#332940;background-image:none}& select:hover{border-color:#9180aa;background-color:#3b304b;background-image:none}& select :is(option,optgroup){background:#261f32}}@supports (appearance: base-select){html body.page-work-time.page-work-test main #workDashboard #workLifeBalanceCard .work-life-balance-control-fields{& select,& select::picker(select){appearance:base-select}& select{align-items:center}& select::picker(select){max-height:188px;overflow-y:auto;overscroll-behavior:contain}}}@media (max-width:760px){html body.page-work-time.page-work-test main #workDashboard input[type="checkbox"]{accent-color:#18374c}}html body.page-work-time.page-work-test main.shell > .placeholder-ad-slot.placeholder-ad-slot-bottom{margin-top:-14px}html body.page-work-time.page-work-test main.shell #workDashboard #payCalculator:is(*,#_){--ui-surface:#0e1c2b;--ui-raised:#172a3d;--pay-calculator-border:#45647d;border-color:#45647d;background:linear-gradient(145deg,#13283a,#0c1c2c 58%,#091725)}html body.page-work-time.page-work-test main.shell #workLifeBalanceCard{& :is(.work-life-balance-spent,.work-life-balance-period){background:#193649}& .work-life-balance-period{border-color:#5c8494}& .work-life-balance-period h4,& .work-life-balance-period :is(#workLifeBalanceDayTitle,#workLifeBalanceWeekTitle,#workLifeBalanceMonthTitle,#workLifeBalanceYearTitle){background:#263d50;border-bottom-color:rgba(185,221,235,.28);color:#b9ddeb;-webkit-text-fill-color:#b9ddeb}& .work-life-balance-statement-lines p.is-work{background:#365447}& .work-life-balance-statement-lines p.is-sleep{background:#493b56}& .work-life-balance-statement-lines p.is-free{background:#28516a}& .work-life-balance-statement-lines p.is-total-free{background:#306077}& .work-life-balance-statement-lines p{border-bottom-color:rgba(185,221,235,.18)}& .work-life-balance-statement-value{border-left-color:rgba(185,221,235,.24)}}html body.page-work-time.page-work-test main.shell #workDashboard{& select.work-compact-time-native{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}& button.work-compact-time-trigger{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:4px 25px!important;border:1px solid #5488a5!important;border-radius:7px!important;background:#244963!important;color:#f0f7fb!important;-webkit-text-fill-color:#f0f7fb!important;box-shadow:inset 0 1px 0 rgba(225,245,255,.07),0 2px 5px rgba(2,12,23,.18)!important;font:500 14px/1.2 Inter,"Segoe UI",system-ui,sans-serif!important;text-align:center!important;white-space:nowrap!important;cursor:pointer!important}& button.work-compact-time-trigger[data-tone="schedule"]{width:min(100%,148px)!important;max-width:148px!important;height:34px!important;min-height:34px!important;margin-inline:auto!important;padding:4px 20px 4px 8px!important;border-color:#527c94!important;border-radius:10px!important;background:#193b53!important}& button.work-compact-time-trigger[data-tone="sleep"]{border-color:#75688d!important;background:#332940!important}& :is(button.work-compact-time-trigger:hover,button.work-compact-time-trigger[aria-expanded="true"]){border-color:#80b8d0!important;background:#2b5670!important}& :is(button.work-compact-time-trigger[data-tone="sleep"]:hover,button.work-compact-time-trigger[data-tone="sleep"][aria-expanded="true"]){border-color:#a18bb7!important;background:#3b304b!important}& button.work-compact-time-trigger:focus-visible{outline:2px solid #9bd5eb!important;outline-offset:2px!important}& button.work-compact-time-trigger::after{content:"";position:absolute;right:11px;top:calc(50% - 3px);width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}& .work-compact-time-value{display:block;overflow:hidden;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:inherit;-webkit-text-fill-color:inherit}}html body.page-work-time.page-work-test > .work-compact-time-menu{position:fixed;contain:layout style;z-index:100000;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid #6c9bb2;border-radius:9px;background:#102b3e;box-shadow:0 12px 26px rgba(0,8,18,.4);scrollbar-width:thin;scrollbar-color:#729fba #102b3e}html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="sleep"]{border-color:#89769f;background:#241f32;scrollbar-color:#9886ad #241f32}html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option{box-sizing:border-box;min-height:34px;padding:8px 12px;border-bottom:1px solid rgba(176,212,228,.12);color:#edf6fb;font:500 14px/18px Inter,"Segoe UI",system-ui,sans-serif;text-align:center;white-space:nowrap;cursor:pointer}html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option:last-child{border-bottom:0}html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option:hover,html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option.is-keyboard-current{background:#244d67}html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option.is-selected{color:#ffffff;background:#315e79}html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="sleep"] .work-compact-time-option:hover,html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="sleep"] .work-compact-time-option.is-keyboard-current{background:#453656}html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="sleep"] .work-compact-time-option.is-selected{background:#594766}html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option:focus-visible{outline:2px solid #a8d9ed;outline-offset:-3px}html body.page-work-time.page-work-test > .work-compact-time-menu .work-compact-time-option[aria-disabled="true"]{opacity:.45;cursor:not-allowed}html body.page-work-time.page-work-test main.shell #workDashboard{& button.work-compact-time-trigger[data-tone="schedule"]{border-color:#68a9c3!important;background:#245570!important;color:#f3fbff!important;-webkit-text-fill-color:#f3fbff!important}& button.work-compact-time-trigger[data-tone="schedule"]:is(:hover,[aria-expanded="true"]){border-color:#8bd8e9!important;background:#2e6e87!important}}html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="schedule"]{border-color:#68a9c3;background:#102f42;scrollbar-color:#77aec4 #102f42}html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="schedule"] .work-compact-time-option:is(:hover,.is-keyboard-current){background:#2e6e87}html body.page-work-time.page-work-test > .work-compact-time-menu[data-tone="schedule"] .work-compact-time-option.is-selected{background:#286b86}html body.page-work-time.page-work-test #workDashboard .work-test-view-summary-line.is-share-summary{display:block;color:#b9d9e5;-webkit-text-fill-color:#b9d9e5;font-size:.86rem;line-height:1.4}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #expenseCalculator:is(*,#_) #budgetCalculatorBody:is(*,#_){& .budget-step-income:is(*,._){background:linear-gradient(145deg,#1b3b53,#18344a)}& .budget-step-expenditures:is(*,._){background:linear-gradient(145deg,#1c3946,#19333f)}& .budget-step-assets:is(*,._){background:linear-gradient(145deg,#22394b,#1c3041)}& .budget-step-calculate:is(*,._){background:linear-gradient(145deg,#203d45,#1b343c)}& .expense-group:is(*,._){background:#1d4053}& .expense-group:is(*,._):has(> .expense-group-toggle[aria-expanded="true"]){background:#1d3c50}& .expense-group-body:is(*,._){background:rgba(31,66,86,.26)}}html body.page-work-time.page-work-test #workDashboard{& #freeTimeCalculator{display:grid;gap:20px;width:min(100%,1480px);max-width:1480px;margin:10px auto 0;padding:clamp(18px,2.6vw,30px);border:1px solid rgba(90,184,164,.58);border-radius:16px;background:radial-gradient(circle at 8% 0%,rgba(60,151,128,.24),transparent 38%),linear-gradient(150deg,#123b3c,#0d2b35 65%,#091c2a);box-shadow:inset 0 1px 0 rgba(182,240,239,.08),0 18px 36px rgba(0,5,18,.3);color:#e8f4fb}& #freeTimeCalculator{margin-bottom:24px}& #freeTimeCalculator .free-time-header{display:flex;align-items:center;justify-content:center}& #freeTimeCalculator .free-time-header{flex-direction:column;gap:8px;text-align:center}& #freeTimeCalculator .free-time-header > div{display:grid;justify-items:center;gap:4px}& #freeTimeCalculator .free-time-header-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #55a6b8;border-radius:14px;background:#11344a;font-size:32px;line-height:1}& #freeTimeCalculator h2{margin:0;color:#c5e6f4;font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:600;line-height:1.2}& #freeTimeCalculator h3{margin:0;color:#b9e2ed;font-size:1.08rem;font-weight:600}& #freeTimeCalculator .free-time-header p,& #freeTimeCalculator .free-time-section-note{margin:5px 0 0;color:#a9c1d1;font-size:.87rem;line-height:1.45}& #freeTimeCalculator :is(.free-time-allocation,.free-time-activities,.free-time-results){min-width:0;padding:17px;border:1px solid rgba(87,141,168,.26);border-radius:12px;background:rgba(9,31,47,.72)}& #freeTimeCalculator .free-time-activities{border-color:#42668f;background:linear-gradient(145deg,#102746,#0b1c32)}& #freeTimeCalculator .free-time-availability{min-width:0}& #freeTimeCalculator .free-time-availability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}& #freeTimeCalculator .free-time-window{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px 10px;min-width:0;margin:0;padding:13px;border:1px solid rgba(80,149,170,.34);border-radius:10px;background:linear-gradient(145deg,rgba(19,54,73,.86),rgba(13,39,56,.88))}& #freeTimeCalculator .free-time-window legend{grid-column:1/-1;padding:0 5px;color:#a9d9e5;font-size:.9rem;font-weight:650}& #freeTimeCalculator .free-time-window[data-window="work-days"]{grid-column:1/-1;display:block;border-color:rgba(83,151,205,.52);background:linear-gradient(145deg,rgba(18,47,72,.92),rgba(12,34,54,.94))}& #freeTimeCalculator .free-time-window[data-window="work-days"] > legend{color:#9ccdf5}& #freeTimeCalculator .free-time-workday-windows{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}& #freeTimeCalculator :is(.free-time-window[data-window="before"],.free-time-window[data-window="after"]){border-color:rgba(83,151,205,.52);background:linear-gradient(145deg,rgba(22,58,88,.9),rgba(13,39,63,.92))}& #freeTimeCalculator .free-time-window[data-window="before"] legend,& #freeTimeCalculator .free-time-window[data-window="after"] legend{color:#9ccdf5}& #freeTimeCalculator .free-time-window[data-window="days-off"]{grid-column:1/-1;width:min(100%,620px);justify-self:center;border-color:rgba(82,157,112,.58);background:linear-gradient(145deg,rgba(24,68,53,.9),rgba(13,45,39,.92))}& #freeTimeCalculator .free-time-window[data-window="days-off"] legend{color:#9bd4ad}& #freeTimeCalculator .free-time-window label{display:grid;gap:5px;min-width:0;color:#c5d8e3;font-size:.78rem;text-align:left}& #freeTimeCalculator .free-time-window input,& #freeTimeCalculator .free-time-entry-row :is(input,select){width:100%;min-width:0;min-height:38px;padding:7px 9px;border:1px solid #4f829a;border-radius:7px;background:#102b40;color:#f0f8fc;font:inherit}& #freeTimeCalculator .free-time-duration-control{display:grid;grid-template-columns:minmax(0,1fr) 94px;min-width:0}& #freeTimeCalculator .free-time-duration-control select{padding-left:7px;padding-right:7px;font-size:.78rem}& #freeTimeCalculator .free-time-window input:focus-visible,& #freeTimeCalculator .free-time-entry-row :is(input,select):focus-visible{outline:2px solid #80d6e0;outline-offset:2px}& #freeTimeCalculator .free-time-window small{grid-column:1/-1;color:#89a9bc;font-size:.73rem}& #freeTimeCalculator .free-time-dayoff-hours{grid-column:1/-1}& #freeTimeCalculator .free-time-hours-control{display:flex;align-items:center;gap:8px;max-width:250px}& #freeTimeCalculator .free-time-hours-control em{color:#a9c1d1;font-size:.8rem;font-style:normal}& #freeTimeCalculator .free-time-schedule-note{margin:0 0 9px;color:#b8cbd8;font-size:.86rem;text-align:center}& #freeTimeCalculator .free-time-schedule-action{display:flex;justify-content:center;margin:10px 0 4px}& #freeTimeCalculator .free-time-availability-stats.free-time-availability-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;justify-items:center;gap:10px;width:min(100%,570px);margin:0 auto 6px}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item{display:grid;align-content:center;justify-items:center;justify-self:center;gap:8px;width:100%;max-width:320px;min-height:90px;padding:12px 10px;text-align:center}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item p{justify-self:center;margin:0;color:#c6dce8;font-size:.86rem;font-weight:600;line-height:1.3;text-align:center}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item strong{justify-self:center;color:#eef8ff;font-size:1.22rem;font-weight:750;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item.is-workday{border-color:#4775a4;background:#0a1b31;box-shadow:inset 0 1px 0 rgba(176,213,255,.08),0 5px 14px rgba(0,8,20,.22)}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item.is-workday strong{color:#b7dcff}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item.is-dayoff{border-color:#397e76;background:#092b2b;box-shadow:inset 0 1px 0 rgba(171,232,218,.08),0 5px 14px rgba(0,8,20,.22)}& #freeTimeCalculator .free-time-availability-summary .free-time-summary-item.is-dayoff strong{color:#b4e6d9}& #freeTimeCalculator .free-time-edit-schedule{min-height:36px;padding:7px 16px;border:1px solid #5796a6;border-radius:999px;background:rgba(25,71,88,.74);color:#d9f3f5;font:inherit;font-size:.84rem;font-weight:650;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}& #freeTimeCalculator .free-time-edit-schedule:hover{border-color:#78c4cc;background:#225e70}& #freeTimeCalculator .free-time-edit-schedule:focus-visible{outline:2px solid #80d6e0;outline-offset:3px}& #freeTimeCalculator .free-time-availability-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto}& #freeTimeCalculator .free-time-availability-stat{display:grid;align-content:start;gap:7px;min-width:0;border:1px solid rgba(83,128,157,.34);border-radius:9px;background:rgba(11,34,51,.8);text-align:left}& #freeTimeCalculator .free-time-availability-stat h4{margin:0;color:#d7e9f4;font-size:.9rem;font-weight:650;line-height:1.3}& #freeTimeCalculator .free-time-availability-stat dl{display:grid;gap:7px;margin:0}& #freeTimeCalculator .free-time-availability-stat dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(123,164,186,.15)}& #freeTimeCalculator .free-time-availability-stat dt{color:#a9c6d6;font-size:.72rem}& #freeTimeCalculator .free-time-availability-stat dd{display:grid;justify-items:end;gap:1px;margin:0;color:#eef8ff;font-size:.88rem;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}& #freeTimeCalculator .free-time-availability-stat dd small{color:#a9c6d6;font-size:.68rem;font-weight:550}& #freeTimeCalculator .free-time-availability-stat.is-workday{border-color:rgba(83,151,205,.42)}& #freeTimeCalculator .free-time-availability-stat.is-workday :is(h4,dd){color:#9ccdf5}& #freeTimeCalculator .free-time-availability-stat.is-dayoff{border-color:rgba(82,157,112,.48)}& #freeTimeCalculator .free-time-availability-stat.is-dayoff :is(h4,dd){color:#9bd4ad}& #freeTimeCalculator .free-time-availability-stat.is-combined{border-color:rgba(83,161,173,.42)}& #freeTimeCalculator .free-time-availability-stat.is-combined :is(h4,dd){color:#a9e5e4}& #freeTimeCalculator .free-time-schedule-basis{margin:9px 0 0;color:#9eb6c5;font-size:.75rem;text-align:center}& #freeTimeCalculator .free-time-allocation-heading{text-align:center}& #freeTimeCalculator .free-time-allocation-heading p{margin:5px 0 0;color:#a9c1d1;font-size:.82rem}& #freeTimeCalculator .free-time-results .free-time-allocation{margin:0 auto 14px;padding:0;border:0;border-radius:0;background:transparent}& #freeTimeCalculator .free-time-results .free-time-allocation-bar{margin-top:0}& #freeTimeCalculator .free-time-allocation-bar{border:1px solid #49677a;background:#071724;box-shadow:inset 0 2px 5px rgba(0,0,0,.3)}& #freeTimeCalculator .free-time-allocation-segment{display:block;flex:0 0 var(--segment-width,0%);min-width:0;height:100%;border-right:1px solid rgba(5,17,27,.7);background:var(--segment-color,#294254);transition:flex-basis .25s ease}& #freeTimeCalculator .free-time-allocation-segment.is-additional{background:var(--segment-color,#45677d)}& #freeTimeCalculator .free-time-allocation-legend{display:grid;list-style:none}& #freeTimeCalculator .free-time-allocation-legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;min-width:0;color:#d4e4ee;font-size:.78rem}& #freeTimeCalculator .free-time-allocation-swatch{grid-row:1/3;background:var(--segment-color,#294254)}& #freeTimeCalculator .free-time-allocation-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& #freeTimeCalculator .free-time-allocation-legend strong{color:#edf7fc;font-size:.76rem;font-weight:600;white-space:nowrap}& #freeTimeCalculator .free-time-allocation-legend small{color:#9bb4c3;font-size:.69rem}& #freeTimeCalculator .free-time-allocation-status{margin:8px 0 0;color:#a6c2ce;font-size:.75rem;text-align:center}& #freeTimeCalculator .free-time-allocation-status.is-warning{padding:7px 10px;border:1px solid rgba(255,190,100,.42);border-radius:8px;background:rgba(93,57,18,.3);color:#ffd08a;font-weight:650}& #freeTimeCalculator .free-time-activities{width:min(100%,980px);margin-inline:auto;padding:12px 15px}& #freeTimeCalculator .free-time-subhead{display:grid;justify-items:center;gap:6px;text-align:center}& #freeTimeCalculator .free-time-subhead img{display:block;width:30px;height:30px;object-fit:contain}& #freeTimeCalculator .free-time-subhead h3{color:#91b2ff}& #freeTimeCalculator :is(.free-time-add-button,.free-time-calculate-button){min-height:40px;padding:8px 16px;border:1px solid #5796a6;background:linear-gradient(145deg,#1d5267,#164355);font:inherit;font-weight:600;cursor:pointer}& #freeTimeCalculator .free-time-add-button{border-color:#76dce3;background:linear-gradient(145deg,#1e7d8d,#176675);color:#e6fdff}& #freeTimeCalculator .free-time-add-button:hover{border-color:#a0f2f6;background:linear-gradient(145deg,#258e9e,#1b7888)}& #freeTimeCalculator .free-time-add-button{border-radius:9px;font-size:.84rem}& #freeTimeCalculator .free-time-calculate-button{border-color:#d59652;background:linear-gradient(145deg,#9b5d27,#75431f);color:#fff3e4}& #freeTimeCalculator .free-time-calculate-button:hover{border-color:#efb16b;background:linear-gradient(145deg,#ae6b31,#895126)}& #freeTimeCalculator .free-time-entry-list{display:grid;gap:8px;margin-top:9px}& #freeTimeCalculator .free-time-add-row{display:flex;justify-content:center;width:min(100%,680px);margin:8px auto 0}& #freeTimeCalculator .free-time-entry-row{display:grid;gap:9px;min-width:0;padding:10px 12px;border:1px solid rgba(103,166,191,.72);border-radius:12px;background:linear-gradient(145deg,rgba(22,55,74,.98),rgba(15,41,58,.98));box-shadow:0 4px 13px rgba(1,12,22,.2)}& #freeTimeCalculator .free-time-entry-main{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:end;min-width:0}& #freeTimeCalculator .free-time-entry-row label{display:grid;gap:5px;min-width:0;color:#b9cfdb;font-size:.76rem;text-align:left}& #freeTimeCalculator .free-time-entry-row .free-time-activity-label{max-width:none}& #freeTimeCalculator .free-time-activity-label>span{font-size:.98rem;font-weight:700}& #freeTimeCalculator .free-time-suggestions{position:relative;align-self:end;padding-bottom:0}& #freeTimeCalculator .free-time-suggestions>summary{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border:1px solid rgba(101,169,185,.62);border-radius:8px;background:#17394a;color:#d4edf3;font-weight:650;white-space:nowrap;cursor:pointer;list-style:none}& #freeTimeCalculator .free-time-suggestions>summary::-webkit-details-marker{display:none}& #freeTimeCalculator .free-time-suggestions>summary::after{content:"⌄";margin-left:7px;color:#8fd4dd;font-size:1rem;line-height:.8}& #freeTimeCalculator .free-time-suggestions[open]>summary{border-color:#85cad0;background:#204d5c}& #freeTimeCalculator .free-time-suggestions-menu{position:absolute;z-index:20;top:calc(100% + 5px);right:0;display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));max-height:min(420px,65vh);overflow:auto;border:1px solid #527f91;border-radius:10px;background:#0b2030;box-shadow:0 12px 28px rgba(0,0,0,.42)}& #freeTimeCalculator .free-time-suggestion{display:flex;align-items:center;min-width:0;border:1px solid transparent;border-radius:6px;background:#122e40;color:#d2e4ed;font:inherit;line-height:1.1;text-align:left;cursor:pointer}& #freeTimeCalculator .free-time-suggestion:hover{border-color:#6aa7b5;background:#1d4657}& #freeTimeCalculator .free-time-suggestion:focus-visible{outline:2px solid #80d6e0;outline-offset:1px}& #freeTimeCalculator .free-time-suggestion span:first-child{flex:0 0 20px;line-height:1;text-align:center}& #freeTimeCalculator .free-time-entry-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;padding-top:12px;border-top:1px solid rgba(112,157,178,.25)}& #freeTimeCalculator .free-time-entry-fields label+label{padding-left:22px;border-left:1px solid rgba(112,157,178,.28)}& #freeTimeCalculator .free-time-entry-row select{font-size:.82rem}& #freeTimeCalculator .free-time-remove-button{box-sizing:border-box;display:grid;place-items:center;align-self:start;justify-self:end;width:36px;height:36px;min-width:36px;min-height:36px;aspect-ratio:1;margin:0;padding:0;border:1px solid rgba(145,164,177,.52);border-radius:7px;background:#273642;color:#c2cdd3;font-size:1rem;line-height:1;cursor:pointer}& #freeTimeCalculator .free-time-remove-button:hover{border-color:#b6c5ce;background:#354652;color:#f0f5f7}& #freeTimeCalculator .free-time-remove-button:focus-visible{outline:2px solid #80d6e0;outline-offset:2px}& #freeTimeCalculator .free-time-calculate-row{display:grid;justify-items:center;gap:5px;margin:20px auto 0;padding-top:12px;border-top:1px solid rgba(112,174,186,.23)}& #freeTimeCalculator .free-time-calculate-row::before{content:"▼";color:#e5b56e;font-size:1.05rem;line-height:1}& #freeTimeCalculator .free-time-calculate-button{min-width:220px;min-height:48px;padding:10px 24px;border:1px solid #79c7c9;border-radius:999px;background:linear-gradient(145deg,#287c83,#1d626f);box-shadow:0 5px 14px rgba(2,15,26,.24);font-size:1rem}& #freeTimeCalculator .free-time-status{margin:10px 0 0;color:#9cb5c5;font-size:.82rem;text-align:center}& #freeTimeCalculator .free-time-results-heading{text-align:center}& #freeTimeCalculator .free-time-results-heading p{margin:6px 0 0;color:#a9d8d8;font-size:.88rem}& #freeTimeCalculator .free-time-period-tabs{display:flex;justify-content:center;gap:7px;margin:26px auto 12px}& #freeTimeCalculator .free-time-period-tabs button{min-width:80px;min-height:38px;padding:7px 12px;border:1px solid #436c83;border-radius:999px;background:#102a3d;color:#bad0df;font:inherit;font-size:.86rem;font-weight:600;line-height:1.2;cursor:pointer}& #freeTimeCalculator .free-time-period-tabs button[aria-pressed="true"]{border:2px solid #66b8c4;background:#17475b;color:#e6fcff}& #freeTimeCalculator .free-time-table-wrap{width:min(100%,600px);max-width:600px;margin:0 auto;overflow-x:auto}& #freeTimeCalculator table.free-time-table{width:100%;table-layout:fixed;border-collapse:collapse;background:rgba(7,24,37,.44);font-size:.9rem}& #freeTimeCalculator table.free-time-table :is(th,td):first-child{width:49%}& #freeTimeCalculator table.free-time-table :is(th,td):nth-child(2){width:22%;white-space:nowrap}& #freeTimeCalculator table.free-time-table :is(th,td):nth-child(3){width:29%}& #freeTimeCalculator .free-time-table :is(th,td){padding:11px 13px;border-bottom:1px solid rgba(95,147,166,.19);color:#d2e2ec;text-align:left}& #freeTimeCalculator .free-time-table thead th{color:#a9dfe3;font-size:.78rem;letter-spacing:.025em}& #freeTimeCalculator .free-time-table tbody th{display:flex;align-items:center;gap:9px;font-weight:500}& #freeTimeCalculator .free-time-activity-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid rgba(101,180,187,.42);border-radius:8px;background:#153848;font-size:1.1rem}& #freeTimeCalculator .free-time-table td:nth-child(2){font-variant-numeric:tabular-nums}& #freeTimeCalculator .free-time-table td:last-child{color:#a9e5d8;font-weight:650;font-variant-numeric:tabular-nums}}html body.page-work-time #workTestSnacksCard #workTestDailyCountsGrid :is(.work-test-consumption-select-row,.work-test-consumption-gallery){display:none !important}@media(max-width:850px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator .free-time-entry-main{grid-template-columns:minmax(0,1fr) auto 28px;gap:8px}}@media(max-width:600px){html body.page-work-time.page-work-test #workDashboard{& #freeTimeCalculator{gap:14px;padding:16px 12px}& #freeTimeCalculator :is(.free-time-activities,.free-time-results){padding:13px 10px}& #freeTimeCalculator .free-time-availability-grid{grid-template-columns:minmax(0,1fr);gap:9px}& #freeTimeCalculator .free-time-window[data-window="days-off"]{width:100%}& #freeTimeCalculator .free-time-window{grid-template-columns:repeat(2,minmax(0,1fr))}& #freeTimeCalculator .free-time-entry-row{gap:10px;width:100%;padding:10px}& #freeTimeCalculator .free-time-entry-main{grid-template-columns:minmax(0,1fr) auto 26px;gap:7px}& #freeTimeCalculator .free-time-suggestions>summary{min-height:36px;padding:6px 8px;font-size:.72rem}& #freeTimeCalculator .free-time-suggestions-menu{grid-template-columns:minmax(0,1fr);width:min(270px,78vw);max-height:min(340px,60vh)}& #freeTimeCalculator .free-time-entry-fields{gap:12px;padding-top:10px}& #freeTimeCalculator .free-time-entry-fields label+label{padding-left:12px}& #freeTimeCalculator .free-time-duration-control{grid-template-columns:minmax(0,1fr) 82px;gap:4px}& #freeTimeCalculator .free-time-availability-stats{grid-template-columns:minmax(0,1fr)}& #freeTimeCalculator .free-time-allocation-legend{grid-template-columns:minmax(0,1fr)}& #freeTimeCalculator .free-time-period-tabs{gap:4px}& #freeTimeCalculator .free-time-period-tabs button{min-width:0;flex:1;padding:7px 5px}& #freeTimeCalculator .free-time-table :is(th,td){padding:9px 7px;font-size:.8rem}}}html body.page-work-time.page-work-test #workDashboard #payCalculator{& .work-pay-heading{display:grid;justify-items:center;gap:7px;margin:0 auto 8px;text-align:center}& .work-pay-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(115,183,207,.56);border-radius:12px;background:linear-gradient(145deg,#203c4c,#142c3a)}& .work-pay-icon svg{display:block;width:31px;height:31px}& #workPayTitle{margin:0;color:#d2e8f2;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:650;line-height:1.2}& #payResultsShell.pay-results-shell{display:grid;width:min(100%,820px);max-width:820px;gap:10px;margin:12px auto 0;padding:12px;border:1px solid rgba(100,163,190,.3);border-radius:12px;background:linear-gradient(145deg,rgba(10,31,47,.82),rgba(7,22,36,.9));box-shadow:inset 0 1px 0 rgba(165,220,244,.06)}& #payResultsShell.pay-results-shell[hidden]{display:none}& #payResultsShell #payCalculatorOutput.finance-output-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,760px);max-width:760px;gap:7px;margin:0 auto}& #payResultsShell #payCalculatorOutput .finance-result-pair{box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:88px;padding:8px;gap:5px;border-radius:8px;font-size:.84rem}& #payResultsShell #payCalculatorOutput .finance-result-pair>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}& #payResultsShell #payCalculatorOutput .finance-result-pair strong{gap:2px;padding:4px}& #payResultsShell #payCalculatorOutput .finance-result-pair strong em{font-size:.6rem;line-height:1.15}& #payResultsShell #payCalculatorOutput .finance-result-pair strong b{font-size:.82rem;line-height:1.2}& #payResultsShell #payCalculatorOutput .finance-result-year{grid-column:2;justify-self:stretch;width:100%}& #payResultsShell #payCalculatorOutput .finance-subminute-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}& #payResultsShell #payCurrentToDateOutput.pay-current-date-output{width:min(100%,560px);margin:0 auto}& .pay-current-date-panel{gap:5px;padding:10px 12px;border-radius:9px}& .pay-current-date-panel>h4{font-size:.94rem}& .pay-current-date-panel>p{font-size:.74rem}& .pay-current-date-table :is(th,td){padding:4px 8px;font-size:.78rem;line-height:1.2}& #payResultsShell #payBreakdownOutput.finance-detail-panel{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,560px);max-width:560px;margin:0 auto;gap:8px}& #payBreakdownOutput .finance-detail-block{padding:10px;border-radius:9px}& #payBreakdownOutput .finance-detail-block h4{margin:0 0 5px;font-size:.92rem}& #payBreakdownOutput .finance-detail-table :is(th,td){padding:4px 8px;font-size:.78rem;line-height:1.2}}@media(max-width:640px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payResultsShell{& #payCalculatorOutput.finance-output-list{grid-template-columns:repeat(2,minmax(0,1fr))}& #payCalculatorOutput .finance-result-year{grid-column:1/-1;width:calc(50% - 4px);justify-self:center}}}@media(max-width:420px){html body.page-work-time.page-work-test #workDashboard #payCalculator{& #payResultsShell.pay-results-shell{padding:9px}& #payResultsShell #payCalculatorOutput.finance-output-list{grid-template-columns:minmax(0,1fr)}& #payResultsShell #payCalculatorOutput .finance-result-year{grid-column:1;width:100%}& #payResultsShell #payCalculatorOutput .finance-subminute-row{grid-template-columns:minmax(0,1fr)}}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-subhead h3{font-size:1.38rem;font-weight:750;line-height:1.2}& .free-time-activities-summary{margin:12px auto 16px;color:#e5f7ff;font-size:.9rem;font-weight:600;line-height:1.3;text-align:center}}@media(max-width:520px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator .free-time-subhead h3{font-size:1.2rem}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-availability-stats{width:min(100%,570px);gap:8px}& .free-time-availability-stat{padding:8px 7px}& .free-time-availability-stat h4{min-height:2.6em;text-align:center}& .free-time-availability-stat dt{line-height:1.15}& .free-time-entry-main{grid-template-columns:minmax(0,260px) minmax(140px,160px) 28px;justify-content:start}& .free-time-suggestions>summary{min-width:140px;padding-inline:14px;font-size:.84rem}& .free-time-suggestions-menu{grid-template-columns:repeat(2,minmax(160px,1fr));width:min(430px,84vw);gap:6px;padding:9px}& .free-time-suggestion{min-height:40px;gap:10px;padding:7px 10px;font-size:.88rem}& .free-time-suggestion span:first-child{flex-basis:26px;font-size:1.25rem}}@media(max-width:640px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-entry-main{grid-template-columns:minmax(0,1fr) minmax(112px,132px) 26px}& .free-time-suggestions>summary{min-width:112px;padding-inline:8px;font-size:.78rem}& .free-time-suggestions-menu{left:50%;right:auto;grid-template-columns:minmax(0,1fr);width:min(300px,calc(100vw - 36px));max-height:min(360px,60vh);transform:translateX(-50%)}& .free-time-suggestion{min-height:42px;font-size:.9rem}& .free-time-suggestion span:first-child{flex-basis:28px;font-size:1.3rem}}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-entry-fields{grid-template-columns:repeat(2,minmax(0,190px));justify-content:center}& .free-time-duration-control{grid-template-columns:minmax(0,105px) 78px;gap:5px}& .free-time-entry-fields>label>select{max-width:190px}}@media(max-width:420px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-entry-fields{gap:10px}& .free-time-entry-fields label+label{padding-left:0;border-left:0}}}html body.page-work-time.page-work-test #workDashboard{& #freeTimeCalculator .free-time-allocation-bar{position:relative;display:grid;place-items:center;width:min(100%,380px);height:auto;aspect-ratio:1/1;margin:12px auto 16px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}& #freeTimeCalculator .free-time-allocation-pie{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:0;border-radius:50%;background-clip:padding-box;box-shadow:none}& #freeTimeCalculator .free-time-allocation-chart{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0!important;overflow:visible;border:0!important;border-radius:50%;background:transparent!important;filter:none;pointer-events:none}& #freeTimeCalculator .free-time-allocation-empty-label{fill:#d9ebf5;font-size:12px;font-weight:600}& .wlp-progress-sleep-before-midnight th,& .wlp-progress-sleep-after-midnight th{white-space:pre-line}& #freeTimeCalculator .free-time-allocation-legend li{grid-template-columns:12px minmax(0,max-content) max-content;justify-content:start;column-gap:7px}& #freeTimeCalculator .free-time-allocation-legend small{grid-column:2/4}& #freeTimeCalculator .free-time-results-heading{border-top:1px solid rgba(91,157,190,.34)}& #freeTimeCalculator .free-time-results-heading h3{margin:0;font-size:1.2rem;line-height:1.25}& #freeTimeCalculator .free-time-allocation{width:min(100%,700px);margin-inline:auto}& #freeTimeCalculator .free-time-allocation-total{margin:2px 0 10px;color:#a9ceff;font-size:.86rem;font-weight:650;text-align:center}& #freeTimeCalculator .free-time-allocation-assigned{margin:-5px 0 12px;color:#b9d4e7;font-size:.86rem;font-weight:600;text-align:center}& #freeTimeCalculator .free-time-allocation-legend{gap:4px 18px;margin-inline:auto}& #freeTimeCalculator .free-time-allocation-legend li{grid-template-columns:12px minmax(0,1fr);grid-template-areas:"swatch name" "swatch meta";align-content:start;justify-content:stretch;gap:2px 7px;padding:4px 0}& #freeTimeCalculator .free-time-allocation-swatch{grid-area:swatch;align-self:center}& #freeTimeCalculator .free-time-allocation-name{grid-area:name;max-width:100%}& #freeTimeCalculator .free-time-allocation-meta{grid-area:meta;display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}& #freeTimeCalculator .free-time-allocation-meta strong{color:#edf7fc;font-size:.76rem;font-weight:600;white-space:nowrap}& #freeTimeCalculator .free-time-allocation-meta small{color:#9bb4c3;font-size:.69rem;white-space:nowrap}}@media(max-width:520px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-allocation-legend{grid-template-columns:minmax(0,1fr);gap:3px;width:min(100%,380px)}& .free-time-allocation-meta{gap:7px}}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& #freeTimeResults{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .free-time-results-heading{margin:24px 0 4px;padding-top:0;border-top:0}& .free-time-breakdown-icon{display:block;width:26px;height:26px;margin:0 auto 7px;color:#87cddf}& .free-time-allocation-views{display:flex;justify-content:center;gap:10px}& .free-time-allocation-views button{min-width:190px;padding:9px 16px;border:1px solid rgba(94,159,190,.65);border-radius:10px;background:linear-gradient(180deg,#183a50,#102b3d);color:#c6dce8;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}& .free-time-allocation-views button[aria-pressed="true"]{border-color:#72c8d7;background:linear-gradient(180deg,#1b5264,#153d52);color:#effcff;box-shadow:0 0 0 2px rgba(79,190,203,.18)}& .free-time-allocation-views button:hover{border-color:#8ed9df;color:#fff}& .free-time-allocation-views button:focus-visible{outline:2px solid #9ce6e8;outline-offset:3px}}@media(max-width:520px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-allocation-views{gap:7px}& .free-time-allocation-views button{min-width:0;flex:1;padding:9px 7px;font-size:.8rem}& .free-time-allocation-views .free-time-view-context{display:block;white-space:nowrap}}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-allocation-legend{display:table;width:min(100%,620px);margin:0 auto;padding:0;border-collapse:separate;border-spacing:0 5px;table-layout:fixed;color:#d9e8f1;font-size:.78rem}& .free-time-allocation-legend thead th{padding:7px 9px;border-top:1px solid rgba(103,157,185,.3);border-bottom:1px solid rgba(103,157,185,.38);background:#102b3b;color:#a9c8da;font-size:.7rem;font-weight:650;text-align:left;letter-spacing:.02em}& .free-time-allocation-legend thead th:first-child{width:54%}& .free-time-allocation-legend thead th:nth-child(2){width:22%}& .free-time-allocation-legend thead th:last-child{width:24%}& .free-time-allocation-legend tbody :is(th,td){padding:8px 9px;border-top:1px solid rgba(99,145,170,.22);border-bottom:1px solid rgba(99,145,170,.22);background:#0d2231;text-align:left;vertical-align:middle}& .free-time-allocation-legend tbody th{border-left:1px solid rgba(99,145,170,.22);border-radius:7px 0 0 7px;color:#dcecf5;font-weight:550}& .free-time-allocation-legend tbody td:last-child{border-right:1px solid rgba(99,145,170,.22);border-radius:0 7px 7px 0}& .free-time-allocation-activity{display:flex;align-items:center;gap:8px;min-width:0}& .free-time-allocation-swatch{flex:0 0 13px;width:13px;height:13px;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:var(--segment-color);box-shadow:0 0 0 1px rgba(0,0,0,.28)}& .free-time-allocation-name{overflow-wrap:anywhere;white-space:normal}& .free-time-allocation-duration{color:#edf7fc;font-size:.76rem;font-weight:600;white-space:nowrap}& .free-time-allocation-share{color:#dceaf2;font-size:.76rem;font-weight:600;white-space:nowrap}& .free-time-allocation-share small{display:block;margin-top:2px;color:#9bb4c3;font-size:.67rem;font-weight:400}}@media(max-width:520px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-allocation-legend{font-size:.72rem}& .free-time-allocation-legend thead th,& .free-time-allocation-legend tbody :is(th,td){padding:7px 6px}}}html body.page-work-time.page-work-test #workDashboard #payCalculator{& .pay-calculator-status{width:min(100%,760px);margin:0 auto 14px;color:#b8cbd8;font-size:.95rem;text-align:center}& .pay-input-shell{width:min(100%,760px);max-width:760px;padding:24px;border-color:rgba(106,147,173,.34);border-radius:15px;background:linear-gradient(145deg,#0b1b29,#091522);box-shadow:inset 0 1px 0 rgba(184,216,234,.035),0 12px 28px rgba(0,0,0,.2)}& .pay-input-shell :is(.pay-core-fields>label,.pay-weekly-primary,.pay-schedule-fields label){min-height:70px;padding:12px 14px;border-color:rgba(109,151,177,.25);background:linear-gradient(145deg,#102333,#0c1d2a)}& .pay-input-shell :is(input,select){min-height:48px;border-color:rgba(113,157,183,.48);background:linear-gradient(180deg,#071521,#0a1b28);color:#e8f0f6;-webkit-text-fill-color:#e8f0f6}& .pay-input-shell .pay-weekly-primary{margin-top:16px}}@media(max-width:680px){html body.page-work-time.page-work-test #workDashboard #payCalculator .pay-input-shell{padding:16px}}html body.page-work-time.page-work-test #workDashboard #expenseCalculator{& #budgetCalculatorBody{width:min(100%,900px);max-width:900px;margin-inline:auto}& #budgetCalculatorBody .budget-flow{max-width:820px;margin-inline:auto}& #budgetCalculatorBody :is(.budget-step,.budget-expenditure-panel){min-width:0;width:100%;max-width:820px;margin-inline:auto}& #budgetCalculatorBody .budget-income-fields{width:min(100%,520px);margin-inline:auto}& #budgetCalculatorBody .budget-income-fields>label{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;align-items:start;gap:7px;width:100%;max-width:100%;text-align:left}& #budgetCalculatorBody .budget-income-fields>label>span:first-child{grid-column:1;justify-self:start;text-align:left}& #budgetCalculatorBody .budget-income-controls{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:9px;width:100%;max-width:100%}& #budgetCalculatorBody .budget-income-controls :is(.budget-income-money-wrap,#expenseSalary,#expenseSalaryPeriod){width:100%;min-width:0;max-width:none}& #budgetCalculatorBody :is(.expense-groups-spread,.asset-groups-spread){width:min(100%,470px);margin-inline:auto;justify-items:start}& #budgetCalculatorBody .expense-group{justify-self:start}& #budgetCalculatorBody .expense-group:has(>.expense-group-toggle[aria-expanded="true"]){width:min(100%,470px)}& #budgetCalculatorBody .expense-group-body{justify-items:start}& #budgetCalculatorBody .expense-group-body .expense-row{grid-template-columns:minmax(0,1fr) 82px 112px;justify-content:start;width:100%;max-width:430px;margin:0;padding:5px 0 5px 5px;text-align:left}& #budgetCalculatorBody .expense-group-body .expense-row>span:first-child{justify-self:start;text-align:left}& #budgetCalculatorBody #expenseCalculatorOutput{width:min(100%,900px);max-width:900px;margin-inline:auto}}@media(max-width:600px){html body.page-work-time.page-work-test #workDashboard #expenseCalculator #budgetCalculatorBody{& .budget-income-controls{grid-template-columns:minmax(0,1fr) 126px}& .expense-group:has(>.expense-group-toggle[aria-expanded="true"]){width:100%}& .expense-group-body .expense-row{grid-template-columns:minmax(0,1fr) 76px 104px;max-width:100%}}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-activity-label>span{color:#a5ffc0;text-align:left}& .free-time-entry-fields{grid-template-columns:repeat(2,minmax(0,165px));justify-content:start;gap:10px 14px;width:min(100%,344px);margin-inline:0}& .free-time-entry-fields>label{justify-items:start;text-align:left}& .free-time-entry-fields>label>span:first-child{text-align:left}& .free-time-duration-control{grid-template-columns:minmax(0,1fr) 76px}}@media(max-width:420px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator .free-time-entry-fields{grid-template-columns:minmax(0,1fr);width:min(100%,240px);margin-inline:0}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-allocation-instruction{margin:10px auto 9px;color:#b8cbd8;font-size:.9rem;line-height:1.4;text-align:center}& .free-time-allocation-views{margin:10px auto 16px}& .free-time-entry-row{width:min(100%,580px);margin-inline:auto}& .free-time-allocation-slice-label{fill:#f4f8ff;font-weight:650;paint-order:stroke;stroke:rgba(7,18,31,.72);stroke-width:1.7px;stroke-linejoin:round;pointer-events:none}& .free-time-allocation-slice-percent{fill:#fff;font-weight:750}& .free-time-entry-main{grid-template-columns:minmax(0,1fr) auto 36px;gap:9px 10px}& .free-time-activity-icon{border-color:color-mix(in srgb,var(--activity-color,#3e6fa5) 60%,transparent);background:color-mix(in srgb,var(--activity-color,#3e6fa5) 23%,#153848);color:var(--activity-color,#3e6fa5)}}@media(max-width:520px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator .free-time-allocation-bar{width:min(100%,320px)}}@media(max-width:640px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-entry-main{grid-template-columns:minmax(0,1fr) auto 36px;gap:8px}& .free-time-entry-main>.free-time-remove-button{grid-column:3;grid-row:1}}}html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell{& .pay-rate-line.pay-entry-rate{grid-template-columns:minmax(120px,150px) minmax(120px,150px) minmax(118px,138px);grid-template-rows:46px;justify-content:center;align-items:center;column-gap:12px;width:max-content;max-width:100%;margin-inline:auto}& .pay-rate-line.pay-entry-rate>span:first-child{grid-column:1;grid-row:1;justify-self:end;text-align:right}& .pay-rate-line.pay-entry-rate>.money-input-wrap{grid-column:2;grid-row:1;width:100%;min-width:0}& .pay-rate-line.pay-entry-rate>select{grid-column:3;grid-row:1;width:100%;min-width:0}}@media(max-width:520px){html body.page-work-time.page-work-test #workDashboard:is(*,#_) #payCalculator:is(*,#_) #payCalculatorBody:is(*,#_) .finance-entry-panel.pay-entry-panel .pay-input-shell{& .pay-rate-line.pay-entry-rate{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 42px 42px;row-gap:8px;width:100%}& .pay-rate-line.pay-entry-rate>span:first-child{grid-column:1;grid-row:1;justify-self:start;text-align:left}& .pay-rate-line.pay-entry-rate>.money-input-wrap{grid-column:1;grid-row:2}& .pay-rate-line.pay-entry-rate>select{grid-column:1;grid-row:3}}}html body.page-work-time.page-work-test #workDashboard{& #expenseCalculator #budgetCalculatorBody :is(.budget-step,.budget-expenditure-panel,.budget-income-panel){border-color:rgba(91,127,150,.38);background:linear-gradient(145deg,#0d1b28,#091521);box-shadow:inset 0 1px 0 rgba(181,213,231,.025)}& #expenseCalculator #budgetCalculatorBody .budget-step-header{border-color:rgba(92,130,152,.24);background:linear-gradient(90deg,#102232,#0b1b28)}& #expenseCalculator #budgetCalculatorBody :is(.budget-icon-wrapper,.budget-income-fields){border-color:rgba(82,116,139,.3);background:#0a1723}& #expenseCalculator #budgetCalculatorBody .expense-group{border-color:rgba(91,128,151,.48);background:#102130}& #expenseCalculator #budgetCalculatorBody .expense-group:has(>.expense-group-toggle[aria-expanded="true"]){border-color:rgba(105,151,178,.58);background:#0a1722}& #expenseCalculator #budgetCalculatorBody .expense-group-toggle{background:linear-gradient(180deg,#122638,#0d1c29)}& #expenseCalculator #budgetCalculatorBody .expense-group-body{background:#091520}& #expenseCalculator #budgetCalculatorBody .expense-group-body .expense-row{border-color:rgba(87,122,144,.24);background:rgba(7,18,28,.74)}& #expenseCalculator #budgetCalculatorBody :is(input,select){border-color:rgba(98,139,163,.56);background:#06121d;color:#edf4f8;-webkit-text-fill-color:#edf4f8;box-shadow:inset 0 1px 4px rgba(0,0,0,.38)}& #expenseCalculator #budgetCalculatorBody :is(input,select):focus{border-color:#7eb5d0;outline:2px solid rgba(103,176,208,.2);outline-offset:1px}& #expenseCalculator #budgetCalculatorBody .budget-income-fields>label{border-color:rgba(91,127,150,.34);background:#0b1925}& #freeTimeCalculator .free-time-activities .free-time-status.is-warning{margin:12px auto 0;padding:10px 13px;border:1px solid rgba(238,174,91,.56);border-radius:9px;background:rgba(82,49,16,.34);color:#ffd18e;font-size:.88rem;font-weight:650;line-height:1.4;text-align:center}& #payCalculator #payCalculatorBody .pay-input-shell .pay-core-fields{display:contents}& #payCalculator #payCalculatorBody .pay-input-shell :is(.pay-core-fields>label,.pay-weekly-primary){display:grid;grid-template-columns:minmax(145px,180px) minmax(120px,180px) minmax(130px,160px);align-items:center;justify-content:center;justify-items:stretch;gap:10px 14px;box-sizing:border-box;width:100%;min-height:0;margin:0;padding:9px 8px;border:0;border-bottom:1px solid rgba(122,164,190,.2);border-radius:0;background:transparent;box-shadow:none;text-align:left}& #payCalculator #payCalculatorBody .pay-input-shell .pay-entry-rate>span:first-child{grid-column:1;grid-row:1;justify-self:end;text-align:right;white-space:nowrap}& #payCalculator #payCalculatorBody .pay-input-shell .pay-entry-rate>.money-input-wrap{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:none;margin:0}& #payCalculator #payCalculatorBody .pay-input-shell #payRateType{grid-column:3;grid-row:1;width:100%;min-width:0;max-width:none;margin:0}& #payCalculator #payCalculatorBody .pay-input-shell .pay-tax-line>span:first-child{grid-column:1;justify-self:end;text-align:right;white-space:nowrap}& #payCalculator #payCalculatorBody .pay-input-shell .pay-tax-line>.percent-input-wrap{grid-column:2;width:100%;min-width:0;max-width:180px;margin:0}& #payCalculator #payCalculatorBody .pay-input-shell .pay-hours-primary{grid-template-columns:minmax(145px,180px) minmax(120px,180px) minmax(130px,160px);margin:0;padding-bottom:2px;border-bottom:0}& #payCalculator #payCalculatorBody .pay-input-shell .pay-hours-primary>span:first-child{grid-column:1;justify-self:end;text-align:right;white-space:nowrap}& #payCalculator #payCalculatorBody .pay-input-shell #payHoursWork{grid-column:2;width:100%;min-width:0;max-width:none}& #payCalculator #payCalculatorBody .pay-input-shell #payHoursBasis{grid-column:3;width:100%;max-width:none}& #payCalculator #payCalculatorBody .pay-input-shell .money-input-wrap{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:3px;width:100%;min-width:0;max-width:none}& #payCalculator #payCalculatorBody .pay-input-shell .money-input-wrap em{position:static;left:auto;z-index:auto;display:block;justify-self:center;align-self:center;margin:2px 0 0;font-size:1rem;line-height:1}& #payCalculator #payCalculatorBody .pay-input-shell .money-input-wrap #payRate{grid-column:2;box-sizing:border-box;width:100%;min-width:0;max-width:none;padding-left:9px}}@media(max-width:560px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody{& .pay-input-shell{padding:13px}& .pay-input-shell :is(.pay-core-fields>label,.pay-weekly-primary){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:10px 3px}& .pay-input-shell .pay-entry-rate>span:first-child,& .pay-input-shell .pay-tax-line>span:first-child,& .pay-input-shell .pay-hours-primary>span:first-child{grid-column:1/-1;grid-row:auto;justify-self:start;text-align:left}& .pay-input-shell .pay-entry-rate>.money-input-wrap{grid-column:1;grid-row:auto}& .pay-input-shell #payRateType{grid-column:2;grid-row:auto}& .pay-input-shell .pay-tax-line>.percent-input-wrap{grid-column:1;grid-row:auto;max-width:none}& .pay-input-shell #payHoursWork{grid-column:1;grid-row:auto}& .pay-input-shell #payHoursBasis{grid-column:2;grid-row:auto}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._){& .pay-core-fields:is(*,._){display:contents}& :is(.pay-core-fields>label,.pay-weekly-primary){display:grid;grid-template-columns:minmax(145px,180px) minmax(120px,180px) minmax(130px,160px);align-items:center;justify-content:center;justify-items:stretch;gap:10px 14px;box-sizing:border-box;width:100%;min-height:0;margin:0;padding:9px 8px;border:0;border-bottom:1px solid rgba(122,164,190,.2);border-radius:0;background:transparent;box-shadow:none;text-align:left}& .pay-entry-rate>span:first-child{grid-column:1;grid-row:1;justify-self:end;text-align:right;white-space:nowrap}& .pay-entry-rate>.money-input-wrap{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:none;margin:0}& #payRateType:is(*,#_){grid-column:3;grid-row:1;width:100%;min-width:0;max-width:none;margin:0}& .pay-tax-line>span:first-child{grid-column:1;justify-self:end;text-align:right;white-space:nowrap}& .pay-tax-line>.percent-input-wrap{grid-column:2;width:100%;min-width:0;max-width:180px;margin:0}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,._) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._) .pay-hours-primary{grid-template-columns:minmax(145px,180px) minmax(120px,180px) minmax(130px,160px);margin:0;padding-bottom:2px;border-bottom:0}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._){& .pay-hours-primary>span:first-child{grid-column:1;justify-self:end;text-align:right;white-space:nowrap}& #payHoursWork:is(*,#_){grid-column:2;width:100%;min-width:0;max-width:none}& #payHoursBasis:is(*,#_){grid-column:3;width:100%;min-width:0;max-width:none}& .money-input-wrap{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:3px;width:100%;min-width:0;max-width:none;margin:0}& .money-input-wrap em{position:static;left:auto;z-index:auto;display:block;justify-self:center;align-self:center;margin:2px 0 0;font-size:1rem;line-height:1}& .money-input-wrap #payRate:is(*,#_){grid-column:2;box-sizing:border-box;width:100%;min-width:0;max-width:none;padding-left:9px}}@media(max-width:560px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._){& :is(.pay-core-fields>label,.pay-weekly-primary){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:10px 3px}& :is(.pay-entry-rate>span:first-child,.pay-tax-line>span:first-child,.pay-hours-primary>span:first-child){grid-column:1/-1;grid-row:auto;justify-self:start;text-align:left}& .pay-entry-rate>.money-input-wrap{grid-column:1;grid-row:auto}& #payRateType:is(*,#_){grid-column:2;grid-row:auto}& .pay-tax-line>.percent-input-wrap{grid-column:1;grid-row:auto;max-width:none}& #payHoursWork:is(*,#_){grid-column:1;grid-row:auto}& #payHoursBasis:is(*,#_){grid-column:2;grid-row:auto}}}@media(max-width:560px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._) .pay-tax-line{&>span:first-child{grid-column:1;grid-row:1;justify-self:start;text-align:left;white-space:nowrap}&>.percent-input-wrap{grid-column:2;grid-row:1}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._) .pay-core-fields{&>.pay-tax-line{display:grid;grid-template-columns:minmax(145px,180px) minmax(120px,180px) minmax(130px,160px);grid-template-rows:46px;align-items:center;justify-content:center;gap:10px 14px}&>.pay-tax-line>span:first-child{grid-column:1;grid-row:1;justify-self:end;text-align:right;white-space:nowrap}&>.pay-tax-line>.percent-input-wrap{grid-column:2;grid-row:1;width:100%;max-width:180px;margin:0}}@media(max-width:560px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._) .pay-core-fields>.pay-tax-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:42px;gap:8px 10px}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,._) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._) .pay-input-shell:is(*,._) .pay-core-fields>.pay-tax-line{&>span:first-child{grid-column:1;grid-row:1;justify-self:start;text-align:left}&>.percent-input-wrap{grid-column:2;grid-row:1;max-width:none}}}html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._){& .pay-input-shell:is(*,._){display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:min(100%,760px);margin:0 auto 4px;padding:12px 18px;border:1px solid rgba(95,167,158,.4);border-radius:14px;background:linear-gradient(145deg,#103033,#0a2127);box-shadow:inset 0 1px 0 rgba(202,231,244,.035)}& .pay-input-shell:is(*,._) .pay-entry-grid-row{display:contents}& .pay-input-shell:is(*,._) :is(.pay-entry-rate,.pay-tax-line,.pay-hours-primary){box-sizing:border-box;display:grid;grid-template-columns:minmax(170px,210px) minmax(0,1fr);grid-template-rows:minmax(44px,auto);align-items:center;justify-items:stretch;gap:10px 16px;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:10px 4px;border:0;border-bottom:1px solid rgba(117,157,178,.2);border-radius:0;background:transparent;box-shadow:none;text-align:left;transform:none}& .pay-input-shell:is(*,._) :is(.pay-entry-rate,.pay-tax-line,.pay-hours-primary)>span:first-child{grid-column:1;grid-row:1;justify-self:start;width:auto;margin:0;color:#d8c38f;-webkit-text-fill-color:#d8c38f;font-size:.94rem;font-weight:650;line-height:1.25;text-align:left;white-space:normal;transform:none}& .pay-input-shell:is(*,._) .pay-entry-rate .pay-entry-card-controls{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:start;gap:10px;width:min(100%,340px);min-width:0;max-width:100%;margin:0}& .pay-input-shell:is(*,._) .pay-tax-line .percent-input-wrap{grid-column:2;grid-row:1;position:relative;display:block;width:min(100%,170px);min-width:0;max-width:170px;height:44px;margin:0}& .pay-input-shell:is(*,._) .pay-hours-primary .pay-hours-controls{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,170px) minmax(0,160px);align-items:center;justify-content:start;gap:10px;width:min(100%,340px);min-width:0;max-width:100%;margin:0}& .pay-input-shell:is(*,._) :is(.money-input-wrap,.percent-input-wrap){box-sizing:border-box;position:relative;display:block;width:100%;min-width:0;max-width:none;height:44px;margin:0;justify-self:stretch}& .pay-input-shell:is(*,._) :is(#payRate#payRate,#payRateType:is(*,#_),#payTaxRate:is(*,#_),#payHoursWork:is(*,#_),#payHoursBasis:is(*,#_)){box-sizing:border-box;grid-column:auto;grid-row:auto;width:100%;min-width:0;max-width:none;height:44px;min-height:44px;margin:0;padding:8px 11px;border:1px solid rgba(114,157,183,.42);border-radius:8px;background:#091a27;color:#eff7fb;-webkit-text-fill-color:#eff7fb;font-size:.96rem;font-weight:500;line-height:1.2;transform:none}& .pay-input-shell:is(*,._) :is(#payRateType:is(*,#_),#payHoursBasis:is(*,#_)){padding-right:26px}& .pay-input-shell:is(*,._) .money-input-wrap>em,& .pay-input-shell:is(*,._) .percent-input-wrap>em{position:absolute;top:50%;z-index:2;margin:0;color:#cbb57f;-webkit-text-fill-color:#cbb57f;font-size:1rem;font-style:normal;font-weight:650;line-height:1;transform:translateY(-50%);pointer-events:none}& .pay-input-shell:is(*,._) .money-input-wrap>em{left:11px}& .pay-input-shell:is(*,._) .percent-input-wrap>em{right:11px}& .pay-input-shell:is(*,._) .money-input-wrap>#payRate:is(*,#_){padding-left:28px;text-align:left}& .pay-input-shell:is(*,._) .percent-input-wrap>#payTaxRate:is(*,#_){padding-right:28px;text-align:left}& .pay-input-shell:is(*,._) :is(#payRate#payRate,#payRateType:is(*,#_),#payTaxRate:is(*,#_),#payHoursWork:is(*,#_),#payHoursBasis:is(*,#_)):focus{border-color:#7ddcff;outline:2px solid rgba(125,220,255,.16);outline-offset:1px}}@media(max-width:560px){html body.page-work-time:is(*,._).page-work-test #workDashboard:is(*,#_#_) #payCalculator:is(*,#_#_) #payCalculatorBody:is(*,#_#_) .pay-entry-panel:is(*,._){& .pay-input-shell:is(*,._){padding:8px 12px}& .pay-input-shell:is(*,._) :is(.pay-entry-rate,.pay-tax-line,.pay-hours-primary){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:7px;padding:10px 2px}& .pay-input-shell:is(*,._) :is(.pay-entry-rate,.pay-tax-line,.pay-hours-primary)>span:first-child{grid-column:1;grid-row:1}& .pay-input-shell:is(*,._) .pay-entry-rate .pay-entry-card-controls,& .pay-input-shell:is(*,._) .pay-hours-primary .pay-hours-controls{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}& .pay-input-shell:is(*,._) .pay-tax-line .percent-input-wrap{grid-column:1;grid-row:2;width:100%;max-width:none}}}html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody{& .pay-entry-grid-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(160px,.85fr);gap:12px;width:100%}& .pay-entry-hours-row{grid-template-columns:minmax(0,1fr)}& .pay-entry-grid-row>.pay-entry-card{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:8px;min-width:0;width:100%;max-width:none;min-height:0;margin:0;padding:12px;border:1px solid rgba(109,151,177,.3);border-radius:10px;background:linear-gradient(145deg,#102333,#0c1d2a);box-shadow:none;text-align:center;transform:none}& .pay-entry-card>span:first-child{grid-column:auto;grid-row:auto;justify-self:stretch;width:100%;color:#e7d2a7;-webkit-text-fill-color:#e7d2a7;font-size:14px;font-weight:600;line-height:1.25;text-align:center;white-space:normal}& :is(.pay-entry-card-controls,.pay-hours-controls){display:grid;grid-template-columns:136px 128px;align-items:center;justify-content:center;gap:8px;max-width:100%}& .pay-entry-card .money-input-wrap{position:relative;display:block;box-sizing:border-box;width:136px;min-width:0;max-width:136px;height:42px;margin:0}& .pay-entry-card .percent-input-wrap{position:relative;display:block;box-sizing:border-box;width:92px;min-width:0;max-width:92px;height:42px;margin:0}& .pay-entry-card :is(input,select){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:42px;min-height:42px;margin:0;padding:7px 10px;border:1px solid rgba(113,157,183,.48);border-radius:8px;background:linear-gradient(180deg,#071521,#0a1b28);color:#e8f0f6;-webkit-text-fill-color:#e8f0f6;font-size:15px;text-align:center;box-shadow:inset 0 1px 4px rgba(0,0,0,.24);transform:none}& .pay-entry-card .money-input-wrap>em,& .pay-entry-card .percent-input-wrap>em{position:absolute;top:50%;z-index:2;margin:0;color:#cbb57f;-webkit-text-fill-color:#cbb57f;font-size:1rem;font-style:normal;font-weight:650;line-height:1;transform:translateY(-50%);pointer-events:none}& .pay-entry-card .money-input-wrap>em{left:10px}& .pay-entry-card .percent-input-wrap>em{right:10px}& .pay-entry-card .money-input-wrap>#payRate{padding-left:26px;text-align:left}& .pay-entry-card .percent-input-wrap>#payTaxRate{padding-right:27px;text-align:left}& .pay-entry-hours-row>.pay-entry-card{grid-column:1/-1}}@media(max-width:720px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-entry-grid-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:430px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody{& .pay-input-shell{padding:10px}& :is(.pay-entry-card-controls,.pay-hours-controls){grid-template-columns:126px 112px;gap:6px}& .pay-entry-card .money-input-wrap{width:126px;max-width:126px}& .pay-entry-rate .pay-entry-card-controls>select,& .pay-hours-controls>select{width:112px}}}html body.page-work-time #workDashboard #freeTimeCalculator.finance-card{background:linear-gradient(145deg,#12313a,#0b2029)}html body.page-work-time.page-work-test #workDashboard #payCalculator{& .work-pay-heading #workPayTitle{margin:6px 0 0}& #payCalculatorBody .pay-entry-rate .pay-entry-card-controls{grid-template-columns:minmax(125px,145px) minmax(160px,185px);gap:9px;width:min(100%,339px);justify-content:start}& #payCalculatorBody .pay-entry-rate .pay-entry-card-controls .money-input-wrap{width:100%;max-width:none}& #payCalculatorBody .pay-entry-rate .pay-entry-card-controls>select{width:100%;min-width:0}}@media(max-width:430px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-entry-rate{& .pay-entry-card-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%;gap:7px}& .pay-entry-card-controls .money-input-wrap{width:100%;max-width:none}& .pay-entry-card-controls>select{width:100%;min-width:0}}}html body.page-work-time.page-work-test #workDashboard{& #payCalculator #payCalculatorBody .pay-entry-panel>#calculatePayButton{grid-column:1/-1;justify-self:center;width:min(100%,240px);margin:12px auto 0}& #expenseCalculator #budgetCalculatorBody .budget-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,370px);min-height:40px;margin:12px auto 4px;padding:8px 13px;border:1px solid rgba(91,137,160,.52);border-radius:8px;background:linear-gradient(180deg,#142638,#0b1925);color:#dbe8ef;-webkit-text-fill-color:#dbe8ef;font:inherit;font-weight:650;text-align:left;cursor:pointer}& #expenseCalculator #budgetCalculatorBody .budget-section-toggle::after{content:"+";display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(127,180,202,.48);border-radius:5px;color:#c0e0ed;font-size:1.05rem;font-weight:500;line-height:1}& #expenseCalculator #budgetCalculatorBody .budget-section-toggle[aria-expanded="true"]::after{content:"−"}& #expenseCalculator #budgetCalculatorBody :is(.budget-section-toggle:hover,.budget-section-toggle:focus-visible){border-color:#82b7ce;background:linear-gradient(180deg,#1a3042,#102233);color:#f0f7fa;-webkit-text-fill-color:#f0f7fa}& #expenseCalculator #budgetCalculatorBody .budget-section-toggle:focus-visible{outline:2px solid rgba(126,181,208,.24);outline-offset:2px}& #expenseCalculator #budgetCalculatorBody .budget-step-calculate{background:linear-gradient(145deg,#101e29,#0a1620);box-shadow:inset 0 1px 0 rgba(181,213,231,.025)}& #expenseCalculator #budgetCalculatorBody .budget-step-calculate .budget-step-header{background:linear-gradient(90deg,#102232,#0b1b28)}}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) #freeTimeCalculator:is(*,#_).finance-card{border-color:rgba(82,140,205,.52);background:linear-gradient(145deg,#0c2239,#071626);background-color:#071626}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator .free-time-header-icon{border-color:rgba(102,170,220,.72);background:linear-gradient(145deg,#193c5b,#10283f);color:#aedcff}html body.page-work-time:is(*,._) #workDashboard:is(*,#_) #payCalculator:is(*,#_).finance-card{border-color:rgba(100,171,190,.62);background:linear-gradient(145deg,#0d2a33 0%,#071f27 55%,#05171f 100%);background-color:#071c24;box-shadow:inset 0 1px 0 rgba(194,232,240,.07),0 12px 28px rgba(2,12,15,.24)}html body.page-work-time.page-work-test #workDashboard #payCalculator{& #payCalculatorBody .finance-entry-panel.pay-entry-panel{border-color:rgba(89,163,174,.4);background:linear-gradient(145deg,#133b45,#0e2d36)}& .work-pay-icon{border-color:rgba(117,196,207,.62);background:linear-gradient(145deg,#20515a,#123841);color:#b5e9ef}& .work-pay-heading #workPayTitle{color:#d0f1f4}& #payCalculatorBody .pay-input-shell{border-color:rgba(95,169,179,.42);background:linear-gradient(145deg,#10323a,#0a232b)}& #payCalculatorBody .pay-input-shell .pay-daily-week-panel{display:grid;grid-template-columns:minmax(145px,180px) minmax(0,354px);justify-content:center;align-items:end;gap:10px 14px;width:100%;margin:0;padding:10px 8px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}& #payCalculatorBody .pay-input-shell .pay-daily-week-panel[hidden]{display:grid}& #payCalculatorBody .pay-input-shell .pay-daily-week-heading{align-self:center;text-align:right}& #payCalculatorBody .pay-input-shell .pay-hours-primary .pay-hours-controls{grid-template-columns:minmax(120px,150px) minmax(150px,190px);width:min(100%,350px)}& #payCalculatorBody .pay-input-shell #payHoursBasis{min-width:150px;padding-left:12px;padding-right:30px}}@media(max-width:560px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-input-shell{& .pay-daily-week-panel{grid-template-columns:minmax(0,1fr);padding-inline:3px}& .pay-daily-week-heading{text-align:left}& .pay-hours-primary .pay-hours-controls{grid-template-columns:minmax(0,.9fr) minmax(150px,1.1fr);width:100%}& #payHoursBasis{min-width:150px}}}@media(max-width:390px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-input-shell{& .pay-hours-primary .pay-hours-controls{grid-template-columns:minmax(0,1fr)}& #payHoursBasis{min-width:0}}}html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-input-shell{& .pay-entry-card.pay-hours-primary{grid-template-columns:minmax(145px,180px) minmax(300px,350px)!important}& .pay-entry-card.pay-hours-primary .pay-hours-controls{grid-column:2!important;grid-row:1!important;grid-template-columns:minmax(120px,150px) minmax(160px,190px)!important;width:350px!important;max-width:100%!important}& .pay-entry-card.pay-hours-primary #payHoursBasis{width:100%!important;min-width:160px!important}}@media(max-width:560px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-input-shell{& .pay-entry-card.pay-hours-primary{grid-template-columns:minmax(0,1fr)!important}& .pay-entry-card.pay-hours-primary .pay-hours-controls{grid-column:1!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) minmax(150px,1.1fr)!important;width:100%!important}& .pay-entry-card.pay-hours-primary #payHoursBasis{min-width:150px!important}}}@media(max-width:390px){html body.page-work-time.page-work-test #workDashboard #payCalculator #payCalculatorBody .pay-input-shell .pay-entry-card.pay-hours-primary{& .pay-hours-controls{grid-template-columns:minmax(0,1fr)!important}& #payHoursBasis{min-width:0!important}}}@media(max-width:600px){html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator{& .free-time-availability-stats.free-time-availability-summary{grid-template-columns:minmax(0,1fr)}& .free-time-availability-summary .free-time-summary-item{width:min(100%,360px)}}}html body.page-work-time.page-work-test #workDashboard #freeTimeCalculator .free-time-availability-summary{& .free-time-summary-item:is(.is-workday,.is-dayoff){border-color:#347b94!important;background:#0b2340!important;box-shadow:inset 0 1px 0 rgba(142,224,239,.09),0 5px 14px rgba(0,8,20,.24)!important}& .free-time-summary-item:is(.is-workday,.is-dayoff) p{color:#a8eaf0!important}& .free-time-summary-item:is(.is-workday,.is-dayoff) strong{color:#54e5ed!important}}html body.page-work-time main.shell.shell #workLifePlanner.wlp{box-sizing:border-box;grid-template-columns:minmax(0,1fr);width:min(100%,var(--site-top-card-max-width,1100px));max-width:var(--site-top-card-max-width,1100px);margin-left:auto;margin-right:auto}html body.page-work-time #workLifePlanner.wlp > *{min-width:0;max-width:100%}html body.page-work-time #workLifePlanner{& .wlp-phase-statuses{gap:7px}& .wlp-phase-statuses #wlpStatus{margin-bottom:10px}& .wlp-phase-statuses + #wlpEditSchedule{margin-top:8px}& #wlpWeekdayBubble .wlp-status-dayname.is-sunday{text-shadow:none}& #wlpStatus{border-color:var(--wlp-status-accent,#7ebbcf)!important}& #wlpStatus .wlp-status-value-row{gap:clamp(7px,1.2vw,14px)}& #wlpStatus .wlp-status-value-row::before,& #wlpStatus .wlp-status-value-row::after{content:"";display:block;flex:0 1 30px;width:30px;height:2px;border-radius:999px;background:var(--wlp-status-accent,#7ebbcf)}& #wlpStatus .wlp-status-value-row::before{background:linear-gradient(90deg,transparent,var(--wlp-status-accent,#7ebbcf))}& #wlpStatus .wlp-status-value-row::after{background:linear-gradient(90deg,var(--wlp-status-accent,#7ebbcf),transparent)}& #wlpStatus .wlp-status-value{font-size:1.5rem!important;font-weight:600!important;line-height:1.2}& #wlpStatus[data-category="freeDay"]{--wlp-status-accent:#91e7b5}}@media(max-width:640px){html body.page-work-time #workLifePlanner #wlpStatus{& .wlp-status-value-row::before,& .wlp-status-value-row::after{flex-basis:18px;width:18px}& .wlp-status-value{font-size:1.375rem!important}}}#workLifePlanner .wlp-view-toolbar{& .wlp-view-intro{text-align:center;display:grid;gap:3px}& .wlp-view-intro h3{margin:5px 0 9px;color:#83cdb8;font-size:1.12rem;font-weight:550;line-height:1.25;letter-spacing:.01em}& .wlp-view-intro p{width:min(100%,420px);margin:14px auto 18px;color:#bdd3df;font-size:.92rem;line-height:1.4}}html body.page-work-time #workLifePlanner{& #wlpStatus{background:#222b32!important;border-radius:18px!important}& #wlpStatus[data-category="work"]{--wlp-status-accent:#f0a36f}& #wlpStatus[data-category="lunch"]{--wlp-status-accent:#e2ca7a}& #wlpStatus[data-category^="commute"]{--wlp-status-accent:#d1b392}& #wlpStatus[data-category="preparation"]{--wlp-status-accent:#df9a86}& #wlpStatus[data-category="bedPreparation"]{--wlp-status-accent:#c8b7eb}& #wlpStatus[data-category="sleep"]{--wlp-status-accent:#b4b2f1}& #wlpStatus[data-category^="free"]{--wlp-status-accent:#9ac4ff}& #wlpStatus .wlp-status-value{color:var(--wlp-status-accent)!important;-webkit-text-fill-color:var(--wlp-status-accent)!important}& #wlpStatus .wlp-status-value-row::before{background:linear-gradient(90deg,transparent,var(--wlp-status-accent))!important}& #wlpStatus .wlp-status-value-row::after{background:linear-gradient(90deg,var(--wlp-status-accent),transparent)!important}& #wlpStatus{border-color:var(--wlp-status-accent)!important}& #wlpWeekdayBubble .wlp-status-dayname.is-sunday{color:#ead9a0;font-size:2.4rem}}@media(max-width:640px){html body.page-work-time #workLifePlanner #wlpWeekdayBubble .wlp-status-dayname.is-sunday{font-size:2.1rem}}html body.page-work-time #workLifePlanner #wlpWeekdayBubble .wlp-status-dayname{margin-bottom:5px!important;font-family:var(--font-ui,Inter,system-ui,sans-serif)!important;font-size:1.26rem!important;font-weight:500!important;line-height:1.2!important;letter-spacing:0!important}html body.page-work-time.page-work-test #workTestOverviewCard{& .work-test-share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,680px);margin:12px auto 0}& .work-test-share-options label{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:34px;margin:0;padding:7px 10px;border:1px solid rgba(102,160,186,.34);border-radius:8px;background:#10283a;color:#c8dce7;font-size:.8rem;font-weight:450;line-height:1.3;text-align:left;cursor:pointer}& .work-test-share-options input{flex:0 0 15px;width:15px;height:15px;min-height:15px;margin:0;accent-color:#64c9dd}}@media(max-width:600px){html body.page-work-time.page-work-test #workTestOverviewCard{& .work-test-share-options{grid-template-columns:minmax(0,1fr);gap:6px}& .work-test-share-options label{min-height:32px;padding:6px 9px}}}html body.page-work-time #workLifePlanner.wlp{--wlp-bg: #102b3b;--wlp-panel: #0b2030;--wlp-line: #36596a;--wlp-text: #edf5fa;--wlp-muted: #a7c1d1;--wlp-work: #B1501E;--wlp-work-segment: #B1501E;--wlp-work-total: #8B5D45;--wlp-lunch: #b7923f;--wlp-lunch-segment: #8A712A;--wlp-free: #052d69;--wlp-commute: #76522F;--wlp-commute-segment: #66492D;--wlp-sleep: #41416e;--wlp-days-off: #3f826f;display:grid;gap:18px;width:100%;min-width:0;margin:0;padding:clamp(18px, 3vw, 32px);border:1px solid #3c6478;border-radius:18px;background:linear-gradient(155deg, #102b3b, #0b2131 70%);box-shadow:0 12px 30px rgb(0 0 0 / 15%);color:var(--wlp-text);text-align:left;font:400 16px/1.45 var(--font-ui, system-ui, sans-serif);isolation:isolate;overflow:visible;opacity:1;transform:none;animation:none}#workLifePlanner *,#workLifePlanner *::before,#workLifePlanner *::after,#wlp-menu,#wlp-menu *{box-sizing:border-box}html body.page-work-time #workLifePlanner [hidden],#wlp-menu[hidden]{display:none !important}#workLifePlanner{& .wlp-header{margin:-12px 0 -10px;text-align:center}& .wlp-title-icon{display:block;width:42px;height:42px;margin:0 auto 6px;object-fit:contain}& .wlp-header h2{margin:0 0 4px;padding:0;color:#d6eeff;font:500 clamp(24px, 2.7vw, 30px)/1.2 var(--font-ui, system-ui, sans-serif);letter-spacing:-.025em;text-shadow:none}& .wlp-header h2::before,& .wlp-header h2::after,& h3::before,& h3::after{content:none}& .wlp-header p{max-width:620px;margin:0 auto;color:var(--wlp-muted);font-size:.9rem;line-height:1.5}& .wlp-routine{width:100%;max-width:none;margin:0 auto;padding:18px 24px;border:1px solid #294c60;border-radius:14px;background:var(--wlp-panel);scroll-margin-top:88px}& .wlp-routine h3{margin:0 0 8px;padding:0;color:#c2e8f5;font-size:1.4rem;font-weight:600;text-align:center;line-height:1.4}& .wlp-schedule-editor{border-top:0;margin-top:0;padding-top:4px}& .wlp-schedule-title{margin:0 auto 4px;color:#d4edf7;font-size:1.2rem;font-weight:650;line-height:1.3;text-align:center}& .wlp-schedule-help{margin:0 auto 12px;color:#b8d4e1;font-size:.9rem;line-height:1.45;text-align:center}& .wlp-input-row{--wlp-category-label: #c4e6f6;--wlp-control-bg: #263746;--wlp-control-hover: #304656;--wlp-control-border: #456e87;display:grid;grid-template-columns:30px minmax(0, 380px);align-items:center;gap:14px;width:min(100%, 424px);min-width:0;margin-inline:auto;padding:14px 0}& .wlp-routine-grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:0;align-items:stretch}& .wlp-schedule-group{min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}& .wlp-schedule-group + .wlp-schedule-group{margin-top:12px;padding-top:0;border-top:0}& .wlp-schedule-group-content{min-width:0}& .wlp-schedule-group-content .wlp-input-row{padding:9px 0}& .wlp-schedule-group-content .wlp-input-row + .wlp-input-row{border-top:0}& .wlp-schedule-group-day-details .wlp-input-row[data-category="lunch"]{border-top:0}& .wlp-schedule-group-sleep .wlp-input-row[data-category^="sleep"]{border-top:0}& .wlp-schedule-group .wlp-row-fields{width:100%;max-width:400px;margin:0}& .wlp-schedule-group-work .wlp-row-fields{max-width:400px}& .wlp-schedule-group-sleep .wlp-row-fields{max-width:400px}& .wlp-schedule-group .wlp-field-pair{width:100%;gap:8px}& .wlp-schedule-group .wlp-field-pair label > span{white-space:normal}& .wlp-input-row[data-category="lunch"]{border-top:0}& .wlp-input-row[data-category^="sleep"]{border-top:0}& .wlp-input-row[data-category^="sleep"]{grid-column:auto;width:min(100%, 424px);margin-inline:auto;justify-self:center}& .wlp-input-row[data-category="work"]{--wlp-category-label: #efad78;--wlp-control-border: #d18445}& .wlp-input-row[data-category="week"]{--wlp-category-label: #efad78;--wlp-control-border: #d18445}& .wlp-input-row[data-category="lunch"]{--wlp-category-label: #dbc078;--wlp-control-border: var(--wlp-lunch-segment)}& .wlp-input-row[data-category="commute"]{--wlp-category-label: #c9a47e;--wlp-control-border: var(--wlp-commute)}& .wlp-input-row[data-category="sleep"]{--wlp-category-label: #c7caeb;--wlp-control-border: #8d93bf}& .wlp-input-row[data-category^="sleep"]{--wlp-category-label: #c7caeb;--wlp-control-border: #8d93bf}& .wlp-input-row[data-category="lunch"] > .wlp-row-fields > .wlp-field-pair{display:block;width:100%}& .wlp-input-row[data-category="lunch"] .wlp-lunch-fields > .wlp-field-pair{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) max-content;align-items:end;gap:8px;width:100%}& .wlp-no-lunch{display:inline-flex;grid-column:auto;align-items:center;justify-self:start;width:max-content;gap:5px;margin:0 0 9px;color:#dbc078;font-size:.8rem;line-height:1.2;white-space:nowrap;cursor:pointer}& .wlp-no-lunch > span{white-space:nowrap}}html body.page-work-time #workLifePlanner{& .wlp-field-pair label.wlp-no-lunch{display:inline-flex;flex-direction:column;grid-column:auto;justify-self:start;grid-template-columns:none;align-items:center;justify-content:flex-start;margin:0 0 9px;text-align:center}& .wlp-no-lunch input[type="checkbox"]{accent-color:var(--wlp-lunch)}}#workLifePlanner{& .wlp-row-icon{display:grid;place-items:center;align-self:center;width:30px;height:30px;color:var(--wlp-category-label);line-height:0}& .wlp-input-row > .wlp-row-icon{transform:translateY(7px)}& .wlp-row-icon svg{display:block;width:28px;height:28px;max-width:100%;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}& .wlp-row-fields{min-width:0;width:min(100%, 400px);margin-inline:auto}& .wlp-field-pair{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:end;gap:12px;width:min(100%, 390px)}}html body.page-work-time #workLifePlanner .wlp-field-pair label{display:grid;gap:5px;min-width:0;margin:0;padding:0;color:#bfd0dd;font-size:.8rem;font-weight:400;line-height:1.3;text-transform:none}#workLifePlanner{& .wlp-field-pair label > span{white-space:nowrap}& .wlp-select{position:relative;display:grid;gap:5px;min-width:0;width:100%}& .wlp-select > span{display:block;min-width:0;color:var(--wlp-category-label, #bfd0dd);font-size:.8rem;font-weight:400;line-height:1.3;white-space:normal}& .wlp-schedule-group-sleep .wlp-select > span{white-space:nowrap}& :is(#wlp-sleepStart-label, #wlp-sleepEnd-label){color:#cba9f7}& :is(#wlp-dayOffSleepStart-label, #wlp-dayOffSleepEnd-label){color:#b39be8}}html body.page-work-time #workLifePlanner .wlp-select input,html body.page-work-time #workLifePlanner .wlp-field-pair :is(select, input),html body.page-work-time #workLifePlanner .wlp-select-button{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:8px 12px;border:1px solid var(--wlp-control-border);border-radius:8px;background:var(--wlp-control-bg);box-shadow:none;color:#f0f6fa;-webkit-text-fill-color:currentColor;font:400 .94rem/1.25 var(--font-ui, system-ui, sans-serif);text-align:left;text-transform:none;text-shadow:none;white-space:nowrap;cursor:pointer;transition:background-color 120ms ease, border-color 120ms ease}#workLifePlanner .wlp-select-button.is-attention{animation:wlp-schedule-field-glow 3.4s ease-in-out both}@keyframes wlp-schedule-field-glow{0%, 100% { border-color: var(--wlp-control-border); box-shadow: none; filter: none; } 20%, 72% { border-color: #ffc178; box-shadow: 0 0 0 2px rgb(255 176 95 / 28%), 0 0 20px rgb(255 158 62 / 62%); filter: brightness(1.18); }}#workLifePlanner{& .wlp-select input[data-schedule-input]{display:block;cursor:text;font-variant-numeric:tabular-nums;color-scheme:dark}& .wlp-select-button::after{content:none}& .wlp-select-button > svg{display:block;flex:0 0 10px;width:10px;height:7px;min-height:0;margin:0;padding:0;border:0;background:none;color:#b7cfdb;overflow:visible}}html body.page-work-time #workLifePlanner .wlp-select-button:disabled{opacity:.55;cursor:not-allowed;filter:none}#workLifePlanner .wlp-select.has-conflict .wlp-select-button,html body.page-work-time #workLifePlanner .wlp-select.has-conflict .wlp-select-button{border:2px solid #f06b72;outline:2px solid rgba(240, 107, 114, .32);outline-offset:2px;box-shadow:0 0 0 3px rgba(197, 57, 67, .16), 0 0 16px rgba(232, 73, 84, .28)}html body.page-work-time #workLifePlanner .wlp-select input[data-schedule-input]:hover,html body.page-work-time #workLifePlanner .wlp-field-pair :is(select, input):hover,html body.page-work-time #workLifePlanner :is(.wlp-select-button:hover,.wlp-select-button[aria-expanded="true"],.wlp-select-button:focus-visible){border-color:var(--wlp-category-label);background:var(--wlp-control-hover);filter:none}html body.page-work-time #workLifePlanner :is(button, select, input):focus-visible,#wlp-menu .wlp-option:focus-visible{outline:2px solid #a3e1f7;outline-offset:3px;box-shadow:none}html body.page-work-time #workLifePlanner input[type="checkbox"]{width:17px;height:17px;min-height:17px;margin:0;padding:0;accent-color:var(--wlp-commute)}#workLifePlanner{& .wlp-schedule-duration-grid{display:grid;grid-template-columns:minmax(0, 1fr);align-items:start;gap:8px;width:min(100%, 420px);margin:0 auto}& .wlp-ready-pair{display:grid;grid-template-columns:26px repeat(2, minmax(0, 1fr));align-items:start;gap:10px;width:100%;min-width:0}& .wlp-duration-group{display:grid;align-items:start;align-self:start;width:100%;min-width:0;padding:8px 0}& .wlp-preparation-group{grid-template-columns:minmax(0, 1fr);max-width:none;width:100%;margin:0}& .wlp-commute-group{grid-template-columns:26px repeat(2, minmax(0, 1fr));gap:10px}& .wlp-bed-preparation-group{grid-template-columns:minmax(0, 1fr);max-width:none;width:100%;margin:0}& .wlp-commute-group .wlp-row-icon{color:#d2b28d}& .wlp-ready-pair > .wlp-row-icon{color:#e0a18c}& .wlp-schedule-group .wlp-select{min-width:0}& .wlp-schedule-group .wlp-select-preparationDuration{--wlp-category-label: #e0a18c;--wlp-control-border: #a76652;--wlp-control-bg: #263746;--wlp-control-hover: #304656}& .wlp-schedule-group .wlp-select-bedPreparationDuration{--wlp-category-label: #c8b7eb;--wlp-control-border: #8976ad;--wlp-control-bg: #263746;--wlp-control-hover: #304656}& .wlp-schedule-group :is(.wlp-select-dayOffSleepStart,.wlp-select-dayOffSleepEnd){--wlp-category-label: #b39be8;--wlp-control-border: #75629a;--wlp-control-bg: #252a3b;--wlp-control-hover: #30354a}& .wlp-schedule-group :is(.wlp-select-commuteTo, .wlp-select-commuteFrom){--wlp-category-label: #d2b28d;--wlp-control-border: #8b6c4e;--wlp-control-bg: #263746;--wlp-control-hover: #304656}& .wlp-optional-fields .wlp-field-pair{grid-column:1 / -1;width:100%}& .wlp-optional-fields .wlp-field-pair label,& .wlp-optional-fields .wlp-select > span{color:var(--wlp-optional-accent)}}html body.page-work-time #workLifePlanner .wlp-optional-row .wlp-optional-fields :is(.wlp-native-field, .wlp-activity-name, .wlp-activity-scope) > span{color:var(--wlp-optional-accent);-webkit-text-fill-color:currentColor}#workLifePlanner{& .wlp-optional-fields .wlp-field-pair :is(input[type="time"], .wlp-select-button){border-color:var(--wlp-optional-border);background:var(--wlp-control-bg)}& .wlp-optional-fields :is(:is(input[type="time"], input[type="text"], select, .wlp-select-button):hover,:is(input[type="time"], input[type="text"], select, .wlp-select-button):focus-visible){border-color:var(--wlp-optional-accent);background:var(--wlp-control-hover)}& .wlp-optional-fields .wlp-field-pair label > span{white-space:normal}& :is(.wlp-lunch-fields[hidden],[data-optional-section][hidden]){display:none !important}& .wlp-error{max-width:650px;margin:12px auto 20px;padding:12px 16px;border:1px solid #b7756a;border-radius:8px;background:#3b2830;color:#ffe0d9;font-size:.87rem;line-height:1.5}& .wlp-visual{width:min(100%, 1120px);margin:0 auto;padding:22px 18px 18px;border:1px solid #426c82;border-radius:16px;background:linear-gradient(145deg, #102d43, #102a35);box-shadow:inset 0 1px 0 #7db4cc20, 0 6px 18px #06121d28;text-align:center}& .wlp-visual[data-view="day"]{padding-top:12px;padding-bottom:8px}& .wlp-visual[data-view="day"] .wlp-status{margin-bottom:10px}& .wlp-visual[data-view="day"] .wlp-legend{margin-top:6px;margin-bottom:18px}& .wlp-visual[data-view="week"]{padding-top:12px;padding-bottom:8px}& .wlp-visual[data-view="week"] .wlp-status{margin-bottom:10px}& .wlp-visual[data-view="week"] .wlp-legend{margin-top:6px;margin-bottom:18px}& .wlp-slider-panel{min-width:0;padding:0}& .wlp-slider-panel .wlp-view-controls{margin:0}& .wlp-view-toolbar{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;gap:10px;margin:8px 0 20px}& .wlp-edit-schedule-jump{position:static;display:flex;width:fit-content;margin:0 auto 8px;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 24px;border:2px solid #d5ad5e;border-radius:999px;background:linear-gradient(180deg, #725623, #51401f);box-shadow:0 4px 14px rgba(139, 103, 35, .24), inset 0 1px 0 rgba(255, 243, 207, .16);color:#fff1c9;font:700 1rem/1.2 var(--font-ui, system-ui, sans-serif);white-space:nowrap;cursor:pointer}& .wlp-edit-schedule-jump svg{width:16px;height:16px;flex:0 0 auto}& .wlp-edit-schedule-jump:hover{border-color:#f0d58e;background:linear-gradient(180deg, #896a2c, #665020);color:#fff8e5;box-shadow:0 5px 16px rgba(175, 132, 49, .3), inset 0 1px 0 rgba(255, 248, 226, .2)}& .wlp-edit-schedule-jump:focus-visible{outline:2px solid #f0d58e;outline-offset:3px}& .wlp-summary-bracket{cursor:pointer}& .wlp-summary-bracket-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke}& :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}& .wlp-summary-bracket.is-work :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap),& .wlp-summary-bracket.is-work-week :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){stroke:#db874b}& .wlp-summary-bracket.is-personal :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){stroke:#3e75ce}& .wlp-summary-bracket.is-days-off :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){stroke:#4b9b6c}& .wlp-summary-bracket.is-free :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){stroke:#3496a7}& .wlp-summary-bracket.is-sleep :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){stroke:#8c79b5}& .wlp-summary-bracket:hover .wlp-summary-bracket-arc{stroke-width:3.5}& .wlp-summary-bracket:focus-visible{outline:none}& .wlp-summary-bracket:focus-visible :is(.wlp-summary-bracket-arc,.wlp-summary-bracket-cap){stroke:#e5fbff;stroke-width:4}& .wlp-summary-curved-label{font:700 18px var(--font-ui, system-ui, sans-serif);stroke:transparent;stroke-width:12px;paint-order:stroke fill;pointer-events:stroke;cursor:pointer}& :is(.wlp-summary-curved-label.is-work,.wlp-summary-curved-label.is-work-week){fill:#f1d4bf}& .wlp-summary-curved-label.is-personal{fill:#b0c8ff}& .wlp-summary-curved-label.is-days-off{fill:#b9ebcf}& .wlp-summary-curved-label.is-free{fill:#a9e2e8}& .wlp-summary-curved-label.is-sleep{fill:#d0c3eb}& :is(.wlp-view-controls,.wlp-table-tabs){display:flex;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:0 auto 16px;padding:4px;border:1px solid #33576d;border-radius:10px;background:#0b2131}& .wlp-view-controls button,& .wlp-table-tabs button{min-width:0;min-height:42px;margin:0;padding:8px 20px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#b9d4e5;font:400 .92rem/1.2 var(--font-ui, system-ui, sans-serif);text-transform:none;text-shadow:none;white-space:nowrap;cursor:pointer}& .wlp-view-controls :is(button.is-active,button[aria-selected="true"]),& .wlp-table-tabs :is(button.is-active,button[aria-selected="true"]){border-color:#568aa6;background:#204b66;color:#f0faff}& .wlp-view-controls button:hover,& .wlp-table-tabs button:hover{background:#1a3d53;color:#fff;filter:none}& .wlp-view-controls{display:flex;align-items:stretch;justify-content:center;width:min(100%, 360px);gap:3px;border:1px solid #3c6274;border-radius:13px;background:#102a3a}& .wlp-view-controls button{flex:1 1 0;width:100%;min-width:0;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:#a9c3d0;font-family:var(--font-ui, system-ui, sans-serif);font-size:1.05rem;font-weight:600;line-height:1.2;letter-spacing:.01em;transition:background .15s ease, border-color .15s ease, box-shadow .15s ease}& .wlp-view-controls button[aria-pressed="true"]{position:relative;overflow:hidden;z-index:1;border:1px solid #527987;background:#244858;box-shadow:inset 0 1px 0 rgba(209, 237, 245, .1);color:#edf7f7}& .wlp-view-controls button:not([aria-pressed="true"]):hover{border-color:#4d6f7f;background:#1a3949;color:#e3f0f4}& .wlp-view-controls button:focus-visible{outline:2px solid #b4edf4;outline-offset:3px}& .wlp-view-controls button:active{box-shadow:inset 0 2px 4px #03111d55}& .wlp-status{display:grid;justify-items:center;gap:4px;box-sizing:border-box;min-height:98px;margin:0 auto 18px;padding:12px 20px;border:2px solid color-mix(in srgb, var(--wlp-status-accent, #7ebbcf) 46%, #7695a5);border-radius:12px;background:#202f3b;box-shadow:inset 0 1px 0 #c6edff12;text-align:center}& .wlp-phase-statuses{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:min(100%, 740px);margin:0 auto 16px}& .wlp-phase-statuses > .wlp-status{width:100%;min-width:0;padding:9px clamp(6px, 1.3vw, 12px);gap:3px}& .wlp-phase-statuses :is(.wlp-status-label,.wlp-status-value,.wlp-status-progress,.wlp-status-dayname){max-width:100%;overflow-wrap:anywhere}& .wlp-status{width:min(100%, 400px);min-height:0;margin-bottom:14px;padding:10px 18px;gap:2px}& #wlpStatus{border-color:color-mix(in srgb, var(--wlp-status-accent, #7ebbcf) 40%, #7695a5)}& #wlpWeekStatus{background:#24343d;border-color:color-mix(in srgb, var(--wlp-status-accent, #7ebbcf) 40%, #71818a)}& #wlpWeekStatus .wlp-status-progress{margin-top:4px;font-size:1.12rem}& .wlp-weekday-bubble{width:min(100%, 400px);margin:0 auto 14px;padding:0;text-align:center}& .wlp-weekday-bubble.wlp-status-weekday{margin-top:0}& #wlpWeekStatus .wlp-weekday-bubble.wlp-status-weekday{width:100%;margin:1px auto 0}& #wlpStatus .wlp-weekday-bubble.wlp-status-weekday{width:100%;margin:1px auto 0}& .wlp-status-label{color:color-mix(in srgb, var(--wlp-status-accent, #7ebbcf) 64%, #f5f9fc);font-size:.96rem;font-weight:500}& :is(#wlpStatus, #wlpWeekStatus) .wlp-status-label{color:#f2c66d}& :is(#wlpStatus, #wlpWeekStatus) > .wlp-status-label{color:#ffd56f;font-weight:700}& .wlp-status-value{color:#f2fbff;color:color-mix(in srgb, var(--wlp-status-accent, #7ebbcf) 52%, #f7fcff);margin-bottom:5px;font-size:1.44rem;font-weight:650;line-height:1.25}& :is(#wlpStatus, #wlpWeekStatus) .wlp-status-value{filter:saturate(.78) brightness(.93)}& .wlp-status-progress{margin:0;color:#d8e8f1;font-size:1rem;font-weight:500}& .wlp-status-progress{color:color-mix(in srgb, var(--wlp-status-accent, #7ebbcf) 18%, #f8fdff);margin-bottom:5px;font-size:.9rem;font-weight:600;line-height:1.3}& .wlp-status-weekday{display:grid;justify-items:center;gap:0;margin-top:4px}& .wlp-status-week-context{margin-bottom:10px;color:#acd9ed;font-size:1.26rem;font-weight:700;line-height:1.2}& #wlpWeekdayBubble[data-day-type="dayOff"] .wlp-status-week-context{color:#a9deb9}& .wlp-status-dayname{margin-top:0;color:#e8dfc9;font-family:var(--font-ui, Inter, system-ui, sans-serif);font-size:1.85rem;font-style:normal;font-weight:500;line-height:1.1;letter-spacing:-.015em}& #wlpWeekdayBubble[data-day-type="workday"] .wlp-status-dayname{color:#e8c79a}& #wlpWeekdayBubble[data-day-type="dayOff"] .wlp-status-dayname{color:#c6d8b8}& .wlp-status[data-category="work"]{--wlp-status-accent: var(--wlp-work-segment)}& .wlp-status[data-category="work"] .wlp-status-value{color:#e9b184}& .wlp-status[data-category="lunch"]{--wlp-status-accent: var(--wlp-lunch)}& :is(.wlp-status[data-category="commuteTo"],.wlp-status[data-category="commuteFrom"]){--wlp-status-accent: var(--wlp-commute)}& .wlp-status[data-category="preparation"]{--wlp-status-accent: #bd7164}& .wlp-status[data-category="bedPreparation"]{--wlp-status-accent: #9276c5}& .wlp-status[data-category="sleep"]{--wlp-status-accent: var(--wlp-sleep)}& #wlpStatus[data-sleep-type="dayOff"]{--wlp-status-accent: #9685c3;border-color:#8579a9;box-shadow:inset 0 1px 0 #c6edff12}& #wlpStatus[data-sleep-type="dayOff"] .wlp-status-value{color:#c5b8e9}& :is(.wlp-status[data-category="freeBefore"],.wlp-status[data-category="freeDay"],.wlp-status[data-category="freeAfter"],.wlp-status[data-category="freeOther"]){--wlp-status-accent: var(--wlp-free)}& .wlp-status[data-category="freeAfter"] .wlp-status-value{color:#96bce9}& .wlp-status[data-category="freeDay"] .wlp-status-value{color:#78cbdc}& .wlp-status[data-category="commuteFrom"] .wlp-status-value{color:#dac09f}& .wlp-status[data-category="daysOff"]{--wlp-status-accent: var(--wlp-days-off)}& #wlpWeekStatus[data-category="work"] .wlp-status-value{color:#ffc98f}& #wlpWeekStatus[data-category="daysOff"] .wlp-status-value{color:#91e7b5}& .wlp-dial-wrap{position:relative;display:block;width:min(100%, 640px);min-width:0;margin:0 auto;padding:0;overflow:visible}& .wlp-dial-details[hidden]{display:none !important}& .wlp-dial-details{position:absolute;z-index:5;width:min(350px, calc(100% - 20px));max-height:min(300px, 76%);overflow:auto;padding:14px 16px;border:1px solid #64b9cd;border-radius:13px;background:linear-gradient(150deg, rgba(12, 39, 57, .98), rgba(6, 23, 37, .99));box-shadow:inset 0 1px 0 #e3f8ff18, 0 12px 30px #020a13a8;color:#e9f4fa;text-align:left}& .wlp-dial-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}& .wlp-dial-details-header h4{margin:0;color:#d5efff;font-size:1rem;font-weight:650;line-height:1.3}& .wlp-dial-details-header p{margin:3px 0 0;color:#82dce8;font-size:.86rem;font-weight:650}& .wlp-dial-details-close{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;border:1px solid #52768a;border-radius:8px;background:#102c40;color:#e9f8ff;font-size:1.15rem;line-height:1;cursor:pointer}& .wlp-dial-details-close:hover{border-color:#8de2ec;background:#19455a}& .wlp-dial-details-close:focus-visible{outline:2px solid #a5e8f0;outline-offset:2px}& :is(.wlp-dial-details-duration,.wlp-dial-details-timing){display:flex;justify-content:space-between;gap:12px;margin:0;padding:7px 0;border-top:1px solid #365366;font-size:.83rem}& .wlp-dial-details-duration span,& .wlp-dial-details-timing span{color:#a7c0d0}& .wlp-dial-details-duration strong{color:#f1f8fc;font-weight:600;text-align:right}& .wlp-dial-details-list{display:grid;gap:6px;margin:8px 0 0;padding:9px 0 0;border-top:1px solid #365366;list-style:none}& .wlp-dial-details-list li{display:flex;justify-content:space-between;gap:12px;color:#d8e8f0;font-size:.78rem;line-height:1.35}& .wlp-dial-details-list li b{color:#edf7fb;font-weight:550;text-align:right}& .wlp-dial-details-list li small{color:#9db8c9;font-size:.72rem;font-weight:450;white-space:nowrap}& .wlp-clickable-sector{cursor:pointer}& .wlp-clickable-sector > .wlp-sector,& path.wlp-clickable-sector{transition:filter 140ms ease}& .wlp-clickable-sector:hover > .wlp-sector,& :is(path.wlp-clickable-sector:hover,path.wlp-clickable-sector:focus-visible),& .wlp-clickable-sector:focus-visible > .wlp-sector{filter:brightness(1.28)}& .wlp-clickable-sector:focus-visible > .wlp-sector,& path.wlp-clickable-sector:focus-visible{outline:none;stroke:#e5fbff;stroke-width:3}& svg.wlp-dial{display:block;width:100%;min-width:0;height:auto;max-width:100%;aspect-ratio:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}& .wlp-dial text{font-family:var(--font-ui, system-ui, sans-serif);font-weight:400;text-shadow:none;letter-spacing:0}& .wlp-dial .wlp-current-time-label{fill:#78baff;font-family:"Roboto Mono", "Lucida Console", "Courier New", monospace;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;paint-order:stroke;stroke:#0b1929;stroke-width:3px;stroke-linejoin:round}& .wlp-sector{stroke:#102b3b;stroke-width:1.5;stroke-linejoin:round}& .wlp-dial-outline{fill:none;stroke:#091827;stroke-width:3;pointer-events:none}& .wlp-dial-core{fill:#0b1b2d;stroke:#54738a;stroke-width:1.25}& .wlp-inner-activity-label{fill:#f2f5fb;text-anchor:middle;dominant-baseline:central;stroke:#102333;stroke-width:1.5;paint-order:stroke fill;pointer-events:none}& .wlp-inner-activity-subtitle{font-size:12px;font-weight:400}& .wlp-inner-activity-label[data-category="freeDay"]{fill:#9adbd2}& .wlp-day-arc-label.is-work rect{stroke:#c58b68}& .wlp-day-arc-label.is-work text{fill:#f1d4bf}& .wlp-day-time-label{pointer-events:none}& .wlp-day-time-label text{fill:#e6f0f7;font-size:11px;font-weight:500;stroke:#102333;stroke-width:2.4px;paint-order:stroke fill}& .wlp-dial .wlp-day-total-title{font-weight:500}& .wlp-dial-label{fill:#e3edf5;font-size:18px}& .wlp-current-time-hand{pointer-events:none}& .wlp-current-time-shaft{fill:none;stroke:#4da8ff;stroke-width:4.3;stroke-linecap:round}& .wlp-current-time-tip{fill:#4da8ff;stroke:#0b2632;stroke-width:1.4;stroke-linejoin:round}& .wlp-current-time-hub{fill:#4da8ff;stroke:#0b2632;stroke-width:2}& .wlp-week-day.is-selected > path{stroke:#9bd8df;stroke-width:2}& .wlp-week-day .wlp-dial-label{fill:#f2f5fb;font-size:17px;font-weight:500;stroke:#102333;stroke-width:1.4;paint-order:stroke fill;pointer-events:none}& .wlp-week-boundary-label{pointer-events:none}& .wlp-week-boundary-label text{fill:#e2f2fb;font-size:12px;font-weight:600;paint-order:stroke fill;stroke:#102333;stroke-linejoin:round;stroke-width:3px}& .wlp-week-boundary-label .wlp-week-boundary-time{fill:#c1ddec;font-size:12px;font-weight:500}& .wlp-legend{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:9px 8px;width:min(100%, 440px);margin:12px auto 28px;padding:12px;border:1px solid #34536a;border-radius:12px;background:#081a29;box-shadow:inset 0 1px 0 #d2efff0a, 0 5px 14px #030d1760;list-style:none}& .wlp-legend li{display:grid;grid-template-columns:14px minmax(0, 1fr);align-items:center;justify-content:start;gap:8px;min-width:0;margin:0;padding:0;color:#c1d6e3;font-size:.8rem;line-height:1.35;text-align:left;white-space:normal;list-style:none}& .wlp-legend li > span:last-child{white-space:nowrap}& .wlp-swatch{display:inline-block;flex:0 0 14px;width:14px;height:14px;border:1px solid rgb(255 255 255 / 34%);border-radius:4px;box-shadow:0 0 0 1px #0005;background:var(--swatch, var(--wlp-color, #438fc1))}& .wlp-swatch[data-category="work"]{background:var(--wlp-work-segment)}& .wlp-swatch[data-category="lunch"]{background:var(--wlp-lunch-segment)}& :is(.wlp-swatch[data-category="commuteTo"],.wlp-swatch[data-category="commuteFrom"]){background:var(--wlp-commute-segment)}& .wlp-swatch[data-category="preparation"]{background:#804238}& .wlp-swatch[data-category="bedPreparation"]{background:#8067a8}& .wlp-swatch[data-category="sleep"]{background:#3d315d}& .wlp-swatch[data-category="freeBefore"]{background:#16427a}& .wlp-swatch[data-category="freeDay"]{background:#328987}& .wlp-swatch[data-category="freeAfter"]{background:#12386e}& .wlp-swatch[data-category="freeOther"]{background:#123a70}& .wlp-swatch[data-category="daysOff"]{background:#285239}& .wlp-swatch[data-category="workWeek"]{background:linear-gradient(135deg, #91471d, #b1501e)}& .wlp-legend li[data-category="work"]{--legend-color: #f0ad7a}& .wlp-legend li[data-category="preparation"]{--legend-color: #df9a86}& .wlp-legend li[data-category="bedPreparation"]{--legend-color: #c8b7eb}& .wlp-legend li[data-category="lunch"]{--legend-color: #e2ca7a}& .wlp-legend li[data-category="commuteTo"]{--legend-color: #d1b392}& .wlp-legend li[data-category="sleep"]{--legend-color: #b4b2f1}& .wlp-legend li[data-category="freeAfter"]{--legend-color: #9ac4ff}& .wlp-legend li[data-category="freeDay"]{--legend-color: #83d0c7}& .wlp-legend li[data-category="workWeek"]{--legend-color: #f0a36f}& .wlp-legend li[data-category="daysOff"]{--legend-color: #91d4af}& .wlp-legend li[data-category]{color:var(--legend-color)}& .wlp-progress-section{width:min(100%, 760px);margin:0 auto 18px;padding:14px;border:1px solid #34536a;border-radius:12px;background:#0b1d2b}& .wlp-progress-section h3{margin:0 0 10px;color:#c8e5f3;font-size:1rem;font-weight:500;text-align:center}& .wlp-progress-scroll{max-height:none;overflow:auto;border:1px solid #3b6279;border-radius:11px;background:linear-gradient(155deg, #102a3c, #0b1c2a);box-shadow:0 8px 20px rgba(0, 0, 0, .16);scrollbar-color:#547d96 #0b1d2b}& .wlp-mini-progress{width:min(100%, 560px);margin:0 auto 2px;padding:10px 12px}& .wlp-mini-progress h3{margin-bottom:7px;font-size:.95rem;font-weight:650}& .wlp-mini-progress .wlp-progress-scroll{overflow-x:auto;overflow-y:hidden}& .wlp-progress-table .wlp-progress-cell{white-space:normal}& .wlp-progress-table tbody tr.wlp-progress-summary > *{background:#091a27}& .wlp-progress-table tbody tr.wlp-progress-summary th,& .wlp-progress-table tbody tr.wlp-progress-summary .wlp-progress-cell{color:#8edbe8}& .wlp-progress-table tbody tr.wlp-progress-current > *{background:#091a27}& .wlp-progress-table tbody tr[data-category="work"] .wlp-progress-cell{color:#f0ad7a}& .wlp-progress-table tbody tr[data-category="lunch"] .wlp-progress-cell{color:#e2ca7a}& .wlp-progress-table tbody tr[data-category="commuteTo"] .wlp-progress-cell,& .wlp-progress-table tbody tr[data-category="commuteFrom"] .wlp-progress-cell{color:#d1b392}& .wlp-progress-table tbody tr[data-category="preparation"] .wlp-progress-cell{color:#df9a86}& .wlp-progress-table tbody tr[data-category="bedPreparation"] .wlp-progress-cell{color:#c8b7eb}& .wlp-progress-table tbody tr[data-category="sleep"] .wlp-progress-cell{color:#b4b2f1}& .wlp-progress-table tbody tr[data-category^="free"] .wlp-progress-cell{color:#9ac4ff}& .wlp-progress-table tbody tr.wlp-progress-free-divider > *{border-top:3px solid #52758a}& .wlp-progress-table tbody tr[data-category="workWeek"] .wlp-progress-cell{color:#f0a36f}& .wlp-progress-table tbody tr[data-category="daysOff"] .wlp-progress-cell{color:#91d4af}& .wlp-table-section{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:22px;border:1px solid #3d6878;border-radius:14px;background:linear-gradient(145deg, #0d293d 0%, #0b2235 48%, #081a2d 100%);box-shadow:inset 0 1px 0 rgba(157, 224, 231, .08), 0 10px 24px rgba(0, 0, 0, .2)}& .wlp-table-title-icon{display:block;width:30px;height:30px;margin:0 auto 6px;object-fit:contain}& .wlp-table-section h3{margin:0 0 7px;padding:0;color:#cbe9fc;font-size:1.32rem;font-weight:650;line-height:1.3;text-align:center}& .wlp-table-section > p{max-width:700px;margin:0 auto 16px;color:var(--wlp-muted);font-size:.84rem;line-height:1.5;text-align:center}& .wlp-table-scroll{display:block;width:min(100%, 578px);max-width:100%;min-width:0;margin:0 auto;padding:0 0 5px;overflow:visible;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#6393b0 #0b1e2d}& .wlp-table-stack{display:grid;gap:18px;width:100%}& .wlp-table-card{box-sizing:border-box;width:100%;min-width:0;margin:0;overflow:hidden;border:2px solid #527b8e;border-radius:9px;background:#0d2636;box-shadow:0 0 0 1px rgba(132, 190, 210, .1), inset 0 1px 0 rgba(211, 238, 248, .06)}& .wlp-table-card-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#6393b0 #0b1e2d}& .wlp-table-card-scroll::-webkit-scrollbar{height:10px}& .wlp-table-card-scroll::-webkit-scrollbar-track{background:#0b1e2d;border:1px solid #35576a;border-radius:6px}& .wlp-table-card-scroll::-webkit-scrollbar-thumb{border:2px solid #0b1e2d;border-radius:6px;background:#6393b0}& table.wlp-table{width:574px;min-width:574px;max-width:574px;margin:0;border:0;border-collapse:separate;border-spacing:0;border-radius:0;background:#0d2636;color:var(--wlp-text);font-size:.95rem;table-layout:fixed;overflow:hidden}& .wlp-table :is(th,td){padding:8px 9px;border:0;border-bottom:1px solid #2c485c;background:transparent;color:#edf4f9;font:inherit;font-weight:400;line-height:1.4;vertical-align:middle;text-align:left;font-variant-numeric:tabular-nums}& .wlp-table thead th{background:#173a50;color:#bdddeb;padding:7px 7px;font-size:.78rem;font-weight:600;line-height:1.15;white-space:normal}& .wlp-table thead th:nth-child(3){white-space:normal;overflow-wrap:normal}& .wlp-table-card-title{width:100%;margin:0;padding:12px 10px;border-bottom:1px solid #3b6073;background:#102b3b;text-align:center}& .wlp-table-card-work{border-color:#9b6442}& .wlp-table-card-work .wlp-table-card-title{border-bottom-color:#885632;background:#35271f}& .wlp-table-card-time-off{border-color:#52658b}& .wlp-table-card-time-off .wlp-table-card-title{border-bottom-color:#4b5277;background:linear-gradient(110deg, #192b43, #28243e)}& .wlp-table-card-days-off{border-color:#4c806f}& .wlp-table-card-days-off .wlp-table-card-title{border-bottom-color:#3e705e;background:linear-gradient(110deg, #17352f, #1d3a35)}& .wlp-table-card-title .wlp-group-heading{display:flex;width:100%;min-height:0;gap:12px;font-size:1.2rem;font-weight:750;letter-spacing:.02em;line-height:1.25}& .wlp-table-card-title .wlp-group-work{color:#efc39e}& .wlp-table-card-title .wlp-group-personal{color:#b9d5ff}& .wlp-table-card-title .wlp-group-days-off{color:#b4e2c3}& .wlp-table .wlp-activity-col{width:182px}& .wlp-table .wlp-share-col{width:130px}& .wlp-table .wlp-time-col{width:92px}& .wlp-table .wlp-segment-time-col{width:170px}& .wlp-table th:first-child{text-align:left}& .wlp-table thead th:nth-child(2){white-space:nowrap}& .wlp-table tbody td:nth-child(2){white-space:nowrap}& .wlp-table :is(th,td):first-child{padding-left:8px;padding-right:7px;text-align:left}& .wlp-table tbody tr{background:#0d2636}& .wlp-table tbody tr:last-child > *{border-bottom:0}& .wlp-table .wlp-group-row > th{padding:14px;border-top:2px solid #58889b;border-bottom:1px solid #456a7b;background:#1b3b4b;color:#c4e3ed;font-size:1.08rem;font-weight:600;letter-spacing:.02em;text-align:center}& .wlp-group-heading{align-items:center;justify-content:center}& .wlp-phase-label-break{display:none}}@media(max-width:640px){#workLifePlanner .wlp-phase-label-break{display:block}}#workLifePlanner{& .wlp-group-title{display:grid;justify-items:center;gap:2px}& .wlp-group-period{display:block;font-size:.78rem;font-weight:400;letter-spacing:0;line-height:1.25;opacity:.9}& #wlpTimeOffCaption .wlp-group-title{display:flex;flex-direction:column;align-items:center;gap:4px}& #wlpTimeOffCaption .wlp-group-period{display:inline-block;font-size:1.2rem;font-weight:650;letter-spacing:.02em;white-space:nowrap}& .wlp-group-heading img{display:block;width:24px;height:24px;flex:none}& .wlp-table td:nth-child(n+2){white-space:nowrap}& .wlp-table tbody td:last-child{font-size:.9em}& .wlp-table :is(th:last-child,td:last-child){white-space:nowrap}& .wlp-table .wlp-total-row > *,& .wlp-table tfoot > tr > *{border-top:1px solid #54778c;background:#19384b;color:#d9f1ff}& .wlp-key-share{display:inline-block;margin-left:-10px;padding:6px 10px 6px 10px;border:1px solid;border-radius:7px;font-weight:650;text-align:left;white-space:nowrap}& .wlp-table-tabs{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:6px;width:min(100%, 408px);margin-top:14px;padding:5px;border-color:#416d82;border-radius:15px;background:linear-gradient(180deg, #102c40, #0a2233)}& .wlp-table-tabs button{width:100%;min-height:45px;padding:8px 10px;border:1px solid #426b81;border-radius:11px;background:linear-gradient(180deg, #193d52, #123044);box-shadow:inset 0 1px 0 #ffffff12;color:#c7e3f1;font-size:.95rem;font-weight:500;transition:background .15s ease, border-color .15s ease, box-shadow .15s ease}& .wlp-table-tabs :is(button.is-active,button[aria-pressed="true"]){border:2px solid #85d6e8;background:linear-gradient(180deg, #28617a, #1b4d68);box-shadow:inset 0 1px 0 #c2f3ff30, 0 0 0 1px #57b8ce22;color:#f0fbff}& .wlp-table-tabs button:hover{border-color:#8bc9df;background:#22536d}& .wlp-table-tabs button:focus-visible{outline:2px solid #b1e8f2;outline-offset:2px}& .wlp-note{display:block;max-width:760px;margin:14px auto 0;color:#a3bfce;font-size:.78rem;line-height:1.55;text-align:center}& .wlp-schedule-note{display:grid;gap:5px;width:min(100%, 460px);margin:16px auto 0;padding:12px 16px;border:1px solid rgba(66, 164, 255, .82);border-radius:10px;background:linear-gradient(140deg, #26343e, #1d2a34);color:#c4e4ff;font-size:.95rem;line-height:1.45;box-shadow:inset 0 1px 0 rgba(226, 240, 248, .06)}& .wlp-schedule-note h4{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 2px;color:#73bdff;font-size:1.15rem;font-weight:750;letter-spacing:.02em}& .wlp-schedule-note h4 svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}& .wlp-schedule-note strong{margin-bottom:5px;color:#8dccff;font-size:.95rem}& .wlp-schedule-note #wlpCalculatedTotalFreeTime{color:#b4b9ff}& .wlp-schedule-note #wlpCalculatedFreeTime{display:grid;gap:3px;color:#b5ddff;font-size:1rem;line-height:1.45}& .wlp-schedule-note #wlpCalculatedFreeTime > span:empty{display:none}}html body.page-work-time.work-planner-enabled :is(#primaryProgress, #workDashboard, #workFinanceTools){content-visibility:visible;contain-intrinsic-size:auto}html body.page-work-time.page-work-test #workDashboard.work-planner-companions{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--app-main-card-gap, 10px);width:100%;min-width:0;min-height:0;margin:0;padding:0;background:none;border:0;box-shadow:none}html body.page-work-time.page-work-test #workDashboard.work-planner-companions #workTestLayout{display:block;width:100%;padding:0;margin:0;background:none;border:0}html body.page-work-time.work-planner-enabled #workDashboard.work-planner-companions #workTestLayout{display:none}html body.page-work-time.page-work-test main.shell > #primaryProgress.progress-grid,html body.page-work-time.page-work-test main.shell > .placeholder-ad-slot.placeholder-ad-slot-bottom,html body.page-work-time.page-work-test main.shell > #pageApiCreditsCard{margin-block:0 !important}html body.page-work-time.page-work-test #workDashboard.work-planner-companions{& > :is(#freeTimeCalculator, #payCalculator, #payCompareCard, #workFinanceTools, #workTestSnacksCard){margin-block:0 !important}& #workFinanceTools{width:100%;max-width:none;justify-items:stretch}& #workFinanceTools #expenseCalculator{width:100%;max-width:100%}}html body.page-work-time .work-planner-companion{display:block;width:100%;min-width:0;margin:24px 0 0;padding:clamp(18px, 3vw, 30px);border:1px solid #365c71;border-radius:16px;background:#102a3b;color:#e3eef6}html body.page-work-time #workTestHolidaysSection.work-planner-companion{width:100%;max-width:100%;height:auto;min-height:0;margin:24px 0 0;padding:22px;background:linear-gradient(145deg, #102b3b, #0d2233)}html body.page-work-time #workTestHolidaysSection{& .work-test-holidays-header{display:grid;gap:6px;margin:0 0 18px;text-align:center}& #workTestHolidaysTitle{margin:0;font-size:24px;line-height:1.25;color:#d4eefa;-webkit-text-fill-color:currentColor}& #workTestHolidaysSubtitle{margin:0;font-size:14px;line-height:1.45;color:#a8c6d7;-webkit-text-fill-color:currentColor}& #worldHolidayOverlay{padding:0;border:0;background:none;box-shadow:none}& .holiday-region-grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px}& .holiday-region{min-width:0;padding:14px 16px;border:1px solid #35576b;border-radius:10px;background:#0c2333;text-align:center}& .holiday-region h3{--site-section-title-size: 14px;--site-subtitle-color: #a8d8eb;--site-section-title-weight: 600;margin:0 0 10px;font-size:14px;line-height:1.35;color:#a8d8eb;-webkit-text-fill-color:currentColor;text-transform:none;text-align:center}& .holiday-region ul{margin:0;padding:0;display:grid;justify-items:center;gap:8px;list-style:none;text-align:center}& .holiday-region li{margin:0;padding:0;border:0;border-radius:0;background:none;color:#e0ebf2;font-size:14px;line-height:1.5;overflow-wrap:anywhere;text-align:center}& .holiday-region li :is(span, strong, b){font-size:inherit;line-height:inherit;color:inherit;-webkit-text-fill-color:currentColor}& .holiday-next-us{padding-top:8px;border-top:1px solid #294658}& .world-holidays-unavailable{margin:0;color:#a6becd;-webkit-text-fill-color:currentColor;font-size:14px;line-height:1.5;text-align:center}}@media (max-width: 600px){html body.page-work-time #workTestHolidaysSection.work-planner-companion{padding:18px 12px}html body.page-work-time #workTestHolidaysSection .holiday-region{padding:12px}}#workTestSnacksCard .work-test-consumption-select-row[hidden]{display:none !important}html body.page-work-time #workTestSnacksCard.work-planner-companion{width:100%;max-width:100%;min-height:0;height:auto;margin:24px 0;padding:24px;background:linear-gradient(145deg, #102d3e, #0d2233)}html body.page-work-time #workTestSnacksCard{& #workTestDailyCountsSection{margin:0;padding:0;border:0;background:none;box-shadow:none}& .work-test-daily-counts-header{display:block;margin:0;padding:0;border:0;background:none;box-shadow:none}& #workTestDailyCountsTitle{margin:0 0 20px;font-size:24px;line-height:1.3;color:#d5effa;-webkit-text-fill-color:currentColor}& #workTestDailyCountsTitle .work-test-card-title-text{font-size:inherit;font-weight:inherit;line-height:inherit}& :is(.work-test-daily-counts-summary, #workTestDailyCountsGrid){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;width:100%;max-width:620px;margin:0 auto 14px;padding:0}& .work-test-daily-count-slot{width:100%;min-width:0;margin:0;padding:0}& .work-snack-counter{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:52px;height:auto;margin:0;padding:10px;border:1px solid #547487;border-radius:12px;background:#183747;box-shadow:none;color:#d9ecf5;font-size:14px}& .work-snack-counter em{font:inherit;color:inherit;-webkit-text-fill-color:currentColor}& .work-snack-counter b{font-size:22px;font-weight:500;color:#eef9ff;-webkit-text-fill-color:currentColor}& .work-snack-counter > span{display:inline-block;font-size:22px}& .work-test-daily-count-card{min-width:0;margin:0;padding:16px 12px;border:1px solid #486575;border-radius:14px;background:linear-gradient(145deg, #24333e, #132c3b);box-shadow:none}& .work-test-daily-drink-panel{background:linear-gradient(145deg, #153949, #102c3e);border-color:#3e7184}& .work-test-consumption-control{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none}& .work-test-consumption-select-row{position:static;display:flex;justify-content:center;margin:0;padding:0}& .work-test-consumption-menu-button{width:auto;min-width:100px;min-height:38px;margin:0;padding:8px 18px;border:1px solid #557e94;border-radius:9px;background:#23465b;box-shadow:none;color:#d6edf8;font-size:14px}& .work-test-consumption-big{position:relative;display:grid;grid-template-rows:auto 104px;align-content:center;justify-items:center;gap:12px;width:100%;min-width:0;height:auto;min-height:154px;max-height:none;margin:0;padding:8px;border:0;border-radius:10px;background:none;box-shadow:none;transform:none}& .work-test-consumption-prompt{position:static;display:block;grid-row:1;margin:0;transform:none;color:#bcdce9;-webkit-text-fill-color:currentColor;font-size:14px;line-height:1.4;white-space:normal}& .work-test-consumption-prompt::before{content:none}& .work-test-consumption-icon{grid-row:2;display:block;width:104px;min-width:104px;max-width:104px;height:104px;min-height:104px;max-height:104px;margin:0;border:0;background-color:transparent;background-size:contain;box-shadow:none}& button:focus-visible{outline:2px solid #9edfe9;outline-offset:3px}& .work-test-consumption-big:hover{background-color:#80c5de0c}}@media (max-width: 600px){html body.page-work-time #workTestSnacksCard.work-planner-companion{padding:18px 12px}html body.page-work-time #workTestSnacksCard{& :is(.work-test-daily-counts-summary, #workTestDailyCountsGrid){gap:10px}& .work-snack-counter{flex-wrap:wrap;gap:5px;font-size:12px}& .work-test-daily-count-card{padding:12px 4px}& .work-test-consumption-prompt{font-size:12px}}}@media (max-width: 360px){html body.page-work-time #workTestSnacksCard :is(.work-test-daily-counts-summary, #workTestDailyCountsGrid){grid-template-columns:minmax(0, 1fr)}}#wlp-menu.wlp-select-menu{position:fixed;contain:layout style;z-index:10020;width:var(--runtime-width, 160px);max-width:calc(100vw - 16px);max-height:var(--runtime-max-height, 160px);left:var(--runtime-left, 0);top:var(--runtime-top, 0);margin:0;padding:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid #66859a;border-radius:9px;background:#1c2a35;box-shadow:0 12px 26px rgb(0 0 0 / 36%);color:#e9f5ff;font:400 14px/1.3 var(--font-ui, system-ui, sans-serif);scrollbar-width:auto;scrollbar-color:#718b9c #1c2a35}#wlp-menu .wlp-option{display:flex;align-items:center;width:100%;min-height:36px;margin:0;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}#wlp-menu :is(.wlp-option:hover,.wlp-option.is-focused){background:#2b3f4d}#wlp-menu .wlp-option[aria-selected="true"]{border-color:#7897aa;background:#304858;color:#f4fbff}@media (max-width: 560px){#workLifePlanner{& .wlp-routine-grid{grid-template-columns:minmax(0, 1fr)}& .wlp-schedule-duration-grid{grid-template-columns:minmax(0, 1fr)}& .wlp-input-row[data-category^="sleep"]{grid-column:auto;width:min(100%, 424px);margin-inline:auto;justify-self:center}}}@media (max-width: 600px){html body.page-work-time #workLifePlanner.wlp{padding:20px 12px;border-radius:14px}#workLifePlanner .wlp-header{margin-bottom:-10px}html body.page-work-time #workLifePlanner.wlp{gap:10px}#workLifePlanner{& .wlp-header h2{font-size:24px}& .wlp-header p{font-size:.84rem}& .wlp-visual{padding:18px 8px 8px}& .wlp-routine{padding:14px 12px;border-radius:10px}& .wlp-view-toolbar{gap:8px;margin-bottom:16px}& .wlp-edit-schedule-jump{justify-self:center}& .wlp-input-row{grid-template-columns:minmax(0, 1fr);gap:0;padding:12px 0}& .wlp-routine .wlp-row-icon{display:none}& .wlp-preparation-group{grid-template-columns:minmax(0, 1fr)}& .wlp-schedule-group{padding:0}& .wlp-row-icon svg{width:24px;height:24px}& .wlp-field-pair{gap:8px;width:100%}& .wlp-duration-group{padding:8px 0}& .wlp-schedule-duration-grid{grid-template-columns:minmax(0, 1fr);gap:0}& :is(.wlp-commute-group,.wlp-ready-pair){grid-template-columns:repeat(2, minmax(0, 1fr));align-items:end;gap:8px}& .wlp-optional-fields .wlp-field-pair{grid-column:auto}}html body.page-work-time #workLifePlanner .wlp-field-pair label{font-size:.72rem}#workLifePlanner .wlp-select > span{font-size:.72rem}html body.page-work-time #workLifePlanner .wlp-field-pair :is(select, input),html body.page-work-time #workLifePlanner .wlp-select-button{padding:8px;font-size:.84rem}#workLifePlanner{& .wlp-phase-statuses{gap:8px;margin-bottom:14px}& .wlp-phase-statuses > .wlp-status{padding:8px 6px}& .wlp-phase-statuses .wlp-status-label{font-size:.76rem;line-height:1.2}& .wlp-phase-statuses .wlp-status-value{margin-bottom:4px;font-size:clamp(.92rem, 3.4vw, 1.16rem);line-height:1.18}& .wlp-phase-statuses .wlp-status-progress{font-size:.76rem}& .wlp-phase-statuses .wlp-weekday-bubble.wlp-status-weekday{margin-top:0}& .wlp-phase-statuses .wlp-status-dayname{font-size:1.85rem}& .wlp-phase-statuses .wlp-status-detail{font-size:.78rem}& .wlp-status-label{font-size:.9rem}& .wlp-status-value{font-size:1.32rem}& .wlp-status-progress{font-size:.84rem}& .wlp-view-controls button{font-size:1.09rem}& .wlp-dial-label{font-size:22px}& .wlp-dial-wrap{overflow-x:auto;overflow-y:hidden}& .wlp-dial-wrap svg.wlp-dial{width:432px;min-width:432px;max-width:none;margin-inline:auto}& .wlp-legend{grid-template-columns:repeat(2, minmax(0, 1fr))}& .wlp-legend{gap:8px 4px;margin-top:14px;margin-bottom:20px}& .wlp-legend li{gap:5px;font-size:.72rem}& .wlp-table-section{margin-top:0;padding:17px 12px}& .wlp-table-section h3{font-size:1.1rem}& .wlp-table-section > p{font-size:.79rem}& table.wlp-table{font-size:.88rem}& .wlp-table :is(th,td){padding:7px 8px}& .wlp-table-tabs{gap:4px;padding:4px}& .wlp-table-tabs button{min-height:42px;padding:7px 4px;font-size:.86rem}}html body.page-work-time .work-planner-companion{padding:18px 12px}}@media (max-width: 480px){#workLifePlanner .wlp-schedule-group-sleep{& .wlp-field-pair{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}& .wlp-select > span{font-size:clamp(.56rem,calc(3.6vw - 2.5px),.72rem)}}}@media (max-width: 360px){html body.page-work-time #workLifePlanner.wlp{padding-left:9px;padding-right:9px}#workLifePlanner{& .wlp-routine{padding-left:8px;padding-right:8px}& .wlp-ready-pair{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}& .wlp-ready-pair .wlp-duration-group{max-width:none}& .wlp-input-row[data-category="lunch"] .wlp-lunch-fields > .wlp-field-pair{grid-template-columns:repeat(2, minmax(0, 1fr))}}html body.page-work-time #workLifePlanner .wlp-field-pair label.wlp-no-lunch{grid-column:1 / -1;justify-self:center;margin:4px 0 0}#workLifePlanner .wlp-row-icon svg{width:21px;height:21px}#workLifePlanner .wlp-field-pair{gap:6px}html body.page-work-time #workLifePlanner .wlp-field-pair :is(select, input),html body.page-work-time #workLifePlanner .wlp-select-button{padding-left:6px;padding-right:6px;font-size:.78rem}#workLifePlanner .wlp-select-button > svg{flex-basis:8px;width:8px;height:6px}#workLifePlanner .wlp-table-tabs button{padding-left:3px;padding-right:3px}}@media (prefers-reduced-motion: reduce){#workLifePlanner *,#wlp-menu *{transition:none;animation:none;scroll-behavior:auto}}#workLifePlanner{& .wlp-day-of-week .wlp-weekday-bubble{width:100%;margin:0 auto;padding:0}& .wlp-day-of-week .wlp-status-dayname{display:block;margin:2px 0 4px;font-size:2.45rem;line-height:1.15}& .wlp-edit-schedule-jump{min-height:40px;margin:12px auto 18px;padding:7px 20px;border:1.5px solid #d28a4c;background:linear-gradient(180deg, #1d4a60, #123449);box-shadow:0 4px 12px rgba(13, 45, 62, .32), inset 0 1px 0 rgba(222, 247, 255, .1);color:#e8f6fa}& .wlp-edit-schedule-jump:hover{border-color:#efb46d;background:linear-gradient(180deg, #32758a, #22566c);color:#f4fdff;box-shadow:0 5px 14px rgba(13, 45, 62, .36), inset 0 1px 0 rgba(232, 251, 255, .18)}& .wlp-edit-schedule-jump:focus-visible{outline-color:#efb46d}& #wlpWeekStatus .wlp-status-progress,& #wlpStatus .wlp-status-progress{margin:4px 0 0;font-size:1.12rem;font-weight:700;line-height:1.2}& :is(.wlp-visual[data-view="day"],.wlp-visual[data-view="week"]){padding-top:8px;padding-bottom:4px}& .wlp-visual .wlp-view-toolbar{margin-bottom:0}& .wlp-visual .wlp-view-controls{margin-bottom:12px}& .wlp-visual .wlp-legend{margin-top:4px}}@media(max-width:640px){#workLifePlanner{& :is(.wlp-visual[data-view="day"],.wlp-visual[data-view="week"]){padding-top:6px;padding-bottom:3px}& .wlp-visual .wlp-view-toolbar{margin-bottom:0}& .wlp-visual .wlp-view-controls{margin-bottom:8px}& .wlp-visual .wlp-legend{margin-top:3px}& .wlp-day-of-week .wlp-status-dayname{font-size:2.15rem}& .wlp-edit-schedule-jump{min-height:38px;margin:10px auto 16px;padding:7px 17px}& #wlpWeekStatus .wlp-status-progress,& #wlpStatus .wlp-status-progress{font-size:clamp(.88rem,3.8vw,1rem)}}}#workLifePlanner{& .wlp-phase-statuses{display:grid;grid-template-columns:minmax(0, 1fr);align-items:stretch;gap:3px;width:min(100%, 460px);margin:8px auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}& .wlp-phase-statuses > .wlp-weekday-bubble{grid-column:1 / -1;width:100%;margin:0 auto 2px;padding:0}& .wlp-phase-statuses > .wlp-status{display:grid;justify-items:center;min-height:0;margin:0;padding:8px 12px;gap:2px;border:1px solid #466277;border-radius:12px;background:#142430;box-shadow:inset 0 1px 0 #c6edff10}& .wlp-phase-statuses > :is(#wlpWeekStatus, #wlpStatus){margin-bottom:0}& #wlpWeekStatus{width:min(100%, 320px);justify-self:center;border-color:#665b48;background:#142430}& #wlpWeekStatus[data-category="daysOff"]{border-color:#4e755f;background:#142430}& #wlpWeekStatus .wlp-status-label{color:#acd9ed;font-size:.96rem;font-weight:500;line-height:1.25}& #wlpWeekStatus .wlp-status-value{margin:0;color:#ffc98f;filter:none}& #wlpWeekStatus[data-category="daysOff"] .wlp-status-value{color:#a9deb9}& #wlpWeekStatus .wlp-status-progress{margin:0;color:#c9e7dc;font-size:.92rem;font-weight:700;line-height:1.3}& .wlp-phase-statuses .wlp-status-dayname{display:block;margin:0;color:#d5d7bd;font-family:var(--font-ui, Inter, system-ui, sans-serif);font-size:1.85rem;font-style:normal;font-weight:500;line-height:1.1;letter-spacing:-.015em}& #wlpStatus{width:min(100%, 400px);justify-self:center}& #wlpStatus .wlp-status-label{color:#acd9ed;font-size:.96rem;font-weight:500;line-height:1.2}& #wlpStatus .wlp-status-value{margin:0;filter:none}& #wlpWeekStatus .wlp-status-value,& #wlpStatus .wlp-status-value{margin:6px 0 0;font-size:19px;font-weight:700;line-height:1.25}& #wlpStatus .wlp-status-value{font-size:22px}& #wlpStatus .wlp-status-window{display:block;margin:8px 0 0;color:#cbdde8;font-size:.92rem;font-weight:400;line-height:1.35;font-variant-numeric:tabular-nums}& #wlpStatus[data-category="sleep"]{--wlp-status-accent: #8973b5;border-color:#746393;background:#142430}& #wlpStatus[data-category="sleep"] .wlp-status-value{color:#c5b8e9}& #wlpStatus[data-category="freeDay"] .wlp-status-value{color:#91e7b5}& #wlpStatus .wlp-status-progress{margin:0 0 4px;color:#d3e3ec;font-size:.92rem;font-weight:600;line-height:1.25}& :is(#wlpWeekStatus,#wlpStatus) .wlp-status-value-row{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;white-space:nowrap}& :is(#wlpWeekStatus,#wlpStatus) .wlp-status-value{white-space:nowrap}& .wlp-phase-statuses + #wlpEditSchedule{justify-self:center;margin:8px auto 12px}& .wlp-view-intro{display:grid;justify-items:center;gap:4px;text-align:center}& .wlp-view-title-icon{display:block;width:25px;height:25px;margin:0 0 1px;fill:none;stroke:#74d1e4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}& .wlp-view-intro h3{margin:0;color:#ffe39a;font-size:1.38rem;font-weight:750;line-height:1.15;letter-spacing:.01em;text-shadow:0 1px 10px rgba(255, 218, 126, .2)}& .wlp-view-intro p{margin:3px 0 0}}@media(max-width:640px){#workLifePlanner .wlp-view-intro h3{font-size:1.25rem}}@media(max-width:640px){#workLifePlanner{& .wlp-phase-statuses{grid-template-columns:minmax(0, 1fr)}& .wlp-phase-statuses > .wlp-weekday-bubble{grid-column:1}& .wlp-phase-statuses > .wlp-status{padding:8px 12px}& .wlp-phase-statuses .wlp-status-dayname{font-size:2.15rem}& #wlpWeekdayBubble .wlp-status-dayname{font-size:1.26rem}& #wlpWeekStatus .wlp-status-label,& #wlpStatus .wlp-status-label{font-size:.96rem}& #wlpWeekStatus .wlp-status-progress{font-size:.92rem}}}#workLifePlanner{& .wlp-mini-progress{box-sizing:border-box;width:min(100%, 620px);margin:10px auto 2px;padding:12px}& .wlp-mini-progress h3{margin-bottom:10px;font-size:1.04rem;font-weight:700;text-align:center}& .wlp-mini-progress-scroll{max-width:100%;border:0;border-radius:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-color:#547d96 #0b1d2b}& .wlp-mini-progress-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;color:#dcebf2;font-size:1rem}& .wlp-mini-progress-phase-col{width:auto}& .wlp-mini-progress-data-col{width:auto}& .wlp-mini-progress-table .wlp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& .wlp-mini-progress-table tbody :is(th,td){padding:18px 6px;border-top:1px solid #294a5e;text-align:left;vertical-align:top;font-weight:400}& .wlp-mini-progress-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;min-width:0}& .wlp-mini-progress-heading{display:grid;align-content:center;gap:4px;min-width:0;text-align:left}& .wlp-mini-progress-context{color:#8fa9ba;font-size:.75rem;font-weight:500;line-height:1.3}& .wlp-mini-progress-label{display:block;color:var(--phase-progress-accent,#cbe7f3);font-size:1rem;font-weight:600;line-height:1.35;overflow-wrap:normal;white-space:normal}& .wlp-mini-progress-value{display:grid;align-content:center;justify-items:end;gap:3px;margin:0;color:#f2f7fc;font-size:1.18rem;font-weight:600;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}& .wlp-mini-progress-value small{color:#91aaba;font-size:.7rem;font-weight:400;line-height:1.3}& .wlp-mini-progress-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;min-width:0;font-variant-numeric:tabular-nums}& .wlp-mini-progress-time{color:#c1d5e1;font-size:.85rem;font-weight:400;line-height:1.5;white-space:normal}& .wlp-mini-progress-details{display:flex;flex-wrap:wrap;gap:4px 8px;color:#96b1c3;font-size:.85rem;font-weight:400;line-height:1.5;white-space:normal}& .wlp-mini-progress-details > span{white-space:nowrap}& .wlp-mini-progress-meter{grid-column:1/-1;display:block;appearance:none;width:100%;height:4px;margin:2px 0 0;border:0;border-radius:3px;overflow:hidden;background:#213c4e;color:var(--phase-progress-accent,#83c5f4)}& .wlp-mini-progress-meter::-webkit-progress-bar{background:#213c4e;border-radius:3px}& .wlp-mini-progress-meter::-webkit-progress-value{background:var(--phase-progress-accent,#83c5f4);border-radius:3px}& .wlp-mini-progress-meter::-moz-progress-bar{background:var(--phase-progress-accent,#83c5f4);border-radius:3px}}@media(max-width:480px){#workLifePlanner{& .wlp-mini-progress-table tbody th{padding:16px 2px}& .wlp-mini-progress-content{column-gap:12px}& .wlp-mini-progress-label{font-size:.92rem}& .wlp-mini-progress-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}& .wlp-mini-progress-details{gap:4px 8px}}}#workLifePlanner{& .wlp-mini-progress-row[data-category="workWeek"]{--phase-progress-accent:#f0a36f}& .wlp-mini-progress-row[data-category="daysOff"]{--phase-progress-accent:#91e7b5}& .wlp-mini-progress-row[data-category="work"]{--phase-progress-accent:#f0a36f}& .wlp-mini-progress-row[data-category="lunch"]{--phase-progress-accent:#e2ca7a}& .wlp-mini-progress-row[data-category^="commute"]{--phase-progress-accent:#d1b392}& .wlp-mini-progress-row[data-category="preparation"]{--phase-progress-accent:#df9a86}& .wlp-mini-progress-row[data-category="bedPreparation"]{--phase-progress-accent:#c8b7eb}& .wlp-mini-progress-row[data-category="sleep"]{--phase-progress-accent:#b4b2f1}& .wlp-mini-progress-row[data-category^="free"]{--phase-progress-accent:#9ac4ff}& :is(.wlp-mini-progress-row[data-category="fullDay"],.wlp-mini-progress-row[data-category="fullWeek"]){--phase-progress-accent:#79dce7}& #wlpWeekStatus .wlp-status-progress{margin-top:10px}& #wlpStatus .wlp-status-progress{margin-top:7px}& .wlp-view-dial-legend{box-sizing:border-box;width:min(100%, 780px);min-width:0;margin:0 auto 12px;padding:16px 14px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}& .wlp-view-dial-legend .wlp-view-toolbar{gap:5px;margin-top:0}& .wlp-view-dial-legend .wlp-legend{width:min(100%, 520px);margin:8px auto 4px;padding:10px;border:1px solid #3b5c70;border-radius:12px;background:#12283a;box-shadow:inset 0 1px 0 rgba(194, 226, 243, .06)}& .wlp-day-type-switch-wrap{display:flex;justify-content:center;align-items:center;min-height:40px;margin:8px auto 0}& :is(.wlp-day-type-switch,.wlp-day-type-placeholder){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:250px;max-width:100%;min-height:40px;padding:7px 14px;border:1px solid #5689ae;border-radius:14px;background:#123450;color:#d1e9f7;font:inherit;font-size:.88rem;font-weight:650;line-height:1.2}& .wlp-day-type-switch{cursor:pointer;white-space:nowrap}& .wlp-day-type-switch:hover:not(:disabled){border-color:#8dc8e9;background:#194563}& .wlp-day-type-switch:focus-visible{outline:2px solid #a5d9f4;outline-offset:2px}& .wlp-day-type-switch:disabled{cursor:not-allowed;opacity:.58}& .wlp-day-type-switch svg,& .wlp-day-type-placeholder svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}& .wlp-day-type-placeholder{padding:7px;color:#9cb8c8}}@media(max-width:640px){#workLifePlanner .wlp-view-dial-legend{margin:0 auto 10px;padding:16px 7px 5px}#workLifePlanner .wlp-view-dial-legend .wlp-legend{padding-top:7px}}#workLifePlanner{& .wlp-view-controls{padding:4px;gap:4px;border:1.5px solid #80b5ce;border-radius:18px;background:#0b2941;box-shadow:inset 0 1px 0 rgba(179, 220, 248, .1), 0 3px 10px rgba(0, 10, 24, .2)}& .wlp-view-controls button{min-height:40px;padding:7px 12px;border:1px solid #3f6f91;border-radius:13px;background:#154057;color:#c5e2f5;font-size:.98rem}& .wlp-view-controls button[aria-pressed="true"]{border-color:#58d6cf;background:linear-gradient(180deg, #32758e, #205e73);box-shadow:inset 0 1px 0 rgba(225, 244, 255, .2), 0 2px 7px rgba(5, 17, 31, .28);color:#f2f9ff}& .wlp-view-controls button:not([aria-pressed="true"]):hover{border-color:#79aed0;background:#1d5368;color:#f2f9ff}& #wlpStatus[data-category="work"] .wlp-status-value{color:#f0a36f;font-size:22px;font-weight:500}& #wlpStatus[data-category="lunch"] .wlp-status-value{color:#e2ca7a}& #wlpStatus[data-category^="commute"] .wlp-status-value{color:#d1b392}& #wlpStatus[data-category="preparation"] .wlp-status-value{color:#df9a86}& #wlpStatus[data-category="bedPreparation"] .wlp-status-value{color:#c8b7eb}& #wlpStatus[data-category="sleep"] .wlp-status-value{color:#b4b2f1}& #wlpStatus[data-category^="free"] .wlp-status-value{color:#9ac4ff}& .wlp-edit-schedule-jump{border-color:#5689ae}& .wlp-edit-schedule-jump:hover{border-color:#8ac8e8}& .wlp-edit-schedule-jump:focus-visible{outline-color:#a8ddf5}& .wlp-view-intro h3{color:#83cdb8;font-size:.96rem;text-shadow:none}& .wlp-holidays-toggle-wrap{display:flex;justify-content:center;margin:8px auto 4px}& .wlp-holidays-toggle{min-height:36px;padding:7px 16px;border:1px solid #4d8ba0;border-radius:999px;background:#12384a;color:#bfe8f0;font:600 .88rem/1.2 var(--font-ui, system-ui, sans-serif);cursor:pointer}& .wlp-holidays-toggle:hover{border-color:#79c6d2;background:#17475a;color:#e6fbff}& .wlp-holidays-toggle:focus-visible{outline:2px solid #91dce8;outline-offset:3px}& .wlp-phase-statuses + #wlpEditSchedule{margin-bottom:8px}& .wlp-schedule-divider{box-sizing:border-box;width:100%;max-width:780px;height:1px;margin:12px auto 0;background:#4c7d91}& .wlp-view-dial-legend{padding-top:6px}}html body.page-work-time #workTestHolidaysSection[hidden]{display:none !important}@media(max-width:760px){html body.page-work-time #workLifePlanner.wlp{gap:10px}}#workLifePlanner .wlp-legend-mobile-label{display:none}#workLifePlanner #wlpWeekdayBubble[data-day-type="workday"] .wlp-status-week-context{font-weight:500}@media(max-width:640px){#workLifePlanner .wlp-legend-desktop-label{display:none}#workLifePlanner .wlp-legend-mobile-label{display:inline}}