:root{color:#f3f0ea;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101210;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}.access-page{justify-content:center;align-items:center}.access-form{gap:16px;width:min(100%,340px);display:grid}.access-form h1{letter-spacing:-1.4px;margin:0}.access-form p{color:#c1c6ba;line-height:1.5}.access-form input,.access-form button{width:100%;min-height:48px;font:inherit;border:1px solid #52584d;border-radius:12px;padding:12px}.access-form input{color:#f3f0ea;background:#1a1e18}.access-form button{color:#101210;background:#e0d6ba}.access-form input:focus-visible{outline-offset:3px;outline:2px solid #f0d9ae}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #f0d9ae}main{isolation:isolate;margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:radial-gradient(at 50% 12%,#242a2455,#0000 70%);flex-direction:column;padding:30px 48px 24px;display:flex;position:relative;overflow:hidden}header{z-index:1;justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-1.4px;font-size:27px;font-weight:600}.wordmark span{color:var(--accent);margin-left:5px;font-size:8px}.ambient{background:radial-gradient(ellipse, var(--accent), transparent 65%);opacity:.13;filter:blur(60px);pointer-events:none;z-index:-1;width:min(700px,120vw);height:700px;animation:15s ease-in-out infinite alternate glow;position:absolute;top:5%;left:50%;transform:translate(-50%)}.listening{text-align:center;width:min(100%,430px);margin:auto;padding:32px 0 20px;position:relative}.eyebrow{letter-spacing:3.6px;color:#c1c6ba;margin-bottom:24px;font-size:10px}.cover-frame{aspect-ratio:1;isolation:isolate;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 90px #0006}.cover{object-fit:contain;width:100%;height:100%;display:block}.empty-cover{background:linear-gradient(150deg,#505b4b,#27392f 42%,#152825 75%,#b8b99b);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.empty-cover>span{color:#ddd9c7c9;font-family:Georgia,serif;font-size:96px;font-style:italic;font-weight:400;position:relative}.orbit{border:1px solid #d7d2b333;border-radius:50%;width:75%;height:75%;position:absolute;transform:rotate(-35deg)scaleY(.6)}.orbit.two{width:105%;height:105%}.orbit.three{width:135%;height:135%}.in-motion .empty-cover .orbit{animation:30s ease-in-out infinite alternate orbit}.player-overlay{background:linear-gradient(#171c18ee,#151916ed);border:1px solid #ffffff0c;border-radius:16px;margin:-10px -12px 0;padding:26px 28px 20px;position:relative;box-shadow:0 12px 40px #0002}.track-info h1{letter-spacing:-.7px;overflow-wrap:anywhere;margin:0 0 9px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:400;line-height:1.15}.track-info p{color:#b5b9ad;margin:0;font-size:13px;line-height:1.5}.timeline{margin-top:27px}.progress{background:#ffffff15;border-radius:3px;height:3px;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.times{font-variant-numeric:tabular-nums;color:#939c8e;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.controls{justify-content:space-between;align-items:center;gap:9px;margin-top:14px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button svg{width:21px;height:21px}.icon-button:hover:enabled{background:#ffffff0a}.feedback-button{color:#a6b09e}.liked{color:#e1bfa9}.liked svg{fill:#e1bfa9}.play-button{color:#1c251a;background:#e0e5d6;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid}.play-button svg{width:25px;height:25px}.play-button:hover:enabled{background:#f2f5ec}.mix-button{color:#aab79e;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:44px;margin-top:16px;font-size:12px;display:inline-flex}.mix-button svg{width:17px;height:17px}.messages{color:#aab3a4;min-height:24px;margin-top:20px;font-size:12px;line-height:1.6}.messages p{margin:8px 0}.error{color:#f4b5a3}.toast{background:#253025;border:1px solid #52664a;border-radius:8px;padding:9px 12px}.toast button{color:#e9e4c7;background:0 0;border:0;min-height:44px;margin-left:12px;text-decoration:underline}.primary{color:#1d2817;text-align:center;background:#dce4ce;border:0;border-radius:9px;width:100%;min-height:48px;padding:15px 18px;font-size:14px;font-weight:600;display:block}.connect{margin:28px 0 4px}footer{color:#9ba794;z-index:1;justify-content:space-between;align-items:center;gap:14px;min-height:30px;font-size:10px;display:flex}footer a:hover{text-decoration:underline}.sources{font-size:10px}dialog{color:#eaece3;background:#1b211c;border:1px solid #c0ceb71e;border-radius:20px;width:min(520px,100% - 24px);max-height:85dvh;padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a08bc}.dialog-content{padding:22px}.dialog-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.dialog-header h2{margin:0;font-family:Georgia,serif;font-size:25px;font-weight:400}.dialog-content p{color:#bac5b4;font-size:13px;line-height:1.65}.mix-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mix-choice{text-align:left;background:#232c24;border:1px solid #0000;border-radius:10px;min-height:110px;padding:16px 13px;position:relative}.mix-choice.selected{background:#2a352a;border-color:#b9c5a4}.mix-choice strong{font-size:14px}.mix-choice small{color:#abb6a4;margin-top:10px;font-size:11px;line-height:1.5;display:block}.mix-dot{border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.field{color:#bdc7b4;margin:25px 0 10px;font-size:12px;display:block}.field select{color:#eff2e9;background:#242c25;border:1px solid #ffffff20;border-radius:8px;width:100%;min-height:48px;margin-top:10px;padding:10px;display:block}.text-button{text-align:left;color:#c9d4b8;background:0 0;border:0;min-height:44px;padding:10px 0;font-size:12px}.dialog-content>.primary{margin-top:18px}.list-button{text-align:left;background:#263027;border:1px solid #c4d3b612;border-radius:8px;width:100%;min-height:52px;margin-bottom:10px;padding:16px;font-size:14px;display:block}.list-button small,.preference small{color:#acb9a5;margin-top:6px;font-size:11px;line-height:1.4;display:block}.preference{text-align:left;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.preference strong{font-size:13px;font-weight:400}.preference .text-button{flex-shrink:0}.settings-note{font-size:12px!important}.danger{color:#e7b6a6}.spinner{border:2px solid #20311d33;border-top-color:#20311d;border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{to{opacity:.2;transform:translate(-50%)scale(1.15)}}@keyframes orbit{to{transform:rotate(10deg)scaleY(.7)}}@media (max-width:600px){main{padding:20px 24px 14px}.listening{max-width:360px;padding-top:24px}.eyebrow{margin-bottom:20px}.player-overlay{margin-left:-8px;margin-right:-8px;padding:24px 20px 16px}.track-info h1{font-size:26px}.cover-frame{border-radius:10px}footer,.sources{font-size:9px}.ambient{height:550px}.controls{gap:4px}}@media (max-width:350px){main{padding:16px 20px 12px}.player-overlay{padding:22px 14px 13px}.controls{gap:0}.play-button{width:54px;height:54px}.track-info h1{font-size:24px}.dialog-content{padding:16px}.mix-grid{gap:8px}.mix-choice{padding:12px 9px}.dialog-header h2{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}footer a{align-items:center;min-height:44px;display:inline-flex}.wordmark{align-items:center;min-height:44px;display:flex}.device-picker{max-width:100%;color:var(--muted);justify-content:center;align-items:center;gap:.5rem;margin:1rem auto 0;font-size:.8rem;display:flex}.device-picker>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.device-picker select{min-width:0;max-width:80%;color:inherit;font:inherit;background:#161823;border:1px solid #ffffff20;border-radius:12px;padding:.65rem}