@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjcB9SII.ttf) format('truetype');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6SII.ttf) format('truetype');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjRV6SII.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/aFTU7PB1QTsUX8KYhh0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/aFTR7PB1QTsUX8KYvumzIYQ.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAfJthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Caslon Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/TuGOUUFxWphYQ6YI6q9Xp61FQzxDRKmzr2lR.ttf) format('truetype');
}

:root{--paper:#e9e4d8;--ink:#283c35;--muted:#737666;--red:#af4e36;--gold:#d4aa58;--teal:#55766c;--mono:'DM Mono','Courier New',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Libre Caslon Display',Georgia,serif;--hand:'Caveat','Segoe Print',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select,input{touch-action:manipulation}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:disabled{cursor:wait;opacity:.45}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{height:24px;width:24px;display:block;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,#fff9 0,transparent 70%),radial-gradient(ellipse at 95% 100%,#a39b7020,transparent 60%)}.page-shell{max-width:1440px;margin:0 auto;padding:0 5.55%;position:relative}.masthead{height:92px;border-bottom:1px solid #283c3538;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--mono);font-size:10px;letter-spacing:1.7px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:1.2px}.brand-dot{font-size:9px;align-self:flex-start;margin:5px 0 0 -7px}.brand-mark{width:34px;height:24px;border:2px solid var(--ink);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative}.brand-mark:after{content:'';position:absolute;bottom:-2px;width:18px;height:5px;background:var(--ink);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.brand-mark span{width:7px;height:7px;border:2px solid var(--ink);border-radius:50%}.header-note{margin-left:50px;color:#5b665c}.collection-link{display:flex;gap:20px;align-items:center}.collection-link span{font-size:22px}.intro{padding:47px 0 35px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;font-weight:400;margin:0 0 14px}.tiny-star{font-size:16px;display:inline-block;vertical-align:middle;margin-right:8px;color:var(--red)}h1{font-family:var(--serif);font-size:76px;font-weight:400;letter-spacing:-2.7px;line-height:1.02;margin:0}h1 em{font-weight:400;font-style:italic;color:var(--red);position:relative}h1 em:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:2px;border-bottom:2px solid var(--red);border-radius:50%;transform:rotate(-2deg)}.intro-note{padding:0 2px 4px 0}.intro-note p{font-size:12px;line-height:1.8;margin:0 0 14px;color:#596457}.edition{font-family:var(--mono);font-size:8px;letter-spacing:1px;white-space:nowrap}.edition>span:not(#total-duration){margin:0 6px;color:#9b9c88}

.cassette-case{display:grid;grid-template-columns:1fr 1fr;position:relative;padding:12px;border:1px solid #a9aaa18c;border-radius:14px;background:linear-gradient(118deg,#fefdf14a 0%,#a6afa736 25%,#ffffef52 49%,#8b958a2b 52%,#fffff65c 78%,#7c8e8326 100%);box-shadow:0 22px 32px -16px #484d3e57,1px 2px 5px #35403844,inset 0 0 0 3px #ffffff40,inset 0 0 0 6px #a3aba02b;transform:rotate(-.35deg);isolation:isolate}.cassette-case:before{content:'';position:absolute;inset:4px;pointer-events:none;border:1px solid #ffffff69;border-radius:10px;z-index:2;background:linear-gradient(167deg,transparent 0 11%,#fff4 11.05%,transparent 11.16%),linear-gradient(13deg,transparent 0 63%,#fffffa66 63.05%,transparent 63.16%),linear-gradient(175deg,transparent 0 86%,#fff4 86.05%,transparent 86.17%)}.cassette-case:after{content:'';position:absolute;left:calc(50% - 4px);top:10px;bottom:10px;width:8px;z-index:2;border-left:1px solid #8d988c65;border-right:1px solid #ffffed99;box-shadow:inset 3px 0 5px #33423915;pointer-events:none}.case-hinge{position:absolute;left:calc(50% - 6px);width:12px;height:30px;background:linear-gradient(90deg,#7e8e7e70,#f5f5e599,#7e8e7e55);border:1px solid #76877165;border-radius:3px;z-index:3;box-shadow:1px 1px 2px #0001}.hinge-top{top:35px}.hinge-bottom{bottom:35px}.player-panel{padding:22px 31px 16px;background:radial-gradient(ellipse at top,#e7e4d480,transparent 80%),#ced0bd7a;border:1px solid #acb2a17d;border-radius:4px 0 0 4px;min-width:0;position:relative}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#697362}.panel-heading>span:first-child{display:flex;align-items:center;gap:6px}.status-light{display:block;width:5px;height:5px;border-radius:50%;background:#7e8a65;box-shadow:0 0 0 2px #73806a16}.status-light.active{background:#af4e36;box-shadow:0 0 8px #af4e3666}.cassette-wrap{position:relative;padding:42px 0 49px;max-width:465px;margin:0 auto}.cassette{position:relative;aspect-ratio:1.58;max-width:430px;margin:0 auto;background:linear-gradient(130deg,#49524b,#303a34 18%,#242f29 78%,#4c554a);border-radius:13px 13px 10px 10px;border:1px solid #1f2c24;box-shadow:2px 11px 13px -8px #21392b9c,0 1px 1px 2px #ecedcf55,inset 0 0 0 3px #18251e,inset 0 0 0 4px #ffffff16;transform:rotate(-5deg);padding:14px 18px 37px}.cassette:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(149deg,transparent 28%,#fff1 28.2%,transparent 28.5%),linear-gradient(10deg,transparent 84%,#fff2 84.2%,transparent 84.5%),repeating-linear-gradient(0deg,transparent 0 1px,#00000009 1px 2px);box-shadow:inset 0 0 15px #0003}.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#5e6d5c 0 34%,#b8b8a0 37% 57%,#182820 60%);box-shadow:0 0 0 2px #0003;z-index:2}.screw:after{content:'';position:absolute;background:#1e2a22;width:5px;height:1px;left:1.5px;top:3.5px;transform:rotate(25deg)}.screw-tl{top:8px;left:8px}.screw-tr{top:8px;right:8px}.screw-bl{bottom:8px;left:8px}.screw-br{bottom:8px;right:8px}.tape-label{background:#e0dbc3;position:relative;border-radius:9px 9px 18px 18px;height:100%;overflow:hidden;border:1px solid #191f1b;box-shadow:inset 2px 1px 5px #7b684d55;background-image:radial-gradient(ellipse at 1% 99%,#8e694252 0,transparent 30%),radial-gradient(ellipse at 98% 1%,#96764a40 0,transparent 40%)}.label-top{display:flex;justify-content:space-between;align-items:center;padding:10px 13px 0;gap:8px}.label-side{width:26px;height:29px;border:1px solid #465342;font:24px/.95 'Barlow Condensed',Impact,sans-serif;text-align:center;padding-top:1px;flex-shrink:0}.label-brand{font:7px/1.4 var(--mono);letter-spacing:.8px;flex:1}.label-brand strong{font:600 15px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px}.label-volume{font:6px var(--mono);text-align:right;display:grid;gap:1px}.label-volume b{font:600 23px/1 'Barlow Condensed',Impact,sans-serif}.handwritten{font:600 23px/.95 var(--hand);padding:5px 14px 4px;height:51px;display:flex;align-items:center;justify-content:flex-start;color:#344337;transform:rotate(-1deg);overflow:hidden}.label-rule{position:absolute;top:88px;left:13px;right:13px;border-top:1px solid #3b473444}.tape-stripes{position:absolute;top:96px;bottom:19px;left:0;right:0;display:flex;flex-direction:column}.tape-stripes span{flex:1;background:var(--red)}.tape-stripes span:nth-child(2){background:var(--gold)}.tape-stripes span:nth-child(3){background:var(--teal)}.reel-window{position:absolute;top:104px;bottom:25px;left:12%;right:12%;border-radius:26px;display:flex;align-items:center;justify-content:space-between;background:#2f3b2e;box-shadow:0 1px 0 #fff5,inset 0 2px 7px #000a;border:2px solid #8d91746b;padding:4px 5px;overflow:hidden}.reel-well{height:100%;aspect-ratio:1;border-radius:50%;background:#1f2a24;display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 0 0 4px #675c3f66}.tape-reel{width:83%;height:83%;border:7px solid #c1bd97;border-radius:50%;background:#263a30;position:relative;display:grid;place-items:center;box-shadow:0 0 0 2px #505b44,inset 0 0 0 2px #e0dcbc,0 0 8px #0005;animation:reel-spin 7s linear infinite;animation-play-state:paused}.reel-right{animation-duration:5.5s}.reel-hub{width:75%;height:75%;background:repeating-conic-gradient(#d6d0ac 0deg 17deg,transparent 17deg 60deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:50%;display:block;position:relative}.reel-hub:after{content:'';position:absolute;inset:30%;border-radius:50%;background:#25392f;border:1px solid #13281e}.tape-middle{flex:1;align-self:stretch;display:flex;justify-content:center;align-items:center;position:relative;color:#b7b18d70;font:13px var(--mono)}.tape-middle span{position:absolute;top:15%;bottom:15%;width:100%;background:linear-gradient(#7f7b5370,#c9d3b845 20%,#9eaa8960 85%,#445a3e);border-top:1px solid #a5ab8a88;border-bottom:1px solid #a5ab8a55}.tape-middle b{font-weight:400;z-index:1}.label-bottom{position:absolute;bottom:5px;left:10px;right:10px;display:flex;justify-content:space-between;gap:5px;font:5px var(--mono);letter-spacing:.4px}.tape-base{position:absolute;bottom:0;left:20%;right:20%;height:31px;border:1px solid #17291b;box-shadow:0 -1px 0 #ffffff15;background:linear-gradient(160deg,#47514233,#17291b88);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);display:flex;justify-content:space-around;align-items:center;padding:0 15px}.base-hole{width:16px;height:16px;border-radius:50%;background:#141e17;border:2px solid #6e7d6159;box-shadow:inset 1px 1px 3px #000a}.base-pin{height:8px;width:8px;background:#141e17;border:1px solid #6e7d6159;box-shadow:inset 1px 1px 3px #000a}.shell-emboss{position:absolute;bottom:10px;left:20px;font:5px var(--mono);letter-spacing:.6px;color:#7b867254;writing-mode:vertical-rl;height:15px;overflow:hidden}.hand-note{position:absolute;bottom:4px;right:18px;font:500 20px/.85 var(--hand);transform:rotate(-6deg);color:#56654c}.hand-note span{margin-left:22px}.hand-note svg{position:absolute;left:-66px;top:1px;width:65px;height:30px;fill:none;stroke:#56654c;stroke-width:1.1;transform:rotate(30deg)}.now-playing{border-top:1px solid #727f673d;padding-top:17px}.now-playing-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px var(--mono);letter-spacing:1.2px;color:#65725f}.now-playing-label a{margin:-7px -7px -5px 0;padding:7px}.now-playing-label .icon{width:16px;height:16px}.now-playing h2{font:500 20px/1.35 var(--sans);letter-spacing:-.4px;margin:7px 0;min-height:54px;max-width:420px}.now-playing p{margin:0;font:9px var(--mono);color:#6c7462;letter-spacing:.1px}.now-playing p span{margin:0 8px;opacity:.5}.playback{padding-top:20px}input[type=range]{-webkit-appearance:none;appearance:none;display:block;cursor:pointer;background:linear-gradient(to right,var(--red) var(--fill,0%),#6d775040 var(--fill,0%));height:3px;border-radius:0;margin:0;width:100%;accent-color:var(--red)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:50%;background:var(--red);border:0;box-shadow:0 0 0 3px #ae4e3615}input[type=range]::-moz-range-thumb{height:10px;width:10px;border-radius:50%;background:var(--red);border:0}.seek{margin-top:4px!important}.time-row{display:flex;justify-content:space-between;margin-top:11px;font:9px var(--mono);color:#6c7560}.transport{display:flex;align-items:center;justify-content:center;gap:22px;margin:8px 0 16px}.icon-button{display:grid;place-items:center;width:32px;height:36px;background:transparent;border-radius:4px;padding:4px;transition:color .15s,background .15s}.icon-button:hover{color:var(--red);background:#fff2}.icon-button .icon{width:19px;height:19px}.icon-button.skip .icon{width:25px;height:25px}.play-button{height:57px;width:57px;background:var(--red);color:#f4e9d5;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 3px #52281333,inset 0 1px 0 #ffc6a83d;transition:transform .15s,background .15s}.play-button:hover{background:#963f2b;transform:translateY(-1px)}.play-button:active{transform:translateY(1px)}.play-button .icon{width:27px;height:27px}.deck-options{display:flex;justify-content:space-between;align-items:center;gap:15px;font:7px var(--mono);color:#68735d;letter-spacing:.3px}.volume-control{display:flex;align-items:center;gap:6px;width:90px}.volume-control input{height:2px;background:linear-gradient(to right,#4c604e var(--fill,80%),#6d775040 var(--fill,80%))}.volume-control input::-webkit-slider-thumb{height:6px;width:6px;background:#4c604e;box-shadow:none}.volume-control input::-moz-range-thumb{height:6px;width:6px;background:#4c604e}.volume-button{width:25px;height:26px;flex-shrink:0;padding:3px}.volume-button .icon{height:14px;width:14px}.auto-save{white-space:nowrap;font-size:6px}.auto-save span{font-size:12px;margin-right:4px}.speed-control select{color:var(--ink);font:7px var(--mono);border:1px solid #8e987f80;background:transparent;border-radius:3px;height:24px;padding:2px 4px;cursor:pointer;max-width:90px}.player-message{font:9px/1.5 var(--mono);margin:5px 0 0;min-height:14px;color:var(--red)}

.insert-panel{padding:27px 30px 19px;margin:0 0 0 7px;position:relative;background:#e8dfc8;background-image:radial-gradient(ellipse at 98% 100%,#ae8b4930,transparent 60%),radial-gradient(ellipse at 1% 1%,#fff8db70,transparent 50%),linear-gradient(90deg,#95836415,transparent 4%,transparent 95%,#90744019);box-shadow:inset 0 0 0 1px #a6957259,1px 2px 2px #2c392933;border-radius:0 2px 2px 0;min-width:0}.insert-panel:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;box-shadow:inset 3px 0 10px #7e673a12,inset -2px 0 4px #70532615;background:linear-gradient(174deg,transparent 18%,#8a714414 18.1%,transparent 18.35%),linear-gradient(88deg,transparent 80%,#fff3 80.2%,transparent 80.7%)}.insert-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.insert-top .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:13px}.insert-top h2{font:400 36px/.98 var(--serif);letter-spacing:-.5px;margin:0}.insert-stamp{width:67px;height:67px;border:1px solid #b6593980;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;flex-shrink:0;color:#a85238;font:6px/1.5 var(--mono);letter-spacing:1.1px;transform:rotate(11deg);box-shadow:inset 0 0 0 3px #e8dfc8,inset 0 0 0 4px #b6593945;opacity:.9}.insert-stamp b{font-size:8px;font-weight:400}.insert-stripes{display:flex;gap:0;margin:20px -30px 24px;height:11px}.insert-stripes span{background:var(--red);width:39%;opacity:.9}.insert-stripes span:nth-child(2){background:var(--gold);width:26%}.insert-stripes span:nth-child(3){background:var(--teal);width:35%}.tracklist-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-family:var(--mono)}.tracklist-heading h3{font-size:10px;letter-spacing:1.4px;font-weight:500;margin:0}.tracklist-heading>span{font-size:6px;letter-spacing:.8px;color:#757662}.side-tabs{display:flex;border:1px solid #7d81634d;position:relative}.side-tabs button{width:50%;background:transparent;color:#787b64;font:9px var(--mono);letter-spacing:1px;padding:10px 13px;display:flex;gap:6px;justify-content:space-between;text-align:left;transition:background .15s}.side-tabs button span{font-size:7px;letter-spacing:.3px;padding-top:1px}.side-tabs button[aria-selected=true]{background:var(--ink);color:#e9e0c8}.side-tabs button:hover[aria-selected=false]{background:#354c3410}.track-list{list-style:none;margin:9px 0 0;padding:0;min-height:335px}.track-list li{border-bottom:1px solid #8c8d6f40}.track-button{display:grid;grid-template-columns:24px 1fr 36px;align-items:center;gap:10px;width:100%;position:relative;text-align:left;background:transparent;padding:13px 8px 13px 4px;min-height:54px;border-radius:2px;transition:background .15s}.track-button:hover{background:#a9a88c26}.track-button.selected{background:#a7b19d3b}.track-button.selected:before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--red)}.track-number{font:9px var(--mono);color:#7f826a;text-align:center}.track-button.selected .track-number{color:var(--red)}.track-text{display:flex;flex-direction:column;gap:5px}.track-title{font-size:11px;font-weight:500;line-height:1.4;color:#384936}.track-button.selected .track-title{color:#a44c36}.track-category{font:6px var(--mono);letter-spacing:.4px;color:#777c64}.track-duration{font:8px var(--mono);color:#737a60;text-align:right}.equalizer{height:13px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.equalizer i{display:block;width:2px;background:var(--red);height:4px;animation:equalize .7s ease-in-out alternate infinite;animation-play-state:paused}.equalizer i:nth-child(2){height:10px;animation-delay:-.4s}.equalizer i:nth-child(3){height:7px;animation-delay:-.2s}.is-playing .equalizer i{animation-play-state:running}.is-playing .tape-reel{animation-play-state:running}.insert-footer{position:relative;border-top:2px solid #70775450;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;min-height:59px}.insert-footer p{font:12px/1.4 var(--hand);margin:0;position:relative;padding-left:26px}.insert-footer p em{font-style:normal;font-size:13px}.drawn-star{font:28px var(--serif);position:absolute;left:0;top:3px;color:var(--red)}.barcode{height:24px;width:61px;opacity:.65;background:repeating-linear-gradient(90deg,var(--ink) 0px 1px,transparent 1px 2px,var(--ink) 2px 4px,transparent 4px 5px,var(--ink) 5px 6px,transparent 6px 9px,var(--ink) 9px 12px,transparent 12px 14px);margin-bottom:8px}.catalog-number{position:absolute;bottom:1px;right:0;font:5px var(--mono);letter-spacing:1px;color:#6a735c}.under-case{display:flex;justify-content:space-between;margin:20px 4px 0;font:7px var(--mono);letter-spacing:1px;color:#737965}.under-case .tiny-star{font-size:13px;margin-right:7px}.side-hint{padding-top:3px}.page-footer{margin-top:48px;padding:23px 0 28px;border-top:1px solid #283c3538;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#6c7563;font:7px var(--mono);letter-spacing:.7px}.page-footer>span:nth-child(2){font:17px var(--hand);letter-spacing:0;color:#4a5e48}.footer-heart{color:var(--red);font-size:23px;vertical-align:middle;margin-left:4px}.loading-note{font:11px var(--mono);padding:25px 4px}.noscript{text-align:center;padding:30px;font:14px var(--sans)}
@keyframes reel-spin{to{transform:rotate(360deg)}}@keyframes equalize{to{height:12px}}
@media(min-width:1440px){.page-shell{padding-left:80px;padding-right:80px}.intro{padding-top:56px;padding-bottom:43px}.cassette-wrap{padding-top:48px;padding-bottom:55px}.insert-panel{padding-top:30px}.track-button{min-height:58px}.track-list{min-height:360px}}
@media(max-width:1100px){.page-shell{padding:0 4%}.intro{padding-top:38px}h1{font-size:65px}.intro-note p{font-size:11px}.edition{font-size:7px}.player-panel{padding:20px 22px 13px}.insert-panel{padding:24px 22px 19px}.insert-stripes{margin-left:-22px;margin-right:-22px}.cassette-wrap{padding-top:42px;padding-bottom:45px}.handwritten{font-size:21px}.label-brand strong{font-size:13px}.label-top{padding:8px 10px 0}.handwritten{height:46px}.label-rule{top:79px}.tape-stripes{top:86px}.reel-window{top:93px;bottom:23px}.tape-reel{border-width:6px}.label-bottom{font-size:4px}.insert-top h2{font-size:31px}.insert-stamp{width:59px;height:59px}.track-button{gap:7px;padding-top:12px;padding-bottom:12px;min-height:51px}.track-title{font-size:10px}.track-list{min-height:324px}.insert-footer p{font-size:11px}.insert-footer p em{font-size:12px}.auto-save{font-size:5.5px}.deck-options{gap:10px}.now-playing h2{font-size:19px}.hand-note{font-size:19px}.tracklist-heading>span{font-size:5.5px}.stereo{font-size:7px}.cassette-case{padding:10px}}
@media(max-width:850px) and (min-width:701px){.page-shell{padding:0 3%}.player-panel{padding-left:16px;padding-right:16px}.insert-panel{padding-left:17px;padding-right:17px}.insert-stripes{margin-left:-17px;margin-right:-17px}.cassette{padding:12px 14px 30px}.label-side{width:22px;height:25px;font-size:21px}.label-brand{font-size:5px}.label-brand strong{font-size:11px}.label-volume b{font-size:19px}.handwritten{font-size:18px;height:43px;padding-left:10px}.label-rule{top:72px}.tape-stripes{top:78px;bottom:17px}.reel-window{top:83px;bottom:22px}.tape-reel{border-width:4px}.label-bottom{bottom:5px;font-size:3.5px;left:8px;right:8px}.insert-top h2{font-size:28px}.insert-top .eyebrow{font-size:6px;letter-spacing:1px}.insert-stamp{width:50px;height:50px;font-size:5px}.insert-stamp b{font-size:6px}.auto-save{display:none}.intro-note{max-width:230px}.intro{gap:12px}h1{font-size:55px}.eyebrow{font-size:7px}.track-title{font-size:10px}.track-category{font-size:5.5px}.tracklist-heading>span{font-size:5px}.insert-footer p{padding-left:23px}.insert-footer p em{font-size:10px}.barcode{width:42px}.catalog-number{font-size:4px}.header-note{font-size:8px;margin-left:0}.hand-note{right:0;font-size:17px}.hand-note svg{left:-50px;width:45px}.transport{gap:15px}.now-playing h2{font-size:18px;min-height:72px}.track-list{min-height:330px}}
@media(max-width:700px){.page-shell{padding:0 5%}.masthead{height:73px}.header-note{display:none}.brand{font-size:12px;gap:10px}.brand-mark{width:29px;height:22px}.collection-link{font-size:8px;gap:15px}.intro{padding:33px 0 29px;display:block}.eyebrow{font-size:6.8px;letter-spacing:1.05px;margin-bottom:12px}.tiny-star{font-size:13px;margin-right:6px}h1{font-size:61px;letter-spacing:-2.2px;line-height:1.03}.intro-note{padding-top:17px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.intro-note p{font-size:10px;line-height:1.7;margin:0}.edition{font-size:6px;letter-spacing:.2px;white-space:normal;max-width:94px;line-height:1.9;text-align:right}.edition>span:not(#total-duration){margin:0 3px}.cassette-case{grid-template-columns:1fr;padding:9px;transform:rotate(-.3deg);border-radius:12px}.player-panel{padding:19px 23px 13px;border-radius:3px 3px 0 0}.cassette-case:after{left:10px;right:10px;width:auto;top:calc(50% - 2px);bottom:auto;height:7px;border-left:0;border-right:0;display:none}.case-hinge{left:auto;right:15px;width:26px;height:8px;background:linear-gradient(#7e8e7e70,#f5f5e599,#7e8e7e55);display:none}.cassette-wrap{max-width:430px;padding-top:38px;padding-bottom:48px}.cassette{max-width:375px;padding:14px 17px 36px}.label-top{padding:8px 12px 0}.label-brand{font-size:6px}.label-brand strong{font-size:14px}.handwritten{font-size:23px;height:50px;padding-top:6px}.label-rule{top:83px}.tape-stripes{top:90px}.reel-window{top:97px;bottom:25px}.label-bottom{font-size:4.5px}.hand-note{right:2px;bottom:4px;font-size:20px}.now-playing h2{min-height:52px;font-size:20px;max-width:90%}.now-playing-label{font-size:7px}.playback{padding-top:20px}.transport{margin-top:8px;margin-bottom:14px;gap:24px}.play-button{width:59px;height:59px}.deck-options{font-size:7px}.auto-save{font-size:5.5px}.volume-control{width:88px}.speed-control select{font-size:7px}.insert-panel{margin:9px 0 0;padding:25px 24px 20px;border-radius:1px 1px 3px 3px}.insert-top h2{font-size:36px}.insert-top .eyebrow{font-size:7px;letter-spacing:1.3px}.insert-stamp{width:64px;height:64px;font-size:6px}.insert-stamp b{font-size:8px}.insert-stripes{margin:21px -24px 24px;height:10px}.tracklist-heading h3{font-size:9px}.tracklist-heading>span{font-size:5.5px}.side-tabs button{padding:11px 14px;font-size:9px}.track-list{min-height:342px}.track-button{min-height:56px;padding:13px 7px 13px 4px;grid-template-columns:24px 1fr 35px;gap:10px}.track-title{font-size:11px}.track-category{font-size:6px}.track-duration{font-size:8px}.track-number{font-size:9px}.insert-footer{margin-top:20px;padding-top:17px;min-height:62px}.insert-footer p{font-size:13px}.insert-footer p em{font-size:14px}.barcode{width:63px}.catalog-number{font-size:5px}.under-case{font-size:5.5px;letter-spacing:.6px;margin-top:16px}.under-case .tiny-star{font-size:11px;margin-right:4px}.page-footer{margin-top:33px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:6px;padding-top:21px;padding-bottom:22px;gap:15px 5px}.page-footer>span:nth-child(2){order:-1;width:100%;font-size:21px;text-align:center;margin-bottom:5px}.page-footer>span:nth-child(3){text-align:right}.panel-heading{font-size:7px}.stereo{font-size:6px}}
@media(max-width:380px){.page-shell{padding:0 4%}h1{font-size:51px}.intro-note p{font-size:9px}.player-panel{padding-left:18px;padding-right:18px}.cassette{padding:12px 14px 31px}.label-top{padding-top:7px}.label-side{width:22px;height:25px;font-size:21px}.label-brand{font-size:5px}.label-brand strong{font-size:12px}.label-volume b{font-size:20px}.handwritten{height:45px;font-size:20px}.label-rule{top:74px}.tape-stripes{top:80px;bottom:17px}.reel-window{top:87px;bottom:22px}.tape-reel{border-width:5px}.label-bottom{font-size:3.5px;left:8px;right:8px}.insert-panel{padding-left:18px;padding-right:18px}.insert-stripes{margin-left:-18px;margin-right:-18px}.insert-top h2{font-size:32px}.tracklist-heading>span{font-size:5px}.track-title{font-size:10px}.deck-options{gap:5px}.auto-save{font-size:5px}.transport{gap:18px}.insert-footer p em{font-size:12px}.insert-stamp{width:58px;height:58px}.under-case{font-size:5px;letter-spacing:.3px}}
.cassette{padding:0;container-type:inline-size}.tape-label{position:absolute;inset:5% 4% 16%;height:auto}.label-top{position:absolute;top:4.5%;left:0;right:0;padding:0 3.4%;height:18%}.label-side{width:7cqw;height:8cqw;font-size:6.7cqw}.label-brand{font-size:1.8cqw}.label-brand strong{font-size:4.1cqw}.label-volume{font-size:1.6cqw}.label-volume b{font-size:6cqw}.handwritten{position:absolute;top:23%;height:24%;left:0;right:0;padding:0 4%;font-size:5.8cqw}.handwritten.long-title{font-size:4.8cqw}.label-rule{top:45%;left:4%;right:4%}.tape-stripes{top:48%;bottom:11%}.reel-window{top:53%;bottom:14%;left:12%;right:12%;padding:3px 4px}.tape-reel{border-width:1.8cqw}.label-bottom{bottom:3%;left:3%;right:3%;font-size:1.25cqw}.tape-base{height:12%;padding:0 3cqw}.base-hole{width:4cqw;height:4cqw}.base-pin{width:2cqw;height:2cqw}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

body{position:relative}body:before,.paper-grain{position:absolute}

.bonus-track{margin-top:11px;border-top:1px dashed #9c6c4366}.bonus-track .track-title:after{content:"BONUS";display:inline-block;margin-left:7px;padding:2px 4px;border:1px solid #af4e3666;border-radius:2px;color:var(--red);font:6px var(--mono);letter-spacing:.5px;vertical-align:middle}.bonus-track .track-button{padding-top:14px;padding-bottom:14px}