@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.15s2gb72mvmw9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/e62850744c7f266e-s.43_ypb-kqawuo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/9433d1a810498265-s.p.3z77xcxvtx9_e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/150f724d70372c02-s.2ym9msm88vm4r.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/750c737482d9de2f-s.08jxdyhjmo52g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.23oeb0afa3wba.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.Uly1va_className{font-family:Newsreader,Newsreader Fallback}.Uly1va_variable{--font-serif:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.CxiPNW_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.CxiPNW_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#08090b;--surface:#121419;--fg:#ece9e2;--muted:#8f939c;--faint:#5c6069;--line:#23262d;--accent:#9ec1ff;--hit:#e2a35c;--viz-in:#6c93e3;--viz-out:#3a4150;--viz-off:#1c2028;--shadow:0 18px 40px -18px #000000d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:var(--font-serif), Georgia, serif;-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}h1,h2,h3,p{margin:0}h2,h3{text-wrap:balance}.muted{color:var(--muted)}.u,.org-link,.project-title a,.links a,.project-meta a,.footer-line a,.contrib-head{text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:4px;transition:text-decoration-color .2s,color .2s}.u:hover,.org-link:hover,.project-title a:hover,.links a:hover,.project-meta a:hover,.footer-line a:hover,.contrib-head:hover{text-decoration-color:currentColor}.dither{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.shell{z-index:1;grid-template-columns:120px minmax(0,580px);column-gap:64px;padding-inline:clamp(20px,6vw,96px);display:grid;position:relative}.side-nav{flex-direction:column;align-self:start;align-items:flex-end;gap:8px;padding-top:104px;font-size:.95rem;display:flex;position:sticky;top:0}.side-nav a{color:var(--faint);text-decoration:none;transition:color .2s}.side-nav a:hover{color:var(--muted)}.side-nav a.is-active{color:var(--fg);font-weight:600}.page{align-content:start;gap:104px;padding-block:88px 120px;display:grid}section{align-content:start;gap:22px;display:grid}section>h2{letter-spacing:-.01em;font-size:1.7rem;font-weight:400;line-height:1.15}.intro{gap:26px}.wavy{letter-spacing:-.02em;cursor:default;font-size:clamp(2.6rem,8vw,3.4rem);font-weight:700;line-height:1}.wavy-letter{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .2s;display:inline-block}.wavy-space{width:.24em;display:inline-block}.wavy-letter:hover{color:var(--accent);font-style:italic;transform:translateY(-.14em)rotate(-4deg)}.wavy-letter:hover+.wavy-letter{transform:translateY(-.06em)}.wavy-letter:has(+.wavy-letter:hover){transform:translateY(-.06em)}.about{gap:10px;margin:0;padding:0;font-size:1.12rem;list-style:none;display:grid}.about li{padding-left:1.3em;position:relative}.about li:before{content:"-";color:var(--faint);font-family:var(--font-mono), monospace;position:absolute;left:0}.tag{--tint:#9aa3b5;font:.86em var(--font-mono), monospace;color:color-mix(in srgb, var(--tint) 45%, #fff);background:color-mix(in srgb, var(--tint) 16%, transparent);border-radius:3px;align-items:center;gap:.15em;padding:1px 6px;text-decoration:none;transition:background .2s;display:inline-flex}a.tag:hover{background:color-mix(in srgb, var(--tint) 28%, transparent)}.tag .mark{margin:0 0 0 .35em}.org{white-space:nowrap;font-weight:500}.mark{width:1.25em;height:1.25em;font:700 .55em/1 var(--font-mono), monospace;vertical-align:-.12em;border-radius:4px;place-items:center;margin-right:.35em;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-grid}.org:hover .mark,.tag:hover .mark,.role:hover .mark{transform:rotate(-10deg)scale(1.15)}.links{flex-wrap:wrap;gap:6px 22px;font-size:.95rem;display:flex}.links a{align-items:center;gap:7px;display:inline-flex}.links svg{color:var(--muted)}.projects{gap:6px;display:grid}.project{border-radius:10px;gap:4px;margin-inline:-18px;padding:14px 18px;transition:background .25s;display:grid}.project.is-active{background:color-mix(in srgb, var(--surface) 80%, transparent)}.project-title{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:1.2rem;font-weight:400;display:flex}.project-title svg{color:var(--muted);width:15px;height:15px}.badge{font:600 .62rem/1 var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--hit) 20%, transparent);color:var(--hit);border-radius:3px;padding:4px 7px}.blurb{color:color-mix(in srgb, var(--fg) 82%, var(--bg));font-size:1rem}.project-meta{font:.72rem var(--font-mono), monospace;color:var(--faint);flex-wrap:wrap;gap:2px 14px;margin-top:2px;display:flex}.project-meta a{color:var(--muted)}.date{font-family:var(--font-mono), monospace;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.74rem}.viz{width:100%;height:auto;display:block}.viz-in{fill:var(--viz-in)}.viz-out{fill:var(--viz-out)}.viz-off{fill:var(--viz-off)}.viz-hit{fill:var(--hit)}.viz-axis{stroke:var(--line)}.viz-mark{stroke:var(--fg);stroke-width:1px}.viz-label{font:10px var(--font-mono), monospace;fill:var(--muted)}.viz-value{font:500 10px var(--font-mono), monospace;fill:var(--fg)}.float-card span{color:var(--muted);font-size:.75rem}.inline-viz figcaption{color:var(--muted);margin-top:6px;font-size:.75rem}@media (hover:none),(max-width:1200px){.float-card{display:none}.inline-viz{background:var(--surface);border-radius:12px;padding:14px;display:block}}.float-card{z-index:20;background:var(--surface);border:1px solid var(--line);width:250px;box-shadow:var(--shadow);pointer-events:none;opacity:0;border-radius:12px;gap:8px;padding:12px;transition:opacity .2s,scale .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:fixed;top:0;left:0;scale:.85}.float-card.is-on{opacity:1;scale:1}.float-card span{font:.7rem var(--font-mono), monospace;color:var(--muted)}.inline-viz{margin:8px 0 0;display:none}.inline-viz figcaption{font:.7rem var(--font-mono), monospace;color:var(--muted);margin-top:6px}@media (hover:none),(max-width:1200px){.float-card{display:none}.inline-viz{background:var(--surface);border-radius:10px;padding:14px;display:block}}.contrib{gap:8px;margin-top:18px;display:grid}.contrib-head{font:.8rem var(--font-mono), monospace;color:var(--muted);justify-self:start;margin-bottom:4px}.contrib-months,.contrib-grid{gap:3px;display:grid}.contrib-months{font:.62rem var(--font-mono), monospace;color:var(--faint);white-space:nowrap}.contrib-grid{grid-template-rows:repeat(7,auto);grid-auto-flow:column}.cell{aspect-ratio:1;background:#15181e;border-radius:2px}.cell.l1{background:#1f3260}.cell.l2{background:#31519a}.cell.l3{background:#5b82d6}.cell.l4{background:#a8d2ee}.roles{gap:18px;margin:0;padding:0;list-style:none;display:grid}.role{grid-template-columns:96px minmax(0,1fr);gap:16px;display:grid}.role .date{padding-top:5px}.role-line{font-size:1.05rem}.role-line .at{color:var(--muted);font-style:italic}.role-note{color:var(--muted);font-size:.95rem}.label{font:500 .7rem var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:6px;display:block}h3.label{margin:18px 0 0}.facts{color:var(--muted);gap:18px;margin-top:18px;font-size:.95rem;display:grid}.posters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.poster-slot{position:relative}.poster{aspect-ratio:2/3;cursor:default;border-radius:6px;max-width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 6px #00000040}.poster:hover,.poster:focus-visible{box-shadow:inset 0 0 0 3px var(--accent), var(--shadow);outline:none;transform:translateY(-6px)rotate(-1.5deg)}.poster-tip{z-index:5;white-space:nowrap;background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;border-radius:6px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:opacity .15s,translate .2s;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 4px}.poster-tip em{opacity:.7;font-style:normal;font-weight:400}.poster-slot:first-child .poster-tip{left:0;translate:0 4px}.poster-slot:last-child .poster-tip{left:auto;right:0;translate:0 4px}:is(.poster-slot:first-child:has(.poster:hover,.poster:focus-visible) .poster-tip,.poster-slot:last-child:has(.poster:hover,.poster:focus-visible) .poster-tip){translate:0}:is(.poster-slot:has(.poster:hover) .poster-tip,.poster-slot:has(.poster:focus-visible) .poster-tip){opacity:1;translate:-50%}.poster img{object-fit:cover;width:100%;height:100%;display:block}.footer{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.footer-text{justify-items:center;gap:14px;padding-inline:16px;display:grid}.footer-text>p{font-size:1.7rem}.hills{width:100%;height:clamp(200px,26vw,340px);margin-top:8px;display:block}.footer-line{font:.72rem var(--font-mono), monospace;color:var(--faint);margin-top:-32px;padding:0 16px 22px;position:relative}.copy-email{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--fg);font:.85rem var(--font-mono), monospace;cursor:pointer;border-radius:8px;align-items:center;gap:14px;max-width:100%;padding:9px 14px;transition:border-color .2s,transform .2s;display:inline-flex}.copy-email:hover{border-color:var(--accent);transform:translateY(-2px)}.copy-address{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.copy-state{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr);padding-inline:16px}.side-nav{display:none}.page{gap:80px;padding-block:56px 88px}.dither{opacity:.45}}@media (max-width:560px){body{font-size:17px}.role{grid-template-columns:minmax(0,1fr);gap:0}.posters{gap:6px}.project{margin-inline:-16px;padding:12px 16px}.contrib-months span:nth-child(odd){visibility:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.side-nav .nav-page{color:var(--muted);margin-top:10px}.side-nav .nav-page:hover{color:var(--fg)}.lede{color:var(--muted);font-size:1.12rem}.note{font:.72rem var(--font-mono), monospace;color:var(--faint)}.reviews{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0 -10px;padding:0;list-style:none;display:grid}@media (max-width:560px){.reviews{grid-template-columns:minmax(0,1fr)}}.review{border-radius:10px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:background .2s;display:grid}.review:hover{background:color-mix(in srgb, var(--surface) 80%, transparent)}.review img{object-fit:cover;border-radius:4px;width:56px;height:56px;box-shadow:0 0 0 1px #ffffff14}.review-title{white-space:nowrap;text-overflow:ellipsis;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:4px;font-size:1rem;display:block;overflow:hidden}.review:hover .review-title{text-decoration-color:currentColor}.review-meta{font:.68rem var(--font-mono), monospace;color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.score{border:2px solid var(--fg);width:42px;height:42px;font:600 .82rem var(--font-mono), monospace;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:grid}.score-lg{border-width:4px;width:96px;height:96px;font-size:1.7rem}.score.is-empty{border-style:dashed;border-color:var(--faint);color:var(--faint)}.album{gap:26px}.album-head{grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.album-cover{object-fit:cover;width:180px;height:180px;box-shadow:var(--shadow), 0 0 0 1px #ffffff14;border-radius:6px}.album-info{gap:4px;display:grid}.album-info .label{margin:0}.album-title{letter-spacing:-.02em;font-size:clamp(1.9rem,5vw,2.6rem);font-style:italic;font-weight:700;line-height:1.05}.album-artist{font-size:1.15rem}.album-text{max-width:36em;font-size:1.05rem}.album-listen{font:.8rem var(--font-mono), monospace;color:var(--muted);justify-self:start}.tracks{margin:0;padding:0;list-style:none;display:grid}.track{border-top:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.track:last-child{border-bottom:1px solid var(--line)}.track-title{overflow-wrap:anywhere}.track-tag{font:.68rem var(--font-mono), monospace;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}@media (max-width:560px){.album-head{grid-template-columns:110px minmax(0,1fr);gap:16px}.album-cover{width:110px;height:110px}.album-head .score-lg{border-width:3px;grid-column:1/-1;justify-self:start;width:72px;height:72px;font-size:1.3rem}}.poster.square{aspect-ratio:1;display:block}.note-link{font:.8rem var(--font-mono), monospace;color:var(--muted);justify-self:start}@property --tenths{syntax:"<integer>";inherits:true;initial-value:0}.cover-score{--tenths:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#08090bd1;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .15s,scale .3s,rotate .3s,--tenths;display:grid;position:absolute;bottom:7px;right:7px;rotate:-40deg;scale:.4}.poster:hover .cover-score,.poster:focus-visible .cover-score{--tenths:var(--score);opacity:1;transition:opacity .2s,scale .45s cubic-bezier(.34,1.56,.64,1),rotate .45s cubic-bezier(.34,1.56,.64,1),--tenths .8s cubic-bezier(.2,.8,.2,1) .1s;rotate:0deg;scale:1}.cover-score svg{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.cover-score circle{fill:none;stroke-width:2.5px}.ring-track{stroke:#ffffff24}.ring{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:var(--tenths) 100}.cover-score-num{counter-reset:whole calc(round(down, var(--tenths) / 10, 1)) tenth calc(mod(var(--tenths), 10));font:600 .82rem var(--font-mono), monospace;color:#fff;position:relative}.cover-score-num:after{content:counter(whole) "." counter(tenth)}.vinyl3d{z-index:2;cursor:grab;touch-action:none;position:fixed}.vinyl3d.is-grabbing{cursor:grabbing}.vinyl3d canvas{width:100%;height:100%;display:block}.vinyl3d-hint{text-align:center;pointer-events:none;transition:opacity .6s;position:absolute;bottom:-10px;left:0;right:0}.vinyl3d-hint span{max-width:90%;font:.78rem/1.4 var(--font-mono), monospace;color:#c9ccd3;background:#08090bd1;border-radius:999px;padding:5px 12px;display:inline-block}.vinyl3d-hint.is-gone{opacity:0}.sort{gap:6px;display:flex}.sort button{font:.72rem var(--font-mono), monospace;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;transition:color .2s,border-color .2s,background .2s}.sort button:hover{color:var(--fg)}.sort button[aria-pressed=true]{color:var(--bg);background:var(--fg);border-color:var(--fg)}.songs{margin:0;padding:0;list-style:none;display:grid}.song{border-top:1px solid var(--line);grid-template-columns:34px 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.song:last-child{border-bottom:1px solid var(--line)}.song img{object-fit:cover;border-radius:3px;width:40px;height:40px}.song-text{min-width:0;display:grid}.song-title{white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.song-title span{color:var(--faint);font-size:.75em;transition:color .2s}.song-title:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.song-title:hover span{color:#1ed760}.song-from{text-decoration:none}.song-from:hover{color:var(--muted);text-decoration:underline}.vinyl3d.is-carrying .vinyl3d-hint span{color:var(--accent)}.np-embed{z-index:3;border-radius:12px;height:80px;position:fixed;overflow:hidden}.np-embed.is-away{opacity:0;pointer-events:none;z-index:-1;width:300px;top:0;left:0}.np-embed iframe{border:0;border-radius:12px;width:100%;height:80px;display:block}.vinyl3d-hint.is-above{bottom:44px}.shelves h2+.shelf{margin-top:2px}.shelves .shelf+h2{margin-top:30px}.shelf{padding:0 14px;position:relative}.shelf .posters{align-items:end;gap:14px}.shelf .poster{box-shadow:0 10px 14px -10px #000000e6,inset 0 0 0 1px #ffffff14}.shelf-plank{background:linear-gradient(#4a3524 0 3px,#2c1f15 3px,#1b130d);border-radius:2px;height:14px;margin:0 -14px;box-shadow:0 16px 22px -10px #000000e6}.site-toggles{z-index:30;justify-items:end;gap:6px;display:grid;position:fixed;top:16px;right:16px}.clear-toggle{border:1px solid var(--line);color:var(--muted);font:.72rem var(--font-mono), monospace;cursor:pointer;background:#08090bd1;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;transition:color .2s,border-color .2s;display:inline-flex}.clear-toggle:hover{color:var(--fg);border-color:var(--muted)}.clear-toggle-dots{background:radial-gradient(circle,currentColor 1px,#0000 1.5px) 0 0/4px 4px;border-radius:2px;width:12px;height:12px}.clear-toggle[aria-pressed=true] .clear-toggle-dots{background:currentColor;border-radius:50%}:root[data-clear="1"]{--muted:#b4b8c0;--faint:#8d919a}:root[data-clear="1"] .hills{display:none}:root[data-clear="1"] .footer-line{margin-top:24px}.vinyl-slot{position:relative}.vinyl-sleeve{z-index:1;position:relative}.vinyl-record{aspect-ratio:1;z-index:0;cursor:grab;touch-action:none;width:92%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4%;left:4%}.vinyl-slot:hover .vinyl-record,.vinyl-record:focus-visible{transform:translate(58%)scale(1.08)rotate(40deg)}.vinyl-slot:hover .vinyl-record .disc{box-shadow:0 14px 28px #000c,0 0 0 1px #ffffff1f,0 0 26px #9ec1ff59}.vinyl-slot .vinyl-sleeve{transition:transform .3s,filter .3s}.vinyl-slot:hover .vinyl-sleeve{transform:translateY(-6px)rotate(-2deg)}.vinyl-shelf .posters:has(.vinyl-slot:hover) .vinyl-slot:not(:hover){filter:brightness(.45)saturate(.6)}.vinyl-shelf .vinyl-slot{transition:filter .3s}.vinyl-slot.is-out .vinyl-record{opacity:0}.vinyl-slot:hover{z-index:3}.disc{background:radial-gradient(circle,#0b0b0d 0 6%,#c41e25 6% 34%,#0b0b0d 34%);border-radius:50%;width:100%;height:100%;display:block;overflow:hidden;box-shadow:0 6px 16px #0009}.disc img{object-fit:cover;width:100%;height:100%;display:block}.disc-label{background:#0b0b0d;place-items:center;display:grid}.disc-label img{border-radius:50%;width:34%;height:34%}.vinyl-ghost{z-index:40;pointer-events:none;width:150px;height:150px;animation:1.8s linear infinite ghost-spin;position:fixed;top:0;left:0}@keyframes ghost-spin{to{rotate:360deg}}.vinyl3d.is-target canvas{filter:drop-shadow(0 0 18px #9ec1ff8c)}.toggle-still .clear-toggle-dots{background:0 0;border:1.5px solid;border-right-color:#0000;border-radius:50%}.toggle-still[aria-pressed=true] .clear-toggle-dots{background:0 0;border-color:currentColor}:root[data-still="1"] *,:root[data-still="1"] :before,:root[data-still="1"] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.hook{z-index:30;width:74px;height:92px;color:var(--faint);cursor:pointer;background:0 0;border:0;align-content:start;justify-items:center;padding:0;transition:color .2s,transform .2s;display:grid;position:fixed;top:92px;right:22px}.hook:hover,.hook.is-target{color:var(--fg)}.hook.is-target{transform:scale(1.12)}.hook.is-target .hook-svg{filter:drop-shadow(0 0 8px #9ec1ffcc)}.hook-svg{width:40px;height:30px}.hook-disc{transform-origin:50%;filter:drop-shadow(0 6px 10px #000000b3);width:64px;height:64px;margin-top:-12px;animation:2.2s linear infinite paused hook-spin}.hook.is-playing .hook-disc{animation-play-state:running}.hook-disc .disc{box-shadow:0 0 0 1px #ffffff1a}@keyframes hook-spin{to{rotate:360deg}}.hook:not(.has-record):after{content:"";opacity:.5;border:1.5px dashed;border-radius:50%;width:40px;height:40px;margin-top:-6px}@media (max-width:860px){.hook{top:84px;right:12px;transform:scale(.85)}}.hook.has-record{cursor:grab;touch-action:none}.hook-disc.is-flying{z-index:45;pointer-events:none;cursor:grabbing;margin:0;animation:none;position:fixed}.ball-grab{border-radius:50%}.ball-grab .vinyl3d-hint{bottom:-24px}.ball-grab.is-touched .vinyl3d-hint{opacity:0}
