@font-face{font-family:IBM Plex Mono Sub;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-regular-subset.woff2)format("woff2")}.vp{isolation:isolate;color:#f1ede2;--vp-pad-y:20px;--vp-pad-x:24px;background:radial-gradient(560px 420px at 16% -22%,#98d6b633,#0000 58%),radial-gradient(480px 300px at 92% -18%,#faf8f01a,#0000 60%),linear-gradient(178deg,#337054 0%,#1e5340 38%,#164636 74%,#10362a 100%);border-radius:18px;width:100%;margin:0 0 clamp(30px,4.4vw,50px);position:relative;box-shadow:0 0 0 1px #0208068c,0 1px 2px #0000004d,0 16px 40px #141a164d,0 40px 100px #141a1661}.vp:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;opacity:.8;background:radial-gradient(88% 46% at 50% -22%,#ecf4ed4d,#0000 64%),radial-gradient(60% 24% at 82% 4%,#eeece21a,#0000 70%),url(/media/player/paper-tile.webp) 0 0/300px 300px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5 1.15' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.018'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/140px 140px;position:absolute;inset:0}.vp:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f1ede329,inset 0 1px #ffffff29,inset 0 -1px #0000004d,inset 0 -96px 150px #00000042}.vp__body{z-index:3;padding:var(--vp-pad-y) var(--vp-pad-x);grid-template-columns:clamp(100px,9vw,120px) minmax(0,1fr);grid-template-areas:"title title""cover scrub""ctrl ctrl";align-items:center;gap:clamp(10px,1.4vw,14px) clamp(18px,2.4vw,26px);display:grid;position:relative}.vp__title{color:#fffaf0;font:600 clamp(16px, 1.5vw, 20px)/1.4 var(--serif);letter-spacing:.03em;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #00000061,0 0 1px #ffffff0d;grid-area:title;align-self:end;margin:0;overflow:hidden}.vp__cover{aspect-ratio:1;background:radial-gradient(circle at 30% 15%,#b0e2c84d,#0000 42%),radial-gradient(circle at 74% 96%,#0000006b,#0000 58%),radial-gradient(circle at 32% 18%,#4a9c74 0%,#2a7451 48%,#12422e 100%);border-radius:12px;grid-area:cover;align-self:center;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000057,0 18px 38px #0000006b,inset 0 0 0 1px #f4f0e529,inset 0 1px #ffffff38,inset 0 -1px #00000061}.vp__cover:before{content:"";mix-blend-mode:soft-light;opacity:.82;background:radial-gradient(120% 58% at 50% -22%,#f2f6f052,#0000 62%),url(/media/player/paper-tile.webp) 0 0/260px 260px;border-radius:12px;position:absolute;inset:0}.vp__cover:after{content:"";border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 -52px 90px #0000003d}.vp__brandmark{aspect-ratio:1693/929;width:86%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.vp__brandmark img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.vp__brandmark .wm-deep{filter:brightness(.3)blur(1.1px);opacity:.8;transform:translateY(4px)scale(1.002)}.vp__brandmark .wm-face{filter:brightness(1.06)sepia(.16)saturate(1.12)contrast(1.02)}.vp__scrub{cursor:pointer;touch-action:none;user-select:none;outline:none;grid-area:scrub;align-self:center;min-width:0;margin:0;padding-top:clamp(6px,1vw,12px)}.vp__scrub:focus-visible{outline-offset:4px;border-radius:6px;outline:1px dashed #f1ede2bf}.vp__scrub canvas[data-wave]{pointer-events:none;width:100%;height:clamp(40px,4vw,52px);display:block}.vp__time{font-variant-numeric:tabular-nums;letter-spacing:.06em;justify-content:space-between;align-items:baseline;margin-top:6px;font:400 clamp(11px,1.1vw,13px)/1 IBM Plex Mono Sub,Courier New,Consolas,monospace;display:flex}.vp__time .el{color:#fffaf0}.vp__time .tt{color:#f6f2e99e}.vp__time .note{color:#fffaf0d6;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0 10px;font-size:10px;overflow:hidden}.vp__controls{grid-area:ctrl;justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.vp__aux{align-items:center;gap:10px;display:flex}.vp__transport{align-items:center;gap:clamp(8px,1vw,12px);display:flex}.vp-btn{color:#fdf8ecf5;background:linear-gradient(#f6f2e72e 0%,#f6f2e70f 100%);border:1px solid #f4f0e54d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0003,0 2px 5px #0000003d}.vp-btn:hover{background:linear-gradient(#f6f2e747 0%,#f6f2e71c 100%);border-color:#f4f0e570}.vp-btn:active{transform:translateY(.5px)}.vp-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.vp-btn.heart.on{color:#e57e55;background:radial-gradient(circle at 34% 26%,#ea8c625c,#a8423529 74%);border-color:#e5845da8;box-shadow:inset 0 1px #ffffff38,0 2px 9px #a8423547}.vp-btn.heart.on svg{fill:#e57e55;stroke:#e57e55}.vp-btn.c-transport{flex-direction:column;gap:2px;width:38px;height:38px}.vp-btn.c-transport svg{width:19px;height:19px}.vp-btn .lbl{letter-spacing:.04em;font:400 10px/1 IBM Plex Mono Sub,Courier New,Consolas,monospace}.vp-btn.c-play{color:#1b3a2d;background:radial-gradient(circle at 50% 30%,#fffdf6 0%,#efe6d5 58%,#dcd2bd 100%);border-color:#ffffffd9;width:clamp(42px,4.4vw,48px);height:clamp(42px,4.4vw,48px);box-shadow:0 10px 22px #0006,inset 0 1px #fff,inset 0 -2px 6px #5c4c2c4d}.vp-btn.c-play:hover{background:radial-gradient(circle at 50% 30%,#fffef9 0%,#f3ecdd 60%,#e2d9c6 100%)}.vp-btn.c-play svg{fill:currentColor;stroke:none;width:22px;height:22px}.vp-btn .ic-play,.vp.paused .ic-pause{display:none}.vp.paused .ic-play{display:block}.vp-rate{color:#fdf8ecf5;font-variant-numeric:tabular-nums;letter-spacing:.05em;background:linear-gradient(#f6f2e72e 0%,#f6f2e70f 100%);border:1px solid #f4f0e54d;border-radius:999px;justify-content:center;align-items:center;min-width:48px;height:32px;padding:0 13px;font:400 clamp(11px,1.1vw,13px)/1 IBM Plex Mono Sub,Courier New,Consolas,monospace;transition:background .12s,border-color .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0003,0 2px 5px #0000003d}.vp-rate:hover{background:linear-gradient(#f6f2e747 0%,#f6f2e71c 100%);border-color:#f4f0e570}.vp audio[data-vp-audio]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.vp--no-wave .vp__scrub{display:none}@media (width<=640px){.vp{--vp-pad-x:16px;--vp-pad-y:16px;border-radius:14px}.vp__body{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"title title""cover scrub""ctrl ctrl";gap:10px 12px}.vp__title{letter-spacing:.035em;font-size:15px}.vp__cover,.vp__cover:before,.vp__cover:after{border-radius:10px}.vp__scrub{padding-top:0}.vp__scrub canvas[data-wave]{height:40px}.vp__time{margin-top:5px;font-size:11px}.vp__controls,.vp__aux{gap:8px}.vp__transport{gap:6px}.vp-btn{width:32px;height:32px}.vp-btn.c-transport{width:34px;height:34px}.vp-btn.c-play{width:40px;height:40px}.vp-btn.c-play svg{width:19px;height:19px}.vp-rate{min-width:42px;height:30px;padding:0 12px;font-size:11px}}