:root{color-scheme:dark;font-family:SF Mono,JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;--green: #22c55e;--green-dim: rgba(34, 197, 94, .7);--green-glow: rgba(34, 197, 94, .45);--white-05: rgba(255, 255, 255, .05);--white-06: rgba(255, 255, 255, .06);--white-10: rgba(255, 255, 255, .1);--white-12: rgba(255, 255, 255, .12);--white-15: rgba(255, 255, 255, .15);--white-20: rgba(255, 255, 255, .2);--white-22: rgba(255, 255, 255, .22);--white-25: rgba(255, 255, 255, .25);--white-30: rgba(255, 255, 255, .3);--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#22c55e33;color:#fff}html,body,#root{min-height:100dvh;background:#080808;color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2.5rem 1.25rem 1.5rem;width:100%;max-width:560px;margin:0 auto}.clock-section{text-align:center;margin-bottom:.5rem}.day-line{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.4rem}.day-name{font-size:.6rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--white-20)}.day-date{font-size:.55rem;font-weight:400;letter-spacing:.1em;color:var(--white-12)}.clock-time{display:flex;align-items:baseline;justify-content:center;font-size:3.5rem;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.clock-hours,.clock-minutes{transition:color .3s ease}.clock-separator{opacity:.3;font-weight:300;margin:0 .05em;animation:blink 1.2s step-end infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:.05}}.clock-seconds{font-size:1rem;font-weight:400;opacity:.2;margin-left:.1em;align-self:flex-end;margin-bottom:.15em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.35}}.clock-meta{display:flex;align-items:baseline;justify-content:center;gap:.35rem;margin-top:.3rem}.clock-label{font-size:.55rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--white-30)}.clock-divider-dot{font-size:.5rem;color:var(--white-10)}.utc-time-inline{font-size:.7rem;font-weight:500;color:var(--white-25);font-variant-numeric:tabular-nums}.utc-label-inline{font-size:.45rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--white-12)}.countdown{display:flex;align-items:baseline;gap:.45rem;margin-bottom:.5rem}.countdown-label{font-size:.55rem;font-weight:400;letter-spacing:.06em;color:var(--white-20)}.countdown-value{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--green-dim);transition:color .3s ease}.divider{width:100%;height:1px;background:var(--white-05);margin:.25rem 0 .5rem}.tip{display:flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:400;letter-spacing:.04em;color:var(--white-22);margin-bottom:.5rem}.tip-dot{width:3px;height:3px;border-radius:50%;background:var(--green-glow);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.timeline{width:100%;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px}.slot{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.55rem .25rem;border-radius:4px;max-height:48px;opacity:1;transform:translateY(0);transition:opacity .6s var(--ease),transform .6s var(--ease),max-height .6s var(--ease),padding .6s var(--ease),background .25s ease;cursor:default}.slot:hover{background:var(--white-05)}.slot--past{opacity:0;transform:translateY(-6px);max-height:0;padding:0;overflow:hidden;pointer-events:none}.slot--current{opacity:1;background:#22c55e08}.slot--next{opacity:1}.slot-time{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;min-width:4.2rem;font-variant-numeric:tabular-nums;transition:opacity .3s ease}.slot--current .slot-time{opacity:1}.slot--next .slot-time{opacity:.5}.slot-label{font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;min-width:2.2rem;text-align:right;transition:color .3s ease,opacity .3s ease;color:transparent}.slot-label--now{color:var(--green)}.slot-label--peak{color:var(--white-30)}.slot-label--good{color:var(--white-15)}.slot-bar-container{height:3px;background:var(--white-06);border-radius:2px;overflow:hidden}.slot-bar{height:100%;border-radius:2px;transition:width .8s var(--ease),background .5s ease}.slot--current .slot-bar{background:linear-gradient(90deg,#22c55e80,#22c55ee6)}.slot--next .slot-bar{background:var(--white-20)}.footer{margin-top:1.2rem}.follow{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;font-family:inherit;font-size:.52rem;font-weight:500;letter-spacing:.08em;text-transform:lowercase;color:var(--white-22);text-decoration:none;border:1px solid var(--white-06);border-radius:999px;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .15s ease}.follow:hover{color:#fff9;border-color:var(--white-15);background:#ffffff08;transform:translateY(-1px)}.follow:active{background:#ffffff0f;transform:translateY(0)}.follow:focus-visible{outline:1px solid var(--green-glow);outline-offset:2px}.follow-icon{width:9px;height:9px;opacity:.5;transition:opacity .25s ease}.follow:hover .follow-icon{opacity:.9}@media(max-width:360px){.app{padding:1.5rem 1rem 1rem}.clock-time{font-size:3rem}.clock-seconds{font-size:.9rem}.day-name{font-size:.5rem;letter-spacing:.2em}.day-date{font-size:.45rem}.slot-time{font-size:1rem;min-width:3.6rem}.slot-label{min-width:1.8rem;font-size:.45rem}.slot{gap:.35rem;padding:.35rem .15rem}.countdown-label{font-size:.5rem}.countdown-value{font-size:.75rem}.tip{font-size:.52rem}.follow{font-size:.48rem;padding:.25rem .5rem}}@media(min-width:481px){.app{max-width:500px;padding:2.5rem 1.75rem 1.25rem}.day-name{font-size:.7rem;letter-spacing:.28em}.day-date{font-size:.6rem}.clock-time{font-size:4.5rem}.clock-seconds{font-size:1.4rem}.clock-meta{gap:.45rem;margin-top:.35rem}.clock-label{font-size:.6rem}.utc-time-inline{font-size:.8rem}.countdown{gap:.5rem}.countdown-label{font-size:.6rem}.countdown-value{font-size:.95rem}.tip{font-size:.68rem;gap:.45rem}.slot-time{font-size:1.5rem;min-width:5.5rem}.slot-label{font-size:.55rem;min-width:2.8rem}.slot{gap:.75rem;padding:.6rem .3rem;max-height:44px}.follow{font-size:.58rem;padding:.35rem .75rem}.follow-icon{width:10px;height:10px}}@media(min-width:769px){.app{max-width:540px;padding:3rem 2rem 1.5rem}.day-name{font-size:.75rem;letter-spacing:.3em}.day-date{font-size:.65rem}.clock-time{font-size:5rem}.clock-seconds{font-size:1.6rem}.clock-label{font-size:.65rem}.utc-time-inline{font-size:.85rem}.countdown-label{font-size:.65rem}.countdown-value{font-size:1rem}.tip{font-size:.7rem}.slot-time{font-size:1.65rem;min-width:6rem}.slot-label{font-size:.58rem;min-width:3rem}.slot{gap:.85rem;padding:.7rem .35rem}.follow{font-size:.6rem;padding:.38rem .8rem}}@media(min-width:1025px){.app{max-width:560px;padding:3.5rem 2rem 1.5rem}.day-name{font-size:.8rem;letter-spacing:.3em}.day-date{font-size:.7rem}.clock-time{font-size:5.5rem}.clock-seconds{font-size:1.8rem}.clock-label{font-size:.65rem}.utc-time-inline{font-size:.85rem}.countdown-label{font-size:.65rem}.countdown-value{font-size:1.05rem}.tip{font-size:.72rem}.slot-time{font-size:1.8rem;min-width:6.5rem}.slot-label{font-size:.6rem;min-width:3rem}.slot{gap:1rem;padding:.75rem .4rem}.follow{font-size:.62rem;padding:.4rem .85rem}.follow-icon{width:11px;height:11px}}