html:has(.coming-soon){scroll-snap-type:y mandatory}.coming-soon{--alert-cycle:6s;--alert-lead:1s;--ripple-cycle:calc(var(--alert-cycle) * 2)}.ripple-field{--ripple-start:3.75%}@media (min-width:64rem){.ripple-field{--ripple-start:2.333%}}.ripples,.drop{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ripple{cx:50%;cy:50%;r:var(--ripple-start);fill:none;stroke:var(--primary);stroke-width:1px;opacity:0}.ripple:first-of-type{--ripple-end:40.4%;--ripple-peak:.2;--ripple-delay:0s}.ripple:nth-of-type(2){--ripple-end:32.3%;--ripple-peak:.15;--ripple-delay:.64s}.ripple:nth-of-type(3){--ripple-end:25%;--ripple-peak:.11;--ripple-delay:1.28s}.ripple:nth-of-type(4){--ripple-end:18.6%;--ripple-peak:.08;--ripple-delay:1.92s}@keyframes ripple{0%{r:var(--ripple-start);opacity:0;animation-timing-function:cubic-bezier(.2,.55,.35,1)}3%{opacity:var(--ripple-peak);animation-timing-function:linear}50%{opacity:calc(var(--ripple-peak) * .6);animation-timing-function:linear}92%,to{r:var(--ripple-end);opacity:0}}.drop{z-index:20}.drop circle{cx:50%;cy:50%;r:25.6%;fill:var(--primary);opacity:0}@keyframes drop{0%,86%{r:25.6%;opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6)}98.8%{r:8%;opacity:.3}to{r:8%;opacity:0}}.sample-stream{--alert-zoom:1.9;background:radial-gradient(120% 90% at 18% 110%, #394e35b3, transparent 60%), radial-gradient(80% 70% at 88% 8%, #423d2b8c, transparent 65%), var(--preview-stage)}@supports (color:lab(0% 0 0)){.sample-stream{background:radial-gradient(120% 90% at 18% 110%, lab(31.0079% -12.9247 12.6144/.7), transparent 60%), radial-gradient(80% 70% at 88% 8%, lab(25.9104% -.336155 11.9574/.55), transparent 65%), var(--preview-stage)}}@media (min-width:40rem){.sample-stream{--alert-zoom:1.6}}@keyframes sample-alert-stack{0%,78.333%{opacity:1;animation-timing-function:ease-in;transform:none}83.333%,to{opacity:0;transform:translateY(calc(8 * var(--canvas-px)))}}@keyframes sample-alert-media{0%,16.667%{opacity:0;transform:scale(.92)}23.333%,to{opacity:1;transform:none}}@keyframes sample-alert-card{0%,18.667%{opacity:0;transform:translateY(calc(16 * var(--canvas-px)))}25.333%,to{opacity:1;transform:none}}@keyframes sample-alert-echo-1{0%{opacity:0;r:86.5px;animation-timing-function:step-end}18.667%{opacity:.35;r:86.5px}38.667%,to{opacity:0;r:181.7px}}@keyframes sample-alert-echo-2{0%{opacity:0;r:86.5px;animation-timing-function:step-end}21.333%{opacity:.35;r:86.5px}41.333%,to{opacity:0;r:181.7px}}@media (prefers-reduced-motion:no-preference){.ripple{animation:ripple var(--ripple-cycle) infinite;animation-delay:calc(var(--alert-lead) + var(--ripple-delay))}.drop circle{animation:drop var(--ripple-cycle) infinite;animation-delay:var(--alert-lead)}.sample-stream .hibiki-alert{animation:sample-alert-stack var(--alert-cycle) infinite}.sample-stream .hibiki-alert-media{animation:sample-alert-media var(--alert-cycle) cubic-bezier(.2, .8, .2, 1) infinite}.sample-stream .hibiki-alert-card{animation:sample-alert-card var(--alert-cycle) cubic-bezier(.2, .8, .2, 1) infinite}.sample-stream .hibiki-alert-echo:first-of-type{animation:sample-alert-echo-1 var(--alert-cycle) ease-out infinite}.sample-stream .hibiki-alert-echo:nth-of-type(2){animation:sample-alert-echo-2 var(--alert-cycle) ease-out infinite}}.queue-live-pulse{r:3px;opacity:0}@keyframes queue-live-pulse{0%{r:3px;opacity:.5}to{r:8px;opacity:0}}@keyframes queue-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.queue-live-pulse{animation:1.6s ease-out infinite queue-live-pulse}.queue-progress{animation-name:queue-progress;animation-timing-function:linear;animation-fill-mode:both}}