@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}@media (prefers-color-scheme: dark){body{background:linear-gradient(160deg,#0f172a,#1e1b4b,#000);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:var(--color-text)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{font-family:Inter,sans-serif;background:linear-gradient(160deg,#0f172a,#1e1b4b,#000);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:#f8fafc;margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeout{0%{opacity:1;height:50px}40%{opacity:0;height:50px}60%{opacity:0;height:50px}to{opacity:0;height:0px}}@keyframes fadein{0%{opacity:0;height:0px}40%{opacity:0;height:50px}60%{opacity:0;height:50px}to{opacity:1;height:50px}}#app{width:100%;margin:0 auto;padding:2rem}a,.green{text-decoration:none;color:#00bd7e;padding:3px}@media (min-width: 1024px){body{display:flex;justify-content:center;align-items:center}#app{padding:0 2rem}}.log[data-v-6b66acce]{white-space:pre-wrap;max-height:220px;overflow:auto}.clock[data-v-715abf28]{font-size:15vw;font-weight:700}.clockWrapper[data-v-715abf28]{display:flex;justify-content:center;align-items:center}.zenControls[data-v-715abf28]{text-align:center;margin-top:8px}.controlsHidden[data-v-715abf28]{animation:fadeout .8s ease;opacity:0;overflow:hidden;height:0}.controlsVisible[data-v-715abf28]{animation:fadein .4s ease;height:50px}.card{margin:60px auto;max-width:80%;width:fit-content;background:#111827b3;padding:32px;border-radius:36px;box-shadow:0 0 60px #60a5fa80;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.1);transition:box-shadow 2s ease,opacity .5s ease;animation:shadowShift 15s ease-in-out infinite;display:flex;flex-direction:column;align-items:center}@keyframes shadowShift{0%{box-shadow:0 0 40px #60a5fa80}50%{box-shadow:0 0 45px #c084fc99}to{box-shadow:0 0 40px #60a5fa80}}.card.clockMode{display:flex;flex-direction:column;align-items:center;overflow:visible}h1{font-size:2rem;margin:0 0 16px;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;color:var(--color-heading);-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.02em;width:100%}p,label{font-size:.95rem;color:#e2e8f0}button,select,input[type=checkbox]{margin:6px 4px;padding:10px 16px;border-radius:14px;border:none;cursor:pointer;font-size:.95rem;transition:all .25s ease}button.primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:600}button:not(.primary){background:#334155b3;color:#f1f5f9;border:1px solid rgba(148,163,184,.3)}button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #00000080}select{background:#1e293bcc;color:#f8fafc;border:1px solid rgba(148,163,184,.3);padding:8px 12px;border-radius:10px}h3{margin:28px 0 0;font-size:1rem;font-weight:600;color:#e2e8f0}pre{background:#0f172ad9;padding:14px;border-radius:16px;max-height:220px;overflow:auto;font-size:.8rem;color:#cbd5e1;border:1px solid rgba(148,163,184,.15);margin-top:8px}pre:last-of-type{margin-bottom:0}#clockView{flex-direction:column;align-items:center;justify-content:center;transition:.8s ease all;min-height:10rem}.hidden{display:none}#clockView:not(.hidden){display:flex}.clockWrapper{flex:1;display:flex;justify-content:center;align-items:center;transition:transform .8s ease}body{cursor:default}body:has(.controlsHidden){cursor:none}.clock{font-size:15vw;font-weight:700;text-align:center;display:inline-block;background:linear-gradient(90deg,#38bdf8,#818cf8);background-clip:text;-webkit-background-clip:text;color:var(--color-heading);-webkit-text-fill-color:transparent;line-height:1;font-variant-numeric:tabular-nums;transition:all .8s ease}.zenControls{overflow:hidden;text-align:center}.controlsHidden{animation:fadeout .8s ease;opacity:0;overflow:hidden;height:0}.controlsVisible{animation:fadein .4s ease;height:50px}.hideTitle h1{display:none}