@font-face{font-family:TP Serif;src:url(./instrument-serif-400-normal-x7NtfBOg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TP Serif;src:url(./instrument-serif-400-italic-DwEnBdUV.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TP Mono;src:url(./ibm-plex-mono-400-normal-2rBXOK2J.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:TP Mono;src:url(./ibm-plex-mono-500-normal-CywxcpSP.woff2)format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:TP Hand;src:url(./caveat-600-normal-BRlcPc00.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--night:#14110f;--night-2:#1e1a17;--night-3:#2a2521;--cream:#f1e8d6;--cream-dim:#b9ae9c;--paper:#fbf6ea;--paper-ink:#2a2420;--tape-red:#e8462b;--amber:#f2b84b;--f-serif:"TP Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--f-mono:"TP Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--f-hand:"TP Hand", "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--deck-h:58px;--player-h:0px;--gutter:clamp(16px, 4.5vw, 40px);--hw-body:#1d1916d6;--hw-key:linear-gradient(180deg, #2f2924, #1b1714);--hw-key-hover:linear-gradient(180deg, #39312b, #1f1a17);--hw-key-down:linear-gradient(180deg, #141110, #1c1815);--hw-edge:inset 0 1px 0 #ffeed624, inset 0 -1px 0 #00000080;--hw-raise:var(--hw-edge), 0 1px 1px #0009, 0 4px 10px -2px #0000008c;--hw-lift:var(--hw-edge), 0 2px 3px #00000080, 0 10px 20px -4px #0009;--hw-press:inset 0 2px 5px #000000bf, inset 0 -1px 0 #ffeed60f;--hw-cap:linear-gradient(180deg, #fdf8ec, #e4d9c4);--hw-cap-down:linear-gradient(180deg, #d6cbb5, #e5dbc7);--hw-cap-edge:inset 0 1px 0 #fff, inset 0 -2px 0 #6e5a4638;--hw-cap-raise:var(--hw-cap-edge), 0 1px 1px #0009, 0 5px 12px -3px #0009;--hw-cap-lift:var(--hw-cap-edge), 0 2px 3px #00000080, 0 12px 24px -6px #0009;--hw-cap-press:inset 0 2px 5px #46321e73, inset 0 -1px 0 #ffffff8c;--hw-float:0 1px 1px #00000080, 0 14px 30px -12px #000000bf, 0 34px 70px -30px #000000b3;--led-off:#f1e8d629;--led-glow:0 0 0 1px #f2b84b59, 0 0 8px 1px #f2b84bbf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;background:var(--night);scroll-padding-top:calc(var(--deck-h) + env(safe-area-inset-top))}html:has(.mini.is-shown){scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))}body{min-height:100vh;background:var(--night);min-height:100svh;color:var(--cream);font:400 1rem/1.5 var(--f-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}body.locked{overflow:hidden}h1,h2,h3,h4,p,figure,blockquote,ol,ul{margin:0}ol,ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:inherit}:focus{outline:none}:focus-visible{outline:3px solid var(--focus,var(--amber));outline-offset:3px;border-radius:3px}::selection{background:var(--amber);color:var(--night)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--amber);color:var(--night);font:500 .85rem var(--f-mono);padding:10px 14px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.label{font:500 .6875rem/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}.icon{fill:currentColor;flex:none;width:1.15em;height:1.15em}.grain{pointer-events:none;background-image:var(--noise,none);opacity:var(--grain,.06);background-size:160px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.intro{z-index:60;background:radial-gradient(120% 80% at 50% 42%, #2a241f 0%, var(--night) 58%, #0a0807 100%);color:var(--cream);contain:strict;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-washes,.intro-streaks{pointer-events:none;position:absolute;inset:0}.wash{opacity:0;position:absolute;inset:0}.streak{white-space:nowrap;font:italic 400 clamp(1.6rem, 7vw, 3.4rem) / 1 var(--f-serif);opacity:0;will-change:transform, opacity;position:absolute;left:0}.intro .grain{z-index:1}.intro-top{z-index:3;padding:max(14px, env(safe-area-inset-top)) var(--gutter) 0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.intro-mark{color:var(--cream-dim)}.intro-controls{align-items:center;gap:8px;display:flex}.intro-skip{min-height:44px;color:var(--cream);background:var(--hw-key);box-shadow:var(--hw-raise);transition:translate .15s var(--ease-out);border-radius:999px;padding:0 14px}@media (hover:hover){.intro-skip:hover{background:var(--hw-key-hover);box-shadow:var(--hw-lift);translate:0 -1px}}.intro-skip:active{background:var(--hw-key-down);box-shadow:var(--hw-press);translate:0 1px}.intro-stage{z-index:2;width:min(100%,540px);padding:48px var(--gutter) 0;justify-items:center;gap:clamp(14px,3.2vh,28px);display:grid;position:relative}@keyframes intro-arrive{0%{opacity:0;transform:translateY(18px)}}.intro-stage>*,.intro-controls{animation:intro-arrive .9s var(--ease-out) backwards;transition:opacity .8s var(--ease-out), transform 1s var(--ease-out)}.intro-stage>:nth-child(2){transition-delay:.12s;animation-delay:.12s}.intro-stage>:nth-child(3){transition-delay:.24s;animation-delay:.24s}.intro-line{min-height:1.1em;font:italic 400 clamp(2.1rem, 9vw, 3.5rem) / 1.05 var(--f-serif);text-align:center;text-wrap:balance}.intro-cassette{border-radius:14px;width:min(76vw,360px);box-shadow:0 34px 60px -24px #000000d9}.intro[data-stage=leaving] .intro-cassette{opacity:0;transition:transform .9s var(--ease-in-out), opacity .55s ease-in .15s;transform:scale(1.45)translateY(-6%)}.intro-counter{justify-items:center;gap:10px;display:grid}.intro-counter .odo{font:500 clamp(3.2rem, 15vw, 5.6rem) / 1 var(--f-mono)}.intro-age{color:var(--cream-dim)}.intro-actions{justify-items:center;gap:12px;min-height:96px;display:grid}.intro-play{background:var(--hw-cap);min-height:54px;box-shadow:var(--hw-cap-raise);color:var(--night);font:500 .9rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;animation:play-in .8s var(--ease-spring) both;transition:translate .15s var(--ease-out);border-radius:999px;align-items:center;gap:.6em;padding:0 1.7em 0 1.4em;display:inline-flex;position:relative}.intro-play:after{content:"";border-radius:inherit;border:2px solid var(--amber);opacity:0;animation:ring 2.4s 1s var(--ease-out) infinite;position:absolute;inset:-5px}@media (hover:hover){.intro-play:hover{box-shadow:var(--hw-cap-lift);translate:0 -2px}}.intro-play:active{background:var(--hw-cap-down);box-shadow:var(--hw-cap-press);translate:0 2px}.intro-play .icon{width:1.2em;height:1.2em}.intro-hint{color:var(--cream-dim);animation:.8s .4s both fade-in}.intro[data-stage=leaving]{animation:intro-out .95s var(--ease-in-out) .1s forwards;pointer-events:none}@keyframes intro-out{to{opacity:0}}@keyframes play-in{0%{opacity:0;transform:translateY(10px)scale(.92)}}@keyframes ring{0%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.22,1.5)}}@keyframes fade-in{0%{opacity:0}}@media (max-height:640px){.intro-cassette{width:min(56vw,260px)}.intro-stage{gap:12px}}.odo{font-variant-numeric:tabular-nums;gap:.08em;display:inline-flex}.odo-cell{color:#f6eedd;text-align:center;background:linear-gradient(#060504 0%,#2c2621 46% 54%,#060504 100%);border-radius:.12em;width:.72em;height:1.12em;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0009}.odo-cell:after{content:"";pointer-events:none;background:linear-gradient(#0000008c,#0000 30% 70%,#0000008c);position:absolute;inset:0}.odo-strip{will-change:transform;flex-direction:column;display:flex}.odo-strip>span{height:1.12em;line-height:1.12em;display:block}.cassette{width:100%;height:auto;overflow:visible}.cassette .reel,.cassette .pack{transform-box:fill-box;transform-origin:50%}.cas-side{font:700 12px var(--f-mono);fill:#2a2420}.cas-label{font:600 23px var(--f-hand);fill:#2a2420}.intro-mine{min-height:44px;color:var(--cream-dim);font:italic 400 1.05rem var(--f-serif);text-underline-offset:4px;margin-top:2px;padding:0 6px;text-decoration:underline;text-decoration-thickness:1px;animation:.8s .9s both fade-in}.intro-mine:hover{color:var(--cream)}.deck{z-index:40;height:calc(var(--deck-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;color:var(--cream);--focus:var(--amber);visibility:hidden;transition:transform .8s var(--ease-out) .3s, visibility 0s 1.1s;background:#14110ff2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:fixed;inset:0 0 auto;transform:translateY(-110%)}.deck.is-shown{visibility:visible;transition:transform .8s var(--ease-out) .3s, visibility 0s;transform:none}.deck-counter{border-radius:6px}.deck-counter .odo{font:500 1.3rem/1 var(--f-mono)}.deck-text{min-width:0}.deck-age,.deck-chapter{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-age .label{color:var(--amber)}.deck-caption{font:400 .75rem var(--f-mono);color:var(--cream-dim)}.deck-chapter{font:italic 400 1.05rem/1.25 var(--f-serif)}@media (max-width:420px){.deck-chapter{font-size:.92rem}}.deck-place{color:var(--cream-dim)}.deck-caption:before,.deck-place:before{content:" · ";white-space:pre}.deck-actions{align-items:center;gap:4px;display:flex}.deck-btn{min-width:44px;min-height:44px;font:500 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 .8em;display:inline-flex}.deck-btn:hover,.deck-counter:hover{background:#f1e8d614}.deck-stripe{background:var(--deck-accent);height:3px;position:absolute;inset:auto 0 -3px}@media (max-width:480px){.deck{gap:10px}.deck-place,.deck-caption{display:none}.deck-btn-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.deck-btn{padding:0}.deck-counter .odo{font-size:1.15rem}}.sound-toggle{background:var(--hw-key);min-width:44px;min-height:44px;box-shadow:var(--hw-raise);color:var(--cream);font:500 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;transition:translate .15s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.45em;padding:0 1.1em 0 .85em;display:inline-flex;position:relative}@media (hover:hover){.sound-toggle:hover{background:var(--hw-key-hover);box-shadow:var(--hw-lift);translate:0 -1px}}.sound-toggle:active,.sound-toggle.is-on{background:var(--hw-key-down);box-shadow:var(--hw-press);translate:0 1px}.sound-toggle.is-on{color:var(--amber)}.sound-toggle:after{content:"";background:var(--led-off);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:9px}.sound-toggle.is-on:after{background:var(--amber);box-shadow:var(--led-glow)}.sound-state{opacity:.75}.sound-toggle.compact{padding:0}.sound-toggle.compact .sound-state{display:none}.deck{background:linear-gradient(180deg, #ffeed60d, transparent 70%), var(--hw-body);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);box-shadow:inset 0 -1px #0000008c}.deck-stripe{box-shadow:0 8px 18px -6px #0000008c}.deck .deck-btn,.deck .sound-toggle.compact{background:var(--hw-key);min-width:44px;box-shadow:var(--hw-raise);transition:translate .15s var(--ease-out);border-radius:12px;margin-left:6px;position:relative}@media (hover:hover){.deck .deck-btn:hover,.deck .sound-toggle.compact:hover{background:var(--hw-key-hover);box-shadow:var(--hw-lift);translate:0 -1px}}.deck .deck-btn:active,.deck .sound-toggle.compact:active,.deck .deck-radio.is-on,.deck .sound-toggle.compact.is-on{background:var(--hw-key-down);box-shadow:var(--hw-press);translate:0 1px}.deck .deck-radio.is-on{color:var(--amber)}.deck .deck-radio:after{content:"";background:var(--led-off);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px}.deck .sound-toggle.compact:after{top:7px;right:7px}.deck .deck-radio.is-on:after{background:var(--amber);box-shadow:var(--led-glow)}.deck .deck-counter{background:#0e0c0b;border-radius:10px;padding:5px 6px;position:relative;box-shadow:inset 0 2px 6px #000000d9,inset 0 -1px #ffeed612,0 1px #ffeed612}.deck .deck-counter:after{content:"";opacity:.75;pointer-events:none;transition:opacity .2s var(--ease-out);background:linear-gradient(168deg,#ffffff29,#ffffff08 42%,#0000 56%);border-radius:8px;position:absolute;inset:2px}.deck .deck-counter:hover:after{opacity:1}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.deck,.mini{--hw-body:#1d1916}}.timeline{visibility:hidden;padding-top:calc(var(--deck-h) + env(safe-area-inset-top))}.timeline.is-shown{visibility:visible}.chapter{isolation:isolate;padding:clamp(76px, 15vh, 150px) var(--gutter);background:radial-gradient(120% 70% at 50% 0%, #2c2621 0%, transparent 70%), var(--night);color:var(--cream);--focus:var(--amber);position:relative;overflow:clip}.chapter-inner{text-align:center;justify-items:center;gap:34px;max-width:1040px;margin:0 auto;display:grid}.chapter-tape{border-radius:14px;width:min(74vw,380px);transform:rotate(-3deg);box-shadow:0 30px 50px -26px #000000e6}.chapter-kicker{color:var(--amber)}.chapter-title{font:italic 400 clamp(3.1rem, 14vw, 6.4rem) / .92 var(--f-serif);letter-spacing:-.02em;text-wrap:balance;margin-top:10px}.chapter-meta{color:var(--cream-dim);margin-top:16px}.chapter-blurb{max-width:30ch;font:400 clamp(1.15rem, 4.6vw, 1.55rem) / 1.35 var(--f-serif);color:#e6dcc8;text-wrap:pretty;margin:18px auto 0}@media (min-width:860px){.chapter-inner{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);place-items:center start;gap:64px}.chapter-tape{justify-self:end}.chapter-blurb{margin-left:0}}.chapter[data-live] .cassette--scroll .reel{animation:6s linear infinite reel-spin}@supports (animation-timeline:view()){.chapter[data-live] .cassette--scroll .reel{animation:linear both reel-turn;animation-timeline:view()}.chapter[data-live] .cassette--scroll .pack-l{animation:linear both pack-out;animation-timeline:view()}.chapter[data-live] .cassette--scroll .pack-r{animation:linear both pack-in;animation-timeline:view()}}@media (prefers-reduced-motion:reduce){.cassette--scroll .reel,.cassette--scroll .pack{animation:none!important}}@keyframes reel-spin{to{transform:rotate(1turn)}}@keyframes reel-turn{to{transform:rotate(3turn)}}@keyframes pack-out{0%{transform:scale(1)}to{transform:scale(.5)}}@keyframes pack-in{0%{transform:scale(.44)}to{transform:scale(.94)}}.seam{background:linear-gradient(180deg, var(--from), var(--to));place-items:center;height:clamp(96px,18vh,170px);display:grid;position:relative}.seam-tape{color:#3a332c;background:#faf6ecdb;border-inline:2px dashed #3a332c38;padding:7px 22px;transform:rotate(-2.5deg);box-shadow:0 2px 8px #00000024}.year{isolation:isolate;padding:clamp(60px, 11vh, 120px) var(--gutter) clamp(72px, 13vh, 130px);background:var(--bg);color:var(--ink);--ink-soft:color-mix(in srgb, var(--ink) 80%, var(--bg));--rule:color-mix(in srgb, var(--ink) 16%, transparent);--focus:var(--ink);--f-era:var(--f-serif);position:relative;overflow:clip}.year:not(.is-mounted){min-height:var(--estimate,160vh)}.year .grain{z-index:-1}.deco{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deco *{animation-play-state:paused!important}.year[data-live] .deco *{animation-play-state:running!important}html[data-resting] .year .deco *,html[data-resting] .outro .rec-dot,html[data-resting] :is(.k[data-k=scroll] .k-p,.cassette--scroll .reel,.cassette--scroll .pack){animation-play-state:paused!important}.year-head,.year-body{max-width:1120px;margin:0 auto;position:relative}.year-head{margin-bottom:clamp(36px,7vh,64px)}.year-title{flex-direction:column;gap:10px;width:-moz-fit-content;width:fit-content;display:flex}.year-num{font:400 clamp(5.5rem, 30vw, 13rem) / .82 var(--f-era);letter-spacing:-.03em;display:block}.year-age{font:500 .8rem/1.2 var(--f-mono);letter-spacing:.16em;text-transform:uppercase}.year-caption{font:italic 400 1.4rem/1.2 var(--f-serif);color:var(--ink-soft);margin-top:6px}.year-head .note{margin-top:28px}.year-add{min-height:44px;color:var(--ink-soft);font:500 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border:1.5px dashed;border-radius:999px;align-items:center;gap:.5em;margin-top:22px;padding:0 1.1em;display:inline-flex}.year-add:hover{color:var(--ink);border-style:solid}.year-body{gap:clamp(48px,9vh,84px);display:grid}.features{gap:clamp(56px,10vh,96px);display:grid}@media (min-width:1000px){.year.is-mounted{grid-template-columns:minmax(260px,.9fr) minmax(0,2fr);align-items:start;column-gap:64px;display:grid}.year-head,.year-body{max-width:none;margin:0}.year-head{top:calc(var(--deck-h) + 40px);position:sticky}}.feature{gap:20px;display:grid;position:relative}.feature-art{width:min(72vw,320px);transform:rotate(var(--tilt))}.feature--flip .feature-art{justify-self:end}.cover-btn{border-radius:var(--cover-radius,4px);width:100%;transition:transform .4s var(--ease-out);display:block}.cover-btn:hover{transform:translateY(-4px)rotate(-.6deg)}.cover-btn:active{transform:scale(.98)}.cover-frame{border-radius:var(--cover-radius,4px);display:block;position:relative}.cover{aspect-ratio:1;border-radius:var(--cover-radius,4px);background:color-mix(in srgb, var(--ink) 8%, transparent);width:100%;height:auto;display:block}.feature-title{font:400 clamp(1.7rem, 7vw, 2.5rem) / 1.04 var(--f-era);text-wrap:balance}.feature-artist{font:400 .95rem/1.35 var(--f-mono);color:var(--ink-soft);margin-top:6px}.feature-meta{color:var(--ink-soft);margin-top:10px}.feature-heard{font:italic 400 1.15rem/1.3 var(--f-serif)}.feature-meta .label{margin-right:.4em}.feature-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.feature-notes{gap:18px;padding-left:6%;display:grid}.feature--flip .feature-notes{padding:0 6% 0 0}@media (min-width:640px){.feature{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:end;column-gap:36px}.feature--flip{grid-template-columns:minmax(0,1fr) minmax(200px,300px)}.feature--flip .feature-art{grid-area:1/2}.feature--flip .feature-text{text-align:right;grid-area:1/1}.feature--flip .feature-actions{justify-content:flex-end}.feature-art{width:100%}.feature-notes{grid-column:1/-1;padding-left:18%}.feature--flip .feature-notes{justify-items:end;padding:0 18% 0 0}}.note{background:var(--paper);max-width:31rem;color:var(--paper-ink);transform:rotate(var(--tilt,-1deg));--focus:var(--paper-ink);padding:24px 22px 16px;position:relative;box-shadow:0 1px 1px #0000001a,0 14px 28px -16px #00000073}.note:before{content:"";width:96px;height:24px;transform:rotate(var(--tape,4deg));background:#ecdeb6d1;margin-left:-48px;position:absolute;top:-11px;left:50%;box-shadow:0 1px 2px #0000001a}.note--yours{background:#fffdf5}.note--yours:before{background:#96c4e2bf}.note-text{font:600 1.45rem/1.18 var(--f-hand);overflow-wrap:break-word;margin:0}.note-meta{font:500 .68rem/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#66594c;flex-wrap:wrap;gap:6px 16px;margin-top:12px;display:flex}.note-tag{align-items:center;gap:5px;display:inline-flex}.note-actions{gap:8px;margin-top:12px;display:flex}.note-btn{min-height:36px;font:500 .68rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #b9ad97;border-radius:999px;padding:0 12px}.note-btn:hover{background:#efe6d2}.tracks-title{color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.tracks-hint{font:italic 400 1.05rem var(--f-serif);letter-spacing:0;text-transform:none}.track{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.track-main{text-align:left;grid-template-columns:22px 48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:8px 0;display:grid}.track-n{font:500 .7rem var(--f-mono);color:var(--ink-soft)}.track-cover img{border-radius:var(--thumb-radius,3px);width:48px;height:48px}.track-text{min-width:0}.track-title{font:400 1.12rem/1.2 var(--f-era);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:block}.track-artist{font:400 .78rem/1.3 var(--f-mono);color:var(--ink-soft);margin-top:2px;display:block}@media (max-width:400px){.track-main{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.track-n{display:none}.track-cover img{width:44px;height:44px}.track{gap:6px}}.track-plays{font:500 .8rem var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.track.is-suggested .track-cover img,.feature.is-suggested .cover{filter:grayscale()contrast(.85)brightness(1.05)}.play{background:var(--accent);color:var(--on-accent);border:1.5px solid color-mix(in srgb, var(--ink) 55%, transparent);transition:transform .25s var(--ease-out);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.55em;display:inline-flex}.play:active{transform:scale(.94)}.play-icon{place-items:center;width:1.1em;height:1.1em;display:grid}.play-icon svg{fill:currentColor;width:100%;height:100%}.play.has-label{min-height:44px;font:500 .75rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:0 1.2em 0 .95em}.play--sm{width:44px;height:44px;color:var(--ink);border-color:color-mix(in srgb, var(--ink) 45%, transparent);background:0 0}.play--sm.has-label{background:var(--accent);width:auto;color:var(--on-accent)}.play--sm:not(.has-label):hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.play--sm.has-label:hover{background:color-mix(in srgb, var(--accent) 85%, var(--ink))}.play--lg.has-label{min-height:54px;padding:0 1.6em 0 1.25em;font-size:.85rem}.eq{align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.eq i{transform-origin:bottom;background:currentColor;flex:1;height:100%;animation:.8s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-duration:.6s;animation-delay:-.3s}.eq i:nth-child(3){animation-duration:.9s;animation-delay:-.5s}@keyframes eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.claim{min-height:44px;color:var(--ink);font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1.5px dashed;border-radius:999px;align-items:center;gap:6px;padding:0 1em;display:inline-flex}.claim:hover{border-style:solid}.claim.compact{padding:0 .85em}.claim.is-mine{border-style:solid;border-color:var(--ink);background:var(--ink);color:var(--bg)}.claim.is-stamped{animation:stamp .5s var(--ease-spring)}@keyframes stamp{0%{opacity:.3;transform:scale(1.4)rotate(-8deg)}}.mine-stamp{font:600 1.2rem/1.4 var(--f-hand);color:var(--ink);border:2px solid;border-radius:6px;padding:0 .45em;display:inline-block;transform:rotate(-7deg)}.mine-stamp.compact{font-size:1rem}.btn-ghost{min-height:44px;font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid;border-radius:999px;align-items:center;gap:.5em;padding:0 1.1em;display:inline-flex}.btn-ghost:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.btn-solid{background:var(--paper-ink);min-height:44px;color:var(--paper);font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:0 1.3em}.found{background:var(--paper);max-width:36rem;color:var(--paper-ink);--ink:var(--paper-ink);--bg:var(--paper);--accent:var(--paper-ink);--on-accent:var(--paper);--focus:var(--paper-ink);grid-template-columns:76px minmax(0,1fr);align-items:start;gap:16px;padding:20px 20px 22px;display:grid;position:relative;transform:rotate(-.8deg);box-shadow:0 16px 30px -18px #00000080}.found:after{content:"";background:linear-gradient(-45deg, transparent 6px, var(--paper) 0) 0 0 / 14px 10px, linear-gradient(45deg, transparent 6px, var(--paper) 0) 0 0 / 14px 10px;height:10px;position:absolute;inset:auto 0 -9px}.found-cover{border-radius:3px;width:76px;height:76px;transform:rotate(3deg)}.found-kicker{color:#8a3b1f;margin-bottom:8px}.found-text{font:400 1.4rem/1.25 var(--f-serif);text-wrap:pretty}.found-title{font:italic 400 1em/1.2 var(--f-serif);text-underline-offset:4px;text-align:left;text-decoration:underline;text-decoration-thickness:1px}.found-since{color:#66594c;margin-top:8px}.found-actions{margin-top:14px}.found--compact{grid-template-columns:56px minmax(0,1fr);padding:16px;transform:none}.found--compact .found-cover{width:56px;height:56px}.found--compact .found-text{font-size:1.15rem}.outro{isolation:isolate;padding:clamp(90px, 17vh, 170px) var(--gutter) 160px;background:radial-gradient(90% 60% at 50% 0%, #2a2420 0%, transparent 70%), var(--night);color:var(--cream);--focus:var(--amber);position:relative;overflow:clip}.outro-inner{gap:26px;max-width:780px;margin:0 auto;display:grid}.rec{color:#ff7a66;align-items:center;gap:10px;display:inline-flex}.rec-dot{background:#ff3b2f;border-radius:50%;width:12px;height:12px;animation:1.6s step-end infinite blink;box-shadow:0 0 12px #ff3b2fb3}.outro:not([data-live]) .rec-dot{animation-play-state:paused}@keyframes blink{50%{opacity:.15}}.outro-title{font:italic 400 clamp(3.4rem, 15vw, 7.5rem) / .9 var(--f-serif);letter-spacing:-.02em}.outro-lede{max-width:34ch;font:400 clamp(1.2rem, 4.8vw, 1.6rem) / 1.35 var(--f-serif);color:#e6dcc8}.lost{margin-top:30px}.lost-title{font:italic 400 2.2rem/1 var(--f-serif)}.lost-lede{color:var(--cream-dim);margin:10px 0 26px}.lost-list{gap:26px;display:grid}@media (min-width:760px){.lost-list{grid-template-columns:1fr 1fr}}.outro-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.outro-rewind{border:1.5px solid var(--cream);min-height:52px;font:500 .8rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-self:start;align-items:center;gap:.6em;padding:0 1.5em;display:inline-flex}.outro-rewind:hover{background:var(--cream);color:var(--night)}.colophon{color:var(--cream-dim);margin-top:48px;line-height:1.7}.wind{z-index:35;background:var(--wind-bg,var(--night));color:var(--wind-ink,var(--cream));pointer-events:none;contain:strict;place-content:center;justify-items:center;gap:14px;transition:background-color 90ms linear,color 90ms linear;display:none;position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.wind.is-on{display:grid}.wind-streaks{position:absolute;inset:0}.wind-streak{white-space:nowrap;font:italic 400 clamp(1.6rem, 7vw, 3.4rem) / 1 var(--f-serif);opacity:0;will-change:transform, opacity;position:absolute;top:0}.wind-icon{fill:currentColor;opacity:.7;width:64px;position:relative}.wind-year{font:400 clamp(4.5rem, 24vw, 10rem) / 1 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;position:relative}.wind-age{font:400 .95rem / 1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;position:relative}[data-era=chrome]{--f-era:"TP Chrome", "Arial Black", Verdana, sans-serif;--cover-radius:3px;--grain:.04}.year[data-era=chrome]{background:repeating-linear-gradient(0deg, #ffffff80 0 1px, transparent 1px 3px), linear-gradient(180deg, color-mix(in srgb, var(--bg) 55%, #fff) 0%, var(--bg) 45%, color-mix(in srgb, var(--bg) 82%, #8fb6cb) 100%)}:is(.year,.dlg)[data-era=chrome] .year-num{letter-spacing:-.03em;font-size:clamp(3.8rem,18.5vw,9.5rem)}:is(.year,.dlg)[data-era=chrome] .year-num .k-p{background:linear-gradient(#fff 0%,#8d9ea9 36%,#f6f9fb 50%,#4b5963 58%,#c9d4db 82%,#fff 100%);color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--ink) 75%, transparent);-webkit-background-clip:text;background-clip:text}:is(.year,.dlg)[data-era=chrome] .year-age{background:linear-gradient(#fffffff2,#ffffff8c);border:1px solid #0b263540;border-radius:999px;justify-self:start;width:-moz-fit-content;width:fit-content;padding:6px 14px;box-shadow:inset 0 -6px 10px -6px #007a9973}:is(.year,.dlg)[data-era=chrome] :is(.feature-title,.sheet-title){text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.15rem,5vw,1.75rem);line-height:1.25}:is(.year,.dlg)[data-era=chrome] .track-title{text-transform:uppercase;font-size:.82rem;line-height:1.35}@media (max-width:520px){:is(.year,.dlg)[data-era=chrome] .track-title{letter-spacing:-.02em;font-size:.74rem;line-height:1.3}}:is(.year,.dlg)[data-era=chrome] .cover-frame{background:linear-gradient(135deg,#ffffffe6,#fff6);border:1px solid #0b263547;padding:6px 6px 6px 18px;box-shadow:0 22px 32px -20px #0b263599,inset 0 0 0 1px #ffffffb3}:is(.year,.dlg)[data-era=chrome] .cover-frame:before{content:"";background:repeating-linear-gradient(#0b263547 0 2px,#0000 2px 5px);width:7px;position:absolute;top:6px;bottom:6px;left:6px}:is(.year,.dlg)[data-era=chrome] .cover-frame:after{content:"";pointer-events:none;background:linear-gradient(118deg,#fff9 0%,#fff0 36% 70%,#ffffff40 100%);position:absolute;inset:0}.year[data-era=chrome] .track{background:#ffffff6b;border:1px solid #ffffffd9;border-radius:16px;margin-bottom:8px;padding:0 10px;box-shadow:inset 0 -10px 14px -12px #007a9980}:is(.year,.dlg)[data-era=chrome] .play:not(.play--sm),:is(.year,.dlg)[data-era=chrome] .play--sm.has-label{position:relative;overflow:hidden;box-shadow:0 2px 5px #0b263540}:is(.year,.dlg)[data-era=chrome] .play:not(.play--sm):before,:is(.year,.dlg)[data-era=chrome] .play--sm.has-label:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#ffffff0d);border-radius:999px;position:absolute;inset:2px 8px 52%}.deco--chrome .bubble{width:150px;height:150px;transform:scale(var(--s));background:radial-gradient(circle at 32% 28%,#fffffff2 0 7%,#ffffff4d 20%,#7fd3f038 58%,#007a9952 100%);border:1px solid #ffffffbf;border-radius:50%;animation:16s ease-in-out infinite alternate bubble;position:absolute}@keyframes bubble{to{transform:translate(18px, -90px) scale(var(--s))}}.deco--chrome .chrome-ring{aspect-ratio:1;opacity:.6;background:radial-gradient(circle,#0000 60%,#fff 61%,#a3b1bb 64%,#f2f6f8 67%,#66737c 70%,#dfe6ea 73%,#0000 74%);border-radius:50%;width:min(80vw,640px);animation:60s linear infinite slow-turn;position:absolute;top:3%;right:-28vw}.deco--left.deco--chrome .chrome-ring{left:-30vw;right:auto}@keyframes slow-turn{to{transform:rotate(1turn)}}[data-era=glossy]{--f-era:"TP Gel", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--cover-radius:14px;--thumb-radius:9px;--grain:.02}.year[data-era=glossy]{background:repeating-linear-gradient(135deg, #ffffff4d 0 22px, transparent 22px 44px), radial-gradient(120% 55% at 50% 0%, #fff 0%, var(--bg) 60%), var(--bg)}:is(.year,.dlg)[data-era=glossy] .year-num{letter-spacing:-.04em;-webkit-box-reflect:below -.16em linear-gradient(transparent 62%, #ffffff52);font-size:clamp(5.2rem,27vw,12rem);font-weight:800}:is(.year,.dlg)[data-era=glossy] .year-num .k-p{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 72%, #fff) 0 46%, var(--accent) 54% 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:is(.year,.dlg)[data-era=glossy] .year-title{margin-bottom:.35em}:is(.year,.dlg)[data-era=glossy] .year-age{background:var(--accent);width:-moz-fit-content;width:fit-content;color:var(--on-accent);border-radius:6px;padding:6px 12px}:is(.year,.dlg)[data-era=glossy] :is(.feature-title,.sheet-title,.track-title){letter-spacing:-.01em;font-weight:800}:is(.year,.dlg)[data-era=glossy] .track-title{font-size:1.02rem}.year[data-era=glossy] .feature-art{margin-bottom:16%}:is(.year,.dlg)[data-era=glossy] .cover-frame{-webkit-box-reflect:below 3px linear-gradient(transparent 68%, #ffffff57);box-shadow:0 0 0 3px #fff,0 10px 22px -10px #13304a73}.year[data-era=glossy] .track{background:linear-gradient(#fff 0% 50%,#eef4f8 51%,#f8fbfd 100%);border:1px solid #13304a29;border-radius:14px;margin-bottom:8px;padding:0 10px}:is(.year,.dlg)[data-era=glossy] .play:not(.play--sm),:is(.year,.dlg)[data-era=glossy] .play--sm.has-label{border-radius:10px;position:relative;overflow:hidden}:is(.year,.dlg)[data-era=glossy] .play:not(.play--sm):before,:is(.year,.dlg)[data-era=glossy] .play--sm.has-label:before{content:"";pointer-events:none;background:linear-gradient(#ffffffa6,#ffffff1f);border-radius:9px 9px 4px 4px;position:absolute;inset:1px 1px 50%}.deco--glossy .gloss-band{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, transparent), transparent);height:min(46vh,380px);position:absolute;inset:0 -10% auto}.deco--glossy .starburst{clip-path:polygon(50% 0%,59% 15%,75% 7%,75% 25%,93% 25%,85% 41%,100% 50%,85% 59%,93% 75%,75% 75%,75% 93%,59% 85%,50% 100%,41% 85%,25% 93%,25% 75%,7% 75%,15% 59%,0% 50%,15% 41%,7% 25%,25% 25%,25% 7%,41% 15%);background:#ffe14a;place-items:center;width:92px;height:92px;animation:2.6s ease-in-out infinite alternate wobble;display:grid;position:absolute;top:clamp(70px,9vh,110px);right:7%}.deco--left.deco--glossy .starburst{left:60%;right:auto}.deco--glossy .starburst span{color:#b0104f;font:800 1rem TP Gel,Arial Rounded MT Bold,sans-serif;transform:rotate(-12deg)}@keyframes wobble{0%{transform:rotate(-8deg)scale(.96)}to{transform:rotate(10deg)scale(1.04)}}[data-era=ipod]{--f-era:"TP Pod", "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--cover-radius:2px;--grain:0}.year[data-era=ipod] .year-title{background:var(--accent);color:#111;box-shadow:0 34px 50px -34px color-mix(in srgb, var(--accent) 70%, #000);gap:6px;padding:.6rem 1.4rem 1.1rem 1rem;position:relative}.year[data-era=ipod] .year-title:after{content:"";background:#fff;border-radius:12px 12px 9px 9px;width:22px;height:30px;margin-left:-11px;position:absolute;top:-14px;left:84%;box-shadow:inset 0 -6px #00000014,0 3px 8px #0000002e}.year-cord{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.year-cord path{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #0000002e)}:is(.year,.dlg)[data-era=ipod] .year-num{letter-spacing:-.065em;color:#111;font-size:clamp(5.6rem,30vw,12rem);font-weight:600}:is(.year,.dlg)[data-era=ipod] .year-age{color:#111;letter-spacing:.02em;text-transform:none;font-family:TP Pod,Helvetica Neue,sans-serif;font-size:1.05rem;font-weight:600}.year[data-era=ipod] .year-title:focus-visible{outline-color:#111}:is(.year,.dlg)[data-era=ipod] :is(.feature-title,.sheet-title){letter-spacing:-.025em;font-weight:600}:is(.year,.dlg)[data-era=ipod] .track-title{letter-spacing:-.01em;font-weight:600}.year[data-era=ipod] .feature-art{background:var(--accent);border-radius:2px;padding:12%}.year[data-era=ipod] .feature-art:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath d='M8 4 C 20 40, 60 10, 70 40 S 88 70, 96 80' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='4' r='4' fill='%23fff'/%3E%3C/svg%3E") 50%/contain no-repeat;width:46%;height:40%;position:absolute;bottom:-2%;right:4%}.year[data-era=ipod] .feature-art{position:relative}:is(.year,.dlg)[data-era=ipod] .cover-frame{box-shadow:0 16px 30px -14px #00000073}.year[data-era=ipod] .track{border-bottom-color:#e3e3e3;padding:0 8px}.year[data-era=ipod] .track-main:after{content:"›";color:#9a9aa0;margin-left:4px;font:300 1.6rem/1 TP Pod,Helvetica Neue,sans-serif}.year[data-era=ipod] .track-main{grid-template-columns:22px 48px minmax(0,1fr) auto auto}@media (max-width:400px){.year[data-era=ipod] .track-main{grid-template-columns:44px minmax(0,1fr) auto}.year[data-era=ipod] .track-main:after{display:none}}.year[data-era=ipod] .track:is(:hover,:focus-within){color:#fff;--ink:#fff;--ink-soft:#eef4ff;--bg:#1a5bbf;background:linear-gradient(#2f7cdc,#1a5bbf);border-bottom-color:#0000}.year[data-era=ipod] .track:is(:hover,:focus-within) .track-main:after{color:#fff}.year[data-era=ipod] .track:focus-within{--focus:#fff}.deco--ipod .earbuds{fill:none;width:90px;height:100%;position:absolute;top:0;right:2%}.deco--left.deco--ipod .earbuds{left:1%;right:auto}.deco--ipod .earbuds path{stroke:#d9d9d9;stroke-width:5px;vector-effect:non-scaling-stroke}.deco--ipod .earbuds .earbuds-core{stroke:#fff;stroke-width:3px}.deco--ipod .silhouette-sun{aspect-ratio:1;background:var(--accent);opacity:.16;border-radius:50%;width:34vw;max-width:260px;animation:4s ease-in-out infinite alternate pulse-soft;position:absolute;top:clamp(40px,8vh,90px);right:10%}.deco--left.deco--ipod .silhouette-sun{left:52%;right:auto}@keyframes pulse-soft{0%{transform:scale(.94)}to{transform:scale(1.06)}}[data-era=film]{--f-era:"TP Film", "Oswald", "Arial Narrow", Impact, sans-serif;--cover-radius:0;--thumb-radius:0;--grain:.16}.year[data-era=film]{background:radial-gradient(130% 90% at 50% 38%, color-mix(in srgb, var(--bg) 85%, #fff) 0%, var(--bg) 55%, color-mix(in srgb, var(--bg) 78%, #3a2414) 100%)}:is(.year,.dlg)[data-era=film] .year-num{letter-spacing:.01em;color:var(--accent);font-size:clamp(7rem,42vw,18rem);line-height:.8}:is(.year,.dlg)[data-era=film] .year-num .k-p{background:linear-gradient(176deg, color-mix(in srgb, var(--accent) 52%, #ffc48e) 0%, var(--accent) 46%, color-mix(in srgb, var(--accent) 78%, #2a1208) 100%);color:#0000;filter:drop-shadow(.035em .025em #2f676266);-webkit-background-clip:text;background-clip:text}:is(.year,.dlg)[data-era=film] :is(.feature-title,.sheet-title){letter-spacing:.02em;text-transform:uppercase;font-size:clamp(2.1rem,9vw,3.2rem);line-height:.95}:is(.year,.dlg)[data-era=film] .track-title{letter-spacing:.04em;text-transform:uppercase;font-size:1.35rem;line-height:1}:is(.year,.dlg)[data-era=film] .cover-frame{background:#fbf8f0;padding:10px 10px 44px;box-shadow:0 16px 30px -16px #28140a8c}:is(.year,.dlg)[data-era=film] .cover-frame:before{content:"";z-index:1;background:#f0e2c4cc;width:38%;height:26px;margin-left:-19%;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}:is(.year,.dlg)[data-era=film] .cover,.year[data-era=film] .track-cover img{filter:sepia(.28)saturate(.85)contrast(.94)brightness(1.04)}.year[data-era=film] .track{border-bottom-style:dashed}.deco--film .leak{aspect-ratio:1;background:radial-gradient(closest-side,#ff803480,#ff542829 55%,#0000);border-radius:50%;width:90vw;max-width:760px;animation:7s ease-in-out infinite alternate leak;position:absolute;top:-14%;right:-26%}.deco--left.deco--film .leak{left:-30%;right:auto}@keyframes leak{0%{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.deco--film .tri{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpolygon points='50,3 97,87 3,87' fill='none' stroke='%232e241c' stroke-opacity='.35' stroke-width='1'/%3E%3Cpolygon points='50,20 82,78 18,78' fill='none' stroke='%232e241c' stroke-opacity='.2' stroke-width='1'/%3E%3C/svg%3E") 50%/contain no-repeat;width:200px;height:180px;position:absolute;bottom:8%;left:4%}.deco--left.deco--film .tri{left:auto;right:4%}[data-era=flat]{--f-era:"TP Flat", "Montserrat", "Helvetica Neue", Arial, sans-serif;--cover-radius:0;--thumb-radius:0;--grain:0}.year[data-era=flat]{--shade:color-mix(in srgb, var(--bg) 82%, #000);--ink-soft:var(--ink);--flat-ink:var(--ink);--flat-paper:var(--bg)}:is(.year,.dlg)[data-era=flat] .year-num{letter-spacing:-.04em;text-shadow:1px 1px 0 var(--shade), 2px 2px 0 var(--shade), 3px 3px 0 var(--shade), 4px 4px 0 var(--shade), 5px 5px 0 var(--shade), 6px 6px 0 var(--shade), 7px 7px 0 var(--shade), 8px 8px 0 var(--shade), 9px 9px 0 var(--shade), 10px 10px 0 var(--shade), 11px 11px 0 var(--shade), 12px 12px 0 var(--shade), 13px 13px 0 var(--shade), 14px 14px 0 var(--shade), 15px 15px 0 var(--shade), 16px 16px 0 var(--shade), 18px 18px 0 var(--shade), 20px 20px 0 var(--shade), 22px 22px 0 var(--shade), 24px 24px 0 var(--shade);font-size:clamp(4.8rem,25vw,11.5rem);font-weight:800}.dlg[data-era=flat]{--shade:color-mix(in srgb, var(--bg) 82%, #000)}.dlg[data-era=flat] .dlg-panel{--ink-soft:var(--ink)}:is(.year,.dlg)[data-era=flat] .year-age{background:var(--ink);width:-moz-fit-content;width:fit-content;color:var(--bg);padding:6px 10px}:is(.year,.dlg)[data-era=flat] :is(.feature-title,.sheet-title){letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1.5rem,6.5vw,2.3rem);font-weight:800}:is(.year,.dlg)[data-era=flat] .track-title{text-transform:uppercase;letter-spacing:.01em;font-size:.95rem;font-weight:800}:is(.year,.dlg)[data-era=flat] .cover-frame{box-shadow:4px 4px 0 var(--shade), 8px 8px 0 var(--shade), 12px 12px 0 var(--shade), 16px 16px 0 var(--shade), 20px 20px 0 var(--shade)}.year[data-era=flat] .track{border-bottom:2px solid var(--rule)}.year[data-era=flat] .track:is(:hover,:focus-within){background:var(--flat-ink);color:var(--flat-paper);--ink:var(--flat-paper);--ink-soft:var(--flat-paper);--focus:var(--flat-paper);--bg:var(--shade)}:is(.year,.dlg)[data-era=flat] :is(.play,.claim,.year-add,.btn-ghost){border-radius:2px}.deco--flat .flat-circle{aspect-ratio:1;background:var(--shade);opacity:.55;border-radius:50%;width:min(70vw,560px);position:absolute;top:6%;right:-18vw}.deco--flat .flat-tri{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 9%, transparent);clip-path:polygon(0 100%,50% 0,100% 100%);width:min(46vw,340px);animation:9s ease-in-out infinite alternate tilt;position:absolute;bottom:6%;left:-6vw}.deco--left.deco--flat .flat-circle{left:-20vw;right:auto}@keyframes tilt{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)translateY(-12px)}}[data-era=pastel]{--f-era:"TP Soft", "Poppins", "Avenir Next", "Helvetica Neue", sans-serif;--cover-radius:22px;--thumb-radius:12px;--grain:.03}.year[data-era=pastel]{background:linear-gradient(165deg, color-mix(in srgb, var(--bg) 80%, #fff) 0%, var(--bg) 45%, color-mix(in srgb, var(--bg) 80%, #ffd8be) 100%)}:is(.year,.dlg)[data-era=pastel] .year-num{letter-spacing:-.06em;color:var(--accent);font-size:clamp(5.4rem,28vw,12.5rem);font-weight:600}:is(.year,.dlg)[data-era=pastel] .year-age{text-transform:lowercase;letter-spacing:.02em;font-family:TP Soft,Avenir Next,sans-serif;font-size:1rem;font-weight:600}:is(.year,.dlg)[data-era=pastel] :is(.feature-title,.sheet-title){letter-spacing:-.03em;text-transform:lowercase;font-weight:600}:is(.year,.dlg)[data-era=pastel] .track-title{letter-spacing:-.01em;font-size:1.02rem;font-weight:600}:is(.year,.dlg)[data-era=pastel] .cover-frame{box-shadow:0 28px 50px -24px color-mix(in srgb, var(--accent) 65%, transparent)}.year[data-era=pastel] .track{background:#ffffff80;border:0;border-radius:20px;margin-bottom:8px;padding:0 12px}.deco--pastel .soft-blob{aspect-ratio:1.2;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);border-radius:50%;width:min(70vw,520px);animation:18s ease-in-out infinite alternate float;position:absolute;translate:-50% -50%}.deco--pastel .soft-blob--2{background:radial-gradient(closest-side,#92a8d152,#0000);animation-duration:23s}@keyframes float{to{transform:translate(40px,-50px)scale(1.12)}}.deco--pastel .arch{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px 999px 0 0;width:min(30vw,220px);height:min(42vw,320px);position:absolute;bottom:0;right:6%}.deco--left.deco--pastel .arch{left:6%;right:auto}[data-era=soft]{--f-era:"TP UI", Inter, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--cover-radius:20px;--thumb-radius:14px;--grain:0}:is(.year,.dlg)[data-era=soft]{--hi:#ffffffeb;--lo:color-mix(in srgb, var(--bg) 76%, #5f6f94);--raise:9px 9px 20px var(--lo), -9px -9px 20px var(--hi);--raise-sm:5px 5px 11px var(--lo), -5px -5px 11px var(--hi);--press:inset 4px 4px 9px var(--lo), inset -4px -4px 9px var(--hi)}.year[data-era=soft]{background:var(--bg)}:is(.year,.dlg)[data-era=soft] .year-num{letter-spacing:-.05em;color:color-mix(in srgb, var(--ink) 72%, var(--bg));text-shadow:3px 3px 6px var(--lo), -3px -3px 6px var(--hi);font-size:clamp(5.2rem,27vw,12rem);font-weight:600}:is(.year,.dlg)[data-era=soft] .year-age{background:var(--bg);width:-moz-fit-content;width:fit-content;box-shadow:var(--raise-sm);font-family:var(--f-era);letter-spacing:.02em;text-transform:none;border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:600}:is(.year,.dlg)[data-era=soft] :is(.feature-title,.sheet-title){letter-spacing:-.035em;font-weight:600}:is(.year,.dlg)[data-era=soft] .track-title{letter-spacing:-.015em;font-size:1.02rem;font-weight:600}:is(.year,.dlg)[data-era=soft] .cover-frame{background:var(--bg);box-shadow:var(--raise);border-radius:30px;padding:12px}.year[data-era=soft] .track{background:var(--bg);box-shadow:var(--raise-sm);border:0;border-radius:22px;margin-bottom:14px;padding:0 12px}:is(.year,.dlg)[data-era=soft] :is(.play,.claim,.year-add,.btn-ghost){box-shadow:var(--raise-sm);border:0}:is(.year,.dlg)[data-era=soft] :is(.play--sm,.claim,.year-add,.btn-ghost){background:var(--bg);color:var(--ink)}:is(.year,.dlg)[data-era=soft] :is(.play.is-playing,.claim.is-mine){background:var(--bg);color:var(--accent);box-shadow:var(--press)}:is(.year,.dlg)[data-era=soft] :is(.play,.claim,.year-add,.btn-ghost):hover{box-shadow:var(--raise)}:is(.year,.dlg)[data-era=soft] :is(.play,.claim,.year-add,.btn-ghost):active{box-shadow:var(--press)}.deco--soft .dial{aspect-ratio:1;background:var(--bg);width:min(62vw,420px);box-shadow:22px 22px 44px var(--lo), -22px -22px 44px var(--hi);border-radius:50%;position:absolute;top:36%;right:-16vw}.deco--left.deco--soft .dial{left:-18vw;right:auto}.deco--soft .dial:before{content:"";box-shadow:var(--press);border-radius:50%;position:absolute;inset:16%}.deco--soft .dial-pointer{animation:40s linear infinite slow-turn;position:absolute;inset:0}.deco--soft .dial-pointer:after{content:"";background:var(--accent);width:14px;height:14px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;margin-left:-7px;position:absolute;top:21%;left:50%}.deco--soft .soft-pill{background:var(--bg);width:96px;height:44px;box-shadow:var(--press);border-radius:999px;position:absolute;top:clamp(56px,8vh,96px);right:8%}.deco--left.deco--soft .soft-pill{left:60%;right:auto}.deco--soft .soft-pill i{background:var(--bg);width:32px;height:32px;box-shadow:var(--raise-sm);border-radius:50%;animation:6s ease-in-out infinite toggle;position:absolute;top:6px;right:6px}@keyframes toggle{0%,45%{transform:none}55%,to{transform:translate(-52px)}}[data-era=lockdown]{--f-era:"TP Night", "Fraunces", Georgia, serif;--cover-radius:10px;--thumb-radius:8px;--grain:.07;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.year[data-era=lockdown]{background:radial-gradient(110% 60% at 85% 6%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 60%), var(--bg)}:is(.year,.dlg)[data-era=lockdown] .year-num{letter-spacing:-.04em;color:#fff6ef;text-shadow:0 0 2px color-mix(in srgb, var(--accent) 90%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 55%, transparent);font-size:clamp(5.6rem,29vw,13rem);font-style:italic;font-weight:600}:is(.year,.dlg)[data-era=lockdown] :is(.feature-title,.sheet-title){letter-spacing:-.02em;font-style:italic;font-weight:600}:is(.year,.dlg)[data-era=lockdown] .track-title{font-style:italic;font-weight:600}:is(.year,.dlg)[data-era=lockdown] .cover-frame{box-shadow:0 0 0 1px #ffffff1a, 0 24px 70px -18px color-mix(in srgb, var(--accent) 50%, transparent)}.year[data-era=lockdown] .track{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;margin-bottom:8px;padding:0 12px}.deco--lockdown .night-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 26%, transparent), transparent);border-radius:50%;width:min(90vw,700px);animation:6s ease-in-out infinite alternate breathe;position:absolute;top:-10%;right:-20%}@keyframes breathe{0%{opacity:.55}to{opacity:1}}.deco--lockdown .night-window{width:74px;height:92px;box-shadow:0 0 40px color-mix(in srgb, var(--accent) 40%, transparent);background:#0b0912;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;position:absolute;top:28px;right:7%}.deco--left.deco--lockdown .night-window{left:62%;right:auto}.deco--lockdown .night-window i{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 90%, #fff), var(--accent));opacity:.85}.deco--lockdown .night-window i:nth-child(3){animation:5s step-end infinite flicker}@keyframes flicker{40%{opacity:.3}44%{opacity:.85}}.deco--lockdown .star{background:#fff;border-radius:50%;width:3px;height:3px;animation:3.2s ease-in-out infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.15}to{opacity:.9}}[data-era=revival]{--f-era:"TP Wide", "Unbounded", "Arial Black", sans-serif;--cover-radius:0;--thumb-radius:0;--grain:.14}:is(.year,.dlg)[data-era=revival] .year-num{letter-spacing:-.05em;font-size:clamp(4.4rem,22vw,10.5rem);font-weight:700}:is(.year,.dlg)[data-year="2024"] .year-num,.year[data-year="2024"] .year-num{letter-spacing:-.07em;transform-origin:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:clamp(6rem,34vw,15rem);font-weight:400;transform:scaleX(.86)}:is(.year,.dlg)[data-era=revival] .year-age{border:2px solid var(--ink);background:var(--bg);width:-moz-fit-content;width:fit-content;box-shadow:4px 4px 0 var(--ink);padding:6px 10px}:is(.year,.dlg)[data-era=revival] :is(.feature-title,.sheet-title){font-family:var(--f-serif);letter-spacing:-.02em;font-size:clamp(2.2rem,10vw,3.6rem);font-style:italic;line-height:.95}:is(.year,.dlg)[data-era=revival] .track-title{font-family:var(--f-serif);font-size:1.35rem;line-height:1.05}:is(.year,.dlg)[data-era=revival] .cover-frame{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.year[data-era=revival] .track{border:2px solid var(--ink);background:color-mix(in srgb, var(--bg) 70%, #fff);box-shadow:4px 4px 0 var(--ink);margin-bottom:10px;padding:0 10px}:is(.year,.dlg)[data-era=revival] :is(.play,.claim,.year-add,.btn-ghost){border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:0}.deco--revival .mesh{aspect-ratio:1;opacity:.75;border-radius:50%;width:min(90vw,760px);position:absolute}.deco--revival .mesh--1{background:radial-gradient(closest-side,#ff5bd173,#0000);animation:20s ease-in-out infinite alternate float;top:-18%;right:-30%}.deco--revival .mesh--2{background:radial-gradient(closest-side,#6a5cff59,#0000);animation:26s ease-in-out infinite alternate-reverse float;bottom:-20%;left:-34%}.year[data-year="2024"] .deco--revival .mesh{opacity:.35}.deco--revival .sticker-star{aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#fff 0%,#8d96a0 30%,#f4f7fa 48%,#3e454c 52%,#c9d1d8 75%,#fff 100%);width:110px;animation:24s linear infinite slow-turn;position:absolute;top:clamp(70px,10vh,120px);right:7%}.deco--left.deco--revival .sticker-star{left:64%;right:auto}.k-w{white-space:nowrap;display:inline-block}.k-p{display:inline-block}.k[data-k=armed]:not(.k--wave) .k-p{opacity:0}.k[data-k=in] .k-p{animation:var(--k-anim,k-rise) var(--k-dur,.8s) var(--k-ease,cubic-bezier(.2, .75, .25, 1)) both;animation-delay:calc(var(--i) * var(--k-stagger,28ms))}.k--wave{--k-anim:k-wave;--k-dur:1.1s;--k-stagger:45ms;--k-ease:ease-in-out}.k--type{--k-anim:k-type;--k-dur:10ms;--k-stagger:70ms;--k-ease:linear}.k--back{--k-anim:k-back;--k-dur:.55s;--k-stagger:30ms}.k--back[data-k=in] .k-p{animation-delay:calc((var(--n) - var(--i)) * var(--k-stagger))}@keyframes k-rise{0%{opacity:0;transform:translateY(.55em)rotate(7deg)}}@keyframes k-wave{40%{transform:translateY(-.12em)}}@keyframes k-type{0%{opacity:0}}@keyframes k-back{0%{opacity:0;transform:translate(.9em)skew(-24deg)}}@supports (animation-timeline:view()){.year[data-live] .k[data-k=scroll] .k-p{animation:var(--k-scroll,k-converge) linear both;animation-timeline:view();animation-range:entry}}@keyframes k-converge{0%{opacity:.1;transform:translateX(calc(var(--d) * .36em))}}@keyframes k-zoom{0%{opacity:0;transform:translateX(calc(var(--d) * .5em)) scale(.4)}}@keyframes k-drop{0%{opacity:0;transform:translateY(-.8em)}60%{opacity:1;transform:translateY(.08em)}80%{transform:translateY(-.04em)}}@keyframes k-slide{0%{opacity:0;transform:translateX(calc(1.2em + var(--d) * .4em))}}@keyframes k-flicker{0%{opacity:0;transform:translateY(.06em)}20%{opacity:.8}30%{opacity:.2;transform:translate(-.03em)}50%{opacity:.9}60%{opacity:.5;transform:translate(.02em)}}@keyframes k-block{0%{opacity:0;transform:translateY(calc(.5em + var(--i) * .12em))}}@keyframes k-float{0%{opacity:0;transform:translateY(.35em) rotate(calc(var(--d) * -5deg))}}@keyframes k-press{0%{opacity:.2;transform:scale(1.18)}}@keyframes k-neon{0%,30%{opacity:.08}34%{opacity:.9}38%{opacity:.2}60%{opacity:.3}64%{opacity:1}}@keyframes k-squash{0%{opacity:0;transform:scale(1.6,.5)}70%{opacity:1;transform:scale(.92,1.08)}}[data-era=chrome] .year-num{--k-scroll:k-zoom;--k-anim:k-zoom}[data-era=glossy] .year-num{--k-scroll:k-drop;--k-anim:k-drop}[data-era=ipod] .year-num{--k-scroll:k-slide;--k-anim:k-slide}[data-era=film] .year-num{--k-scroll:k-flicker;--k-anim:k-flicker}[data-era=flat] .year-num{--k-scroll:k-block;--k-anim:k-block}[data-era=pastel] .year-num{--k-scroll:k-float;--k-anim:k-float}[data-era=soft] .year-num{--k-scroll:k-press;--k-anim:k-press}[data-era=lockdown] .year-num{--k-scroll:k-neon;--k-anim:k-neon}[data-era=revival] .year-num{--k-scroll:k-squash;--k-anim:k-squash}@media (prefers-reduced-motion:reduce){.k-p{opacity:1!important;animation:none!important;transform:none!important}}.dlg{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink,var(--cream));background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.dlg::backdrop{background:0 0}.dlg-scrim{background:#0a0807a8;position:absolute;inset:0}.dlg-panel{inset:max(24px, env(safe-area-inset-top)) 0 0;overscroll-behavior:contain;background:var(--bg,var(--night-2));color:var(--ink,var(--cream));--ink-soft:color-mix(in srgb, var(--ink) 80%, var(--bg));--rule:color-mix(in srgb, var(--ink) 16%, transparent);--focus:var(--ink);border-top:1px solid #ffffff29;border-radius:20px 20px 0 0;position:absolute;overflow:auto;box-shadow:0 -1px #00000059,0 -16px 40px -16px #0000008c,0 -36px 80px -28px #00000080}.dlg--card .dlg-panel{max-height:calc(100% - 24px);inset:auto 0 0}@media (min-width:720px){.dlg-panel,.dlg--card .dlg-panel{border-radius:16px;width:min(980px,100vw - 64px);max-height:calc(100vh - 64px);inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 1px 2px #00000059,0 18px 40px -12px #0009,0 44px 96px -32px #000000a6}.dlg--card .dlg-panel{width:min(600px,100vw - 64px)}}.sheet-close{z-index:3;background:color-mix(in srgb, var(--ink,var(--cream)) 10%, var(--bg,var(--night-2)));width:44px;height:44px;transition:translate .15s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000002e,0 1px 1px #0000004d,0 4px 10px -3px #0006}@media (hover:hover){.sheet-close:hover{translate:0 -1px}}.sheet-close:active{translate:0 1px;box-shadow:inset 0 2px 5px #00000059}.sheet-close .icon{width:22px;height:22px}.sheet{isolation:isolate;min-height:100%;padding:28px var(--gutter) 48px;gap:26px;display:grid;position:relative}.sheet .grain{z-index:-1}.dlg[data-era=film] .sheet{background:radial-gradient(120% 80% at 50% 30%, color-mix(in srgb, var(--bg) 88%, #fff), var(--bg) 60%)}.dlg[data-era=lockdown] .sheet{background:radial-gradient(100% 60% at 80% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%)}.sheet-art{width:min(62vw,300px);margin-top:12px;position:relative}.sheet-art .cover-frame--big{z-index:1;position:relative}.disc-slot{z-index:0;transition:transform .9s var(--ease-out);position:absolute;inset:5%}.disc-slot.is-out{transform:translate(42%)}.disc-slot:after{content:"";background:conic-gradient(from 30deg, transparent 0 8%, #ffffff38 12%, transparent 18% 50%, #ffffff29 62%, transparent 68%);pointer-events:none;border-radius:50%;position:absolute;inset:0}.disc{aspect-ratio:1;border-radius:50%;width:100%;position:relative}.disc--cd{background:radial-gradient(circle,#0000 0 14%,#d2dae0f2 14.5% 17%,#0000 17.5%),conic-gradient(from 10deg,#e7eef3,#c3efff,#ffd3f3,#fff3bd,#c6ffd6,#d3dfff,#e7eef3,#ffdcc3,#ddd0ff,#e7eef3);box-shadow:inset 0 0 0 1px #0000002e,0 10px 30px -10px #0006}.disc-hub{background:var(--bg);border-radius:50%;position:absolute;inset:43%;box-shadow:inset 0 0 0 1px #00000040}.disc-sharpie{max-width:70%;font:600 1.15rem/1 var(--f-hand);color:#161616;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:22%;left:50%;overflow:hidden;transform:translate(-50%)rotate(-6deg)}.disc--vinyl{background:radial-gradient(circle,#0000 0 31%,#0d0d0d 31.5%),repeating-radial-gradient(circle,#121212 0 1.4px,#1f1f1f 1.4px 2.8px);box-shadow:0 12px 34px -10px #0000008c}.disc-label{object-fit:cover;border-radius:50%;width:36%;height:36%;position:absolute;inset:32%}.disc-spindle{background:#e9e9e9;border-radius:50%;position:absolute;inset:48.5%}.sheet-body{align-content:start;gap:18px;min-width:0;display:grid}.sheet-when{color:var(--ink-soft)}.sheet-title{font:400 clamp(2.2rem, 9vw, 3.4rem) / 1.02 var(--f-era,var(--f-serif));text-wrap:balance;overflow-wrap:anywhere}.sheet-artist{font:400 1rem/1.35 var(--f-mono);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:-8px;display:flex}.deep-tag{border:1px solid;border-radius:999px;padding:3px 8px}.sheet-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sheet-now{gap:8px;display:grid}.sheet-now .viz{height:56px}.sheet-progress{background:color-mix(in srgb, var(--ink) 14%, transparent);border-radius:2px;height:4px;position:relative;overflow:hidden}.sheet-progress-bar{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.sheet-progress.is-idle .sheet-progress-bar{visibility:hidden}.sheet-time{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.sheet-memories{border-top:1px solid var(--rule);gap:22px;padding-top:22px;display:grid}.sheet-memories>.label{color:var(--ink-soft)}.sheet-empty{font:italic 400 1.2rem/1.3 var(--f-serif);color:var(--ink-soft)}@media (min-width:720px){.sheet{grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:48px clamp(64px,8vw,104px);padding:48px 48px 56px}.sheet-art{align-self:start;width:100%;position:sticky;top:48px}.disc-slot.is-out{transform:translate(30%)}}.viz{align-items:flex-end;gap:3px;height:48px;display:flex}.viz-bar{background:var(--viz,var(--ink));opacity:.85;transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;height:100%;transform:scaleY(.06)}.viz.is-on .viz-bar{animation:viz var(--dur) var(--delay) infinite cubic-bezier(.2, .7, .4, 1)}@keyframes viz{0%{transform:scaleY(var(--peak))}45%{transform:scaleY(calc(var(--peak) * .4))}to{transform:scaleY(.07)}}.history{border-top:1px solid var(--rule);gap:14px;padding-top:22px;display:grid}.history-h{color:var(--ink-soft)}.history-lead{font:400 1.55rem/1.2 var(--f-serif);text-wrap:pretty}.history-lead strong{font-size:1.35em;font-style:italic;font-weight:400}.history-dates{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.history-dates dt{color:var(--ink-soft)}.history-dates dd{font:400 .9rem/1.4 var(--f-mono);margin:4px 0 0}.spark{margin:0}.spark svg{width:100%;height:64px;fill:var(--ink)}.spark-axis{color:var(--ink-soft);justify-content:space-between;gap:8px;margin-top:8px;display:flex}.history-note,.history-replay{font:italic 400 1.2rem/1.3 var(--f-serif)}.history-heard{font:italic 400 1.25rem/1.3 var(--f-serif)}.history-heard .label{color:var(--ink-soft);margin-right:.5em;font-style:normal}.memform{background:var(--paper);color:var(--paper-ink);--focus:var(--paper-ink);border-radius:4px;gap:10px;padding:20px;display:grid;box-shadow:0 16px 30px -18px #00000080}.memform textarea,.memform input,.memform select{width:100%;color:var(--paper-ink);background:#fffdf7;border:1px solid #c9bea6;border-radius:3px}.memform textarea{resize:vertical;min-height:112px;font:600 1.4rem/34px var(--f-hand);background:repeating-linear-gradient(#0000 0 33px,#e2d8c3 33px 34px) 0 8px/100% 34px local,#fffdf7;padding:8px 12px}.memform input{min-height:44px;font:400 .95rem var(--f-mono);padding:0 12px}.memform select{min-height:44px;font:400 .95rem var(--f-mono);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%232a2420' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat,#fffdf7;padding:0 36px 0 12px}.memform ::placeholder{color:#7a6e60;opacity:1}.memform .field{gap:6px;display:grid}.memform .label{color:#5c5044}.memform-row{gap:10px;display:grid}@media (min-width:480px){.memform-row{grid-template-columns:1fr 1fr}}.memform-hint{font:400 .8rem/1.45 var(--f-mono);color:#5c5044}.memform-error{font:500 .8rem var(--f-mono);color:#9c2410}.memform-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.memform .btn-ghost{color:var(--paper-ink)}.ymem{padding:28px var(--gutter) 36px;gap:14px;display:grid;position:relative}.ymem>.label{color:var(--ink-soft)}.ymem-title{font:italic 400 clamp(2rem, 8vw, 2.8rem) / 1 var(--f-serif);padding-right:48px}.ymem-lede{font:400 1.1rem/1.35 var(--f-serif);color:var(--ink-soft);margin-bottom:8px}.ymem-sub{color:var(--ink-soft);margin-top:18px}.ymem .note{margin-top:14px}.yindex{padding:0 var(--gutter) 40px;background:var(--night-2);color:var(--cream);--focus:var(--amber)}.yindex-head{z-index:2;background:var(--night-2);justify-content:space-between;align-items:center;padding:22px 0 14px;display:flex;position:sticky;top:0}.yindex-head .sheet-close{position:static}.yindex-title{font:italic 400 2.3rem/1 var(--f-serif)}.yindex-group{margin-top:22px}.yindex-chapter{font:italic 400 1.35rem/1.2 var(--f-serif);align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.yindex-chapter .label{color:var(--amber);font-style:normal}.yindex-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.yindex-year{background:var(--bg);width:100%;color:var(--ink);text-align:left;transition:translate .2s var(--ease-out);border:2px solid #0000;border-radius:10px;gap:4px;padding:12px 12px 10px;display:grid;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000024,0 1px 1px #00000073,0 6px 12px -4px #00000080}@media (hover:hover){.yindex-year:hover{translate:0 -2px;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000024,0 2px 3px #0006,0 12px 22px -6px #0000008c}}.yindex-year[aria-current=true],.yindex-year:active{border-color:var(--amber);box-shadow:0 0 0 2px var(--night-2) inset, inset 0 3px 8px #00000059;translate:0 1px}.yindex-year:active:not([aria-current=true]){border-color:#0000}.yindex-num{font:500 1.35rem/1 var(--f-mono)}.yindex-age{font:400 .72rem var(--f-mono)}.yindex-keys{color:var(--cream-dim);margin-top:30px;line-height:1.9}kbd{background:var(--hw-key);font:inherit;border:1px solid #f1e8d633;border-radius:5px;padding:0 6px;line-height:1.5;display:inline-block;box-shadow:inset 0 1px #ffeed624,0 2px #000000a6}.profile-note{font:400 .85rem/1.5 var(--f-mono);color:var(--ink-soft,var(--cream-dim));margin-top:6px}.dlg:not([data-era]) .ymem{color:var(--cream);--ink-soft:var(--cream-dim)}.yindex-actions{color:var(--cream);flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}@media (max-width:719px){.dlg[data-era=glossy] .sheet-art{margin-bottom:16%}}.onb{padding:18px var(--gutter) 22px;color:var(--cream);--ink:var(--cream);--ink-soft:var(--cream-dim);--focus:var(--amber);gap:18px;display:grid}.onb-top{justify-content:space-between;align-items:center;min-height:44px;display:flex}.onb-kicker{color:var(--amber)}.onb-skip{min-height:44px;font:500 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:0 16px}.onb-skip,.onb-arrow{background:var(--hw-key);box-shadow:var(--hw-raise);transition:translate .15s var(--ease-out)}@media (hover:hover){.onb-skip:hover,.onb-arrow:hover:not(:disabled){background:var(--hw-key-hover);box-shadow:var(--hw-lift);translate:0 -1px}}.onb-skip:active,.onb-arrow:not(:disabled):active{background:var(--hw-key-down);box-shadow:var(--hw-press);translate:0 1px}.onb-step{gap:20px;display:grid}.onb-card{background:repeating-linear-gradient(180deg, transparent 0 27px, #2a242012 27px 28px), var(--paper);height:clamp(150px,25vh,200px);color:var(--paper-ink);box-shadow:inset 14px 0 0 var(--tape-red);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.onb-tape{border-radius:10px;width:min(58vw,240px);transform:rotate(-3deg);box-shadow:0 18px 30px -18px #000000b3}.cassette--play .reel{animation:2.4s linear infinite reel-spin}.onb-counter{justify-items:center;gap:12px;display:grid}.onb-counter .odo{font:500 clamp(2.6rem, 12vw, 3.4rem) / 1 var(--f-mono)}.onb-collage{width:260px;height:150px;position:relative}.onb-cover{width:112px;height:112px;position:absolute;top:16px;left:22px;transform:rotate(-5deg);box-shadow:0 12px 22px -12px #0009}.onb-play{background:var(--paper-ink);width:40px;height:40px;color:var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;top:100px;left:108px}.onb-play svg{fill:currentColor;width:18px;height:18px}.onb-stamp{background:var(--paper);color:var(--tape-red);position:absolute;top:4px;left:10px}.onb-scrap{width:128px;color:var(--paper-ink);font:600 1.05rem/1.15 var(--f-hand);background:#fffdf5;padding:14px 10px 10px;position:absolute;top:30px;right:0;transform:rotate(3deg);box-shadow:0 8px 16px -10px #00000080}.onb-scrap:before{content:"";background:#ecdeb6d9;width:56px;height:16px;position:absolute;top:-8px;left:36px;transform:rotate(-4deg)}.onb-you{justify-items:center;gap:8px;display:grid}.onb-born{font:italic 400 4.2rem/1 var(--f-serif)}.onb-copy{align-content:start;gap:10px;display:grid}.onb-title{font:italic 400 clamp(1.9rem, 7.5vw, 2.5rem) / 1.02 var(--f-serif);text-wrap:balance}.onb-copy p{max-width:34rem;font:400 1.12rem/1.42 var(--f-serif);color:#e6dcc8;text-wrap:pretty}.onb-copy strong{color:var(--cream);font-style:italic;font-weight:400}.onb kbd{font:500 .82em var(--f-mono)}.onb-later{color:var(--cream-dim);text-align:center}.onb-nav{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.onb-arrow{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.onb-arrow:disabled{opacity:.3;cursor:default;box-shadow:var(--hw-edge)}.onb-arrow .icon,.onb-next .icon{width:22px;height:22px}.onb-dots{display:flex}.onb-dot{place-items:center;width:28px;height:44px;display:grid}.onb-dot:before{content:"";width:8px;height:8px;transition:transform .3s var(--ease-out);background:#f1e8d652;border-radius:50%}.onb-dot.is-on:before{background:var(--amber);transform:scale(1.45)}.onb-next{background:var(--hw-cap);min-height:44px;box-shadow:var(--hw-cap-raise);color:var(--night);font:500 .75rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;transition:translate .15s var(--ease-out);border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 20px;display:inline-flex}@media (hover:hover){.onb-next:hover{box-shadow:var(--hw-cap-lift);translate:0 -1px}}.onb-next:active{background:var(--hw-cap-down);box-shadow:var(--hw-cap-press);translate:0 1px}.onb-next-spacer{width:44px}.viz.is-live .viz-bar{animation:none!important}.sheet-time{align-items:baseline;gap:10px}.sheet-source{text-align:center;letter-spacing:.06em;text-transform:none;color:var(--ink-soft);flex:1}a.sheet-source{text-underline-offset:3px;text-decoration:underline}.listen{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.listen .label{width:100%;color:var(--ink-soft)}.listen-link{border:1.5px solid color-mix(in srgb, var(--ink) 40%, transparent);min-height:40px;font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.listen-link:hover{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.mini{inset:auto 8px max(8px, env(safe-area-inset-bottom));z-index:45;max-width:760px;color:var(--cream);visibility:hidden;transition:transform .55s var(--ease-out), visibility 0s .55s;--focus:var(--amber);background:#14110ff7;border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:0 auto;padding:10px 8px 10px 10px;display:grid;position:fixed;overflow:hidden;transform:translateY(calc(100% + 32px));box-shadow:0 20px 44px -14px #000000b3}.mini.is-shown{visibility:visible;transition:transform .55s var(--ease-out), visibility 0s;transform:none}.mini-progress{background:#f1e8d61a;height:3px;position:absolute;inset:0 0 auto}.mini-progress-bar{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.mini-open{text-align:left;border-radius:12px;align-items:center;gap:12px;min-width:0;display:flex}.mini-disc{border-radius:50%;flex:none;width:46px;height:46px;animation:3.6s linear infinite paused reel-spin;position:relative;overflow:hidden;box-shadow:0 0 0 2px #f1e8d624}.mini.is-playing .mini-disc{animation-play-state:running}.mini-disc img{width:100%;height:100%}.mini-disc:after{content:"";background:#14110f;border-radius:50%;position:absolute;inset:40%;box-shadow:0 0 0 2px #f1e8d64d}.mini-text{min-width:0;display:grid}.mini-title,.mini-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-title{font:italic 400 1.15rem/1.2 var(--f-serif)}.mini-artist{font:400 .72rem/1.4 var(--f-mono);color:var(--cream-dim)}.mini-viz{width:52px;display:none}.mini-viz .viz{gap:2px;height:26px}.mini-viz .viz-bar{background:var(--viz)}.mini-time{color:var(--cream-dim);font-variant-numeric:tabular-nums;display:none}.mini-controls{align-items:center;gap:2px;display:flex}.mini-btn{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.mini-btn:hover:not(:disabled){background:#f1e8d61a}.mini-btn--main{background:var(--cream);color:var(--night)}.mini-btn--main:hover:not(:disabled){background:#fff}.mini-btn:disabled{opacity:.35;cursor:default}.mini-btn .icon{width:22px;height:22px}@media (min-width:400px){.mini{grid-template-columns:minmax(0,1fr) auto auto auto}.mini-viz{display:block}}@media (min-width:620px){.mini{grid-template-columns:minmax(0,1fr) auto auto auto;padding:12px 12px 12px 14px}.mini-time{display:block}.mini-viz{order:0}}.mini{background:linear-gradient(180deg, #ffeed60f, transparent 45%), var(--hw-body);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);box-shadow:inset 0 1px 0 #ffeed61a, var(--hw-float)}.mini-btn{background:var(--hw-key);box-shadow:var(--hw-raise);transition:translate .15s var(--ease-out)}.mini-btn.mini-btn--main{background:var(--hw-cap);box-shadow:var(--hw-cap-raise)}@media (hover:hover){.mini-btn:hover:not(:disabled){background:var(--hw-key-hover);box-shadow:var(--hw-lift);translate:0 -1px}.mini-btn.mini-btn--main:hover:not(:disabled){background:var(--hw-cap);box-shadow:var(--hw-cap-lift)}}.mini-btn:not(:disabled):active{background:var(--hw-key-down);box-shadow:var(--hw-press);translate:0 1px}.mini.is-playing .mini-btn.mini-btn--main,.mini-btn.mini-btn--main:not(:disabled):active{background:var(--hw-cap-down);box-shadow:var(--hw-cap-press);translate:0 1px}.mini-btn:disabled{box-shadow:var(--hw-edge)}.mini-controls{gap:8px}