html{--bg-color: hsl(var(--bg-color-v));--bg-color-v-dark: var(--black-v);--bg-color-v-light: var(--white-v);--black-v: 0deg, 0%, 0%;--blue-100-v: 222deg, 76%, 75%;--blue-200-v: 222deg, 76%, 55%;--blue-300-v: 222deg, 76%, 45%;--blue-400-v: 222deg, 76%, 25%;--blur: blur(12px);--border: var(--border-width) solid var(--border-color);--border-color: hsl(var(--border-color-v));--border-color-v-dark: var(--gray-400-v);--border-color-v-light: var(--gray-100-v);--border-radius: 1rem;--border-width: 1px;--box-shadow: var(--box-shadow-length-v) var(--box-shadow-color-v);--box-shadow-color-v-dark: hsla(var(--white-v), .05);--box-shadow-color-v-light: hsla(var(--black-v), .2);--box-shadow-length-v: 4px 4px 6px;--btn-off-bg: var(--border-color);--btn-off-brdr: hsl(var(--btn-off-brdr-v));--btn-off-brdr-v-dark: var(--gray-300-v);--btn-off-brdr-v-light: var(--gray-200-v);--btn-prim-bg: hsl(var(--btn-prim-bg-v));--btn-prim-bg-v-dark: var(--blue-400-v);--btn-prim-bg-v-light: var(--blue-300-v);--btn-prim-brdr: hsl(var(--btn-prim-brdr-v));--btn-prim-brdr-v-dark: var(--blue-300-v);--btn-prim-brdr-v-light: var(--blue-400-v);--btn-sec-bg: hsl(var(--btn-sec-bg-v));--btn-sec-bg-v-dark: var(--red-400-v);--btn-sec-bg-v-light: var(--red-300-v);--btn-sec-brdr: hsl(var(--btn-sec-brdr-v));--btn-sec-brdr-v-dark: var(--red-300-v);--btn-sec-brdr-v-light: var(--red-400-v);--color: hsl(var(--color-v));--color-dim: hsla(var(--color-v), .9);--color-fade: hsla(var(--color-v), .5);--color-soft: hsla(var(--color-v), .7);--color-v-dark: var(--white-v);--color-v-light: var(--black-v);--drop-shadow: drop-shadow(var(--box-shadow));--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.3125rem;--font-2xl: 1.5rem;--font-3xl: 2.652rem;--font-4xl: 4rem;--font-5xl: 6rem;--font-lighter: 300;--font-light: 400;--font-normal: 500;--font-semibold: 600;--font-bold: 700;--font-bolder: 800;--glow: hsl(var(--glow-v));--glow-v-dark: var(--red-200-v);--glow-v-light: var(--blue-200-v);--gray-100-v: 260deg, 4%, 85%;--gray-200-v: 260deg, 4%, 55%;--gray-300-v: 260deg, 4%, 35%;--gray-400-v: 260deg, 4%, 15%;--header-height: 6.25rem;--main-content-width: calc(var(--main-width) * .8);--main-width: 100rem;--red-100-v: 352deg, 62%, 55%;--red-200-v: 352deg, 62%, 45%;--red-300-v: 352deg, 62%, 35%;--red-400-v: 352deg, 62%, 25%;--transition: all .15s ease-in-out;--white-v: 0deg, 0%, 100%}@media(prefers-color-scheme:dark){html{--bg-color-v: var(--bg-color-v-dark);--border-color-v: var(--border-color-v-dark);--box-shadow-color-v: var(--box-shadow-color-v-dark);--btn-off-brdr-v: var(--btn-off-brdr-v-dark);--btn-prim-bg-v: var(--btn-prim-bg-v-dark);--btn-prim-brdr-v: var(--btn-prim-brdr-v-dark);--btn-sec-bg-v: var(--btn-sec-bg-v-dark);--btn-sec-brdr-v: var(--btn-sec-brdr-v-dark);--color-v: var(--color-v-dark);--glow-v: var(--glow-v-dark);color-scheme:dark}}@media(prefers-color-scheme:light){html{--bg-color-v: var(--bg-color-v-light);--border-color-v: var(--border-color-v-light);--box-shadow-color-v: var(--box-shadow-color-v-light);--btn-off-brdr-v: var(--btn-off-brdr-v-light);--btn-prim-bg-v: var(--btn-prim-bg-v-light);--btn-prim-brdr-v: var(--btn-prim-brdr-v-light);--btn-sec-bg-v: var(--btn-sec-bg-v-light);--btn-sec-brdr-v: var(--btn-sec-brdr-v-light);--color-v: var(--color-v-light);--glow-v: var(--glow-v-light);color-scheme:light}}html[data-theme=dark]{--bg-color-v: var(--bg-color-v-dark);--border-color-v: var(--border-color-v-dark);--box-shadow-color-v: var(--box-shadow-color-v-dark);--btn-off-brdr-v: var(--btn-off-brdr-v-dark);--btn-prim-bg-v: var(--btn-prim-bg-v-dark);--btn-prim-brdr-v: var(--btn-prim-brdr-v-dark);--btn-sec-bg-v: var(--btn-sec-bg-v-dark);--btn-sec-brdr-v: var(--btn-sec-brdr-v-dark);--color-v: var(--color-v-dark);--glow-v: var(--glow-v-dark);color-scheme:dark}html[data-theme=light]{--bg-color-v: var(--bg-color-v-light);--border-color-v: var(--border-color-v-light);--box-shadow-color-v: var(--box-shadow-color-v-light);--btn-off-brdr-v: var(--btn-off-brdr-v-light);--btn-prim-bg-v: var(--btn-prim-bg-v-light);--btn-prim-brdr-v: var(--btn-prim-brdr-v-light);--btn-sec-bg-v: var(--btn-sec-bg-v-light);--btn-sec-brdr-v: var(--btn-sec-brdr-v-light);--color-v: var(--color-v-light);--glow-v: var(--glow-v-light);color-scheme:light}body{background-color:var(--bg-color);color:var(--color);font-family:Inter,sans-serif;font-optical-sizing:auto;line-height:1.5;margin:0;overflow-y:scroll;user-select:none}.gradient{inset:0;overflow:hidden;position:fixed;z-index:-1}.gradient:before{background-image:linear-gradient(to right,var(--bg-color),var(--btn-prim-bg));height:40%;left:0;opacity:.7;top:0;transform:translate(-2%,-70%)}.gradient:after{background-image:linear-gradient(to right,var(--bg-color),var(--btn-sec-bg));bottom:0;height:20%;opacity:.2;right:0;transform:translate(2%,70%)}.gradient:before,.gradient:after{content:"";filter:blur(40px);position:absolute;rotate:-3deg;width:150%}.watermark{display:grid;inset:0;place-content:center;place-items:center;position:fixed;z-index:-1}.watermark>svg{height:var(--main-content-width);max-width:80%;rotate:-3deg;translate:0 2%;width:var(--main-content-width);opacity:.05}main{display:grid;font-weight:var(--font-semibold);height:calc(100vh - var(--header-height));margin:var(--header-height) auto 0;max-width:100%;width:var(--main-width)}a{color:var(--glow);display:inline-block;text-decoration:none}a:hover{text-decoration:underline}button{background-color:var(--bg-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color);display:block;font:inherit;max-width:100%;padding:.75em;transition:var(--transition);width:8em}button:active{box-shadow:none}button:disabled{background-color:var(--btn-off-bg);border-color:var(--btn-off-brdr);opacity:.5;pointer-events:none}button:hover:not(:disabled){background-color:var(--border-color);cursor:pointer}.btn-primary{background-color:var(--btn-prim-bg);border-color:var(--btn-prim-brdr);color:hsl(var(--white-v))}.btn-secondary{background-color:var(--btn-sec-bg);border-color:var(--btn-sec-brdr);color:hsl(var(--white-v))}.btn-primary:hover:not(:disabled){background-color:var(--btn-prim-brdr)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-sec-brdr)}svg{display:block;filter:var(--drop-shadow);max-width:100%}s-editor{.ql-toolbar.ql-snow,.ql-container.ql-snow,.ql-toolbar.ql-snow .ql-picker-label{border:0}.ql-toolbar.ql-snow,.ql-container.ql-snow{font:inherit}.ql-toolbar button{box-shadow:none}.ql-snow .ql-picker-options,.ql-snow .ql-color-picker .ql-picker-options{padding:1em}.ql-toolbar.ql-snow .ql-picker-options,.ql-snow .ql-tooltip{border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.ql-editor{min-height:25vh}.ql-snow .ql-tooltip,.ql-snow .ql-tooltip input[type=text]{padding:1em}.ql-snow .ql-tooltip input[type=text]{font-size:1em;min-width:20em}.ql-snow .ql-editor a{cursor:pointer;text-decoration:none}.ql-snow .ql-editor a:hover,.ql-snow .ql-tooltip a:hover{text-decoration:underline}}strong{font-weight:700}input,select,s-editor,textarea{border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:100%}input:focus,select:focus,s-editor[data-focus],textarea:focus{border-color:var(--glow);box-shadow:var(--box-shadow-length-v) var(--glow);outline-style:none}input:read-only,select:read-only,textarea:read-only{user-select:none}input:disabled,select:disabled,textarea:disabled,::placeholder{opacity:.5}[data-invalid] input:invalid,[data-invalid] select:invalid,[data-invalid] textarea:invalid{border-color:var(--btn-sec-bg)}[data-invalid] ::placeholder{color:var(--btn-sec-bg)}[data-invalid] input:invalid:focus,[data-invalid] select:invalid:focus,[data-invalid] textarea:invalid:focus{border-color:var(--btn-sec-brdr);box-shadow:var(--box-shadow-length-v) var(--btn-sec-bg)}.formctrl-error{color:var(--btn-sec-bg);display:none;font-size:.75em;margin-top:.25em;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:24em}[data-invalid] .formctrl-error{display:block}.txtfld-label{display:block;font-size:var(--form-details-size, .875em);margin-bottom:.25em}[data-invalid] .txtfld-label{color:var(--btn-sec-bg)}.txtfld{box-sizing:border-box;display:block;font:inherit;padding:.75em;transition:var(--transition)}option{color:var(--color)}textarea{overflow:hidden;resize:none}textarea:focus{overflow-y:auto}input[id$=name],input[id^=org],input[id^=tel]{width:12em}input[type=email],input[id$=password]{width:20em}.txtfld-label[for$=password]{display:flex;justify-content:space-between;width:22em}.txtfld-button{all:unset;color:var(--glow);cursor:pointer;font-size:var(--font-md)}.txtfld-button:disabled,.txtfld-button:hover:not(:disabled){background-color:transparent}.txtfld-button:hover:not(:disabled){text-decoration:underline}.chkbox-label{align-items:center;column-gap:1em;display:grid;font-size:var(--form-details-size, .875em);font-weight:var(--form-details-weight, var(--font-light));grid-template-columns:auto 1fr;width:fit-content}.chkbox{appearance:none;background-color:field;box-sizing:content-box;margin:0;min-height:4em;min-width:4em;position:relative;transition-duration:.15s;transition-property:border,box-shadow;transition-timing-function:ease-in-out}.chkbox:after{border-bottom:.5em solid var(--bg-color);border-left:.5em solid var(--bg-color);content:"";display:none;filter:var(--drop-shadow);height:.75em;inset:-.5em 0 0;margin:auto;position:absolute;transform:rotate(-45deg);width:1.75em}.chkbox:checked{background-color:var(--btn-prim-bg)}.chkbox:not(:disabled){cursor:pointer}.chkbox:checked:after{display:inline}header{--header-fixed-height: calc(var(--header-height) - var(--header-padding) * 2);--header-padding: 1em;box-sizing:border-box;height:var(--header-height);inset:0;padding:var(--header-padding);position:fixed;transition:var(--transition)}header[data-fixed]{backdrop-filter:var(--blur);background-color:hsla(var(--bg-color-v),.8);box-shadow:var(--box-shadow);height:var(--header-fixed-height);padding-bottom:0;padding-top:0}.header-div{align-items:center;display:flex;height:var(--header-fixed-height);margin:0 auto;max-width:100%;width:var(--main-content-width)}.header-logo{align-items:center;display:flex;flex:1;gap:.5em;letter-spacing:.1em;text-shadow:var(--box-shadow)}.header-logo>svg{width:4em}.header-logo,.header-a{color:var(--color);font-size:var(--font-xl);font-weight:var(--font-semibold)}.header-nav{display:flex}.header-a{margin:0 .5em;padding:.5em 1em}footer{align-items:flex-end;bottom:0;display:flex;font-size:var(--font-sm);font-weight:var(--font-light);height:2em;justify-content:center;padding-bottom:1em;position:fixed;width:100%}.footer-span{font-size:var(--font-xs)}form{--form-details-size: .875em;--form-details-weight: var(--font-light)}fieldset{border:0;margin:0;padding:0}legend{padding:0}.form-heading{font-size:1.5em;margin:0}.form-details{font-size:var(--form-details-size);font-weight:var(--form-details-weight)}.form-flex{display:flex;flex-direction:column;gap:1em}.form-checkbox{display:grid;margin:1.5em 0;row-gap:1em}.form-button{margin:.5em 0;width:16em}form[data-error] [data-response]{color:var(--btn-sec-bg)}@media(width>=62rem){.form-heading{font-size:2em}.form-flex{flex-direction:row;gap:2em}}table{border-radius:var(--border-radius);border-spacing:0;font-size:var(--font-sm);font-weight:var(--font-normal)}thead,tbody{box-shadow:var(--box-shadow)}thead{background-color:var(--btn-prim-bg);border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--bg-color)}tbody{background-color:var(--bg-color);border-radius:0 0 var(--border-radius) var(--border-radius)}th,td{border-style:solid;border-width:0 var(--border-width) var(--border-width) 0;padding:1em;text-align:start}th{border-color:var(--btn-prim-brdr);border-top-width:var(--border-width)}th:first-child{border-top-left-radius:var(--border-radius)}th:last-child{border-top-right-radius:var(--border-radius)}td{border-color:var(--border-color)}th:first-child,td:first-child{border-left-width:var(--border-width)}td:empty{text-align:center}td:empty:after{content:"─"}tr:last-child>td:first-child{border-bottom-left-radius:var(--border-radius)}tr:last-child>td:last-child{border-bottom-right-radius:var(--border-radius)}.datatable-top{align-items:center;display:flex;gap:2em}.datatable-input{margin:2em 0;width:20em}.datatable-input,.datatable-selector{padding:1em 2em;transition:var(--transition)}.datatable-selector{margin-right:1em}.datatable-sorter{background-color:transparent;border:0;border-radius:0;box-shadow:none;color:var(--bg-color);min-width:8em;padding:0;width:fit-content}.datatable-sorter:hover:not(:disabled){background-color:transparent}.datatable-info{margin-top:1em}.datatable-bottom{display:flex;gap:2em}.datatable-pagination-list{display:flex;gap:.25em}.datatable-pagination-list-item{list-style:none}.datatable-pagination-list-item-link{padding:.25em;width:3em}dialog{background-color:var(--bg-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:var(--header-height) auto auto;max-width:80%;opacity:0;user-select:none;width:calc(var(--main-content-width) / 2)}dialog::backdrop{background-color:transparent}.dialog-p{display:flex;justify-content:space-evenly;margin-top:2em}dialog[open]{opacity:1}dialog[open]::backdrop{background-color:hsla(var(--color-v),.2)}dialog[open],dialog[open]::backdrop{transition:var(--transition) allow-discrete}@starting-style{dialog[open]{opacity:0}dialog[open]::backdrop{background-color:transparent}}.admin-nav{display:flex;gap:2em;margin-top:2em}.admin-ul{font-size:var(--font-xs);list-style-type:none;padding:0}.admin-drop{padding:.25em}.admin-drop:after{content:"";display:block;min-height:1.5rem}.admin-list{border:var(--border);box-shadow:var(--box-shadow);cursor:pointer}.admin-drop:after,.admin-list{border-radius:var(--border-radius)}.admin-summary{margin:0 1em}.admin-a{margin-left:3em}.admin-details[open],.admin-details:not([open])>.admin-summary{padding:1em}.admin-drag{background-color:hsla(var(--btn-prim-bg-v),.5)}.admin-drop[data-drag-over]:after,.admin-list[data-drag-over]{background-color:hsla(var(--glow-v),.5)}.admin-control{max-width:100%;width:42em}.auth-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:calc(100vh - (var(--header-height) * 2));margin-bottom:var(--header-height);place-items:start center}.auth-logo{display:grid;justify-items:center}.auth-logo>svg{width:15rem}.auth-logo>span{font-size:var(--font-2xl);font-weight:var(--font-bold);letter-spacing:.1em;margin:.75em 0;text-shadow:var(--box-shadow)}.auth-section{font-size:var(--font-lg);margin-top:2.5em;padding:.5em .75em}.auth-nav{font-size:var(--font-xl);grid-column:1 / -1;justify-self:center}@media(width>=62rem){.auth-logo>svg{width:20rem}.auth-logo>span{font-size:var(--font-4xl)}.auth-section{font-size:var(--font-xl)}.auth-nav{font-size:var(--font-2xl)}}@media(width>=88rem){.auth-main{grid-template-columns:1.5fr 1fr;grid-template-rows:1fr auto;justify-items:legacy}}.vod-main{grid-template:"section" "nav"}.vod-nav{grid-area:nav;margin:0 2em}.vod-ul{list-style-type:none;padding:0}.vod-li{margin-top:1em}.vod-li[data-stream=""]{display:none}.vod-li[data-stream=live]{display:list-item;font-size:var(--font-xl);font-weight:var(--font-bold)}.vod-li[data-stream=live] a{color:var(--btn-sec-brdr)}.vod-details{cursor:pointer}.vod-summary{align-items:center;display:flex;gap:.5em}.vod-summary:before{content:"˃";scale:130%}.vod-summary:has(>a){color:var(--glow)}.vod-details[open]>.vod-summary:before{rotate:90deg}.vod-details>:not(.vod-summary){margin-left:2em}.vod-li[data-active]>a,.vod-li[data-active]>.vod-details>.vod-summary>a{color:var(--btn-sec-brdr);text-decoration:underline}.vod-li[data-active]>a:before,.vod-li[data-active]>.vod-details>.vod-summary>a:before{content:"●";position:absolute;transform:scale(2) translate(-200%,-4%)}.vod-li[data-active]>.vod-details>.vod-summary:before{color:var(--btn-sec-brdr)}.vod-section{grid-area:section;margin:2em;white-space:pre-line}.vod-h1{font-size:var(--font-3xl);margin-top:0}.vod-video{aspect-ratio:16 / 9;border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:none;margin:2em 0;max-width:100%;width:60rem}.vod-video[data-display]{display:block}.vod-video:fullscreen{border:0;border-radius:0}.vod-content{tab-size:2;ol,p,ul{margin:0}.ql-size-small{font-size:var(--font-sm)}.ql-size-large{font-size:var(--font-2xl)}.ql-size-huge{font-size:var(--font-3xl)}}@media(width>=88rem){.vod-main{grid-template:none / 1fr 5fr}.vod-nav{margin:0}.vod-nav,.vod-section{grid-area:auto}}
