@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/listen/assets/brand-0-CB7WfZ8W.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/listen/assets/brand-1-DCQhiIS7.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/listen/assets/brand-2-CYvJJk-g.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/listen/assets/brand-3-BQ0abr9c.ttf) format("truetype")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/listen/assets/brand-4-SaQ56xdr.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/listen/assets/brand-5-DpFQlKNO.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/listen/assets/brand-6-DnsmCY5X.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/listen/assets/brand-7-DjqJml4C.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/listen/assets/brand-8-Bx5ssXV-.ttf) format("truetype")}:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#f6f2ec;background:#141821;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(650px,100%);margin:auto;padding:env(safe-area-inset-top) 24px calc(320px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin:34px 0 52px}.brand{font-size:13px;letter-spacing:3px;font-weight:800;color:#c1b394}h1{font-size:clamp(36px,7vw,54px);letter-spacing:-2px;line-height:1.03;margin:0}.subtitle{color:#929ba7;font-size:14px;margin:16px 0 37px}.queue{border-top:1px solid #303741}.item{display:flex;gap:20px;align-items:center;background:none;border:0;color:#f6f2ec;width:100%;text-align:left;padding:24px 0;border-bottom:1px solid #303741;cursor:pointer}.item.selected strong{color:#f5d59a}.number{font-size:12px;color:#89919c}.itemcopy{flex:1;min-width:0}.itemcopy strong{display:block;font-size:16px;line-height:1.4}.itemcopy small{display:block;color:#929ba7;margin-top:9px}.arrow{color:#c1b394}.empty{padding:50px 0;color:#929ba7;line-height:1.6}.player{position:fixed;bottom:0;left:0;width:100%;background:#202630;border-top:1px solid #343c49;padding:21px max(24px,calc((100vw - 602px)/2)) calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 35px #0c111b65}.now{font-size:14px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}input[type=range]{width:100%;accent-color:#eacb91}.times{display:flex;justify-content:space-between;color:#9ca6b4;font-variant-numeric:tabular-nums;font-size:11px}.controls{display:flex;align-items:center;justify-content:space-between;max-width:350px;margin:17px auto}.control,.play{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}.play{width:57px;height:57px;border-radius:100px;background:#ecd19e;color:#18202a}.speed{display:flex;gap:10px;align-items:center;justify-content:center;color:#aab3be;font-size:12px}select{background:#303947;color:#fff;border:1px solid #434d5a;padding:5px;border-radius:6px}button.small{padding:8px 12px}.secondary{background:transparent;color:#eee;border:1px solid #434d5a}.auth{padding-top:14vh;padding-bottom:40px}.auth p{color:#aab3be;line-height:1.6}.auth h1{margin-top:45px}form{display:grid;gap:12px;margin-top:36px}form input{background:#222a36;border:1px solid #424d5c;padding:17px;color:#fff;border-radius:9px;font-size:16px}form button{background:#ecd19e;border:0;border-radius:9px;padding:16px;color:#141821;font-weight:700;font-size:15px;cursor:pointer}label{display:grid;gap:8px;color:#b5bdc7;font-size:14px}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ecd19e;outline-offset:4px}.filters,.row-actions{display:flex;gap:8px;flex-wrap:wrap}.filters button,.row-actions button{border:1px solid #434d5a;background:transparent;color:#cbd1da;border-radius:7px;padding:8px 12px;min-height:36px}.filters button[aria-pressed=true]{background:#ecd19e;color:#141821;border-color:#ecd19e}.queue-row{border-bottom:1px solid #303741;padding-bottom:16px}.queue-row .item{border:0;padding-bottom:12px}.row-actions{padding-left:0}.row-actions button{font-size:12px}.queue-row.selected strong{color:#f5d59a}#notice{font-size:13px;color:#d9c79f;line-height:1.5;min-height:20px}.filters{margin-top:24px}.control{min-width:44px;min-height:44px}.speed label{display:block}.subtitle{margin-bottom:20px}@media(max-width:400px){main{padding-left:18px;padding-right:18px}.controls{gap:5px}.control{font-size:17px}.brand{font-size:11px;letter-spacing:2px}}:root{font-family:DM Sans,-apple-system,sans-serif;color:#202020;background:#faf9f6;--paper:#faf9f6;--ink:#202020;--line:#d8d6d1}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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='.2' filter='url(%23n)'/%3E%3C/svg%3E");z-index:8}main{width:min(740px,100%);padding-top:env(safe-area-inset-top)}header{gap:10px;flex-wrap:wrap;margin:26px 0 48px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{font-family:Space Grotesk,sans-serif;letter-spacing:-.6px;font-size:17px;color:var(--ink);flex:1}.home-brand{display:block;color:inherit;text-decoration:none;white-space:nowrap}.home-brand span{font-family:Patrick Hand,cursive;font-size:26px;vertical-align:middle;margin-right:5px}.app-label{font-family:Patrick Hand,cursive;display:block;letter-spacing:0;font-size:21px;font-weight:400;color:#656560;margin-top:3px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:20px}h1{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(42px,8vw,64px);line-height:1.05;letter-spacing:-2.8px}.sketchword{position:relative;display:inline-block}.sketchword:after{content:"";position:absolute;left:0;right:-5px;bottom:-8px;height:10px;border-top:2px solid var(--ink);border-radius:50%;transform:rotate(-2deg)}.subtitle{font-family:Patrick Hand,cursive;color:#656560;font-size:22px;margin:26px 0 25px}.queue,.queue-row{border-color:var(--line)}.item{color:var(--ink)}.itemcopy strong{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:18px}.itemcopy small{color:#656560}.arrow{color:var(--ink)}.queue-row.selected strong{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.queue-row.selected{border-left:3px solid var(--ink);padding-left:14px}.filters button,.row-actions button,.secondary{border-color:#c6c4be;color:var(--ink);background:transparent}.filters button{border-radius:30px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.row-actions button{border-radius:3px}.row-actions button[data-download]{border-color:var(--ink);box-shadow:2px 2px #d8d6d1}.row-actions button:hover,.secondary:hover{background:#eeece7}.player{background:var(--paper);border-top:1.5px solid var(--ink);box-shadow:0 -10px 30px #20202008;padding-left:max(24px,calc((100vw - 692px)/2));padding-right:max(24px,calc((100vw - 692px)/2))}.now{font-family:Space Grotesk,sans-serif;font-weight:500;color:var(--ink)}input[type=range]{accent-color:var(--ink)}.times,.speed{color:#656560}.control{color:var(--ink)}.play{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--paper),4px 4px 0 var(--ink)}select{background:var(--paper);border-color:#c6c4be;color:var(--ink)}#notice{color:#65543e}.empty,.auth p{color:#656560}.auth{padding-top:10vh;max-width:560px}.auth .brand{border-bottom:1px solid var(--line);padding-bottom:22px}.auth h1{font-size:clamp(40px,7vw,58px);margin-top:36px}form label{color:var(--ink)}form input{background:#fffdfa;color:var(--ink);border:1px solid #c6c4be;border-radius:3px}form button,#offline-open{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 var(--paper),4px 4px 0 var(--ink);padding:16px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}@media(max-width:400px){.brand{font-size:14px}header{margin-bottom:34px}.row-actions{gap:7px}.row-actions button{padding:8px 10px}.app-label{font-size:19px}}header{margin-top:20px;margin-bottom:28px;padding-bottom:16px}h1{font-size:clamp(40px,7vw,52px)}.eyebrow{margin-bottom:16px}.subtitle{font-size:21px;margin:22px 0 18px}.filters{margin-top:18px}#notice:empty{display:none}.speed label{color:#656560}.queue{margin-top:24px}.auth .brand{font-family:Space Grotesk,sans-serif}.auth .home-brand{font-size:19px}@media(max-width:430px){header{margin-bottom:25px}.subtitle{font-size:19px}.itemcopy strong{font-size:16px}.filters{gap:6px}.filters button{padding:8px 10px}.queue{margin-top:18px}.player{padding-top:16px}.now{margin-bottom:10px}.controls{margin-top:12px;margin-bottom:12px}}