.journal-player.svelte-15t5ie8{isolation:isolate;color:#fff;background:#0b0a10;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000040,0 24px 60px -28px #140c28a6;container-type:inline-size}.wash.svelte-15t5ie8{z-index:-1;-o-object-fit:cover;object-fit:cover;filter:blur(42px)saturate(1.4)brightness(.66);width:160%;max-width:none;height:160%;max-height:none;position:absolute;inset:-30%;transform:scale(1.05)}.light.svelte-15t5ie8{z-index:-1;background:radial-gradient(90% 100% at 12% 0%, rgb(var(--glow) / .32), transparent 70%);pointer-events:none;position:absolute;inset:0}.tint.svelte-15t5ie8{background:radial-gradient(60% 80% at 20% 30%, hsl(var(--hue) 75% 55%), transparent 70%), radial-gradient(60% 80% at 85% 70%, hsl(calc(var(--hue) + 50) 70% 45%), transparent 70%), hsl(var(--hue) 40% 12%);filter:blur(30px)brightness(.7)}.playing.svelte-15t5ie8:not(.still) .wash:where(.svelte-15t5ie8){animation:18s ease-in-out infinite alternate svelte-15t5ie8-drift}@keyframes svelte-15t5ie8-drift{to{transform:scale(1.18)translate(3%,-4%)rotate(4deg)}}.glass.svelte-15t5ie8{-moz-column-gap:14px;border-radius:inherit;background:linear-gradient(#08060e4d,#08060e9e);grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"cover words remove""transport transport transport";align-items:center;gap:6px 14px;padding:16px 16px 12px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff12}.glass.svelte-15t5ie8:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff17,#0000 40%);position:absolute;inset:0}.sleeve.svelte-15t5ie8{aspect-ratio:1;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;grid-area:cover;width:64px;padding:0;transition:transform .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 10px 24px -10px #000c,inset 0 0 0 1px #ffffff2e}.sleeve.svelte-15t5ie8:hover{transform:scale(1.04)}.sleeve.svelte-15t5ie8 img:where(.svelte-15t5ie8){-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sleeve-blank.svelte-15t5ie8{background:linear-gradient(145deg, hsl(var(--hue) 70% 58%), hsl(calc(var(--hue) + 50) 65% 38%));color:#ffffff59;place-items:center;width:100%;height:100%;display:grid}.words.svelte-15t5ie8{text-shadow:0 1px 2px #00000059;grid-area:words;min-width:0}.title.svelte-15t5ie8{-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;font-size:17px;font-weight:650;line-height:1.2;display:-webkit-box;overflow:hidden}.byline.svelte-15t5ie8{text-overflow:ellipsis;white-space:nowrap;color:#ffffffbd;margin-top:1px;font-size:13px;overflow:hidden}.score.svelte-15t5ie8{font-variant-numeric:tabular-nums;color:#ffd98a;font-size:13.5px;font-weight:700}.sr-only.svelte-15t5ie8{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.actions.svelte-15t5ie8{grid-area:remove;align-self:start;gap:10px;display:flex}.quiet.svelte-15t5ie8{color:#fffc;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;place-items:center;width:32px;height:32px;transition:background .2s;display:grid;position:relative}.quiet.svelte-15t5ie8:before{content:"";position:absolute;inset:-6px}.quiet.svelte-15t5ie8:hover{color:#fff;background:#ffffff38}.transport.svelte-15t5ie8{grid-area:transport;align-items:flex-end;gap:12px;min-width:0;display:flex}.play.svelte-15t5ie8{color:#0b0a10;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;margin-bottom:18px;transition:transform .2s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 8px 22px -8px #000c}.play.svelte-15t5ie8:hover{transform:scale(1.06)}.play.svelte-15t5ie8:active{transform:scale(.96)}.play.svelte-15t5ie8:focus-visible,.sleeve.svelte-15t5ie8:focus-visible,.quiet.svelte-15t5ie8:focus-visible{outline-offset:3px;outline:2px solid #fff}.scrub.svelte-15t5ie8{--bp-ease:cubic-bezier(.22, 1, .36, 1);flex:auto;min-width:0}@container (width>=560px){.glass.svelte-15t5ie8{-moz-column-gap:18px;grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"cover words remove""cover transport transport";align-content:center;column-gap:18px;padding:16px 20px 14px 16px}.sleeve.svelte-15t5ie8{align-self:center;width:112px;height:112px}.title.svelte-15t5ie8{font-size:19px}}@media (prefers-reduced-motion:reduce){.sleeve.svelte-15t5ie8,.play.svelte-15t5ie8{transition:none}}