@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f1f2f2;--surface: #ffffff;--ink: #12303f;--muted: #587080;--line: #d5dbde;--link: #0a6e96;--on-era: #0d2a3a;--era: #03c7ff;--font: "Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0c1a22;--surface: #142a36;--ink: #e8f1f5;--muted: #93aab6;--line: #254254;--link: #62d4ff}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.5 var(--font)}body.has-dock{padding-bottom:15rem}a{color:var(--link)}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:1180px;margin:0 auto;padding:0 1rem}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem}.logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.logo:before{content:"";width:.85em;height:.85em;background:var(--era);clip-path:polygon(12% 0,100% 50%,12% 100%)}.jump select,.picker select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.35rem .6rem}.hero{padding:2.5rem 0 1rem}.hero h1{font-size:clamp(2.25rem,7vw,4.5rem);font-weight:800;letter-spacing:-.035em;line-height:1;max-width:14ch}.hero .sub{margin-top:1rem;color:var(--muted);max-width:46ch}.picker{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.5rem}.picker select{font-size:clamp(1.5rem,5vw,2.25rem);font-weight:800;letter-spacing:-.02em;padding:.3rem .8rem;border:3px solid var(--ink);border-radius:10px;background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-weight:700;background:var(--on-era);color:#fff;border:0;border-radius:999px;padding:.65rem 1.25rem;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.decade{margin-top:2.5rem}.decade h2{display:flex;align-items:center;gap:.6rem;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:.9rem}.decade h2:before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--e)}.year-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.year-tile{display:block;background:var(--surface);border-top:5px solid var(--e);border-radius:4px;padding:.6rem .85rem .7rem;color:var(--ink);text-decoration:none}.year-tile b{display:block;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.year-tile span{display:block;font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year-tile:hover{background:var(--e);color:var(--on-era)}.year-tile:hover span{color:var(--on-era)}.year-hero{background:var(--era);color:var(--on-era);padding:1rem 0 1.75rem}.year-hero a{color:var(--on-era)}.year-hero .pager{display:flex;justify-content:space-between;font-weight:700;margin-bottom:.5rem}.year-hero h1{display:block}.year-hero .kicker{display:block;font-size:clamp(1rem,3vw,1.5rem);font-weight:600}.year-hero .num{display:block;font-size:clamp(5.5rem,24vw,13rem);font-weight:800;letter-spacing:-.055em;line-height:.88;font-variant-numeric:tabular-nums;margin-left:-.04em}.year-hero .no1{margin-top:1rem;font-size:1.15rem;max-width:40ch}.year-hero .no1 strong{font-weight:800}.year-hero .actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.1rem}.year-hero .btn{background:var(--on-era);color:#fff}.year-hero .note{max-width:44ch;font-weight:600}.tracks-wrap{padding:1.5rem 0 1rem}.tracks{list-style:none;margin:0;padding:0;column-width:26rem;column-gap:2.5rem}.track{break-inside:avoid;border-bottom:1px solid var(--line)}.row{display:grid;grid-template-columns:2.5rem 6rem 1fr;align-items:center;gap:.75rem;width:100%;padding:.5rem .35rem;background:none;border:0;border-radius:6px;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.rank{font-size:1.3rem;font-weight:800;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.thumb{position:relative;display:block;width:6rem;aspect-ratio:16 / 9;border-radius:3px;background:#0d2a3a center / cover no-repeat;overflow:hidden}.thumb:after{content:"";position:absolute;inset:0;margin:auto;width:2rem;height:2rem;opacity:0;transition:opacity .12s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='white' fill-opacity='.93'/%3E%3Cpath d='M16 12l13 8-13 8z' fill='%230d2a3a'/%3E%3C/svg%3E") center / contain no-repeat}.row:hover .thumb:after,.row:focus-visible .thumb:after{opacity:1}.thumb.none{background:var(--line);display:grid;place-items:center;color:var(--muted);font-size:.75rem}.thumb.none:after{display:none}.title{display:block;font-weight:650;line-height:1.25}.artist{display:block;color:var(--muted);font-size:.9rem;line-height:1.3}.row:hover .title{text-decoration:underline}.track.active .row{background:color-mix(in srgb,var(--era) 28%,transparent)}.track.active .rank{color:var(--ink)}.more-years{margin:1.5rem 0 2rem}.more-years h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips a{background:var(--surface);border-radius:6px;padding:.2rem .6rem;text-decoration:none;color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.chips a[aria-current]{background:var(--era);color:var(--on-era)}.ad{margin:1.5rem 0;min-height:100px}.dock{position:fixed;z-index:20;right:1rem;bottom:1rem;width:min(24rem,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 34px #00000047;overflow:hidden}.dock[hidden]{display:none}.dock .screen{aspect-ratio:16 / 9;background:#000}.dock .screen iframe{display:block;width:100%;height:100%;border:0}.dock .bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .6rem .55rem .8rem;border-top:4px solid var(--era)}.dock .np{flex:1;min-width:0;line-height:1.25}.dock .np strong,.dock .np span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dock .np span{font-size:.85rem;color:var(--muted)}.dock .ctl{font:inherit;font-size:1.1rem;line-height:1;min-width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);cursor:pointer}.dock .ctl svg{display:block;margin:auto}.dock .ctl.active{background:var(--era)!important;color:var(--on-era)!important;border-color:var(--on-era)!important;box-shadow:0 0 0 2px var(--on-era) inset}@media(max-width:600px){.dock{right:0;bottom:0;left:0;width:auto;border-radius:12px 12px 0 0}.row{grid-template-columns:2rem 5rem 1fr}.thumb{width:5rem}}.glance{margin-top:1rem}.glance a{display:grid;grid-template-columns:5.5rem 1fr;gap:.75rem;align-items:baseline;padding:.55rem .25rem;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.glance b{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-left:5px solid var(--e);padding-left:.6rem}.glance span{color:var(--muted)}.page-title{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1;padding-top:2rem}.site-footer{margin-top:2rem;padding:1.5rem 0 2.5rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.site-nav{display:flex;align-items:center;gap:1rem}.site-nav>a{color:var(--ink);font-weight:650;text-decoration:none;white-space:nowrap}.site-nav>a:hover{text-decoration:underline}.btn.ghost{background:transparent;color:var(--on-era);border:2px solid var(--on-era);padding:.5rem 1rem;font-size:.95rem}.btn.ghost:hover{background:var(--on-era);color:#fff}.tools{display:flex;flex-wrap:wrap;gap:.5rem}.meta-line{display:block;font-size:.8rem;color:var(--muted);margin-top:.1rem}.promo{display:block;margin-top:1.5rem;padding:1rem 1.25rem;border-radius:10px;background:var(--era);color:var(--on-era);text-decoration:none}.promo-title{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.promo-text{display:block;max-width:56ch}.promo:hover{filter:brightness(1.05);text-decoration:underline}.picker .btn{background:var(--surface);color:var(--ink);border:2px solid var(--ink)}@media(max-width:600px){.site-nav>a{font-size:.9rem}.site-nav{gap:.6rem}}@media print{.site-header,.site-footer,.dock,.ad,.more-years,.pager,.actions,.vinyl-link,.thumb{display:none!important}body{background:#fff!important;color:#000!important;font-size:11pt;padding:0!important}.wrap{max-width:100%!important;padding:0!important}.year-hero{background:transparent!important;color:#000!important;border:3px double #000000;border-radius:8px;padding:1.5rem!important;text-align:center;margin-bottom:1.5rem}.year-hero .kicker{font-size:14pt!important;text-transform:uppercase;letter-spacing:.1em}.year-hero .num{font-size:42pt!important;margin:.5rem 0}.year-hero .no1{font-size:13pt!important;margin:0 auto}.tracks{column-count:2!important;column-gap:2rem!important}.track{border-bottom:1px dotted #ccc!important;padding:.25rem 0!important;page-break-inside:avoid}.row{grid-template-columns:2rem 1fr!important;gap:.5rem!important;padding:.2rem 0!important}.rank{color:#000!important;font-size:10pt!important}.title{font-size:10pt!important}.artist{font-size:9pt!important;color:#444!important}.year-hero:after{content:"Archived by WaybackPlayback.com";display:block;margin-top:1rem;font-size:8pt;letter-spacing:.05em;color:#666}}.print-only{display:none}@media print{@page{size:letter portrait;margin:.35in}.no-print,.site-header,.site-footer,.dock,.tracks-wrap,.year-hero{display:none!important}html,body{background:#fff!important;color:#0c1a22!important;font-size:9pt!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-only{display:block!important}.keepsake-poster{width:100%;height:100%;box-sizing:border-box}.poster-frame{border:3px double #0d2a3a;padding:1.1rem 1.25rem;border-radius:4px;height:98%;display:flex;flex-direction:column;justify-content:space-between}.poster-header{text-align:center;border-bottom:2px solid #0d2a3a;padding-bottom:.5rem;margin-bottom:.75rem}.poster-eyebrow{font-size:7.5pt;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#587080;margin-bottom:.15rem}.poster-title{font-size:24pt;font-weight:800;letter-spacing:-.04em;line-height:1;margin:0;text-transform:uppercase}.poster-meta{margin-top:.35rem;font-size:8.5pt;color:#12303f;letter-spacing:.02em}.meta-dot{margin:0 .35rem;color:#587080}.poster-section{margin-bottom:.65rem}.section-title{font-size:7.5pt;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border-bottom:1px solid #d5dbde;padding-bottom:.12rem;margin-bottom:.35rem;color:#587080}.top3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.hero-card{background:#f7f9fa;border:1.5px solid #0d2a3a;border-radius:4px;padding:.55rem .65rem;display:flex;flex-direction:column;justify-content:space-between;min-height:4.8rem}.hero-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.hero-rank{font-size:15pt;font-weight:800;line-height:1;color:#0a6e96}.hero-badge{font-size:7pt;font-weight:700;background:#e8f1f5;padding:.1rem .35rem;border-radius:2px;color:#0d2a3a;letter-spacing:.02em}.hero-body{margin:.1rem 0}.hero-song{display:block;font-size:10pt;font-weight:800;line-height:1.15;word-break:break-word}.hero-artist{display:block;font-size:8pt;color:#587080;margin-top:.15rem}.stack-list{display:flex;flex-direction:column;gap:.18rem}.stack-row{display:grid;grid-template-columns:1.8rem 1fr auto;align-items:baseline;border-bottom:1px dotted #e1e6e8;padding:.18rem .25rem;gap:.4rem}.stack-rank{font-size:8.5pt;font-weight:800;color:#0a6e96}.stack-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stack-song{font-size:8.5pt;font-weight:700}.stack-artist{font-size:7.5pt;color:#587080;margin-left:.35rem}.stack-badge{font-size:7pt;font-weight:600;color:#587080;white-space:nowrap}.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.15rem .75rem}.compact-item{display:flex;align-items:baseline;gap:.25rem;font-size:6.8pt;line-height:1.25;border-bottom:.5px dotted #e1e6e8;padding-bottom:.08rem;white-space:nowrap;overflow:hidden}.compact-rank{font-weight:800;color:#587080;min-width:1.15rem}.compact-body{overflow:hidden;text-overflow:ellipsis}.compact-title{font-weight:700}.compact-artist{color:#587080;margin-left:.2rem}.compact-yr{color:#93aab6;font-size:6pt}.poster-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1.5px solid #0d2a3a;padding-top:.35rem;font-size:6.5pt;color:#587080}.footer-brand{font-size:7.5pt;font-weight:800;color:#0d2a3a}}.logo{white-space:nowrap}.disclosure{margin-top:.5rem}@media(max-width:600px){.site-header .wrap{flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}.site-nav{width:100%;justify-content:space-between}}.facts{margin:.25rem 0 0;color:var(--on-era);opacity:.8}.memory-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:1.5rem 0;font-weight:600}.year-hero .name{display:block;font-size:clamp(2.5rem,11vw,6rem);font-weight:800;letter-spacing:-.045em;line-height:.95;overflow-wrap:anywhere}.lede{margin-top:.75rem;color:var(--muted);max-width:56ch}.az{margin-top:1.75rem}.az h2{font-size:1.5rem;font-weight:800;border-bottom:2px solid var(--line);padding-bottom:.25rem}.az ul{list-style:none;margin:.5rem 0 0;padding:0;columns:16rem;column-gap:1.5rem}.az li{break-inside:avoid;padding:.15rem 0}.az li span,.no1s li>span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.no1s{margin:1.75rem 0}.no1s h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.no1s ul{list-style:none;margin:0;padding:0}.no1s li{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.no1s li>span:last-child strong{color:var(--ink)}.site-footer .wrap a+a{margin-left:.75rem}.decade h2 a{color:inherit;text-decoration:none}.decade h2 a:hover{text-decoration:underline}.track-row-wrap{display:flex;align-items:center;justify-content:space-between}.track-row-wrap .row{flex:1;min-width:0}.row{position:relative;cursor:default}.row .hit{position:absolute;inset:0;z-index:1;display:block;width:100%;margin:0;padding:0;background:none;border:0;border-radius:6px;cursor:pointer}.row:focus-within .thumb:after{opacity:1}.artist-link{position:relative;z-index:2;color:inherit;text-decoration:underline dotted;text-underline-offset:.2em}.artist-link:hover,.artist-link:focus-visible{color:var(--ink);text-decoration-style:solid}.vinyl-link{font-size:.72rem;color:var(--muted);text-decoration:none;padding:.2rem .5rem;border:1px solid var(--line);border-radius:4px;margin-right:.5rem;white-space:nowrap}.artist-counts li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.for-banner{margin-top:.9rem;font-size:clamp(1.25rem,4vw,1.9rem);font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}.gift{margin-top:1rem;max-width:34rem}.gift summary{width:fit-content;cursor:pointer;font-weight:700}.gift-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}.gift-form label{font-weight:650}.gift-form input{width:11rem;min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--on-era);border-radius:8px;padding:.4rem .7rem}.gift-hint{margin-top:.4rem;font-size:.85rem;opacity:.8}.radio-hero{--era: #ffb547;--on-era: #f3ece0;position:relative;overflow:hidden;background:#0d2a3a;color:#f3ece0}.radio-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .04) 0 1px,transparent 1px 4px)}.radio-hero .wrap{position:relative}.radio-hero .kicker{color:#ffb547;letter-spacing:.04em}.radio-hero .num{font-size:clamp(3.5rem,15vw,7.5rem)}.radio-hero .no1{color:#f3ece0d1}.dial{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin-top:1.25rem}.station{font:inherit;text-align:left;cursor:pointer;padding:.55rem .8rem;border-radius:10px;border:1px solid rgb(243 236 224 / .25);border-left:8px solid var(--e);background:#ffffff0a;color:#f3ece0}.station b{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.station span{display:block;font-size:.8rem;opacity:.7}.station:hover{background:#ffffff1a}.station[aria-pressed=true]{background:#ffb547;border-color:#ffb547;border-left-color:var(--e);color:#0d2a3a}.station[aria-pressed=true] span{opacity:.85}.radio-opts{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.9rem;font-weight:600}.radio-opts label{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.radio-opts input{accent-color:#ffb547}.radio-display{max-width:40rem;margin-top:1.1rem;padding:1rem 1.2rem;border-radius:12px;background:#07171f;border:1px solid rgb(255 181 71 / .35);color:#f3ece0}.rd-station{font:700 .8rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffb547}.radio-display[data-live] .rd-station:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.55rem;border-radius:50%;background:#ff5a4d;animation:rd-pulse 1.6s ease-in-out infinite}@keyframes rd-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.radio-display[data-live] .rd-station:before{animation:none}}.rd-title{margin-top:.35rem;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;line-height:1.1;overflow-wrap:anywhere}.rd-artist{margin-top:.2rem;font-size:1.05rem;opacity:.88}.rd-meta{margin-top:.2rem;font-size:.9rem;opacity:.6}.radio-hero .btn{background:#ffb547;color:#0d2a3a}.radio-hero .btn.ghost{background:transparent;color:#f3ece0;border-color:#f3ece080}.radio-hero .actions .btn[disabled]{opacity:.45}.rd-next-wrap{margin:1.5rem 0 1rem}.rd-next-wrap h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.rd-next{list-style:none;margin:0;padding:0}.rd-next li{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.rd-next li>span:first-child{color:var(--muted);font-variant-numeric:tabular-nums}.rd-next li>span:last-child span{color:var(--muted)}.rd-note{max-width:56ch;color:var(--muted)}@media print{.hit,.gift,.for-banner,.radio-hero{display:none!important}.poster-for{margin-top:.3rem;text-align:center;font-size:11pt;font-weight:700;letter-spacing:.04em;text-transform:uppercase}}.promo-radio{background:#ff9a1f}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:vhs-out .24s ease-in both}::view-transition-new(root){animation:vhs-in .33s ease-out .12s both}@keyframes vhs-out{0%{transform:none;filter:none;opacity:1}15%{transform:translate(-14px) skew(5deg);filter:saturate(2.2) hue-rotate(25deg)}32%{transform:translate(18px) skew(-7deg);filter:saturate(2.6) hue-rotate(-35deg) brightness(1.2)}50%{transform:translate(-10px) skew(3deg);filter:contrast(1.5) brightness(1.5)}to{transform:translate(26px) skew(-10deg);filter:saturate(3) brightness(2.2);opacity:0}}@keyframes vhs-in{0%{opacity:0;transform:translate(-26px) skew(8deg);filter:saturate(3) brightness(2);clip-path:inset(0 0 60% 0)}20%{opacity:1;transform:translate(16px) skew(-6deg);filter:saturate(2.4) hue-rotate(30deg) brightness(1.4);clip-path:inset(0 0 35% 0)}45%{transform:translate(-10px) skew(3deg);filter:hue-rotate(-20deg) brightness(1.2);clip-path:inset(0 0 12% 0)}70%{transform:translate(4px) skew(-1deg);filter:saturate(1.3);clip-path:inset(0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0)}}.vhs-bar,.vhs-noise{position:fixed;left:0;right:0;pointer-events:none;opacity:0;z-index:2147483000}.vhs-bar{top:0;height:12vh;background:#ffffff80}.vhs-noise{top:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'%2F%3E%3C%2Ffilter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'%2F%3E%3C%2Fsvg%3E");background-size:160px 160px}.vhs-on .vhs-bar{opacity:1;view-transition-name:vhs-bar}.vhs-on .vhs-noise{opacity:1;view-transition-name:vhs-noise}::view-transition-group(vhs-bar){animation:vhs-sweep .45s linear both}::view-transition-old(vhs-bar){display:none}::view-transition-new(vhs-bar){animation:none}::view-transition-group(vhs-noise){animation:vhs-static .45s steps(1,end) both}::view-transition-old(vhs-noise){display:none}::view-transition-new(vhs-noise){animation:none}@keyframes vhs-sweep{0%{transform:translateY(-120%)}to{transform:translateY(950%)}}@keyframes vhs-static{0%{opacity:0}15%{opacity:.28}30%{opacity:.06}45%{opacity:.24}60%{opacity:.1}80%{opacity:.18}to{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(root){animation:vhs-fade-out .1s linear both}::view-transition-new(root){animation:vhs-fade-in .1s linear both}.vhs-on .vhs-bar,.vhs-on .vhs-noise{opacity:0;view-transition-name:none}}@keyframes vhs-fade-out{to{opacity:0}}@keyframes vhs-fade-in{0%{opacity:0}}