:root{color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;background:#35384a;font-family:Open Sans,Arial,sans-serif;font-weight:300}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;padding:0}body{background:#35384a;line-height:1;overflow:hidden}button,input{font:inherit}a{color:#f7f7f7;opacity:.8;text-decoration:none;transition:opacity .2s linear}a:hover,a:focus-visible{opacity:1}h1,h2,p{margin:0;font-weight:300}h1{margin-top:.4em;font-size:2em}h2{font-size:1.6em}::selection{color:#35384a;background:#dcd7ff}.listening{isolation:isolate;width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}.cursor-hidden,.cursor-hidden *{cursor:none!important}.background-stack{z-index:-1;position:fixed;inset:0;overflow:hidden}.background{background-color:#35384a;background-image:var(--cover-url);background-position:top;background-size:cover;position:absolute;inset:-3vmax}.background-blurred .background{filter:blur(1.25vmin)}.background-none .background{background-color:#000;background-image:none}.background-outgoing{z-index:0}.background-current,.background-incoming{z-index:1}.background-incoming{animation:1s cubic-bezier(.65,0,.2,1) both background-wipe-down}.container{caret-color:#0000;background:#000000a6;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:100dvh;padding:2em 3em;display:flex}.row{flex-direction:row;justify-content:space-between;width:100%;display:flex}.row.top{align-items:flex-start}.row.bottom{align-items:flex-end}.corner.left{text-align:left}.corner.right{text-align:right}.fade{opacity:0;visibility:hidden;transition:opacity .75s linear,visibility 0s linear .75s}.fade.visible{opacity:1;visibility:visible;transition-delay:0s}.track-transitioning .datetime.visible,.track-transitioning .weather.visible{animation:1.1s ease-in-out both ambient-transition-dim}.datetime,.weather{min-height:5.25em}.apparent{color:#c4c4c4;font-size:.75em}.help{color:#f7f7f7;flex-direction:column;align-items:flex-start;min-width:14em;font-family:Source Code Pro,monospace;font-size:.78em;font-weight:400;display:flex}.controls-corner{align-items:flex-end;min-height:7.5em;display:flex}.help .links{gap:.8em;padding-bottom:.4em;display:flex}.help button{color:#f7f7f7;opacity:.8;cursor:pointer;background:0 0;border:0;margin-top:.1em;padding:0;transition:opacity .2s linear}.help button:hover,.help button:focus-visible,.help button[aria-pressed=true]{opacity:1}.music{min-width:20vw;position:relative}.music-panel{flex-direction:column;align-items:flex-end;display:flex}.extended-info-stack{width:100%;position:relative}.track-layer.current,.track-layer.incoming{z-index:2;position:relative}.track-layer.outgoing{z-index:1;position:absolute;top:0;right:0}.cover-stack{display:grid}.cover-layer{grid-area:1/1}.cover-layer.outgoing{z-index:1}.cover-layer.current,.cover-layer.incoming{z-index:3}.cover-layer.incoming{will-change:clip-path;animation:1s cubic-bezier(.65,0,.2,1) both cover-wipe-down}.track-layer.incoming.transition-text{animation:.38s ease-out .62s both track-text-in}.track-layer.outgoing.transition-text{animation:.28s ease-in both track-text-out}.song-copy-stack{width:100%;height:6em;position:relative}.user-line{margin-bottom:.65em;font-size:1.6em}.user-line h2{font-size:1em}.last-played-status{white-space:nowrap}.scrobbles,.detailed-scrobbles{color:#c4c4c4;margin-bottom:.3em;font-size:.6em}.detailed-scrobbles{font-size:.5em}.song-link{opacity:1;display:inline-block}.song-copy{text-align:right;width:max-content;max-width:70vw;margin-left:auto}.cover{aspect-ratio:1;object-fit:cover;width:32vw;display:block}.cover-placeholder{color:#c4c4c4;background:#35384abf;place-items:center;font-size:5em;display:grid}.title{color:var(--title-color,#f7f7f7);transition:color .6s linear}.artist{color:var(--artist-color,#c4c4c4);margin-top:.5em;transition:color .6s linear}.loading-message,.idle-message{color:#c4c4c4}.error-message{color:#ffd2d2;max-width:24em}.mobile-menu-shell{display:none}.settings-backdrop{z-index:20;-webkit-backdrop-filter:blur(18px)brightness(.58);backdrop-filter:blur(18px)brightness(.58);background:#05050757;justify-content:flex-end;align-items:center;padding:1.5rem;animation:.24s ease-out both settings-backdrop-in;display:flex;position:fixed;inset:0}.settings-backdrop.closing{pointer-events:none;animation:.22s ease-in both settings-backdrop-out}.settings-panel{color:#f7f7f7;background:#16161ae6;border:1px solid #ffffff2e;border-radius:1.15rem;width:min(44rem,100%);max-height:calc(100dvh - 3rem);animation:.24s ease-out both settings-panel-in;overflow:hidden;box-shadow:0 2rem 6rem #00000073}.settings-panel.closing{animation:.22s ease-in both settings-panel-out}.settings-panel form{flex-direction:column;max-height:calc(100dvh - 3rem);display:flex}.settings-header,.settings-actions{justify-content:space-between;align-items:center;padding:1.35rem 1.5rem;display:flex}.settings-header{border-bottom:1px solid #ffffff1f}.settings-header h1{margin:.2rem 0 0;font-size:1.75rem}.settings-kicker,.settings-shortcut{color:#aeb0b9;letter-spacing:.08em;text-transform:uppercase;font-family:Source Code Pro,monospace;font-size:.72rem}.settings-shortcut{font-size:.9rem}.settings-scroll{padding:0 1.5rem .65rem;overflow-y:auto}.settings-panel fieldset{border:0;margin:0;padding:1.5rem 0 1rem}.settings-panel fieldset+fieldset{padding-top:1.1rem}.settings-panel legend{float:left;color:#bfc0c6;letter-spacing:.08em;text-align:left;text-transform:uppercase;align-items:center;gap:.8rem;width:100%;margin-bottom:1.4rem;padding:0;font-family:Source Code Pro,monospace;font-size:.72rem;font-weight:400;display:flex}.settings-panel legend+*{clear:both}.settings-panel legend:after{content:"";background:#ffffff1f;flex:1;height:1px}.background-options{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.75rem;display:grid}.background-option{color:#bfc0c6;cursor:pointer;background:#ffffff09;border:1px solid #ffffff21;border-radius:.65rem;min-height:7rem;padding:.85rem;transition:border-color .2s,background .2s,color .2s}.background-option.selected{color:#fff;background:#ffffff1a;border-color:#ffffffb8}.background-option input{opacity:0;pointer-events:none;position:absolute}.background-option strong,.background-option span{display:block}.background-option span,.setting-toggle small,.setting-description{color:#9b9ca4;margin-top:.42rem;font-size:.75rem;line-height:1.45}.setting-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.setting-toggle span,.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle input{accent-color:#d7d2ff;flex:none;width:2.7rem;height:1.45rem}.coordinate-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem;display:grid}.coordinate-grid label span{color:#bfc0c6;margin-bottom:.4rem;font-size:.75rem;display:block}.coordinate-grid input{color:#fff;appearance:textfield;background:#00000038;border:1px solid #ffffff26;border-radius:.5rem;outline:none;width:100%;padding:.7rem .75rem}.setting-text-input input{color:#fff;background:#00000038;border:1px solid #ffffff26;border-radius:.5rem;outline:none;width:100%;padding:.7rem .75rem}.setting-text-input input:focus-visible{border-color:#d7d2ff}.coordinate-grid input::-webkit-inner-spin-button{appearance:none;margin:0}.coordinate-grid input::-webkit-outer-spin-button{appearance:none;margin:0}.coordinate-grid input:focus-visible{border-color:#d7d2ff}.settings-error{color:#ffbaba;margin-top:.75rem;font-size:.78rem;line-height:1.4}.settings-actions{border-top:1px solid #ffffff1f;justify-content:flex-end;gap:.65rem}.settings-actions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:.5rem;padding:.65rem 1rem}.settings-actions .primary{color:#17171a;background:#f4f1ff}.settings-actions button:hover,.settings-actions button:focus-visible{border-color:#fff}@keyframes settings-panel-in{0%{opacity:0;transform:translate(1.25rem)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes settings-panel-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(1.25rem)scale(.985)}}@keyframes settings-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes settings-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes background-wipe-down{0%{clip-path:inset(0 0 100%);transform:translateY(-2%)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes ambient-transition-dim{0%,to{opacity:1}22%,72%{opacity:.82}}@keyframes cover-wipe-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes track-text-in{0%{opacity:0}to{opacity:1}}@keyframes track-text-out{0%{opacity:1}to{opacity:0}}@media (width>=768px){.cover{width:28vw}}@media (width>=992px){.cover{width:24vw}}@media (width>=1200px){.cover{width:20vw}}@media (width<=700px){h1,h2{line-height:1.12}.container{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(4.85rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.row.top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.row.top .corner{min-width:0}.datetime,.weather{min-height:3.75rem}.datetime h2,.weather h2{font-size:clamp(.72rem,3.25vw,.9rem);line-height:1.25}.datetime h1,.weather h1{margin-top:.35rem;font-size:clamp(1.15rem,5vw,1.55rem)}.weather .conditions{white-space:nowrap}.weather .apparent{margin-top:.3rem;font-size:.55em;display:block}.row.bottom{flex:1;align-items:flex-end;min-height:0}.row.bottom>.controls-corner{display:none}.music{text-align:center;justify-content:center;align-items:flex-end;width:100%;min-width:0;max-width:100%;height:100%;display:flex}.music-panel{align-items:center;width:100%}.extended-info-stack{width:100%}.user-line{text-align:center;max-width:100%;margin:0 auto .55rem;font-size:clamp(.88rem,3.5vw,1.1rem);line-height:1.2}.user-line h2{line-height:1.25}.scrobbles,.detailed-scrobbles{margin-bottom:.22rem}.cover{border-radius:.25rem;width:min(76vw,42dvh,22rem);max-width:100%;box-shadow:0 1.1rem 3rem #00000047}.song-copy-stack{width:100%;height:clamp(4.7rem,12dvh,6rem)}.song-copy{text-align:center;width:100%;max-width:100%;margin:0 auto;overflow:hidden}.auto-scroll-text{white-space:nowrap;width:100%;display:block;overflow:hidden}.auto-scroll-track{justify-content:center;width:max-content;min-width:100%;display:flex}.auto-scroll-segment{flex:none;width:max-content}.auto-scroll-copy{width:max-content;display:inline-block}.auto-scroll-text.overflowing{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .85rem calc(100% - .85rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 .85rem calc(100% - .85rem),#0000 100%)}.auto-scroll-text.overflowing .auto-scroll-track{will-change:transform;justify-content:flex-start;min-width:0}.auto-scroll-text.overflowing .auto-scroll-segment{padding-right:3rem}.title{margin-top:.65rem;font-size:clamp(1.35rem,6.5vw,2rem);line-height:1.08}.artist{margin-top:.35rem;font-size:clamp(1rem,4.5vw,1.35rem);line-height:1.1}.loading-message,.idle-message,.error-message{text-align:center;align-self:center;width:100%;line-height:1.35}.mobile-menu-shell{right:max(1rem, env(safe-area-inset-right));bottom:max(.8rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));z-index:10;isolation:isolate;justify-content:center;align-items:center;width:min(20rem,100% - 2rem);height:2.8rem;margin:0 auto;display:flex;position:fixed}.mobile-menu-shell:before{bottom:calc(-1 * (max(.8rem, env(safe-area-inset-bottom))));z-index:-1;content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0000007a 58%,#000000c7 100%);width:100vw;height:min(22rem,58dvh);transition:opacity .28s;position:absolute;left:50%;transform:translate(-50%)}.mobile-menu-shell.open:before{opacity:1}.mobile-menu-drawer{opacity:0;visibility:hidden;pointer-events:none;text-shadow:0 1px .8rem #000000f2;flex-direction:column;align-items:center;gap:.48rem;padding:0 0 .9rem;font-size:.8rem;line-height:1.35;transition:opacity .24s,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s;display:flex;position:absolute;bottom:calc(100% + .45rem);left:0;right:0;transform:translateY(1.75rem)}.mobile-menu-shell.open .mobile-menu-drawer{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.mobile-menu-links{gap:.85rem;margin-bottom:.25rem;display:flex}.mobile-menu-drawer a,.mobile-menu-drawer button,.mobile-menu-toggle{color:#f7f7f7;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.mobile-menu-drawer button{opacity:.62;min-height:1.35rem;transition:opacity .2s linear}.mobile-menu-drawer button[aria-pressed=true],.mobile-menu-drawer button:focus-visible,.mobile-menu-drawer button:active{opacity:1}.mobile-menu-toggle{color:#f7f7f7;opacity:.82;min-width:5.5rem;min-height:2.75rem;font-size:.78rem;transition:opacity .75s linear}.mobile-menu-shell.idle:not(.open) .mobile-menu-toggle{opacity:0}.mobile-menu-toggle:focus-visible{outline-offset:-.1rem;outline:2px solid #fff}.settings-backdrop{align-items:flex-end;padding:0}.settings-panel{background:#121216fa;border:0;border-radius:0;width:100%;height:100dvh;max-height:none;animation-name:settings-mobile-in}.settings-panel.closing{animation-name:settings-mobile-out}.settings-panel form{height:100%;max-height:none}.settings-header,.settings-actions{padding-right:max(1rem, env(safe-area-inset-right));padding-left:max(1rem, env(safe-area-inset-left))}.settings-header{padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:1rem}.settings-header h1{font-size:1.4rem}.settings-scroll{min-height:0;padding-right:max(1rem, env(safe-area-inset-right));padding-left:max(1rem, env(safe-area-inset-left));flex:1}.settings-actions{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.settings-actions button{min-height:2.75rem}.background-options,.coordinate-grid{grid-template-columns:1fr}.background-option{min-height:0}}@keyframes settings-mobile-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes settings-mobile-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1.5rem)}}@media (width<=700px) and (height<=520px) and (orientation:landscape){.container{padding-top:.7rem}.row.top{z-index:2;position:absolute;top:.9rem;left:1rem;right:1rem}.row.bottom,.music{height:100%}.music-panel{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;height:100%;display:grid}.extended-info-stack{grid-area:1/1;align-self:end}.cover-stack{grid-area:1/2/3;align-self:center}.cover{width:min(42vw,76dvh)}.song-copy-stack{grid-area:2/1;height:5rem}.mobile-menu-shell{width:min(20rem,100% - 2rem);bottom:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}