:root,::backdrop{--base:oklch(38% 0.09 200);--base-dark:oklch(from var(--base) 25% 0.07 h);--base-darker:oklch(from var(--base) 18% 0.05 h);--base-light:oklch(from var(--base) 90% 0.015 h);--base-lighter:oklch(from var(--base) 96% 0.01 h);--text-on-dark:oklch(from var(--base) 98% 0.005 calc(h + 120));--text-on-light:oklch(from var(--base) 20% 0.01 calc(h - 130));--accent:oklch(from var(--base) 70% 0.26 calc(h - 95));--accent-hover:oklch(from var(--accent) calc(l - .15) c h);--warning:oklch(60% 0.24 25);--warning-bg:oklch(96% 0.06 25);--header-footer-bg:var(--base-dark);--header-footer-text:var(--text-on-dark);--section-bg-1:var(--base-light);--section-bg-2:var(--base-lighter);--card-bg:var(--section-bg-1);--card-text:var(--text-on-light);--border-color:oklch(80% 0.015 140);--gradient-header:linear-gradient(135deg, var(--base-dark), var(--base-darker));--gradient-card:linear-gradient(135deg, var(--base-light), var(--base-lighter));--gradient-button:linear-gradient(135deg, var(--accent), var(--accent-hover));--shadow-light:0 2px 6px color-mix(in oklch, black 10%, transparent);--shadow-medium:0 4px 12px color-mix(in oklch, black 20%, transparent);--shadow-dark:0 8px 24px color-mix(in oklch, black 30%, transparent);--light-bg-color:var(--base-lighter);--light-bg-color-dark:var(--base-light);--light-bg-color-light:hsl(from var(--base-lighter) h s 100%);--link-color:hsl(240 20% 70%);--link-color-dark:hsl(from var(--link-color) h s 50%);--link-color-light:hsl(from var(--link-color) h s 90%);--dark-bg-gradient:radial-gradient(
      farthest-corner circle at 6% 83%,
      oklch(from var(--base-dark) 48% c h) 1% 1%, 28%,
      oklch(from var(--base-dark) 32% c h) 100%
  );--box-shadow:var(--shadow-light);--border-radius:0.2rem;--ff-main:system-ui;--ff-accent:system-ui;--ff-mono:monospace;--fs-200:clamp(0.75rem, calc(0.75rem + 0.08vw), 0.8rem);--fs-300:clamp(0.94rem, calc(0.92rem + 0.08vw), 0.98rem);--fs-400:clamp(1.13rem, calc(1.06rem + 0.33vw), 1.31rem);--fs-500:clamp(1.35rem, calc(1.21rem + 0.69vw), 1.75rem);--fs-600:clamp(1.62rem, calc(1.37rem + 1.24vw), 2.33rem);--fs-700:clamp(1.94rem, calc(1.54rem + 2.03vw), 3.11rem);--fs-800:clamp(2.33rem, calc(1.7rem + 3.15vw), 4.14rem);--fs-900:clamp(2.8rem, calc(1.85rem + 4.74vw), 5.52rem);--main-gap:clamp(.7rem, calc(.5rem + 1vw), 1rem);--block-gap:calc(var(--main-gap) * 2);--btn-padding:calc(var(--main-gap) * 0.5) calc(var(--main-gap) * 1.2)}:root{interpolate-size:allow-keywords}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{height:100vh;height:100dvh;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}body{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh;min-width:360px;overflow-x:hidden;overflow-x:clip;font-family:var(--ff-main);font-size:var(--fs-400);line-height:1.6;-webkit-font-smoothing:antialiased;background-color:var(--light-bg-color);color:var(--text-on-light)}body.dialog-open{overflow:hidden;padding-right:calc(100vw - 100%);position:fixed;width:100%}a:not([class]){text-decoration-thickness:max(.08em,1px);text-underline-offset:.15em}img,picture,video,svg{display:block;max-width:100%;height:auto;margin-inline:auto}figure,picture{margin-block-start:1em}input,button,textarea,select{font:inherit}hr{margin-block:var(--main-gap);border:none;border-top:dotted 4px var(--link-color-light)}table{--border-width:4px;width:100%;border-collapse:collapse;margin-block-start:var(--main-gap)}table th{background-color:var(--accent)}table th:not(:first-child){border-left:solid var(--border-width)var(--light-bg-color)}table tr:nth-child(even){background-color:var(--link-color-light)}table td{padding-inline:calc(var(--main-gap)/2)}table td:not(:first-child){border-left:solid var(--border-width)var(--light-bg-color);text-align:center}:focus-visible{--outline-size:max(2px, 0.15em);outline:var(--outline-width,var(--outline-size))var(--outline-style,solid)var(--outline-color,var(--accent));outline-offset:var(--outline-offset,calc(var(--outline-size) * 1.5))}.width-wrapper{max-width:min(var(--content-max-width,1280px),100vw);min-width:360px;margin-inline:auto;padding-inline:var(--main-gap)}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.skip-to-content{position:absolute;left:var(--main-gap);padding-block:calc(var(--main-gap)/2);padding-inline:var(--main-gap);background-color:var(--accent);border-radius:0 0 var(--border-radius)var(--border-radius);transform:translateY(-128%);transform-origin:top;transition:transform 400ms ease-out}.skip-to-content:focus{transform:translate(0)}.nav-toggler{display:var(--toggler-display,block)}.nav-toggler button{display:block;padding:0;appearance:none;line-height:0;background:0 0;border:none;cursor:pointer}.nav-toggler button:is(:hover,:focus-visible)>svg{stroke:var(--link-color)}.nav-toggler button>svg:last-child{display:none}.nav-toggler button[aria-expanded=true]>svg:first-child{display:none}.nav-toggler button[aria-expanded=true]>svg:last-child{display:block}.nav-toggler svg{stroke:var(--light-bg-color);transition:stroke 300ms ease-in-out}.header__logo{display:flex;align-items:center;justify-content:space-between;gap:1vw;line-height:1;text-decoration:none}.header__logo>svg{max-width:56px;max-height:56px}.header__logo-name{padding-bottom:1px;font-family:var(--ff-accent);font-size:2.4rem;font-weight:600;color:var(--text-on-dark)}.header{position:relative;background-color:var(--base-dark)}@media(min-width:70em){.header{--toggler-display:none;--desktop-border:none;--desktop-margin:none;--desktop-padding:none;--desktop-transform:none;--desktop-size:auto;--desktop-ul-display:flex;--desktop-position:static;--desktop-overflow-y:visible;--desktop-nav-visibility:visible;--desktop-sublist-width:max-content;--desktop-sublist-left:auto;--desktop-sublist-position:absolute;--desktop-sublist-opacity:0;--desktop-pointer-events:none}}.header__block{display:flex;justify-content:space-between;align-items:center;gap:1vw;padding-block:var(--main-gap)}.header__block .header__nav{display:flex;flex-direction:column;position:var(--desktop-position,absolute);transform:var(--desktop-transform,translateX(0%));transition:var(--desktop-transform,transform .35s ease-out);top:100%;left:100%;z-index:10;width:var(--desktop-size,min(22rem,100vw));min-height:var(--desktop-size,calc(100dvh - 100%));max-height:100%;overflow-y:var(--desktop-overflow-y,scroll);padding:var(--desktop-padding,.6rem);color:var(--light-bg-color);background-color:var(--desktop-border,var(--text-on-dark));background-color:var(--base-dark);box-shadow:var(--desktop-border,var(--nav-list-shadow,-5px 0 11px 0 rgba(0,0,0,.2745098039)))}.header__block .header__nav-list{display:var(--desktop-ul-display,block);column-gap:calc(var(--main-gap)/2);margin:var(--desktop-margin,1rem 0 0);border-top:var(--desktop-border,2px solid var(--btn-grey));padding:0;list-style:none}.header__block .header__nav-item>a{text-decoration-color:transparent;text-decoration-thickness:4px;text-underline-offset:.5em;display:block;padding:.5em;color:inherit;transition:text-decoration-color 600ms ease,color 300ms ease}.header__block .header__nav-item>a:is(:hover,:focus-visible){color:var(--link-color);text-decoration-color:inherit}.header__block .header__nav-item--has-children{position:relative}.header__block .header__nav-item--has-children .header__nav-sublist{position:var(--desktop-sublist-position,static);z-index:99;right:0;left:var(--desktop-sublist-left,.5em);top:calc(100% - 4px);width:var(--desktop-sublist-width,100%);padding-block:var(--main-gap);padding-inline:var(--block-gap);list-style:none;background-color:var(--base-dark);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);box-shadow:var(--box-shadow);pointer-events:var(--desktop-pointer-events,all);opacity:var(--desktop-sublist-opacity,1)}.header__block .header__nav-item--has-children .header__nav-sublist a{color:inherit;text-decoration:none;line-height:1.8;transition:color 300ms ease-in-out}.header__block .header__nav-item--has-children .header__nav-sublist a:is(:hover,:focus-visible){color:var(--link-color)}.header__block .header__nav-item--has-children .header__nav-sublist:is(:hover,:focus-within){pointer-events:all;opacity:1}.header__block .header__nav-item--has-children>a::before{content:"▸";display:inline-block;position:absolute;left:-.25em;transition:transform 300ms ease-in-out}.header__block .header__nav-item--has-children>a:is(:hover,:focus-visible)::before{transform:rotate(90deg)}.header__block .header__nav-item--has-children>a:is(:hover,:focus-visible)+.header__nav-sublist{pointer-events:all;opacity:1}.header__block .header__nav-item--active>a{color:var(--link-color-light);text-decoration-color:inherit}.header__block .header__nav.header__nav--open{visibility:visible;transform:translateX(-100%)}.header__block .header__nav[data-visibility=hidden]{visibility:var(--desktop-nav-visibility,hidden)}.hero{padding-block:var(--main-gap);background:var(--dark-bg-gradient)}.hero .hero__content-title{margin-inline-start:auto;max-width:32ch;color:var(--text-on-dark);text-align:end;text-wrap:balance;font-size:var(--fs-700);line-height:1.2}.hero .hero__cta-btn{--btn-bg:var(--light-bg-color-light);--btn-bg-hover:var(--light-bg-color-dark);--btn-color:var(--card-text);display:inline-flex;align-items:center;gap:var(--main-gap);padding:var(--btn-padding);background:var(--btn-bg);color:var(--btn-color);text-decoration:none;box-shadow:0 8px 25px var(--btn-color);border:none;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:background 150ms,translate 150ms;position:relative}.hero .hero__cta-btn:where(:hover,:focus-visible){background:var(--btn-bg-hover);translate:0 -1px}.hero .hero__cta-btn:where(:active){translate:0 1px}.donation{padding-block:var(--main-gap);background:var(--light-bg-color)}.donation .youtube-homepage__block{display:grid;gap:var(--main-gap)}.donation .donation__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--main-gap);list-style:none;padding-inline:0;container-type:inline-size;container-name:youtube-videos}.donation .card{background-color:var(--light-bg-color-light);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-light)}.donation .card a{display:block;padding:.3rem .5rem .5rem;font-weight:600;text-decoration:none;color:inherit;line-height:1.2;coursor:pointer}.donation .card .card__cur{display:flex;justify-content:end;gap:calc(var(--main-gap)/2);padding-block-start:calc(var(--main-gap)/2);font-size:var(--fs-300)}.donation .card .card__cur span{background:var(--base);padding-block:.1em .15em;padding-inline:.3em;border-radius:var(--border-radius);color:var(--text-on-dark)}.youtube-homepage{padding-block:var(--main-gap);background:var(--light-bg-color-dark)}.youtube-homepage .youtube-homepage__block{display:grid;gap:var(--main-gap)}@media(width > 90ch){.youtube-homepage .youtube-homepage__block{grid-template-columns:1fr 2fr}}.youtube-homepage .youtube-homepage__videos .youtube-homepage__videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:var(--main-gap);list-style:none;padding-inline:0}.youtube-homepage .youtube-homepage__updated{font-size:var(--fs-200);text-align:end}.youtube-info{display:flex;flex-direction:column;align-items:center;gap:var(--main-gap);background:var(--light-bg-color-dark);container-type:inline-size;container-name:youtube-info}.youtube-info *{height:min-content}.youtube-info .youtube-info__header{display:grid;gap:var(--main-gap);justify-content:center;line-height:1.2;text-align:center}@container youtube-info (width > 30ch){.youtube-info .youtube-info__header {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    text-align: start;
  }
}.youtube-info .youtube-info__header img{display:block;border-radius:100%}.youtube-info .youtube-info__stats{display:grid;justify-content:center;gap:var(--main-gap);list-style:none;padding-inline:0}@container youtube-info (width > 20ch){.youtube-info .youtube-info__stats {
    grid-template-columns: repeat(3, 1fr);
  }
}.youtube-info .youtube-info__stats li{padding:.5em .5em .2em;font-size:var(--fs-300);text-align:center;border-radius:var(--border-radius);color:var(--text-on-dark);background:var(--dark-bg-gradient)}.youtube-info .youtube-info__stats span{display:block;font-weight:600;line-height:1}.youtube-info .youtube-info__link{display:block;padding:.5em;font-size:var(--fs-500);background-color:var(--accent);box-shadow:var(--shadow-dark);color:var(--text-on-light);border-radius:var(--border-radius);text-decoration:none;transition:all .3s}.youtube-info .youtube-info__link:hover,.youtube-info .youtube-info__link:focus-visible{background-color:var(--accent-hover);color:var(--text-on-dark);box-shadow:var(--shadow-medium)}.youtube-card{container-type:inline-size;container-name:youtube-card}.youtube-card .button{min-height:100%;border:none;padding:0;cursor:pointer;background-color:var(--light-bg-color);box-shadow:var(--box-shadow);border-radius:var(--border-radius);overflow:hidden;display:grid;inline-gap:calc(var(--main-gap)/2);grid-template-areas:"title" "image" "info"}@container youtube-card (width > 22ch){.youtube-card .button {
    grid-template-columns: 3fr 4fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "image info" "title title";
  }
}.youtube-card .title{grid-area:title;padding:.3em .5em .2em;background:var(--dark-bg-gradient);text-align:start;font-size:1.18rem;color:var(--text-on-dark);word-break:break-word;hyphens:auto;line-height:1.2}.youtube-card .image{grid-area:image;align-self:center;aspect-ratio:16/9}.youtube-card .info{padding:.3em .5em .2em;grid-area:info;display:grid;grid-template-rows:min-content;align-content:space-between;font-size:var(--fs-300);line-height:1.2;text-align:end}.youtube-card .info .date{font-weight:600}.youtube-card .info .broadcast{padding:.08em .4em .1em;margin-inline-start:auto;text-transform:uppercase;width:min-content;color:var(--text-on-dark);font-weight:600;background-color:var(--warning)}.youtube-card .info .type{font-size:var(--fs-200);hyphens:auto;text-wrap:balance}#youtubeDialog{max-width:calc(100vw - 2 * var(--main-gap));max-height:calc(100vh - 2 * var(--main-gap));width:800px;margin:auto;padding:0;border:none;border-radius:var(--border-radius);box-shadow:var(--card-shadow);background:0 0;overflow:hidden}@media(width < 768px){#youtubeDialog{max-width:95vw;width:100%}}#youtubeDialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}#youtubeDialog .container{position:relative;width:100%;aspect-ratio:16/9;background:#000;line-height:0}#youtubeDialog .close-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s ease}#youtubeDialog .close-btn:hover,#youtubeDialog .close-btn:focus{background:rgba(255,255,255,.4);outline:2px solid #fff}#youtubeDialog #youtubeIframe{width:100%;height:100%;border:none}.aside{padding-block:var(--main-gap);background:var(--light-bg-color-dark)}.footer-legal{background-color:var(--base-dark);color:var(--text-on-dark)}.footer-legal .footer-legal__inner{display:flex;justify-content:space-between;padding-block:var(--main-gap)}.footer-legal .footer-legal__nav{display:grid;gap:calc(var(--main-gap)/2);padding:0;list-style:none}.footer-legal .footer-legal__nav a{text-decoration:underline}@media(width > 26rem){.footer-legal .footer-legal__nav{grid-auto-flow:column;gap:var(--main-gap)}}.footer{background:var(--dark-bg-gradient);color:var(--text-on-dark)}.footer .footer__inner{padding-block:var(--main-gap)}.footer a{color:inherit;text-decoration:none}