@font-face{font-family:VT323;src:url(/assets/fonts/VT323/VT323-Regular.woff2) format("woff2"),url(/assets/fonts/VT323/VT323-Regular.ttf) format("truetype");font-display:swap}:root{--ink: #0d0f0f;--charcoal: #2c3634;--red: #742e32;--screen: #2d3935;--screen-text: #9caf9d;--paper: #fff;--heading-1-size: 20px;--heading-2-size: 20px;--heading-3-size: 16px;font-family:VT323,monospace;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;font-size:18px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.not-found-message,.form-error,.delete-drive{color:var(--red)}.delete-drive{border:0;padding:0;background:transparent;font-size:inherit;text-decoration:underline;cursor:pointer}img,video{display:block;max-width:100%}h1,h2,p{margin-top:0}h1,h2,h3,h4,h5,h6,.heading-3{letter-spacing:.015em}h1,h2,h4,h5,h6{-webkit-text-stroke:.2px currentColor}h1{font-size:var(--heading-1-size)}h2{font-size:var(--heading-2-size)}h3,.heading-3{font-size:var(--heading-3-size)}h4{font-size:var(--heading-4-size)}h5{font-size:var(--heading-5-size)}h6{font-size:var(--heading-6-size)}p{line-height:1.1}a{color:inherit}.abuse-link{font-size:14px}.report-bug-footer{margin-top:48px;padding-bottom:24px;font-size:14px;text-align:center}.report-bug-footer--compact{margin-top:24px}.report-bug-footer--adjacent{margin-top:8px}:focus-visible{outline: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}.page{min-height:100vh;text-align:center;overflow-x:clip}.logo{display:block;width:265px;margin-inline:auto}.logo img{width:100%}.button{min-width:104px;border:0;border-radius:2px;padding:4px 14px 5px;color:#fff;text-decoration:none;line-height:1;cursor:pointer;text-align:center}.button--charcoal{background:var(--charcoal)}.button--red{background:var(--red)}.button--share-confirm{background:#2e3736}.button:hover{filter:brightness(1.18)}.button:disabled{cursor:not-allowed;opacity:.5;filter:none}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}.hero{padding-top:52px}.hero h1{margin:24px 0 12px}.hero p{margin-bottom:16px}.preview{margin-top:64px}.preview>header h2{margin-bottom:5px}.preview>header p{margin-bottom:24px}.creator-page{padding:48px 18px 80px}.creator-header .logo{width:265px}.fuel-gauge{display:block;width:100px;height:66px;object-fit:contain;margin:22px auto 8px}.creator-content{width:min(100%,330px);margin-inline:auto}.creator-content h1{margin-bottom:8px}.creator-content>p{margin-bottom:22px}.scenery-page{padding-inline:0}.scenery-content{width:min(100%,680px)}.scenery-content>h1,.scenery-content>p{padding-inline:18px}.scenery-content>p{margin-bottom:17px}.scenery-choices{display:grid;gap:49px}.scenery-choice{width:100%;border:0;padding:0;color:var(--charcoal);background:transparent;font:inherit;cursor:pointer;overflow:hidden}.scenery-choice span{display:block;margin-bottom:5px}.scenery-choice video{display:block;position:relative;left:50%;width:680px;max-width:none;height:383px;transform:translate(-50%);object-fit:cover}.scenery-choice:focus-visible{outline:3px solid var(--red);outline-offset:3px}.search{display:block;width:100%;border:0;border-radius:2px;background:var(--charcoal);color:#fff;padding:2px 10px 4px;text-align:center;margin-bottom:0}.search::placeholder{color:#b9c9bd;opacity:1}.song-search{position:relative;margin-bottom:14px}.mixtape-playback-hint{margin:0 0 14px;font-weight:400}.song-search__status{min-height:17px;color:#555;font-size:15px}.song-search__status button{border:0;padding:0;color:var(--red);background:transparent;text-decoration:underline;cursor:pointer}.song-results{position:absolute;z-index:3;top:27px;width:100%;max-height:185px;margin:0;padding:4px 8px;overflow-y:auto;border:2px solid var(--charcoal);background:#fff;list-style:none;text-align:left}.song-results li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #d4d7d5}.song-results li:last-child{border-bottom:0}.song-results span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.song-results small{display:block;font:inherit;color:#59615f}.song-results button{border:0;border-radius:2px;padding:1px 10px;color:#fff;background:var(--red);cursor:pointer}.song-results button:disabled{opacity:.55;cursor:not-allowed}.creator-content .player{margin-bottom:9px}.player-wrap{width:330px;max-width:100%;margin-inline:auto}.player-error{margin:4px 0 0;color:var(--red);font-size:15px;text-align:left}.player__controls button:disabled{cursor:not-allowed;opacity:.45}.creator-content .cassette-wrap{margin-bottom:39px}.creator-content .letter{margin-top:27px}.creator-content .character-count{display:block;text-align:right;color:#555;font-size:15px;margin-top:3px}.creator-content .letter+.character-count+.actions{margin-top:55px}.player{width:330px;max-width:100%;height:101px;margin-inline:auto;overflow:hidden;color:var(--screen-text);background:#202225;border:3px solid #0d1012;border-radius:6px;box-shadow:inset 0 0 0 1px #505154}.player__label{height:25px;color:#747b79;font-size:20px;line-height:23px;text-transform:uppercase}.player__screen{display:flex;align-items:center;justify-content:space-between;height:38px;margin:0 5px;padding:1px 6px;border-radius:3px;box-shadow:inset 0 0 4px #000;background:var(--screen);text-align:left;text-transform:uppercase;line-height:.78}.player__screen span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player__screen small{display:block;font:inherit}.player__controls{display:flex;justify-content:center;width:217px;height:23px;padding:0;margin:4px auto 0;background:url(/assets/mixtape/player-shell-wider.png) center / 217px 23px no-repeat}.player__controls button{width:43.4px;height:23px;display:grid;place-items:center;border:0;padding:0;background:transparent;cursor:pointer}.player__controls button:hover:not(:disabled){background:#ffffff0d}.player__controls button:active:not(:disabled){background:#0000001f}.player__controls img{width:auto;height:16px;image-rendering:pixelated;pointer-events:none}.cassette-wrap{position:relative;width:330px;max-width:100%;aspect-ratio:676 / 436;margin-inline:auto}.cassette-wrap>img{width:100%;height:100%}.cassette-tracks{position:absolute;top:calc(13.8% + 4px);left:8.2%;width:82%;margin:0;padding:0 4px 0 20px;color:#111;font-family:VT323,monospace;font-size:10px;line-height:10px;text-align:left}.cassette-tracks li{display:flex;align-items:center;gap:4px;height:10px;min-width:0;padding-left:1px}.cassette-track-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cassette-tracks li:nth-child(3){transform:translateY(2px)}.cassette-tracks button{flex:0 0 auto;border:0;padding:0;color:var(--red);background:transparent;font:inherit;cursor:pointer}.letter{position:relative;width:330px;max-width:100%;aspect-ratio:724 / 404;margin-inline:auto;filter:drop-shadow(0 7px 8px rgb(0 0 0 / 12%))}.letter img{width:100%;height:100%}.letter p,.letter textarea{position:absolute;top:13%;right:10%;bottom:13%;left:10%;margin:0;border:0;resize:none;color:#4d5558;background:transparent;font:17px/1.06 VT323,monospace;text-align:left;overflow:auto}.letter textarea{width:80%;height:74%;padding:0;outline-offset:5px}.letter textarea::placeholder{color:#62686a;opacity:1}.creator-content .letter--expanded{aspect-ratio:auto}.letter--expanded textarea{top:48px;right:10%;bottom:32px;left:10%;height:auto;overflow:hidden}.voice-memo-player{position:relative;width:330px;max-width:100%;aspect-ratio:330 / 96;margin:0 auto 25px;overflow:hidden;color:#b7c4bb;text-align:left}.voice-memo-player__shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.voice-memo-player__content{position:absolute;top:14px;right:15px;bottom:10px;left:15px}.voice-memo-player__heading{display:flex;align-items:center;gap:12px;height:31px;letter-spacing:.08em}.voice-memo-player__toggle{display:block;width:30px;height:30px;flex:0 0 30px;border:0;padding:0;background:transparent;cursor:pointer}.voice-memo-player__toggle img{width:30px;height:30px}.voice-memo-player__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.voice-memo-player__toggle:disabled{cursor:not-allowed;opacity:.5}.voice-memo-player--empty{aspect-ratio:330 / 59;margin-bottom:0}.voice-memo-player--empty .voice-memo-player__heading{padding-top:1px;font-size:19px}.voice-recorder--recording,.voice-recorder--recorded{padding-top:24px}.voice-memo-player__timeline{display:flex;align-items:center;gap:10px;height:38px;font-size:14px;letter-spacing:.08em}.voice-memo-player__timeline time{flex:0 0 auto}.voice-memo-player__waveform{position:relative;min-width:0;height:28px;flex:1}.voice-memo-player__bars{display:flex;position:absolute;top:4px;right:0;bottom:4px;left:0;height:20px;align-items:center;gap:1px}.voice-memo-player__bars span{width:1px;min-width:1px;max-height:19px;flex:1;background:#d8ded9}.voice-memo-player__bars span.is-played{background:#91a894}.voice-memo-player__seek{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.voice-memo-player__seek:focus-visible{opacity:0}.voice-memo-player__waveform:has(.voice-memo-player__seek:focus-visible){outline:2px solid #fff;outline-offset:2px}.voice-memo-player--recording .voice-memo-player__toggle,.voice-memo-player--recording .voice-memo-player__toggle img{width:30px;height:30px}.voice-memo-player--recording .voice-memo-player__waveform span{background:#91a894}.voice-memo-player--recording .voice-memo-player__waveform span.is-pending{visibility:hidden}.voice-recorder__art{position:relative;width:323px;max-width:100%;margin:34px auto 35px}.voice-recorder--empty .voice-recorder__art,.voice-recorder--loading .voice-recorder__art{margin-top:28px}.voice-recorder__art>img:last-child{width:100%}.voice-recorder__actions{display:flex;width:220px;margin-inline:auto;flex-direction:column;align-items:center;gap:5px}.voice-recorder__actions>.button{min-width:111px}.voice-recorder__actions .actions{width:100%;flex-wrap:nowrap;gap:8px}.voice-recorder__actions .actions .button{min-width:0;flex:1}.voice-recorder__actions .button{white-space:nowrap}.voice-recorder__error{margin:-20px auto 18px;color:var(--red);line-height:1.1}.voice-recorder__upload{position:relative;overflow:hidden;background:#672c2e}.voice-recorder__upload input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.voice-recorder__upload:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.receiver{width:100%}.receiver__intro{margin-bottom:20px}.receiver__intro h1{margin-bottom:5px}.road-scene{width:min(680px,100%);margin-inline:auto;overflow:hidden}.road-scene video{width:680px;max-width:none;height:320px;object-fit:cover;object-position:center bottom}.road-scene img{width:680px;max-width:none;height:160px;margin-top:8px}.receiver__section{margin-top:48px}.receiver__section--voice{padding-bottom:32px}.receiver__section h2{margin-bottom:5px}.receiver__section>p{margin-bottom:17px}.receiver__section .player{margin-bottom:8px}.receiver__section .letter{margin-top:18px}.voice-toggle{width:230px;border:0;padding:0;background:transparent;cursor:pointer}.voice-toggle img{width:100%}.receiver__closing{margin:50px 0 78px}.receiver__closing h3{line-height:.95;margin-bottom:18px}.receiver__abuse-link{display:block;width:fit-content;margin:12px auto 0}.drive-page .receiver__closing{margin-bottom:0}.drive-page,.share-page{padding-top:55px}.drive-page>.logo,.share-page>.logo{margin-bottom:33px}.share-panel{width:min(520px,calc(100% - 36px));margin:0 auto 48px}.share-panel h1{margin-bottom:5px}.share-page .receiver__closing{margin-bottom:0}.share-panel label{display:block;text-align:left}.share-field{display:flex}.share-field input{min-width:0;flex:1;border:2px solid var(--charcoal);padding:5px 8px;font-size:14px}.share-field button{border:0;padding:5px 14px;color:#fff;background:var(--charcoal);cursor:pointer}.share-panel>p{margin-top:8px;font-size:15px}.turnstile-challenge{margin:18px auto}.turnstile-challenge>div:not(.form-error){display:flex;justify-content:center}.not-found{padding:55px 20px}.not-found h1{margin:36px auto 12px;max-width:480px}@media(max-width:700px){body{font-size:17px}.page>*,.creator-header,.creator-content,.receiver>*,.receiver__section>.player,.receiver__section>.cassette-wrap,.receiver__section>.letter,.voice-recorder,.voice-recorder__art,.share-panel{margin-inline:auto}.hero{padding-top:52px}.hero h1{margin-top:24px}.preview{margin-top:64px}.preview>header p{margin-bottom:23px}.road-scene{width:100%}.road-scene video,.road-scene img{position:relative;left:50%;transform:translate(-50%);width:680px}.receiver__section{margin-top:47px;padding-inline:18px}.receiver__section .player,.receiver__section .cassette-wrap,.receiver__section .letter{width:330px}.receiver__closing{padding-inline:18px}.creator-page{padding-top:49px}.creator-header .logo{width:265px}.fuel-gauge{margin-top:20px}.drive-page,.share-page{padding-top:48px}.drive-page>.logo,.share-page>.logo{width:265px}}@media(min-width:701px){.hero{padding-top:55px}.preview{margin-top:64px}.creator-page{padding-top:54px}.receiver__section{margin-top:49px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}