html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Jersey 10";font-display:block;src:url(/timebreathes/assets/jersey-10-latin-COnnvJff.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-display:block;src:url(/timebreathes/assets/silkscreen-latin-DXa0z3Cb.woff2)format("woff2")}:root{--ink:#3d3660;--ink-soft:#3d36609c;--shadow:#fff5;--accent:#ffa51e;--sky:#bfe8ff;--scene-height:100vh}@supports (height:100lvh){:root{--scene-height:calc(100lvh + var(--scene-extension,0px))}}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{width:100%;height:var(--scene-height);background-color:var(--edge,var(--sky));margin:0;transition:background-color .6s;overflow:hidden}#scene{width:100vw;height:var(--scene-height);image-rendering:pixelated;image-rendering:crisp-edges;cursor:grab;touch-action:none;display:block;position:fixed;top:0;left:0}#scene:active{cursor:grabbing}.hud{color:var(--ink);pointer-events:none;text-shadow:2px 2px 0 var(--shadow);transition:color .6s;position:fixed;left:0;right:0}.hud_top{padding:calc(1.25rem + env(safe-area-inset-top)) 1rem 0;text-align:center;top:0}.question{letter-spacing:.3rem;font-family:"Jersey 10",monospace;font-size:2.1rem}.hud_top{z-index:11;transform-origin:50% 0;transition:transform 1.6s cubic-bezier(.65,0,.2,1),color 1.2s}.hud_top.intro{color:#ebe5fa;text-shadow:none;transform:translateY(calc(50vh - 100% - 2rem)) scale(var(--intro-scale,1.6))}.hud_bottom{padding:0 calc(2.5rem + env(safe-area-inset-right)) calc(1.75rem + env(safe-area-inset-bottom)) calc(2.5rem + env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;gap:2.5rem;display:flex;bottom:0}.readout_date{align-items:last baseline;gap:.75rem;font-family:"Jersey 10",monospace;line-height:.8;display:flex}.big{letter-spacing:0;font-size:8.5rem}.stack{flex-direction:column;gap:.4rem;display:flex}.mid{letter-spacing:.15rem;font-size:3.2rem}.stats{letter-spacing:.06rem;white-space:nowrap;flex-direction:column;gap:.4rem;margin-top:1rem;font-family:Silkscreen,monospace;font-size:.75rem;display:flex}#stat_moon{color:var(--ink-soft)}.controls{pointer-events:auto;flex-direction:column;width:min(32rem,50vw);display:flex}.tracks{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.65,0,.2,1) .2s;display:grid}.tracks.open{grid-template-rows:1fr;transition-delay:0s}.tracks_inner{opacity:0;grid-template-columns:auto 1fr;align-items:center;gap:.9rem 1rem;min-height:0;margin:0 -.5rem;padding:.5rem .5rem .9rem;transition:opacity .2s,transform .2s;display:grid;overflow:hidden;transform:translateY(.4rem)}.tracks.open .tracks_inner{opacity:1;transition:opacity .35s .35s,transform .35s cubic-bezier(.2,0,.2,1) .35s;transform:none}.tracks_inner .switch{grid-area:1/1/3/2;align-self:center;margin-bottom:.9rem}.tracks_inner .track{grid-column:2}.track{flex:1;align-items:flex-start;gap:1rem;display:flex}.track_label{width:3rem;padding-top:.15rem;font-family:Silkscreen,monospace;font-size:.65rem}.track_body{flex-direction:column;flex:1;gap:.35rem;display:flex}.months{color:var(--ink-soft);justify-content:space-between;font-family:Silkscreen,monospace;font-size:.55rem;display:flex}.slider{appearance:none;background:var(--ink);cursor:pointer;outline:none;width:100%;height:2px;margin:.5rem 0 .4rem}.slider::-webkit-slider-thumb{appearance:none;background-color:var(--accent);border:3px solid var(--ink);width:18px;height:18px;box-shadow:3px 3px 0 var(--shadow)}.slider::-moz-range-thumb{background-color:var(--accent);border:3px solid var(--ink);border-radius:0;width:12px;height:12px}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:3px}.buttons{justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.now{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.45rem .8rem;font-family:Silkscreen,monospace;font-size:.75rem;display:flex}.icon{width:14px;height:14px;fill:var(--ink-soft)}.now.live{color:var(--sky);background:var(--ink);text-shadow:none}.now.live .icon{fill:var(--sky)}.swap{display:grid}.swap>*{grid-area:1/1}.label_start,.label_on,.now.live .label_off{visibility:hidden}.now.live .label_on{visibility:visible}.now.pending .label_on,.now.pending .label_off{visibility:hidden}.now.pending .label_start{visibility:visible}.icon_off,.now.live .icon_on{display:inline}.icon_on,.now.live .icon_off{display:none}.tune{align-self:stretch;padding:0 .6rem}.now:disabled{opacity:.6;cursor:wait}.now:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch{cursor:pointer;flex:none;width:36px;height:36px;position:relative}input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.knob{width:100%;height:100%;display:block}.knob_sun{fill:var(--accent);opacity:0}.knob_moon{fill:var(--ink)}input[type=checkbox]:checked~.knob .knob_sun{opacity:1}input[type=checkbox]:checked~.knob .knob_moon{opacity:0}input[type=checkbox]:focus-visible~.knob{outline:2px solid var(--ink);outline-offset:4px}.loader{height:var(--scene-height);z-index:10;background:#1b1530;justify-content:center;align-items:center;gap:16px;padding-top:9rem;transition:opacity .6s steps(4,end);display:flex;position:fixed;inset:0}.loader.done{opacity:0;pointer-events:none}.loader i{background:#ffb3cf;width:8px;height:8px;animation:1.2s steps(3,jump-none) infinite breathe}.loader i:nth-child(2){background:#6cc65e;animation-delay:.2s}.loader i:nth-child(3){background:#ffb340;animation-delay:.4s}@keyframes breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.tracks,.tracks .tracks_inner{transition:none}}@media (width<=760px){.hud_top{--intro-scale:1.15}.question{letter-spacing:.12rem;font-size:1.35rem}.hud_bottom{padding:0 1rem calc(1rem + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:1rem}.big{font-size:5.5rem}.mid{letter-spacing:.1rem;font-size:2rem}.stats{gap:.3rem;margin-top:.6rem;font-size:.65rem}.controls{width:100%}.tracks_inner{row-gap:.6rem;padding-bottom:.6rem}.tune{margin-right:auto}.buttons{gap:.75rem}}@media (display-mode:standalone){:root{--scene-extension:env(safe-area-inset-top)}.hud_top{padding-top:calc(2.5rem + env(safe-area-inset-top))}}
