*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{background:var(--background,#131311)}body{background:var(--background,#131311);color:var(--text,#f0efe9);cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:1.8vmin;line-height:1.35;overflow:hidden}:focus{outline:none}::-webkit-scrollbar{display:none}.screen{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.background,.background>*{position:absolute;top:0;bottom:0;left:0;right:0}.background-image,.background-cover{background-position:50%;background-repeat:no-repeat;background-size:cover}.background-cover{filter:blur(60px)brightness(.5);animation:1.2s both fade-in;transform:scale(1.15)}.background-empty{background:radial-gradient(circle at 50% 40%, #22211d 0%, var(--background,#131311) 70%)}.background-camera{object-fit:cover;pointer-events:none;border:0;width:100%;height:100%}.background-youtube,.background-twitch{background:radial-gradient(circle at 50% 40%, #22211d 0%, var(--background,#131311) 70%);overflow:hidden}.background-youtube iframe,.background-twitch iframe{transform-origin:50%;pointer-events:none;border:0;width:300%;height:300%;position:absolute;top:-100%;left:-100%;transform:scale(.34)}.background-scrim{background:linear-gradient(#000000b8 0%,#0000001f 30%),linear-gradient(#0000 58%,#000000d1 100%),linear-gradient(270deg,#0000008c 0%,#0000 48%),#00000038}.snow{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.layout{z-index:3;grid-template:"top top""free side"minmax(0,1fr)"now now"/minmax(0,1fr) minmax(0,28vw);gap:2vmin;height:100%;padding:3vmin 3vw;display:grid;position:relative}.top-bar{grid-area:top;justify-content:space-between;align-items:flex-start;gap:3vmin;display:flex}.top-bar-title{letter-spacing:-.01em;text-shadow:0 .3vmin 1.2vmin #0009;white-space:nowrap;text-overflow:ellipsis;font-size:4.2vmin;font-weight:700;overflow:hidden}.top-bar-wifi{align-items:flex-start;gap:2.4vmin;display:flex}.wifi{text-align:right;gap:3vmin;margin:0;display:flex}.wifi-entry{display:block}.wifi dt{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#aeaca0);text-shadow:0 .2vmin .8vmin #000c;font-size:1.5vmin;font-weight:600}.wifi dd{font-variant-numeric:tabular-nums;text-shadow:0 .2vmin 1vmin #0009;margin:.4vmin 0 0;font-size:2.6vmin;font-weight:600}.wifi-qr{text-align:center;flex:none}.wifi-qr-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#aeaca0);text-shadow:0 .2vmin .8vmin #000c;margin-bottom:.6vmin;font-size:1.5vmin;font-weight:600}.wifi-qr .qr{width:9.4vmin;height:9.4vmin}.qr{--qr-light:var(--text,#f0efe9);--qr-dark:var(--background,#131311);background:var(--qr-light,#f0efe9);border-radius:.6vmin;display:block}.app-code{-webkit-backdrop-filter:blur(1.5vmin);backdrop-filter:blur(1.5vmin);text-align:center;background:#0000009e;border:.1vmin solid #ffffff12;border-radius:1.8vmin;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.7vmin;padding:1.3vmin;display:flex}.app-code .qr{width:10.4vmin;height:10.4vmin}.code-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#aeaca0);white-space:nowrap;margin:0;font-size:1.4vmin;font-weight:700}.side-lists{flex-direction:column;grid-area:side;justify-content:flex-end;gap:1.4vmin;min-height:0;display:flex;overflow:hidden}.side-list{-webkit-backdrop-filter:blur(1.5vmin);backdrop-filter:blur(1.5vmin);background:#0000008c;border:.1vmin solid #ffffff12;border-radius:1.4vmin;padding:1.4vmin 1.6vmin}.side-list-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#aeaca0);margin:0 0 1vmin;font-size:1.4vmin;font-weight:700}.side-list-items{flex-direction:column;gap:.8vmin;margin:0;padding:0;list-style:none;display:flex}.side-list-item{align-items:center;gap:1.1vmin;min-width:0;display:flex}.side-list-text{min-width:0}.side-list-track,.side-list-artists,.now-title,.now-artists{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-list-track{font-size:1.7vmin;font-weight:600}.side-list-artists{color:var(--text-muted,#aeaca0);font-size:1.4vmin}.side-list-history .side-list-track{color:var(--text-muted,#aeaca0);font-weight:500}.cover{object-fit:cover;background:var(--surface-sunken,#0e0e0c);border-radius:.6vmin;flex:none;width:4.2vmin;height:4.2vmin}.cover-empty{background:var(--surface-raised,#242320)}.bottom{grid-area:now;align-items:stretch;gap:2vmin;min-width:0;display:flex}.now-bar{-webkit-backdrop-filter:blur(1.5vmin);backdrop-filter:blur(1.5vmin);background:#0000009e;border:.1vmin solid #ffffff12;border-radius:1.8vmin;flex:auto;align-items:center;gap:2.4vmin;min-width:0;padding:2vmin 2.4vmin;display:flex}.now-cover{object-fit:cover;border-radius:1.2vmin;flex:none;width:12vmin;height:12vmin;box-shadow:0 1vmin 3vmin #0000008c}.now-text{flex:auto;min-width:0}.now-title-row{align-items:baseline;gap:1.6vmin;min-width:0;display:flex}.now-title{letter-spacing:-.01em;font-size:3.4vmin;font-weight:700}.now-paused{background:var(--music-soft,#10281f);color:var(--music,#5ecfa3);letter-spacing:.12em;text-transform:uppercase;border-radius:.8vmin;flex:none;padding:.4vmin 1.2vmin;font-size:1.5vmin;font-weight:700}.now-artists{color:var(--text-muted,#aeaca0);margin-top:.4vmin;font-size:2.2vmin}.now-progress-row{align-items:center;gap:1.4vmin;margin-top:1.4vmin;display:flex}.now-time{font-variant-numeric:tabular-nums;color:var(--text-muted,#aeaca0);flex:none;font-size:1.9vmin}.now-progress{background:#ffffff2e;border-radius:.7vmin;flex:auto;height:.7vmin;overflow:hidden}.now-progress-fill{border-radius:inherit;background:var(--music,#5ecfa3);height:100%;transition:width .26s linear}.now-clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 .3vmin 1.2vmin #0009;flex:none;font-size:5.4vmin;font-weight:300}.countdown{z-index:4;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;animation:.8s both fade-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.countdown-panel{-webkit-backdrop-filter:blur(2vmin);backdrop-filter:blur(2vmin);text-align:center;background:#0000009e;border-radius:3vmin;padding:4vmin 7vmin;animation:.6s both fade-in}.countdown-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:18vmin;font-weight:700;line-height:1}.countdown-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted,#aeaca0);margin-top:1.5vmin;font-size:2.4vmin;font-weight:600}.background-sound-hint{z-index:1;color:var(--text-muted,#aeaca0);background:#0000009e;border-radius:1vmin;padding:.8vmin 1.6vmin;font-size:1.5vmin;font-weight:600;animation:.4s both fade-in;position:absolute;top:10vmin;bottom:auto;left:3vw;right:auto}.offline-chip{z-index:5;background:var(--warning-soft,#33240f);color:var(--warning,#f2b25a);border-radius:1vmin;padding:.8vmin 1.6vmin;font-size:1.5vmin;font-weight:600;animation:.4s both fade-in;position:absolute;bottom:3vmin;right:3vw}.message{text-align:center;background:var(--background,#131311);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:6vmin;display:flex}.message-headline{letter-spacing:-.02em;margin:0;font-size:6vmin;font-weight:700}.message-detail{max-width:60vw;color:var(--text-muted,#aeaca0);margin:2.4vmin 0 0;font-size:2.6vmin}@keyframes fade-in{0%{opacity:0}to{opacity:1}}