:root{--header-h: 200px;--pager-h: 72px}img.hero{width:100%;max-width:480px;height:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}#app-main #home{margin-bottom:96px}.badge:not(#scheduled-broadcasts-badge){min-inline-size:2rem!important}menu li a{display:flex;width:100%;height:100%;pointer-events:auto}menu li a *{pointer-events:none}#contents,#contents-list-wrapper{max-height:calc(100vh - var(--header-h) - var(--pager-h));overflow-x:hidden;overflow-y:scroll}#archive.active,#home.active,#help.active{animation:var(--speed1) archive-enter ease}@keyframes archive-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}#archive.active .blur,#home.active .blur,#help.active .blur{will-change:transform,opacity;animation:blur-enter var(--speed1) cubic-bezier(.2,0,0,1) both;animation-delay:var(--speed2)}@keyframes blur-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hidden{display:none!important}.no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}button:has(.tooltip){backdrop-filter:none!important}.header-title{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}article{display:flex;flex-direction:column;justify-content:space-between}.music-note{color:var(--primary)}.live-indicator:after{content:" \25cf  LIVE";color:var(--error);font-weight:700;animation:blink 1s ease-in infinite}@keyframes blink{50%{opacity:.5}}.fade-in{opacity:0!important;transition:opacity .4s ease-in!important}.fade-in.show{opacity:1!important}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.4s}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:.4s ease-in both fade-out}::view-transition-new(root){animation:.4s ease-out both fade-in}#app-header,#app-footer{background:color-mix(in srgb,var(--surface) 40%,transparent)!important}nav:is(.left,.right,.top,.bottom) a.active>i{background:transparent!important}#app-footer a i,#app-nav a i{font-variation-settings:"FILL" 0,"wght" 400}#app-footer a.active i,#app-nav a.active i{font-variation-settings:"FILL" 1,"wght" 500}#app-footer a i,#app-nav a i{position:relative;border-radius:999px;transition:transform var(--speed2) cubic-bezier(.2,0,0,1),font-variation-settings var(--speed2) cubic-bezier(.2,0,0,1)}#app-footer a i:before,#app-nav a i:before{content:"";position:absolute;inset:0;background:var(--secondary-container);border-radius:inherit;opacity:0;transform:scale(.6);transition:opacity var(--speed2) ease,transform var(--speed2) cubic-bezier(.2,0,0,1);z-index:-1}#app-footer a.active i,#app-nav a.active i{color:var(--on-secondary-container);transform:scale(1.08)}#app-footer a.active i:before,#app-nav a.active i:before{opacity:1;transform:scale(1)}#app-footer a:active i,#app-nav a:active i{transform:scale(.92)}.marquee{overflow:hidden;white-space:nowrap;width:100%;border-radius:0}.marquee>div{display:inline-block;white-space:nowrap;will-change:transform}.marquee-active>div{animation-name:marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--marquee-duration, 8s)}.min-player:active .marquee-active>div{animation-play-state:paused}@keyframes marquee-scroll{0%,15%{transform:translate(0)}70%{transform:translate(var(--marquee-distance))}85%,to{transform:translate(var(--marquee-distance))}}#live-media-player,#media-player{transform:translateY(40px) translate(-50%) scale(.98);transition:transform var(--speed3) cubic-bezier(.2,0,0,1);will-change:transform}#live-media-player.player-visible,#media-player.player-visible{transform:translateY(0) translate(-50%) scale(1);transition:transform var(--speed3) cubic-bezier(.2,0,0,1)}#live-media-player.player-hidden,#media-player.player-hidden{transform:translateY(60px) translate(-50%) scale(.98);pointer-events:none}.broadcast-item{width:100%;overflow:hidden;box-sizing:border-box;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.broadcast-item>i{flex:0 0 auto}.broadcast-item>.max{flex:1 1 auto;min-width:0;overflow:hidden}.title-row{display:flex;align-items:center;flex-wrap:nowrap;min-width:0}.broadcast-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.broadcast-meta{display:flex;align-items:center;gap:.2rem;min-width:0}.colony-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.favorite i,.favorite{font-variation-settings:"FILL" 1;color:var(--error)}.length,.uploaded,.meta-separator,.listeners{flex:0 0 auto;white-space:nowrap;opacity:.75}.equalizer{display:flex;align-items:flex-end!important;gap:2px;width:20px;height:18px}.equalizer span{width:4px;height:6px;background:var(--on-secondary);border-radius:2px;animation:eq .9s infinite ease-in-out}.equalizer span:nth-child(2){animation-delay:.2s}.equalizer span:nth-child(3){animation-delay:.4s}#policy-dialog h1{font-size:1.4rem;margin-top:1.2rem}#policy-dialog h2{font-size:1.15rem;margin-top:1rem}#policy-dialog h3{font-size:1rem}#policy-dialog p{line-height:1.45}[data-action=love]{--love-scale: 1;transform:scale(var(--love-scale));-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease}[data-action=love]:before{background:radial-gradient(circle,rgba(255,64,96,.5) 0%,rgba(255,64,96,.25) 40%,transparent 70%)}[data-action=love] i{font-variation-settings:"FILL" 0,"wght" 400;color:var(--error);transition:transform var(--speed2) cubic-bezier(.2,0,0,1),font-variation-settings var(--speed2) cubic-bezier(.2,0,0,1)}[data-action=love]:hover i{font-variation-settings:"FILL" 1,"wght" 500}[data-action=love].love-glow:before{animation:love-glow .6s ease}@keyframes love-glow{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}[data-action=love].love-glow{filter:saturate(1.4) brightness(1.1)}[data-action=love]:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}[data-action=love].love-ring:after{animation:love-ring .6s cubic-bezier(.2,.8,.2,1)}@keyframes love-ring{0%{transform:scale(1);opacity:.6;border:2px solid rgba(255,64,96,.7)}to{transform:scale(2.2);opacity:0;border:2px solid rgba(255,64,96,0)}}.snackbar.error i{animation:heart-beat .8s ease}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.recent-scroll{overflow-x:auto;overflow-y:hidden;display:flex;gap:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.recent-scroll::-webkit-scrollbar{display:none}.recent-column{scroll-snap-align:center}.recent-column{flex:0 0 auto;display:flex;flex-direction:column;width:320px;scroll-snap-align:start}.recent-column{width:85%}@media(min-width:600px){.recent-scroll{scroll-snap-type:none}.recent-column{width:320px;scroll-snap-align:none}}.live-badge{animation:pulse 1.6s infinite}.playing{background-color:var(--active)!important}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.live-equalizer{display:flex;align-items:flex-end!important;gap:2px;width:20px;height:18px}.live-equalizer span{width:4px;height:6px;background:var(--on-error);border-radius:2px;animation:eq .9s infinite ease-in-out}.live-equalizer span:nth-child(2){animation-delay:.2s}.live-equalizer span:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:4px}50%{height:16px}}.help-content h1{font-size:1.4rem;margin-top:1.2rem}.help-content h2{font-size:1.15rem;margin-top:1rem}.help-content h3{font-size:1rem}.help-content h4{font-size:.9rem;margin-top:.5rem}.help-content h2,.help-content h3,.help-content h4{position:relative;transition:all var(--speed2) ease}.highlight-flash{outline:.125rem solid var(--primary);outline-offset:.25rem;background-color:color-mix(in srgb,var(--surface-variant) 40%,transparent);border-radius:.5rem}.help-content p{line-height:1.45}hr{margin:1.5rem 0}code{border-radius:5px;opacity:.9}img{max-width:100%;border-radius:.5rem}table{background-color:transparent!important}#help-panels{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem}.help-content{min-width:100%;flex:0 0 100%;scroll-snap-align:start;overflow-y:auto}.help-content a:not(.help-toc a){border-color:var(--outline-variant);box-sizing:border-box;border:.0625rem solid var(--outline);border-radius:.5rem;background-color:transparent;box-shadow:none;color:var(--primary);padding:.5rem;block-size:var(--_size);font-size:.875rem;font-weight:500}.help-content a:not(.help-toc a):hover{background-color:color-mix(in srgb,var(--primary) 20%,transparent)}nav.tabbed a{transition:color var(--speed2) ease,background-color var(--speed2) ease,transform var(--speed2) cubic-bezier(.2,0,0,1)}nav.tabbed a i{font-variation-settings:"FILL" 0,"wght" 400;transition:transform var(--speed2) cubic-bezier(.2,0,0,1),font-variation-settings var(--speed2) cubic-bezier(.2,0,0,1)}nav.tabbed a i:before{transform:scale(.6);transition:opacity var(--speed2) ease,transform var(--speed2) cubic-bezier(.2,0,0,1)}nav.tabbed a.active{color:var(--on-secondary-container)}nav.tabbed a.active i{font-variation-settings:"FILL" 1,"wght" 500;transform:scale(1.08)}nav.tabbed a.active i:before{opacity:1;transform:scale(1)}nav.tabbed a:active i{transform:scale(.92)}nav.tabbed a span{transition:opacity var(--speed2) ease,transform var(--speed2) ease}nav.tabbed a:not(.active) span{opacity:.7}nav.tabbed:after{transition:transform var(--speed2) cubic-bezier(.2,0,0,1),width var(--speed2) cubic-bezier(.2,0,0,1)}#calendar{height:calc(100dvh - 160px)}#calendar iframe{width:100%;height:100%;border-radius:.5rem}