@charset "UTF-8";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}.__spacing-horizontal{padding-right:var(--space-content-x);padding-left:var(--space-content-x)}.__spacing-vertical{padding-top:var(--space-l);padding-bottom:var(--space-l)}.__spacing-top{padding-top:var(--space-l)}.__spacing-right{padding-right:var(--space-content-x)}.__spacing-bottom{padding-bottom:var(--space-l)}.__spacing-left{padding-left:var(--space-content-x)}@keyframes playerRotateLoading{0%{transform:rotate(0)}80%,to{transform:rotate(360deg)}}:root{--space-xl: calc(var(--space-l) * 1.25);--space-l: 8vh;--space-m: calc(var(--space-l) * .75);--space-s: calc(var(--space-l) * .5);--space-xs: calc(var(--space-l) * .25);--space-content-x: var(--space-m);--size-menu: var(--space-xl);--size-player: 14vh;--size-cat-nav: 20vw;--size-content: calc(100vw - var(--size-menu));--card-gap: 3vh;--logo-height: 16vh;--logo-height-medium: var(--space-l);--logo-width-small: var(--space-m);--logo-height-small: var(--space-m);--ratio-w: 16vh;--ratio-h: 9vh;--font-family: "Inter", Arial, sans-serif;--font-icons: "Material Icons Round";--font-size-s: 1.8vh;--font-size-m: 2vh;--font-size-l: 2.4vh;--font-size-xl: 3.4vh;--font-size-xxl: 4.6vh;--line-height: 1.5;--line-height-s: 1.2;--font-size-icons: var(--font-size-xl);--color-base: 0 0;--color-font-light: hsl(var(--color-base) 100 / 100%);--color-font-light-disabled: hsl(var(--color-base) 80 / 100%);--color-font-dark: hsl(var(--color-base) 0 / 100%);--color-font-dark-secondary: hsl(var(--color-base) 20 / 100%);--color-page-background: hsl(var(--color-base) 15 / 100%);--color-card-background: hsl(var(--color-base) 30 / 100%);--color-card-highlight: hsl(var(--color-base) 60 / 100%);--color-card-background-light: hsl(var(--color-base) 100 / 100%);--color-menu: hsl(var(--color-base) 65 / 100%);--color-menu-background: hsl(var(--color-base) 0 / 100%);--color-menu-active: hsl(var(--color-base) 100 / 100%);--color-menu-active-background: var(--color-button-focus-background);--color-player: hsl(var(--color-base) 100 / 100%);--color-player-background: hsl(var(--color-base) 0 / 100%);--color-button: var(--color-font-light);--color-button-background: hsl(var(--color-base) 20 / 100%);--color-button-focus-background: hsl(var(--color-base) 40 / 100%);--color-button-primary: var(--color-font-dark);--color-button-primary-background: hsl(var(--color-base) 80 / 100%);--color-button-primary-focus-background: hsl(var(--color-base) 90 / 100%);--transition-default: .15s ease-out;--transition-slow: .5s ease-out .1s;--transition-bounce: .3s cubic-bezier(.9, 0, .5, 1.5);--zindex-player: 200;--zindex-menu: 150;--zindex-content: 50;--zindex-bigmin: 2;--zindex-min: 1;--zindex-negativ: -1}.app-icons{font-family:var(--font-icons);font-weight:400;font-style:normal;font-size:var(--font-size-l);display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-l);line-height:var(--line-height);font-weight:400;color:var(--color-font-light)}body *{box-sizing:border-box}#app .main{position:absolute;inset:0;backface-visibility:hidden;transition:opacity 1s;opacity:1;overflow:hidden;background-color:var(--color-page-background)}#app .main.--with-player{padding-bottom:var(--size-player)}.content{position:relative;width:100%;max-width:var(--size-content);height:100%;max-height:100%;margin-left:var(--size-menu);overflow:hidden;backface-visibility:hidden;scroll-padding-top:0;display:flex;flex-direction:column;gap:var(--space-m);z-index:var(--zindex-content)}.content>*{scroll-snap-align:center}.content__block{display:flex;flex-direction:column}.content__block:first-of-type>*:first-child{padding-top:0}.content__block>*{padding-top:var(--space-xs);padding-bottom:var(--space-xs);scroll-snap-align:center}.advantages strong{font-weight:600}.advantages th,.advantages td{line-height:var(--line-height-s)}.advantages th:nth-child(n+2),.advantages td:nth-child(n+2){min-width:3vw;text-align:center}.advantages th{padding-bottom:1vh;font-size:var(--font-size-s)}.advantages td{padding:1vh 0;font-size:var(--font-size-m);color:var(--color-font-dark-secondary)}.advantages td:nth-child(n+2){color:var(--color-font-light-disabled)}.advantages td .app-icons{color:var(--color-font-dark-secondary)}.advantages tbody tr:nth-child(n+2){border-top:.125vh solid hsl(var(--color-base) 70/100%)}.auth-card{position:relative;width:100%;max-width:80%;padding:var(--space-m) var(--space-l);margin:auto 0;align-self:center;background-color:var(--color-card-background-light);color:var(--color-font-dark);border-radius:1vh;display:grid;gap:var(--space-s) var(--space-l);-webkit-user-select:none;user-select:none}.auth-card__focus-area{position:absolute;width:100%;height:100%;opacity:0}.auth-card__focus-area:focus~.auth-card__box .fake-link{padding:.4vh;outline:.4vh solid hsl(var(--color-base) 70/100%)}.auth-card.--login{grid-template-columns:2fr auto 1fr}.auth-card.--login .logo{grid-column:1/span 3}.auth-card.--register{grid-template-columns:2fr 1fr}.auth-card.--register .logo{grid-column:1/span 2}.auth-card .logo.--medium{width:100%}.auth-card__box{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-xs)}.auth-card__divider{position:relative;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-m);font-weight:500;z-index:var(--zindex-min);color:var(--color-font-dark-secondary)}.auth-card__divider:before{position:absolute;content:"";height:100%;left:50%;width:.125vw;transform:translate(-50%);background-color:hsl(var(--color-base) 90/100%);z-index:var(--zindex-negativ)}.auth-card__divider__label{padding:1vh;z-index:var(--zindex-min);background-color:var(--color-card-background-light)}.auth-card__text.--centered{text-align:center}.auth-card__text h1{font-size:var(--font-size-xxl);font-weight:600;margin-bottom:1vh}.auth-card__text p{font-size:var(--font-size-l);color:var(--color-font-dark-secondary);line-height:var(--line-height-s)}.auth-card__text p.--big{letter-spacing:.8vh;font-size:6.6vh;font-weight:800;line-height:var(--line-height)}.auth-card__text small{display:block;font-size:var(--font-size-s);color:var(--color-font-dark-secondary)}.auth-card__text small+small{margin-top:1.25vh}.auth-card__text .fake-link{text-decoration:underline;font-weight:500}.auth-card__qr{line-height:0;width:24vw}.auth-card__qr__media{width:100%;height:100%;object-fit:contain}.back{--this-item-size: 8vh;position:absolute;top:var(--space-s);right:var(--space-content-x);width:var(--this-item-size);height:var(--this-item-size);display:flex;align-items:center;justify-content:center;z-index:var(--zindex-min);-webkit-user-select:none;user-select:none}.back:focus:before{background-color:var(--color-button-focus-background);transform:translate3d(-50%,-50%,0) scale(1.2)}.back:before{z-index:var(--zindex-negativ);content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1);backface-visibility:hidden;background-color:var(--color-button-background);border-radius:50%;will-change:transform,background-color;transition:transform var(--transition-default),background-color var(--transition-default)}.back__icon{width:var(--this-item-size);height:var(--this-item-size);color:var(--color-button);font-size:var(--font-size-icons);display:flex;align-items:center;justify-content:center}.back__icon.--loading{animation:playerRotateLoading 1s ease-in-out infinite}.--primary .back__icon{color:var(--color-button-primary)}.banner{width:100%;max-width:calc(100% - var(--space-content-x) * 2);padding:var(--space-s);margin:0 auto;backface-visibility:hidden;background:var(--color-card-background) url(/assets/bgr-GuFYYuYb.jpg) no-repeat center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);outline:1vh solid var(--color-page-background)}.banner:focus{outline:1vh solid var(--color-card-highlight)}.banner__entry{color:var(--color-font-dark);text-align:center;font-size:var(--font-size-xl);-webkit-user-select:none;user-select:none}.banner__entry strong{font-weight:600}.banner__button{position:relative;padding:1vh var(--space-m);-webkit-user-select:none;user-select:none;font-size:var(--font-size-l);color:var(--color-button);width:auto;background-color:hsl(var(--color-base) 0/100%)}.banner:focus .banner__button{background-color:hsl(var(--color-base) 20/100%)}.card{position:relative;line-height:0;-webkit-user-select:none;user-select:none;backface-visibility:hidden;color:var(--color-font-light-disabled);scroll-snap-align:start;flex-shrink:0}.card:focus{color:var(--color-font-light)}.card__media-container{position:relative}.card__media{background:var(--color-card-background) center/cover no-repeat;transform:translateZ(1px);transition:outline-color var(--transition-default);outline:1vh solid var(--color-page-background)}.card:focus .card__media{outline:1vh solid var(--color-card-highlight)}.--channel .card__media{padding-top:100%}.--mood .card__media{padding-top:46.7611%}.card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--space-xs);line-height:var(--line-height-s);display:flex;align-items:flex-end;justify-content:flex-end;color:currentColor;z-index:var(--zindex-min);gap:var(--space-xs)}.--mood .card__overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,hsl(var(--color-base) 10/90%),transparent 60%);backface-visibility:hidden;z-index:var(--zindex-negativ)}.card__overlay__icon{width:6vh;height:6vh;background:hsl(var(--color-base) 100/100%);color:hsl(var(--color-base) 0/100%);font-size:var(--font-size-icons);line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 .5vh hsl(var(--color-base) 30/100%)}.card__meta{margin-top:1vh;line-height:var(--line-height)}.card__title{width:100%;max-width:100%;font-weight:500;font-size:var(--font-size-l);transform:translateZ(1px);overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-grid{width:100%;display:flex;flex-wrap:wrap;gap:var(--card-gap)}.card-grid.--size-s{--grid-size: 5;gap:var(--card-gap)}.card-grid.--size-m{--grid-size: 4;gap:var(--card-gap)}.card-grid .card{width:calc((100% - var(--card-gap) * (var(--grid-size) - 1)) / var(--grid-size))}.card-slider{width:100%;display:flex;gap:var(--card-gap);overflow:hidden;scroll-padding-left:var(--space-content-x);scroll-padding-right:var(--space-content-x);backface-visibility:hidden;will-change:color;flex-shrink:0;-webkit-overflow-scrolling:touch}.card-slider .--channel{--this-card-width: 28vh}.card-slider .--mood{--this-card-width: 36vh}.card-slider .card{width:var(--this-card-width)}.card-slider__button{position:relative;width:var(--this-card-width);background-color:var(--color-button-background);flex:1 0 auto;color:var(--color-button);transition:background-color var(--transition-default),outline-color var(--transition-default);outline:1vh solid var(--color-page-background)}.card-slider__button:focus{outline-color:var(--color-card-highlight);background-color:var(--color-button-focus-background)}.card-slider__button:before{content:"";display:block}.card-slider__button.--channel:before{padding-top:100%}.card-slider__button.--mood:before{padding-top:46.7611%}.card-slider__button__meta{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.card-slider__button__icon{font-size:var(--font-size-xxl);color:currentColor}.card-slider__button__label{font-size:var(--font-size-l);color:currentColor}.categories-navigation{position:fixed;left:var(--size-menu);width:var(--size-cat-nav);height:100vh;display:flex;flex-direction:column;background-color:hsl(var(--color-base) 10/100%);-webkit-user-select:none;user-select:none}.categories-navigation__scroll-container{overflow:hidden}.--with-player .categories-navigation{height:calc(100vh - var(--size-player))}.categories-navigation__item:last-child{height:auto;flex:1 0 auto}.categories-navigation__item:focus .categories-navigation__item__label{background-color:hsl(var(--color-base) 30/100%)}.categories-navigation__item.--active .categories-navigation__item__label{background-color:var(--color-button-focus-background)}.categories-navigation__item__label{padding:var(--space-xs) var(--space-s)}.categories-navigation+.content{max-width:calc(var(--size-content) - var(--size-cat-nav));margin-left:calc(var(--size-menu) + var(--size-cat-nav))}.logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.logo.--big{width:auto;height:var(--logo-height);box-sizing:content-box;justify-content:flex-start}.logo.--medium{width:auto;height:var(--logo-height-medium);box-sizing:content-box;justify-content:flex-start}.logo.--small{width:var(--logo-width-small);height:var(--logo-height-small)}.logo>svg{height:100%;object-fit:contain;backface-visibility:hidden}.menu{position:fixed;top:0;left:0;width:var(--size-menu);height:100vh;background:var(--color-menu-background);display:flex;flex-direction:column;z-index:var(--zindex-menu);backface-visibility:hidden;-webkit-user-select:none;user-select:none}.menu__item{position:relative;width:var(--size-menu);height:var(--size-menu);color:var(--color-menu);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-default),color var(--transition-default);background-color:var(--color-menu-background)}.menu__item.--logo{margin-top:calc(var(--space-l) - var(--space-l) * .25);margin-bottom:calc(var(--space-l) * .25)}.menu__item.--active,.menu__item:focus,.menu__item:focus-within{background-color:var(--color-menu-active-background);color:var(--color-menu-active)}.menu__item:focus .menu__item__label,.menu__item:focus-within .menu__item__label{transform:translate(1vh,-50%);opacity:1}.menu__item__icon{-webkit-user-select:none;user-select:none;font-size:var(--font-size-icons)}.menu__item__label{display:block;position:absolute;top:50%;left:100%;background-color:var(--color-menu-background);font-size:var(--font-size-s);padding:1vh 2vh;opacity:0;border-radius:.5vh;transform:translate(calc(var(--space-l) * -1),-50%);transition:transform var(--transition-default),opacity var(--transition-default)}.opener{position:relative}.opener .logo{position:absolute;top:var(--space-l);left:var(--space-content-x)}.opener .card-grid .card{padding-top:calc(var(--space-l) + var(--logo-height) + var(--space-xs) * 2 + var(--space-m))}.player{position:absolute;width:100vw;height:var(--size-player);background-color:var(--color-player-background);color:var(--color-player);gap:var(--space-xs);align-items:center;z-index:var(--zindex-player);display:grid;overflow:hidden;-webkit-user-select:none;user-select:none}.player.--sticky{bottom:0;left:0;grid-template-columns:minmax(max-content,auto) 1fr minmax(max-content,auto);grid-template-areas:"media meta tools"}.player.--channel{--size-player: 24vh;bottom:0;max-width:var(--size-content);height:auto;padding:var(--space-l) var(--space-content-x);left:var(--size-menu);background-color:transparent;grid-template-columns:minmax(max-content,auto) minmax(max-content,auto) 1fr minmax(max-content,auto);grid-template-areas:"media tools meta channel"}.player__media{grid-area:media;width:var(--size-player);height:var(--size-player)}.player__meta{grid-area:meta;padding:var(--space-xs) 0;flex:1 auto}.player__meta__kicker,.player__meta__headline,.player__meta__subline{color:currentColor}.player__meta__kicker{text-transform:uppercase;font-weight:600;padding-bottom:1vh;font-size:var(--font-size-s)}.--sticky .player__meta__headline{font-size:var(--font-size-l);line-height:var(--line-height-s);overflow:hidden;display:-webkit-box;overflow-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical}.--channel .player__meta__headline{font-size:var(--font-size-xl);line-height:var(--line-height-m)}.--sticky .player__meta__subline{font-size:var(--font-size-m)}.--channel .player__meta__subline{font-size:var(--font-size-l)}.player__tools{grid-area:tools;--this-item-size: 8vh;display:flex;gap:var(--space-xs);flex-shrink:0;align-items:center}.--sticky .player__tools{padding-left:var(--space-m);padding-right:var(--space-m)}.--channel .player__tools{padding-left:var(--space-s);padding-right:var(--space-xs)}.player__tools__item{position:relative;z-index:var(--zindex-min)}.player__tools__item:focus:before{background-color:var(--color-button-focus-background);transform:translate3d(-50%,-50%,0) scale(1.2)}.player__tools__item.--primary:focus:before{background-color:var(--color-button-primary-focus-background)}.player__tools__item:before{z-index:var(--zindex-negativ);content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1);backface-visibility:hidden;background-color:var(--color-button-background);border-radius:50%;will-change:transform,background-color;transition:transform var(--transition-default),background-color var(--transition-default)}.player__tools__item.--primary:before{background-color:var(--color-button-primary-background)}.player__tools__item__icon{width:var(--this-item-size);height:var(--this-item-size);color:var(--color-button);font-size:var(--font-size-icons);display:flex;align-items:center;justify-content:center}.player__tools__item__icon.--loading{animation:playerRotateLoading 1s ease-in-out infinite}.--primary .player__tools__item__icon{color:var(--color-button-primary)}.player__channel{--this-item-size: 18vh;grid-area:channel;display:flex;flex-direction:column;align-self:flex-end;outline:1vh solid transparent}.player__channel:focus{outline:1vh solid var(--color-card-highlight)}.player__channel__media{width:var(--this-item-size);height:var(--this-item-size);object-fit:contain}.player__channel__button{padding:1vh;background-color:var(--color-page-background);display:flex;gap:1vh;align-items:center;justify-content:center;color:var(--color-font-light)}.player__channel__button__icon{color:currentColor}.player__channel__button__label{color:currentColor;font-size:var(--font-size-s)}.poster{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-user-select:none;user-select:none}.poster:before,.poster:after{content:"";position:absolute;bottom:0;left:0;backface-visibility:hidden;-webkit-user-select:none;user-select:none}.poster:before{height:40vh;width:100%;background:linear-gradient(0deg,hsl(var(--color-base) 0/70%) 60%,transparent)}.poster:after{height:100%;width:30vw;background:linear-gradient(90deg,hsl(var(--color-base) 0/70%) 0%,transparent)}.poster__media{width:100%;height:100%;object-fit:cover}.text-item{-webkit-user-select:none;user-select:none}.text-item>h1,.text-item>h2,.text-item>h3,.text-item>h4,.text-item>h5,.text-item>h6{font-weight:500}.text-item>h1,.text-item>h2{font-size:var(--font-size-xxl);line-height:var(--line-height-s)}.text-item>h3{font-size:var(--font-size-xl);line-height:var(--line-height-s)}.text-item>h4{font-size:var(--font-size-l)}.text-item>h5{font-size:var(--font-size-m)}.text-item>h6{font-size:var(--font-size-s)}.text-item .favorite-placeholder{display:flex;margin-top:var(--space-xs);align-items:center;gap:var(--space-xs)}.text-item .favorite-placeholder__icon{display:flex;align-items:center;justify-content:center;width:var(--size-menu);height:var(--size-menu);color:var(--color-font-dark);background-color:var(--color-font-light-disabled);border-radius:50%;font-size:var(--font-size-xxl);line-height:var(--size-menu)}.text-item .favorite-placeholder__label{font-size:var(--font-size-xl)}.text-item .button-container:focus .button{color:var(--color-button-primary);background-color:var(--color-button-primary-focus-background)}.text-item .button{position:relative;padding:1vh var(--space-m);margin-top:var(--space-xs);display:inline-block;-webkit-user-select:none;user-select:none;font-size:var(--font-size-l);color:var(--color-button);width:auto;background-color:hsl(var(--color-base) 0/100%)}