@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#30322e;background:#eeeae2;font-synthesis:none;font-weight:400;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#faf6ed,transparent 70%)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ac591f;outline-offset:4px}a{color:#895021;text-underline-offset:4px}button svg{vertical-align:middle}main{max-width:1300px;margin:auto;padding:48px 40px 24px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px}.header-actions{display:flex;align-items:center;gap:10px}.listener-count{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid #bfb5a4;border-radius:8px;background:#ffffff59;color:#65695f;font-size:11px;white-space:nowrap}.listener-count strong{color:#353c33;font:700 13px Space Mono,monospace}.listener-pulse{width:7px;height:7px;border-radius:50%;background:#a4a69f}.listener-pulse.live{background:#4e8a58;box-shadow:0 0 0 4px #4e8a581c}.language-toggle{display:inline-flex;gap:3px;padding:3px;border:1px solid #bfb5a4;border-radius:8px;background:#ffffff59}.language-toggle button{min-height:36px;padding:6px 10px;border-radius:5px;font-size:11px;font-weight:700}.language-toggle button[aria-pressed=true]{background:#353c33;color:#fffaf0}.nostalgia-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin:-18px 0 34px;padding:0 0 29px;border-bottom:1px solid #d2cec2}.nostalgia-intro h2{max-width:760px;margin:8px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,3.4vw,44px);font-weight:500;line-height:1.08;letter-spacing:-1.4px;color:#373a32}.nostalgia-intro p{max-width:720px;margin:0;color:#717569;font-size:14px;line-height:1.7}.nostalgia-kicker{font:700 9px Space Mono,monospace;letter-spacing:2px;color:#a95325}.memory-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:11px 15px;border:1px solid #b9b7ab;border-radius:7px;background:#f7f3e9;box-shadow:0 4px 12px #413b2d12;font-size:12px;font-weight:600;white-space:nowrap}.memory-button:hover{border-color:#9e5b31;background:#fffaf0}.memory-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#22231ed9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.memory-modal{width:min(1080px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;padding:28px;border:1px solid #d0c7b6;border-radius:13px;background:#eee8db;box-shadow:0 28px 80px #0008}.memory-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:23px}.memory-heading h2{margin:7px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,4vw,38px);font-weight:500;letter-spacing:-1px}.memory-heading p{margin:0;color:#737367;font-size:13px}.memory-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #c0bbad;border-radius:50%;background:#f9f5eb}.memory-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 3px 14px;scrollbar-color:#a5957d #d8cfbf;scrollbar-width:thin}.memory-card{flex:0 0 clamp(265px,34vw,360px);scroll-snap-align:start;margin:0;overflow:hidden;border:1px solid #c9c0b1;border-radius:9px;background:#f8f3e8;box-shadow:0 8px 18px #42392818}.memory-text-card{min-height:305px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 78% 18%,#fff4c7 0 7%,transparent 7.5%),linear-gradient(145deg,#c9784f,#7a4550);color:#fff8e8}.memory-text-card:nth-child(3n){background:radial-gradient(circle at 18% 20%,#f4d486 0 6%,transparent 6.5%),linear-gradient(145deg,#54736c,#263e4c)}.memory-text-card:nth-child(3n+1){background:radial-gradient(circle at 80% 18%,#efd589 0 7%,transparent 7.5%),linear-gradient(145deg,#7a6850,#343b36)}.memory-icon{display:grid;place-items:center;flex:1;min-height:175px;font-size:70px;filter:drop-shadow(0 9px 12px #241b1938)}.memory-text-card figcaption{min-height:112px;background:#211f1bb8}.memory-text-card strong{color:#fff8e8;font-size:16px}.memory-text-card span{color:#e9dfcc}.memory-card img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#cab890}.memory-card figcaption{display:grid;gap:4px;padding:13px 15px 15px}.memory-card strong{font-size:14px}.memory-card span{color:#747568;font-size:11px;line-height:1.55}.memory-card figcaption a{width:fit-content;margin-top:3px;color:#8b5b36;font:8px Space Mono,monospace}.memory-prompt{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:22px;padding:17px 18px;border:1px dashed #b8aa94;border-radius:8px;background:#e5dbc9}.memory-prompt p{margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.35}.memory-prompt button{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:40px;padding:9px 12px;border:1px solid #ada18d;border-radius:6px;background:#f7f1e5;font-size:11px}h1{display:flex;align-items:center;gap:10px;font-size:30px;letter-spacing:-1.5px;margin:0}.brand-logo{width:42px;height:42px;flex-shrink:0;border-radius:10px}.title-dot{color:#bc632c}.add-button,.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#353c33;color:#fff;border-radius:7px;padding:12px 18px;font-weight:600}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.deck-wrap{padding-top:42px}.deck{position:relative;padding:24px 30px 18px;background:linear-gradient(120deg,#d5d2c8,#eeece3 48%,#c5c4ba);border:1px solid #a4a59b;border-radius:12px;box-shadow:0 18px 30px #34342825,inset 0 2px 2px #fff,inset 0 -6px #93978b}.deck-heading{display:flex;align-items:center;gap:15px;letter-spacing:1.5px;font-size:9px;margin-bottom:28px}.deck-heading strong{font-size:13px}.deck-model{margin-left:auto}.hardware{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:24px}.door-space{position:relative;perspective:900px;border-radius:8px;background:#252722;padding:8px;min-height:208px;box-shadow:inset 0 3px 8px #0009}.tray-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-evenly;align-items:center}.spindle{width:22px;height:22px;background:#999b94;border-radius:50%;border:6px solid #4d5149}.cassette-door{position:relative;width:100%;display:block;background:linear-gradient(145deg,#636b6099,#2b302ac9);border:2px solid #7d8476;border-radius:4px;padding:14px 12px 25px;transform-origin:bottom;transition:transform .5s,box-shadow .5s;box-shadow:0 2px 5px #0007;z-index:1}.cassette-door.is-open{transform:rotateX(-25deg);box-shadow:0 12px 12px #0005}.door-space.drag-over{outline:3px dashed #ac591f}.loaded-tape{position:relative;z-index:2}.empty-tray{height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c6cbbe;font:10px Space Mono,monospace;gap:25px}.empty-reels{font-size:35px}.door-rim{position:absolute;bottom:7px;left:13px;right:13px;display:flex;justify-content:space-between;color:#c4c9bf;font:7px Space Mono,monospace;letter-spacing:2px}.glass-reflection{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#fff1,transparent 50%);z-index:3}.transport{display:flex;margin-top:22px;gap:3px}.transport-key{flex:1;padding:0;min-width:0;background:linear-gradient(#f1f0e7,#c3c5b9);border:1px solid #a0a396;border-radius:3px;box-shadow:0 4px #7e8475}.transport-key>span{font-size:8px;text-transform:uppercase;display:block;margin-top:6px}.transport-key i{display:block;padding:12px 0}.transport-key.pressed{box-shadow:0 1px #7e8475;transform:translateY(3px);background:#bcc0ad}.transport-key:disabled{opacity:.48}.display{background:#30392d;color:#c2d59e;border:4px solid #9da08f;border-radius:5px;padding:12px 9px;font-family:Space Mono,monospace;box-shadow:inset 0 2px 8px #0008;min-height:111px}.display-top{font-size:7px;display:flex;align-items:center;gap:5px}.display-top>span:last-child{margin-left:auto}.led{width:5px;height:5px;background:#647254;border-radius:50%}.led.on{background:#d0ef80;box-shadow:0 0 5px #d0ef80}.display-title{font-size:11px;line-height:1.6;min-height:40px;margin:12px 0;overflow-wrap:anywhere}.display-bottom{display:flex;justify-content:space-between;font-size:9px}.volume-control{text-align:center;margin-top:24px}.volume-control label{font-size:8px;letter-spacing:2px}.knob{width:54px;height:54px;margin:10px auto;border-radius:50%;background:linear-gradient(135deg,#e5e5da,#a9afa0);border:3px solid #c4c8b9;box-shadow:3px 5px 6px #0004;transform:rotate(var(--knob-angle))}.knob span{position:absolute;top:3px;left:23px;height:11px;width:2px;background:#444c3d}.volume-input{display:flex;align-items:center;gap:6px}.volume-input input{width:100%;min-width:0;accent-color:#5d6850}.deck-bottom{display:flex;justify-content:space-between;margin-top:22px;font-size:7px;letter-spacing:2px}.power-light{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b64b28;margin-right:8px}.feet{display:flex;justify-content:space-between;padding:0 32px}.feet i{width:60px;height:10px;background:#494e43;border-radius:0 0 4px 4px}.deck-hint{text-align:center;color:#76786b;font-size:12px;line-height:1.6;margin-top:25px;min-height:40px}.chassis-screw,.tape-screw{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(45deg,#898c80 43%,#414638 45%,#414638 55%,#a9aa9f 57%)}.cs1,.cs2{top:9px}.cs3,.cs4{bottom:10px}.cs1,.cs3{left:9px}.cs2,.cs4{right:9px}.shelf{border-left:1px solid #d5d1c7;padding-left:28px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.shelf-heading h2{font-size:17px;margin:0}.shelf-heading>span{font:11px Space Mono,monospace;color:#86897b}.spotify-shortcuts{display:grid;gap:9px;margin:-8px 0 25px;padding:13px;border:1px solid #cad0c2;border-radius:8px;background:#eef1e9}.spotify-shortcut{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:6px;background:#30372f;color:#fff;text-decoration:none}.spotify-shortcut:hover{background:#242a23}.spotify-shortcut>span:nth-child(2){min-width:0}.spotify-shortcut strong,.spotify-shortcut small{display:block}.spotify-shortcut strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.spotify-shortcut small{margin-top:2px;color:#bdc8b9;font-size:9px}.spotify-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#1ed760;color:#172119;font-weight:700}.tape-list{display:grid;gap:21px;max-height:650px;overflow:auto;padding:4px 5px 10px}.tape-select{width:100%;padding:0;text-align:left;border-radius:9px;transition:transform .2s}.tape-select:hover{transform:translateY(-3px)}.selected .tape-select{outline:2px solid #a46c3c;outline-offset:4px}.cassette{position:relative;width:100%;aspect-ratio:1.64;background:linear-gradient(135deg,#333630,#1c201c);border:2px solid #111811;border-radius:9px;padding:8% 7% 13%;box-shadow:0 4px 7px #0003,inset 0 1px 1px #ffffff35}.cassette-label{height:100%;background:var(--tape-color);border-radius:4px;padding:5px 9px;color:#30352e}.cassette-brand,.cassette-meta{display:flex;justify-content:space-between;font:6px Space Mono,monospace;letter-spacing:.7px}.cassette-brand b{font-size:9px}.cassette-label>strong{display:flex;align-items:center;min-height:32px;font-size:clamp(10px,1.1vw,14px);line-height:1.2;border-bottom:1px solid #30352e44;margin-bottom:7px;overflow-wrap:anywhere}.cassette-window{display:flex;justify-content:space-around;align-items:center;background:#30382f;border-radius:24px;padding:2px 7px;color:#dddcd1}.reel{font-size:28px;line-height:1}.tape-window{width:32%;height:15px;background:linear-gradient(90deg,#171d16 20%,#71624e 20%,#71624e 80%,#171d16 80%);border:2px solid #aaa899;border-radius:2px}.cassette-meta{margin-top:5px;font-size:5px}.cassette-meta b{font-size:10px}.cassette-base{position:absolute;bottom:0;left:23%;width:54%;height:15%;background:#30382e;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);display:flex;justify-content:space-evenly;align-items:center}.cassette-base i{width:5px;height:5px;border-radius:50%;background:#121910}.ts1,.ts2{top:5px}.ts3,.ts4{bottom:5px}.ts1,.ts3{left:5px}.ts2,.ts4{right:5px}.spinning .reel{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tape-caption{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font:8px Space Mono,monospace;letter-spacing:.7px;color:#737a69}.tape-options{background:#faf8f1;border:1px solid #d2d4c7;border-radius:6px;padding:9px;box-shadow:0 3px 8px #0001}.tape-options>button,.tape-options>div{width:100%;display:flex;justify-content:space-between;padding:7px;font-size:12px}.danger{color:#a03e2b}.tape-form{background:#f8f5ee;border:1px solid #d7d2c5;border-radius:9px;padding:18px}.form-heading{display:flex;justify-content:space-between;align-items:center}.form-heading h3{font-size:16px;margin:0 0 14px}.tape-form label{display:block;font-size:12px;margin:12px 0}.tape-form input{display:block;width:100%;min-width:0;margin-top:7px;padding:10px;border:1px solid #cfcec2;border-radius:5px;background:#fffdf7}.tape-form input[readonly]{background:#eae9e1;color:#71766a}.tape-form fieldset{border:0;padding:0;margin:18px 0}.tape-form legend{font-size:12px;margin-bottom:10px}.swatches{display:flex;gap:8px}.swatches button{width:26px;height:26px;border-radius:50%;border:1px solid #0002}.swatches button[aria-pressed=true]{outline:2px solid #525c44;outline-offset:2px}.primary-button{width:100%;font-size:13px}.small-note{font-size:12px;line-height:1.7;color:#717769}.form-error,.playback-error{font-size:13px;line-height:1.6;color:#983b2a}.playback-error{padding:12px;border:1px solid #caa391;border-radius:5px}.playback-error button{border:1px solid currentColor;border-radius:4px;padding:7px 12px}.empty-shelf{padding:30px 10px;text-align:center;width:100%;border:1px dashed #bfc3b3;border-radius:8px}.empty-shelf strong,.empty-shelf span{display:block;margin-top:12px;font-size:12px}.ghost-tape{padding:20px}.listening{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);gap:35px;margin:42px 0 30px;background:#f8f6ef;border:1px solid #dedbce;border-radius:10px;padding:24px}.listening iframe{border:0;display:block;width:100%;border-radius:8px}.youtube-host{min-height:280px}.video-caption{display:flex;justify-content:space-between;font-size:11px;margin-top:12px;gap:15px}.eyebrow{font:10px Space Mono,monospace;letter-spacing:1.5px;color:#848977}.now-playing h2{font-size:25px;letter-spacing:-.7px;line-height:1.3}.now-playing p{color:#727868;font-size:13px;line-height:1.8}.provider-link{display:inline-block;margin-top:14px;font-size:12px}.liner-notes{margin-top:22px}summary{cursor:pointer;display:flex;align-items:center;gap:9px;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}.liner-notes ol{list-style:none;padding:0;max-height:260px;overflow:auto}.liner-notes li button{display:flex;gap:14px;text-align:left;width:100%;padding:9px;font-size:12px;border-bottom:1px solid #e0e1d4}.liner-notes li button[aria-current=true]{background:#e1e6d6}.show-all{font-size:12px;text-decoration:underline}.background-info{border-top:1px solid #d8d7cb;padding:20px 0;color:#686f5e;font-size:13px;line-height:1.8}.background-info p{max-width:850px}.background-info summary{font-weight:600}footer{border-top:1px solid #d8d7cb;display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-top:20px;color:#7d8272;font-size:11px}.storage-info{max-width:440px}.storage-info p{line-height:1.8}.footer-actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.footer-actions button{display:flex;align-items:center;gap:5px;font-size:11px}.sound-toggle{display:flex;align-items:center;gap:5px}.notice{display:flex;justify-content:space-between;gap:15px;padding:14px;background:#e2e8d9;border:1px solid #bdc7ad;border-radius:7px;margin-bottom:20px;font-size:13px;line-height:1.5}@media(min-width:1200px){.cassette-label>strong{font-size:14px;min-height:37px}.door-space .cassette-label>strong{min-height:44px}.door-space .reel{font-size:35px}.door-space .cassette-brand{font-size:8px}}@media(max-width:1000px){main{padding:30px 22px}.workspace{grid-template-columns:1fr}.deck-wrap{max-width:760px;width:100%;margin:auto;padding-top:0}.shelf{border-left:0;border-top:1px solid #d5d1c7;padding:25px 0 0}.tape-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;gap:22px}.tape-form{max-width:350px}.cassette-label>strong{font-size:13px}.door-space .cassette-label>strong{min-height:50px}.door-space .reel{font-size:42px}.door-space .cassette-brand{font-size:9px}.app-header{margin-bottom:30px}}@media(max-width:650px){main{padding:25px 16px}.app-header h1{font-size:24px;gap:8px}.app-header{align-items:flex-start;gap:10px}.header-actions{flex-direction:column;align-items:stretch}.language-toggle{align-self:flex-end}.language-toggle button{min-height:32px;padding:4px 8px;font-size:10px}.nostalgia-intro{grid-template-columns:1fr;gap:17px;align-items:start;margin-top:-5px}.nostalgia-intro h2{font-size:29px}.memory-button{width:100%;justify-content:center}.memory-backdrop{align-items:end;padding:0}.memory-modal{width:100%;max-height:94vh;padding:22px 16px 24px;border-radius:16px 16px 0 0}.memory-grid{margin-inline:-4px}.memory-card{flex-basis:82vw}.memory-prompt{align-items:stretch;flex-direction:column;gap:14px}.memory-prompt button{justify-content:center}.brand-logo{width:36px;height:36px;border-radius:9px}.add-button{padding:10px 13px;font-size:12px}.deck{padding:21px 15px 18px}.hardware{grid-template-columns:minmax(0,1fr) 105px;gap:12px}.deck-heading{font-size:6px;gap:8px;letter-spacing:1px}.deck-heading strong{font-size:10px}.door-space{min-height:150px;padding:5px}.cassette-door{padding:8px 5px 24px}.empty-tray{height:115px}.door-space .cassette-label>strong{min-height:27px;font-size:10px}.door-space .cassette-brand{font-size:5px}.door-space .reel{font-size:23px}.cassette-window{padding:1px 3px}.cassette-label{padding:4px 6px}.display{padding:9px 6px;border-width:3px;min-height:98px}.display-title{font-size:9px;margin:8px 0}.display-top{font-size:5px;gap:3px}.display-bottom{font-size:7px}.volume-control{margin-top:12px}.knob{width:38px;height:38px}.knob span{left:16px;height:8px}.transport{gap:2px;margin-top:15px}.transport-key>span{font-size:5px}.transport-key i{padding:10px 0}.transport-key svg{width:15px;height:15px}.tape-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cassette-label>strong{font-size:10px;min-height:30px}.reel{font-size:24px}.listening{grid-template-columns:1fr;padding:15px;gap:25px}.youtube-host{min-height:240px}.youtube-host iframe{height:240px}footer{flex-direction:column}.footer-actions{gap:12px;flex-wrap:wrap}.background-info{font-size:12px}.deck-bottom{font-size:5px}.tape-caption{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.volume-dial{width:74px;height:74px;margin:3px auto;display:grid;place-items:center;border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.volume-dial:active{cursor:grabbing}.volume-dial:focus-visible{outline:3px solid #ac591f;outline-offset:2px}.volume-dial[aria-disabled=true]{cursor:default;opacity:.45}.volume-dial .knob{margin:0;pointer-events:none}.volume-value{display:block;font:10px Space Mono,monospace;margin-bottom:9px;color:#525c44}@media(max-width:650px){.transport{flex-wrap:wrap;gap:5px}.transport-key{flex:1 0 21%}.transport-key>span{font-size:7px}.volume-dial{width:58px;height:58px}}.shelf .tape-liner{display:flex;flex-direction:column;gap:12px;padding:12px;margin:0 0 24px;border-top:4px solid;background:#f8f5ed;box-shadow:0 3px 10px #30322e0a;min-width:0}.tape-liner-heading{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:11px Space Mono,monospace;color:#656d5b}.tape-liner .youtube-host,.tape-liner .youtube-host iframe{min-height:200px;height:200px}.tape-liner .video-caption{font-size:10px;flex-wrap:wrap;gap:5px}.tape-liner .now-playing h2{font-size:16px;margin:8px 0;letter-spacing:-.3px}.tape-liner .now-playing p{font-size:11px;margin:6px 0}.tape-liner .liner-notes{margin-top:14px}.tape-liner .liner-notes ol{max-height:240px;margin-bottom:0}.tape-liner .provider-link{font-size:10px;margin-top:10px}.playback-help{color:#727868;font-size:11px;line-height:1.6}.playback-help summary{font-size:10px}@media(min-width:1001px){.workspace{grid-template-columns:minmax(0,1fr) 350px;gap:30px}.shelf{padding-left:20px}}@media(max-width:1000px)and (min-width:651px){.shelf .tape-liner{max-width:560px}.tape-liner .youtube-host,.tape-liner .youtube-host iframe{height:280px}}.provider-window[hidden]{display:none}.provider-toggle{margin-left:auto;border:1px solid #c5c9ba;border-radius:5px;padding:6px 8px;font:10px DM Sans,sans-serif;white-space:nowrap}.provider-toggle:hover{background:#e7e9df}.tucked-player strong{font-size:14px}.tucked-player p{font-size:11px;line-height:1.6;color:#727868}.mini-player-button{display:flex;align-items:center;gap:7px;margin:-20px 0 22px;padding:9px 12px;border:1px solid #c5c9ba;border-radius:6px;font-size:12px}.mini-note{font-size:12px;line-height:1.6;color:#727868}.mini-player{max-width:650px;padding:20px 16px}.mini-player .app-header{margin-bottom:16px}.mini-player .workspace{grid-template-columns:1fr;gap:20px}.mini-player .deck-wrap{padding-top:0}.mini-player .shelf{padding:0;border:0}.mini-player.has-tape .shelf-heading,.mini-player.has-tape .tape-list,.mini-player .add-button,.mini-player footer,.mini-player .background-info{display:none}.spotify-tracks{margin:14px 0;font-size:12px;line-height:1.6}.spotify-tracks p{color:#727868}.track-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.track-list-heading button{font-size:10px;text-decoration:underline}.spotify-tracks ol{list-style:none;padding:0;max-height:320px;overflow:auto}.spotify-tracks li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px 0;border-bottom:1px solid #e0e1d4}.spotify-tracks li a{color:#3c4534;text-decoration:none}.spotify-tracks li a:hover{text-decoration:underline}.spotify-tracks li small{display:block;color:#727868;font-size:10px}.track-number,.track-duration{font:10px Space Mono,monospace;color:#727868;padding-top:3px}.shared-shelf{border:1px solid #d8d7cb;border-radius:9px;padding:16px 18px;margin-bottom:26px;background:#f8f5ed;font-size:12px}.shared-shelf p{color:#727868;line-height:1.6;margin:7px 0}.sharing-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sharing-actions button{border:1px solid #bdc4b2;border-radius:5px;padding:8px 12px}.sharing-actions button:first-child{background:#353c33;color:#fff}.invite-link{display:block;margin-top:12px}.invite-link input{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid #d8d7cb;border-radius:4px;font-size:11px}.song-play{border:0;background:transparent;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.song-play:hover{text-decoration:underline}.song-play:disabled{opacity:.5;cursor:default}.volume-help{max-width:160px;font-size:11px;line-height:1.4;text-align:center;color:var(--muted, #666)}.youtube-tucked{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.tape-liner .youtube-tucked .youtube-host,.tape-liner .youtube-tucked .youtube-host iframe{width:320px;height:280px}.memory-language{display:inline-flex;gap:4px;margin-top:12px;padding:3px;border:1px solid #bfb5a4;border-radius:8px}.memory-language button{min-height:40px;padding:7px 14px;border-radius:5px;font-size:13px}.memory-language button[aria-pressed=true]{background:#353c33;color:#fffaf0}.memory-modal[lang=hi]{font-family:system-ui,sans-serif}.memory-modal[lang=hi] h2,.memory-modal[lang=hi] .memory-prompt p{font-family:inherit;letter-spacing:normal;line-height:1.5}.memory-modal[lang=hi] .memory-card span{font-size:13px;line-height:1.65}.memory-modal[lang=hi] .nostalgia-kicker{letter-spacing:normal}.memory-modal{overflow-y:auto}