.time-home{isolation:isolate;color:#b8c5ce;height:100svh;min-height:360px;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;position:relative;overflow:hidden}.time-header{z-index:3;pointer-events:none;opacity:.72;justify-content:space-between;align-items:center;padding:27px 38px;transition:opacity 1.6s;display:flex;position:absolute;inset:0 0 auto}.time-header>*{pointer-events:auto}.time-signature{letter-spacing:.42em;color:#c8d1d7;font-size:13px;font-weight:400}.time-travel{color:#c4cfd6;align-items:center;gap:16px;padding:10px 0 10px 16px;font-size:14px;display:flex}.time-travel svg{stroke:currentColor;stroke-width:1.1px;fill:none;width:15px;height:15px;transition:transform .25s}.time-travel:hover svg{transform:translate(2px,-2px)}.time-canvas{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity 1.8s;display:block;position:absolute;inset:0;outline:none!important}.time-canvas:focus-visible{box-shadow:inset 0 0 0 1px #849daa}.lake-ready .time-canvas{opacity:1}.lake-fallback{background:#000;transition:opacity 1s;position:absolute;inset:0}.lake-ready .lake-fallback{opacity:0}.time-readout{z-index:2;text-align:center;pointer-events:none;white-space:nowrap;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.time-readout h1{letter-spacing:.15em;font-variant-numeric:tabular-nums;color:#9bacb8;margin:0;font:300 26px/1.2 Georgia,Times New Roman,serif;transition:color 2.5s,text-shadow 2.5s}.time-seconds{color:#80939f;transition:color 2.5s}.time-readout .lake-error{letter-spacing:.14em;color:#9eafba;opacity:1;margin:0;font-size:12px;transition:opacity 1.8s;position:absolute;bottom:47px;left:50%;transform:translate(-50%)}.time-footer{left:38px;right:38px;bottom:max(27px,env(safe-area-inset-bottom));z-index:3;pointer-events:none;opacity:.7;justify-content:space-between;align-items:center;gap:20px;transition:opacity 1.6s;display:flex;position:absolute}.time-footer>*{pointer-events:auto}.time-zone{color:#b3c0c9;letter-spacing:.07em;align-items:baseline;gap:17px;font-size:12px;display:flex}.time-zone small{font:inherit;color:#9aadb9;letter-spacing:.04em;font-size:12px}.time-save{color:#bdcbd4;background:0 0;border:0;align-items:center;gap:12px;padding:10px 0 10px 16px;font-size:14px;display:flex}.time-save svg{stroke:currentColor;stroke-width:1px;fill:none;width:19px;height:19px;transition:transform .25s}.time-save:hover svg{transform:scale(1.1)}.time-save:disabled{opacity:.35}.time-notice{z-index:5;opacity:0;pointer-events:none;white-space:nowrap;background:#071016ed;border:1px solid #8c9faa35;border-radius:4px;padding:10px 20px;font-size:14px;transition:opacity .2s;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}.time-notice.is-visible{opacity:1}.time-noscript{z-index:4;text-align:center;font-size:16px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.time-noscript a{margin-top:16px;text-decoration:underline;display:block}.is-awake .time-header,.is-awake .time-footer,.time-header:focus-within,.time-footer:focus-within,.is-awake .time-readout .lake-error,.time-home:focus-within .time-readout .lake-error{opacity:1}@media (width<=680px){.time-header{gap:12px;padding:18px 23px}.time-signature{letter-spacing:.32em;flex-shrink:0;font-size:12px}.time-travel{gap:12px}.time-readout{bottom:87px}.time-readout h1{font-size:25px}.time-readout .lake-error{letter-spacing:.08em;bottom:47px}.time-footer{left:23px;right:23px;bottom:max(17px,env(safe-area-inset-bottom))}.time-zone{font-size:12px}.time-zone small{display:none}.time-notice{white-space:normal;text-align:center;max-width:90vw;font-size:12px;bottom:165px}}@media (height<=520px) and (width>=681px){.time-readout{bottom:28px}.time-readout h1{font-size:23px}.time-header{padding-top:12px;padding-bottom:12px}.time-footer{bottom:12px}.time-zone small{display:none}}@media (prefers-reduced-motion:reduce){.time-canvas,.lake-fallback,.time-header,.time-footer,.time-readout .lake-error,.time-readout h1,.time-seconds,.time-travel svg,.time-save svg{transition:none}}