:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eee;background:#000;font-synthesis:none;--muted: #797979}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:#000}button,a{-webkit-tap-highlight-color:transparent}button{min-width:52px;min-height:52px;font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.2;cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:1px solid #bbb;outline-offset:5px}::selection{background:#eee;color:#000}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.site-shell{min-height:100svh;padding:20px 36px 24px;display:flex;flex-direction:column}.site-header{height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wordmark{color:#858585;font-size:13px;letter-spacing:-.35px}.wordmark span{color:#494949}.wordmark:hover{color:#eee}.header-controls{display:flex;gap:0;position:relative;flex-shrink:0}.icon-button{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#747474;border-radius:50%;transition:color .2s,background .2s}.icon-button:hover{color:#eee;background:#ffffff08}.header-controls svg{width:23px;height:23px}.icon-button>svg{width:24px;height:24px}.sound-waves{display:none}.sound-button[aria-pressed=true]{color:#b5b5b5}.sound-button[aria-pressed=true] .sound-waves{display:block}.sound-button[aria-pressed=true] .sound-muted{display:none}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px 0 0}.time-console{width:min(680px,100%);height:112px;display:flex;align-items:center;gap:12px;flex-shrink:0}.year-arrow{width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:#626262;flex-shrink:0;border-radius:50%;transition:color .2s}.year-arrow:hover:not(:disabled){color:#eee}.year-arrow svg{width:23px;height:23px}.year-dial{position:relative;width:100%;height:88px;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}.year-dial.dragging{cursor:grabbing}.dial-track{position:absolute;inset:0;perspective:700px;perspective-origin:50% 50%}.dial-year{position:absolute;left:50%;top:0;margin-left:-58px;width:116px;height:75px;padding:0 0 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:30px;font-weight:400;letter-spacing:-1.5px;color:#565656;backface-visibility:hidden}.dial-year.active{color:#eee}.dial-ruler{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#414141;stroke-width:1;-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 230px),#000 calc(50% - 165px),#000 calc(50% + 165px),transparent calc(50% + 230px));mask-image:linear-gradient(90deg,transparent calc(50% - 230px),#000 calc(50% - 165px),#000 calc(50% + 165px),transparent calc(50% + 230px))}.dial-ruler .half-ticks{stroke:#494949}.dial-ruler .year-tick{stroke:#666}.dial-ruler .year-tick.active{stroke:#a6a6a6}.dial-year.out-of-range{visibility:hidden}.dial-cursor{position:absolute;inset:0;pointer-events:none}.dial-cursor:before{content:"";position:absolute;top:0;left:calc(50% - 2px);height:4px;width:4px;border-radius:50%;background:#d3d3d3}.dial-cursor:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:1px;height:11px;background:#bbb}.viewing-area{width:min(1120px,max(320px,calc((100svh - 408px) * 16 / 9)));max-width:100%;position:relative}.video-screen{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;background:#000;contain:size layout}.video-screen>:is(iframe,.play-poster,.loading-state){position:absolute;inset:0;width:100%;height:100%}.video-screen>iframe{display:block;border:0}.video-screen.in-time-flight{opacity:0;pointer-events:none}.time-flight{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.play-poster{display:block;position:relative;width:100%;height:100%;padding:0}.play-poster>img{display:block;width:100%;height:100%;object-fit:contain}.poster-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.play-circle{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#0006;border:1px solid #ffffff50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s}.play-circle svg{width:19px;height:19px;fill:#fff;stroke:none;margin-left:3px}.play-poster:hover .play-circle{background:#0009;transform:scale(1.06)}.video-information{display:grid;grid-template-columns:minmax(0,1fr) 165px;align-items:start;gap:20px;height:48px;margin-top:16px;min-width:0}.video-information h1{height:16px;line-height:16px;font-size:11px;font-weight:400;color:#767676;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0}.video-information time{color:#969696;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.moment-controls{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:20px}.next-button{height:52px;min-width:116px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #323232;border-radius:6px;padding:0 18px;font-size:14px;color:#bbb;transition:color .2s,border-color .2s,background .2s}.next-button svg{width:21px;height:21px}.next-button:hover{color:#fff;border-color:#666;background:#ffffff04}.dice-dots{stroke-width:3}.notice{position:absolute;top:100%;left:0;right:0;margin:12px 0 0;color:#858585;font-size:11px;line-height:1.6;text-align:center}.notice:empty{display:none}.notice a{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;color:#aaa;text-decoration:underline;text-underline-offset:3px}.loading-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:11px;color:#777;padding:20px}.loading-state p{margin:0}.loading-orbit{width:20px;height:20px;border-radius:50%;border:1px solid #333;border-top-color:#999;animation:spin 1.3s linear infinite}.retry-button{font-size:14px;color:#bbb;border-bottom:1px solid #555;padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:calc(100% - 40px);max-width:400px;max-height:calc(100svh - 40px);background:#111;color:#b5b5b5;border:1px solid #292929;border-radius:8px;padding:68px 30px 26px}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:15px;font-weight:400;color:#eee;margin:0 0 25px;letter-spacing:-.3px}dialog p{font-size:12px;line-height:1.8;margin:16px 0 0}dialog a{text-decoration:underline;text-underline-offset:4px}dialog .small-note{color:#737373;font-size:10px}.dialog-close{position:absolute;top:10px;right:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.viewing-area{width:min(1280px,max(320px,calc((100svh - 408px) * 16 / 9)))}}@media(max-width:760px){.site-shell{padding:16px 18px 24px}.wordmark{font-size:12px}main{gap:28px;padding-top:22px;padding-bottom:30px}.time-console{gap:0;width:100%}.year-arrow{position:relative;z-index:1;margin-inline:-12px}.year-dial{height:86px}.dial-year{font-size:28px;height:73px}.viewing-area{width:100%}.video-screen{aspect-ratio:4 / 3}.video-information{grid-template-columns:minmax(0,1fr) 150px;gap:12px;margin-top:15px}.video-information h1{font-size:10px}.video-information time{font-size:10px}.moment-controls{margin-top:25px;gap:22px}.play-circle{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}.wordmark{display:inline-flex;align-items:center;min-height:52px;margin-left:auto;font-size:30px;letter-spacing:-1px;white-space:nowrap}.header-controls{order:-1}.video-facts{display:grid;grid-template-rows:16px 12px 12px;gap:4px;height:48px;text-align:right;min-width:0}#full-date{grid-row:1;line-height:16px}#view-count{grid-row:3;line-height:12px;color:#666;font-size:9px}#upload-date{grid-row:2;line-height:12px;color:#666;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;white-space:nowrap}.video-screen{view-transition-name:moment}.video-audio .audio-waves{display:none}.video-audio[aria-pressed=true] .audio-waves{display:block}.video-audio[aria-pressed=true] .audio-muted{display:none}#grid-toggle[aria-busy=true] svg{animation:spin 1.5s linear infinite}#grid-toggle[aria-pressed=true]{color:#eee;background:#ffffff0b}.archive-grid{width:min(900px,100%);padding:0 0 40px}.grid-status{color:#888;font-size:12px;text-align:center}.grid-year{scroll-margin-top:184px;margin:0 0 38px}.grid-year h2{font-family:SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:400;letter-spacing:-.5px;margin:0 0 14px;color:#ccc}.grid-year h2 span{font-family:inherit;font-size:10px;margin-left:12px;color:#555}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:5px}.archive-tile{display:block;padding:0;min-width:0;position:relative}.tile-image{position:relative;display:block;aspect-ratio:4 / 3;background:#101010;overflow:hidden;border-radius:2px}.tile-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s,transform .3s}.archive-tile:hover img{transform:scale(1.04);opacity:.8}.archive-tile.is-current{outline:1px solid #ddd;outline-offset:2px;z-index:1}.tile-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 8px 8px;background:linear-gradient(transparent,#000c);color:#ddd;text-align:left;opacity:0;transition:opacity .2s}.tile-caption span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-caption span+span{font-size:8px;color:#aaa;margin-top:4px}.archive-tile:hover .tile-caption,.archive-tile:focus-visible .tile-caption{opacity:1}.is-grid .site-header{position:sticky;top:0;z-index:4;height:56px;background:#000}.is-grid main{justify-content:flex-start;gap:24px;padding-top:0}.is-grid .time-console{position:sticky;top:56px;z-index:3;background:#000;width:min(680px,100%);padding-top:8px;padding-bottom:12px}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(moment){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(max-width:760px){.wordmark{font-size:18px}.viewing-area{width:100%}.moment-controls{gap:8px}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.tile-image{aspect-ratio:1}.grid-year{margin-bottom:28px;scroll-margin-top:184px}.grid-year h2{font-size:16px;margin-bottom:12px}.is-grid .site-shell{padding-left:8px;padding-right:8px}.is-grid .site-header{margin:0 10px}}.is-grid .time-console{width:100%;max-width:none;justify-content:center}.is-grid .year-dial{max-width:584px}@media(max-width:760px){.is-grid .site-header{margin:0;padding:0 10px}}.menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:8;min-width:220px;max-height:calc(100svh - 100px);overflow-y:auto;padding:0 0 12px;background:transparent}.menu-panel>:is(button,a){display:flex;align-items:center;width:100%;min-height:52px;padding:14px 16px;text-align:left;color:#999;font-size:15px;font-weight:400;letter-spacing:.045em;transition:color .2s,text-shadow .2s}.menu-panel>:is(button,a):is(:hover,:focus-visible){color:#f3ffff;background:transparent;text-shadow:0 0 6px #e0ffff99,-1px 0 14px #70cfff80,1px 0 22px #b08cff66}.menu-panel>:is(button,a):focus-visible{outline-offset:-5px}.menu-panel>:nth-child(n+6){font-size:12px;color:#777;letter-spacing:.04em}.menu-panel>:nth-child(2){--menu-step: 1}.menu-panel>:nth-child(3){--menu-step: 2}.menu-panel>:nth-child(4){--menu-step: 3}.menu-panel>:nth-child(5){--menu-step: 4}.menu-panel>:nth-child(6){--menu-step: 5}.menu-panel>:nth-child(7){--menu-step: 6}.menu-panel>:nth-child(8){--menu-step: 7}.menu-panel:not([hidden])>*{animation:menu-arrive .38s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--menu-step, 0) * 45ms)}@keyframes menu-arrive{0%{opacity:0;transform:translateY(-9px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:760px){.menu-panel{min-width:236px;max-width:calc(100vw - 36px);padding-top:8px;padding-bottom:20px;background:#000}}.city-console{height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.city-console button{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:400;letter-spacing:-1px}.city-console svg{width:15px;height:15px;color:#777}.city-moment{display:flex;align-items:center;justify-content:center;gap:6px;height:52px}.city-console #city-change{padding:0 14px;border-radius:6px}.city-console .city-year{display:inline-block;width:4ch;font-variant-numeric:tabular-nums;color:#8b8b8b;font-size:20px;letter-spacing:-.5px}.city-console #city-surprise{width:52px;height:52px;padding:12px}.city-console #city-surprise svg{width:24px;height:24px}.is-city #surprise{display:none}.menu-divider{height:16px}.city-directory{width:min(600px,100%);padding:40px 12px 80px}.city-directory h1{font-size:24px;font-weight:400;letter-spacing:-.7px;margin:0 0 32px}#city-seo-content{position:absolute;top:calc(100svh + 24px);left:50%;transform:translate(-50%)}#city-directory-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}#city-directory-options a{display:flex;align-items:center;min-height:56px;padding:14px 0;color:#aaa;font-size:18px}#city-directory-options a:hover{color:#eee}.is-city-directory main{justify-content:flex-start;padding-top:90px}.city-options{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}.city-options button{padding:13px 0;font-size:16px;text-align:left;color:#bbb}.city-options button:hover{color:#fff}.city-options a{display:flex;align-items:center;min-height:52px;padding:13px 0;font-size:16px;text-align:left;color:#bbb}.city-options a:hover{color:#fff}.is-city-directory :is(.time-console,.viewing-area,#grid-toggle,#sound-toggle){display:none}.is-grid .city-console{position:sticky;top:56px;z-index:3;width:100%;background:#000}#contact-dialog{max-width:440px}#contact-form label{display:block;margin-bottom:18px;font-size:11px;color:#999}#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #333;border-radius:4px;background:#171717;color:#eee;font:inherit;font-size:14px}#contact-form :is(input,select){min-height:52px}#contact-form textarea{resize:vertical;min-height:105px}#contact-form :is(input,select,textarea):focus-visible{outline:1px solid #999;outline-offset:2px}#contact-form .contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}dialog .form-status{font-size:12px;line-height:1.6;margin:14px 0 0}dialog .form-status:empty{display:none}dialog .contact-privacy{font-size:10px;line-height:1.6;color:#777;margin-top:14px}@media(max-width:760px){#contact-form :is(input,select,textarea){font-size:16px}}@media(max-width:360px){.moment-controls{gap:2px}.moment-controls .next-button{min-width:104px}}