@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--foreground) transparent}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--foreground);border-radius:10px;border:3px solid transparent}*::selection{color:var(--background);background-color:var(--highlight)}img::selection{background-color:transparent}h1,h2,h3,h4{text-wrap:wrap}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentColor}a{text-decoration-skip-ink:auto;text-decoration:none;color:currentColor}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}}html[data-theme=dark]{color-scheme:dark}html,body{min-height:100dvh;overscroll-behavior:none;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-family:var(--font-atkinson)}:root{--foreground: #121212;--background: #fffafa;--accent: #8922c1;--highlight: #60a5fa;--ease-material: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--foreground: #fffafa;--background: #222222;--accent: #c278d9}:root{font-size:1.25rem;--scale: 1.681;--size-xs: calc(1em*round(pow(var(--scale), -2), .01)) ;--size-sm: calc(1em / var(--scale));--size-md: 1em;--size-lg: calc(1em * var(--scale));--size-xl: calc(1em*round(pow(var(--scale), 2), .01)) ;--size-2xl: calc(1em*round(pow(var(--scale), 3), .01)) ;--xs-unitless: calc(var(--sm-unitless) / var(--scale));--sm-unitless: calc(1 / var(--scale));--lg-unitless: calc(1 * var(--scale));--xl-unitless: calc(var(--lg-unitless) * var(--scale));--2xl-unitless: calc(var(--xl-unitless) * var(--scale));--page-padding: calc(var(--xl-unitless) * 1rem)}@media screen and (min-width:2000px){:root{--scale: 2}}@media screen and (min-width:600px)and (max-width:1600px)and (min-aspect-ratio:17 / 9){:root{--scale: 1.3}}@media screen and (max-width:1000px){:root{--scale: 1.4}}@media screen and (max-width:600px){:root{--scale: 1.2}}.page-header{z-index:var(--z-index-nav);padding-inline:var(--page-padding);padding-top:var(--page-padding);display:flex;justify-content:space-between;gap:var(--size-sm)}.page-footer{z-index:var(--z-index-nav);padding-block-end:1px;display:grid;font-size:var(--size-lg);grid-template-columns:auto auto 1fr;border-top:1px dashed var(--foreground);.f-a{z-index:10;padding:var(--page-padding);position:relative;border-left:1px dashed var(--foreground);transition:color .3s var(--ease-material);overflow:hidden;display:flex;align-items:center;gap:3px;.icon-reload{display:none}.bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent);z-index:-1}&[data-transition=true] .bg{transition:transform .3s var(--ease-material)}&[data-hover] .bg{transform:translate(0)}&[data-entry=l]:not([data-hover]) .bg{transform:translate(-100%)}&[data-entry=r]:not([data-hover]) .bg{transform:translate(100%)}&[data-entry=t]:not([data-hover]) .bg{transform:translateY(-100%)}&[data-entry=b]:not([data-hover]) .bg{transform:translateY(100%)}&[data-exit=l]:not([data-hover]) .bg{transform:translate(-100%)}&[data-exit=r]:not([data-hover]) .bg{transform:translate(100%)}&[data-exit=t]:not([data-hover]) .bg{transform:translateY(-100%)}&[data-exit=b]:not([data-hover]) .bg{transform:translateY(100%)}.title,.icon{position:relative;z-index:1;font-family:var(--font-synthetic-genesis);letter-spacing:2px}.icon{align-items:center;transition:transform .3s var(--ease-material)}}.f-a:hover{color:var(--background);.icon{transform:rotate(45deg)}}a[href="/"]{aspect-ratio:1;height:100%;display:flex;justify-content:center;align-items:center;.icon{display:inline-flex}.fill{transition:color .3s var(--ease-material)}&:hover{color:var(--accent)}}.quote-container{color:var(--background);position:absolute;font-size:var(--size-sm);top:50%;right:var(--page-padding);transform:translateY(-50%);max-width:30ch;z-index:1}}[data-page=connect] .page-footer{a[href="/connect/"]{&:not([data-hover]){color:var(--accent)}.icon-arrow{display:none}.icon-reload{display:inline-flex}}}[data-page=now] .page-footer{a[href="/now/"]{&:not([data-hover]){color:var(--accent)}.icon-arrow{display:none}.icon-reload{display:inline-flex}}}@media screen and (max-width:1220px){.page-footer .quote-container{visibility:hidden}}@media screen and (max-width:1000px){.page-footer{grid-template-columns:auto 1fr;grid-template-rows:auto auto;a[href="/connect/"]{border-left:1px dashed var(--foreground);border-top:none}a[href="/now/"]{grid-column:1 / -1;border-left:none;border-top:1px dashed var(--foreground)}.quote-container{visibility:hidden}}}@media screen and (max-width:600px){.page-footer .quote-container{visibility:hidden}}.widget{display:flex;align-items:center;text-transform:uppercase;font-size:.75em;line-height:1;font-family:var(--font-kh-interference)}.quote{blockquote{font-style:italic;opacity:1;text-align:right;line-height:1;letter-spacing:normal}footer{opacity:.5;text-align:right}}:root{--z-index-nav: 10}.sr-only:not(:focus-within):not(:active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pixelated{image-rendering:pixelated}.icon{display:inline-block;max-height:1em;width:1em}.icon-am-pm{width:auto;height:1em;scale:.8}@media(prefers-reduced-motion:no-preference){html.is-changing .transition-fade{view-transition-name:main}::view-transition-old(main){animation:fade .5s ease-in-out both}::view-transition-new(main){animation:fade .5s ease-in-out both reverse}}footer{view-transition-name:footer}header{view-transition-name:header}@keyframes fade{0%{opacity:1}to{opacity:0}}h1{font-size:var(--size-lg);font-family:var(--font-synthetic-genesis);line-height:1;letter-spacing:2px}h2{font-size:inherit;font-weight:lighter;margin-block:var(--size-lg)}h3{font-size:var(--size-lg);font-weight:lighter}@property --_stop1{syntax: "<color>"; inherits: true; initial-value: #ef9393;}@property --_stop2{syntax: "<color>"; inherits: true; initial-value: #998ee0;}@keyframes gradient-shift-stop1{0%{--_stop1: #ef9393}25%{--_stop1: #e17dc2}50%{--_stop1: #998ee0}75%{--_stop1: #43add0}to{--_stop1: #ef9393}}@keyframes gradient-shift-stop2{0%{--_stop2: #8bdeda}25%{--_stop2: #ef9393}50%{--_stop2: #e17dc2}75%{--_stop2: #998ee0}to{--_stop2: #8bdeda}}.logo{.iceberg,.t1,.t2{visibility:hidden}}[data-month="5"]{animation:gradient-shift-stop1 8s linear infinite,gradient-shift-stop2 8s linear infinite}[data-month="5"] .logo{.fill,.t1,.t2,.iceberg{fill:url(#logo-gradient-footer)}}.logo.animate{overflow:visible;.iceberg,.t1,.t2{visibility:visible}}.logo.animate{.fill{opacity:0;animation:fade-in .75s 1.2s var(--ease-material) forwards}.iceberg{opacity:0;animation:iceberg 1s .75s var(--ease-material) forwards}.t1,.t2{opacity:0;animation:fade-in 1s ease-out;animation-direction:reverse}.t2{animation-delay:.25s}}@keyframes iceberg{0%{transform:translateY(-2%);opacity:0}to{transform:translateY(0);opacity:1}}.sound-wave{display:flex;align-items:center;justify-content:center;[data-i="0"]{--i: .33}[data-i="1"]{--i: .66}[data-i="2"]{--i: .35}[data-i="3"]{--i: .49}[data-i="4"]{--i: .36}[data-i="5"]{--i: .49}[data-i="6"]{--i: .65}[data-i="7"]{--i: .53}[data-i="8"]{--i: .23}[v="9"]{--i: .26}[data-i="10"]{--i: .3}[data-i="11"]{--i: .21}[data-i="12"]{--i: .7}[data-i="13"]{--i: .41}[data-i="14"]{--i: .51}[data-i="15"]{--i: .65}div{height:9px;background-color:currentColor;margin:0 1.5px;width:1px}div:nth-child(-n+7),div:nth-last-child(-n+7){height:5px}div:nth-child(-n+3),div:nth-last-child(-n+3){height:2px}}@media(prefers-reduced-motion:no-preference){.sound-wave div{animation:wave calc(var(--i) * 1s) ease-in-out infinite alternate}}@keyframes wave{0%{opacity:.35;transform:initial}to{opacity:1;transform:scaleY(1.7)}}music-widget{position:relative;gap:1ch;*{transition:all .3s var(--ease-material)}.info-container{position:relative;display:flex;align-items:center;gap:1ch;padding-right:calc(1em + 1ch)}.links{display:flex;gap:var(--size-xs);height:1em}.sound-wave-container{position:absolute;left:calc(1em + 1ch);right:0;display:flex;align-items:center;justify-content:space-between;opacity:0;filter:blur(8px)}.album-cover-container{width:1em;height:1em;position:absolute;top:50%;right:0;transform:translateY(-50%);picture img{height:100%}}.divider{height:1lh;width:2px;background-color:currentColor;transform-origin:top}}@media screen and (min-width:600px){music-widget:hover{.artist{opacity:0;filter:blur(8px)}.sound-wave-container{opacity:1;filter:blur(0)}.album-cover-container{right:100%;transform:translate(100%) translateY(-50%)}.divider{transform:scaleY(0)}}}@media screen and (max-width:600px){music-widget{.title{text-align:right}>.icon{display:none}.info-container{.artist,.divider,.sound-wave-container{display:none}}}}@media(prefers-reduced-motion:prefers-reduced-motion){music-widget .sound-wave-container{left:var(--size-sm);right:1.5rem}}sun-widget{position:relative;height:1lh;#s-sunrise,#s-sunset{position:absolute;top:0;font-size:var(--size-sm);opacity:.6}#s-sunset{right:0}}@media screen and (max-width:600px){#s-sunrise,#s-sunset,#s-line{display:none}}[data-theme=dark] sun-widget #s-sun{fill-opacity:.2}.icon-sun{border-radius:50%;background-color:orange;aspect-ratio:1}[data-theme=dark]{time-widget{.icon-sun{display:none}.icon-moon{display:block}}}time-widget{gap:1ch;.time{display:flex;perspective:1000px}.icon-moon{display:none}.separator{display:inline-block;vertical-align:super}.digit-container{position:relative;display:inline-block;align-items:center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;pointer-events:none;transform:translateZ(0)}.digit-container>.d{display:inline-block;backface-visibility:hidden;transform:translateZ(1ch)}.digit-container:before{content:attr(data-next);position:absolute;top:0;left:0;backface-visibility:hidden;transform:rotateX(90deg) translateZ(1ch)}.ds{margin-right:1ch}.ds:after{content:":";position:absolute;top:0;line-height:1.1ch;left:1ch;width:1ch}.digit-container.flipping{transform:rotateX(-90deg);transition:transform .3s var(--ease-material)}.digit-container.flipping:before{transition:transform .2s var(--ease-material)}.timezone{margin-left:1ch}}@media screen and (max-width:600px){time-widget .timezone{display:none}}perspective-switch{align-self:center;position:relative;.wheel{position:relative;transform-style:preserve-3d;transition:transform .3s var(--ease-material);backface-visibility:hidden;will-change:transform;pointer-events:none;>*{backface-visibility:hidden;will-change:transform;transition:all .3s var(--ease-material);--radius: 1ch}>:first-child{position:relative}.back{position:absolute;inset:0;opacity:0;filter:blur(8px)}}}perspective-switch:hover .wheel{>*:first-child{filter:blur(8px);opacity:0}>.back{filter:blur(0px);opacity:1}}@media(prefers-reduced-motion:no-preference){perspective-switch[data-direction=up] .wheel{>*:first-child{transform:translateZ(var(--radius))}.back{transform:rotateX(-90deg) translateZ(var(--radius))}}perspective-switch[data-direction=down] .wheel{>*:first-child{transform:translateZ(var(--radius))}.back{transform:rotateX(90deg) translateZ(var(--radius))}}perspective-switch[data-direction=up]:hover .wheel{transform:rotateX(90deg)}perspective-switch[data-direction=down]:hover .wheel{transform:rotateX(-90deg)}}