:root{font-family:Inter,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"ss04" on,"calt" off;font-family:Inter;line-height:100%;background-color:var(--color-bg);color:var(--color-text);--color-bg: #FDFDFD;--color-strip-divider: #E1E1E1;--color-bg-dark: #FAFAFA;--color-text: #111111;--color-text-light: #4E4E4E;--color-text-lighter: #787878;--color-text-lightest: #B4B4B4;--color-current: #FF0000;--color-shadow: rgba(0, 0, 0, .06);--color-bg-behind: hsla(0, 99%, 74%, .12);--color-bg-ahead: hsla(206, 99%, 74%, .12);--size-padding-base: 24px;--size-strip-height: 104px}@media (prefers-color-scheme: dark){:root{--color-bg: #0A0A0A;--color-strip-divider: #2F2F2F;--color-bg-dark: #252525;--color-text: #F5F5F5;--color-text-light: #E2E2E2;--color-text-lighter: #A9A9A9;--color-text-lightest: #707070;--color-current: #FF6E6E;--color-shadow: rgba(255, 255, 255, .12)}}body{margin:0;display:flex;min-height:100vh}#root{width:100%}button{background:inherit;display:block;line-height:inherit;color:inherit;font-family:inherit;border:none;padding:0;margin:0;font-size:inherit;font-variant-numeric:inherit;font-feature-settings:inherit;text-decoration:inherit}.StripHour__hourMark{background:var(--color-text);width:1px;bottom:0;position:absolute;height:calc(var(--size-strip-height) * .25)}.StripHour__hourMark--withAdditional{height:calc(var(--size-strip-height) * .5);width:2px}.StripHour__hourMarkAdditional{color:var(--color-text);font-size:13px;padding-left:4px;position:absolute;top:0;width:10000px}.StripHour__hourMarkText{color:var(--color-text-lighter);padding-left:4px;font-size:13px;position:absolute;bottom:calc(var(--size-strip-height) / 10)}.StripHour__hourMarkDivision{height:calc(var(--size-strip-height) / 13);width:1px;background:var(--color-text-lightest);bottom:0;position:absolute}.TZStrip{height:var(--size-strip-height);overflow:hidden;width:100%;display:grid;grid-template-columns:300px 1fr;border-bottom:1px solid var(--color-strip-divider);-webkit-user-select:none;user-select:none}@media (max-width: 1000px){.TZStrip{grid-template-columns:1fr;grid-template-rows:min-content var(--size-strip-height);height:auto}}.TZStrip__info{background-color:var(--color-bg);box-shadow:4px 0 7px 0 var(--color-shadow);padding:0 var(--size-padding-base);z-index:10;display:flex;align-items:center}.TZStrip__info:hover .TZStrip__remove{opacity:1}@media (max-width: 1000px){.TZStrip__info{padding:8px var(--size-padding-base);box-shadow:none}}.TZStrip__remove{opacity:0;color:var(--color-text-lighter);font-size:13px;transition:.15s linear opacity}.TZStrip__remove:hover{color:var(--color-text);cursor:pointer}@media (max-width: 1000px){.TZStrip__remove{opacity:1}}.TZStrip__tzInfoContainer{display:flex;gap:2px;flex-direction:column;flex-grow:1}@media (max-width: 1000px){.TZStrip__tzInfoContainer{flex-direction:row;gap:4px}}.TZStrip__tzOffset,.TZStrip__tzPath{font-size:13px;color:var(--color-text-lighter)}@media (max-width: 1000px){.TZStrip__tzOffset,.TZStrip__tzPath{font-size:15px}}.TZStrip__tzName{font-size:20px;font-weight:500;color:var(--color-text-light)}@media (max-width: 1000px){.TZStrip__tzName{font-size:15px}}.TZStrip__ruler{position:relative;cursor:ew-resize}.TZStrip__ruler:hover .TZStrip__focusTimeReset{opacity:1}.TZStrip__currentTimeBar{height:var(--size-strip-height);position:absolute;width:1px;background:var(--color-current)}.TZStrip__focusTimeBar{height:var(--size-strip-height);position:absolute;width:2px;transition:.25s linear opacity;background:var(--color-text-lighter)}.TZStrip__focusTimeBar--hidden{opacity:0;visibility:hidden}.TZStrip__currentTimeText{white-space:nowrap;z-index:1;padding-left:4px;font-size:16px;font-weight:500;padding-top:16px;display:inline-block;color:var(--color-current);transition:.1s linear opacity 10ms;opacity:1}.TZStrip__currentTimeText--dirty{opacity:.75}.TZStrip__currentTimeText--hidden{opacity:0}.TZStrip__focusTimeText{white-space:nowrap;z-index:1;padding-left:4px;font-size:16px;font-weight:500;padding-top:16px;display:inline-block;opacity:1;z-index:2}.TZStrip__focusTimeReset{margin-left:8px;display:inline-block;opacity:0;color:var(--color-text-lightest);cursor:pointer}.TZStrip__focusTimeReset:hover{color:var(--color-text-lighter)}@media (max-width: 1000px){.TZStrip__focusTimeReset{opacity:1}}.TZStrip__aheadBehind{height:var(--size-strip-height);position:absolute;top:0;z-index:-2}.TZStrip__aheadBehind--ahead{background-color:var(--color-bg-ahead)}.TZStrip__aheadBehind--behind{background-color:var(--color-bg-behind)}.App__wrapper{position:relative}.AddTZ{padding:var(--size-padding-base)}.AddTZ__menu{background-color:var(--color-bg);visibility:hidden;position:absolute;inset:0;z-index:100;padding:var(--size-padding-base)}.AddTZ__menu--open{visibility:visible}.AddTZ__menuItem{text-align:left;cursor:pointer}.AddTZ__menuItem:hover{text-decoration:underline}.AddTZ__menuItemOffset{color:var(--color-text-lighter)}.AddTZ__list{width:100%;max-width:1400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px;margin-bottom:1.5rem}.AddTZ__regionTitle{font-size:1rem;color:var(--color-text);font-weight:600;padding:0;margin:.5rem 0}.AddTZ__input{font-size:inherit;width:100%;max-width:25rem;margin:1rem 0}.TopBar{display:grid;grid-template-columns:1fr min-content min-content;gap:8px;padding:8px 24px;font-size:12px;background:var(--color-bg-dark);border-bottom:1px solid var(--color-strip-divider);overflow:visible}.TopBar__logo{display:flex;gap:8px;flex-direction:rows}.TopBar__credit{color:var(--color-text-lighter);font-style:italic;text-decoration:none;opacity:0;transition:.1s linear opacity}.TopBar__credit:hover{text-decoration:underline}.TopBar:hover .TopBar__credit{opacity:1}.TopBar__time{display:flex;flex-direction:row;gap:8px;color:var(--color-text-lighter)}.SettingsMenu{height:1em;position:relative}.SettingsMenu__button{color:var(--color-text-light);cursor:pointer}.SettingsMenu__button:hover,.SettingsMenu__button--open{color:var(--color-text)}.SettingsMenu__menu{position:absolute;right:0;z-index:100;display:none;width:35ch;background-color:var(--color-bg);box-shadow:0 3px 8px 5px var(--color-shadow)}.SettingsMenu__menu--open{display:block}.SettingsMenu__item{padding:8px;border-top:1px solid var(--color-strip-divider)}.SettingsMenu__item:first-of-type{border-top:none}