.vivtime{--vt-ink:#18324b;--vt-muted:#4d6274;--vt-line:#ccd9e3;--vt-accent:#126d88;max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 3rem;color:var(--vt-ink)}.vivtime *{box-sizing:border-box}.vivtime h1{font-size:1.1rem;letter-spacing:.04em;margin:0;font-weight:650}.vivtime h2{font-size:1.3rem;margin:.3rem 0 1rem;overflow-wrap:anywhere}.vivtime p{line-height:1.5}.vivtime button,.vivtime input,.vivtime select{font:inherit;color:inherit;min-height:44px;border:1px solid var(--vt-line);border-radius:9px;background:white;padding:.65rem .8rem;max-width:100%}.vivtime button{cursor:pointer}.vivtime button:hover{background:#edf6fa}.vivtime :focus-visible{outline:3px solid #167ba8;outline-offset:3px}.vivtime label{display:block;font-size:.85rem;font-weight:600;margin:.75rem 0 .3rem}.vivtime select{width:100%}.vivtime .vt-difference{text-align:center;padding:1rem 0 1.5rem}.vivtime .vt-difference output{display:block;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:750;line-height:1.15;letter-spacing:-.04em;color:var(--vt-accent);overflow-wrap:anywhere}.vivtime .vt-difference p{margin:.5rem 0 0;color:var(--vt-muted)}.vivtime .vt-clocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.vivtime .vt-clock{min-width:0;padding:1.5rem;border:1px solid var(--vt-line);border-radius:16px;background:linear-gradient(160deg,#f8fbfd,white 65%)}.vivtime .vt-eyebrow{font-size:.82rem;color:var(--vt-muted);margin:0}.vivtime .vt-clock-face{display:flex;align-items:center;flex-direction:column;gap:.5rem;padding:1.8rem 0 .6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vivtime .vt-clock-face time{font-size:clamp(2.1rem,5vw,3.8rem);font-weight:650;letter-spacing:-.035em}.vivtime .vt-clock-face small{color:var(--vt-muted);overflow-wrap:anywhere}.vivtime .vt-empty{min-height:150px;display:flex;align-items:center;color:var(--vt-muted)}.vivtime .vt-instant{margin:1.25rem 0 2rem;color:var(--vt-muted)}.vivtime summary{cursor:pointer;min-height:44px;padding:.65rem 0}.vivtime .vt-instant button{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.vivtime .vt-overview{padding-top:.75rem}.vivtime .vt-overview>p{color:var(--vt-muted);font-size:.92rem}.vivtime .vt-overview ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:.6rem;gap:.6rem;padding:0}.vivtime .vt-overview li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.35rem .75rem;gap:.35rem .75rem;border:1px solid var(--vt-line);border-radius:10px;padding:.8rem 1rem;align-items:center}.vivtime .vt-overview li>span{overflow-wrap:anywhere}.vivtime .vt-overview li>small{color:var(--vt-muted)}.vivtime .vt-overview button{grid-column:2;grid-row:2;font-size:.85rem;padding:.4rem .65rem}.vivtime .vt-overview button[aria-pressed=true]{background:var(--vt-accent);color:white}.vivtime .vt-source{display:block;margin-top:1.3rem;color:var(--vt-muted);line-height:1.6}.vivtime button:disabled{opacity:.55;cursor:default}@media(max-width:620px){.vivtime{padding:1rem .85rem 2rem}.vivtime .vt-clocks{grid-template-columns:1fr;gap:.85rem}.vivtime .vt-clock{padding:1.1rem}.vivtime .vt-difference{padding:1rem 0 1.2rem}.vivtime .vt-clock-face{padding:1rem 0 .3rem}.vivtime .vt-instant button{margin:.5rem 0 0;display:block}}