html{--black: oklch(0 0 0);--blue: oklch(.4 .15 264);--border-radius: .5em;--border-style: solid;--border-width: .1em;--box-shadow: .25em .25em .35em var(--gray);--gray: oklch(.4 0 0);--red: oklch(.4 .15 18);--transition-duration: .15s;--transition-timing-function: ease-in-out;--transparent: oklch(0 0 0 / 0%);--white: oklch(1 0 0)}body{background-color:var(--white);color:var(--black);font-family:Inter,sans-serif;margin:.5em}@media(width>=62rem){body{margin:auto;max-width:86vw}}s-router{display:block;:is(header,main){border-bottom:calc(var(--border-width) / 4) var(--border-style) var(--gray)}:is(header,main,footer){padding:1em 0}h1{margin-top:0}small{font-size:1em}p:has(small){font-size:.25em}}@media(width>=62rem){s-router{display:grid;grid-template:"header" "main  " 1fr "footer" / auto;min-height:calc(100vh - 1em);:is(header,main){border-bottom:0}header{grid-area:header}main{grid-area:main}footer{grid-area:footer;justify-self:center;text-align:center}p:has(small){font-size:.75em}}}.gradient{background-image:linear-gradient(-65deg,oklch(from var(--blue) l c h / .5),var(--transparent),oklch(from var(--red) l c h / .2));inset:0;position:fixed;z-index:-1}s-wmark{inset:0;position:fixed;z-index:-1;svg{inset:0;margin:auto;opacity:.03;position:absolute;width:62em}}s-logo{display:block}svg{display:inline-block;max-width:100%}form{display:block;fieldset{border:0;margin:0;min-width:0;padding:0}legend{padding:0}s-forgotpw,s-forgotpw-sent,s-guest,s-layout,s-pw,s-register,s-resetpw,s-resetpw-done,s-signin,s-verify{display:none}[data-response]:not(:empty){margin:.5em}&[data-error] [data-response]{color:var(--red)}}label{cursor:pointer}:is(label,s-chkbox,s-txtfld){display:block;max-width:fit-content}:is(input,select,s-editor,textarea){background-color:field;border:var(--border-width) var(--border-style) var(--gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);box-sizing:border-box;font:inherit;max-width:100%;padding:.5em}:is(s-chkbox,s-txtfld) [data-error]{display:none;font-size:.75em;margin:.5em;overflow-wrap:anywhere}input[type=checkbox]{appearance:none;cursor:pointer;margin:.5em;min-height:2em;min-width:2em;position:relative;vertical-align:middle}:is(input,select,textarea):disabled,:is(input,select,textarea):focus-visible,s-editor[data-focus]{box-shadow:none}:is(input,select,textarea):disabled{cursor:auto;opacity:.5}:is(s-chkbox,s-txtfld)[data-invalid],:is(s-chkbox,s-txtfld)[data-invalid] ::placeholder{color:var(--red)}input[type=checkbox]:after{border-bottom-style:var(--border-style);border-color:var(--white);border-left-style:var(--border-style);border-width:calc(var(--border-width) * 2);content:"";display:none;height:.5em;inset:-.5em 0 0;margin:auto;position:absolute;transform:rotate(-45deg);width:1em}:is(s-chkbox,s-txtfld):has(input:disabled) label{cursor:auto}s-txtfld:has(label[for$=password]) div{max-width:fit-content;position:relative}s-txtfld:has(label[for$=password]) button{color:var(--blue);position:absolute;right:.5em;top:50%;translate:0 -50%}s-txtfld:has(label[for$=password]) button:before{content:"⦾";display:inline-block;rotate:45deg}:is(s-chkbox,s-txtfld)[data-invalid] [data-error]{display:block}input[type=checkbox]:checked{background-color:var(--blue);border-color:var(--blue);box-shadow:none}:is(s-chkbox,s-txtfld)[data-invalid] :is(input,select,textarea):invalid{border-color:var(--red)}input[type=checkbox]:checked:after{display:inline}s-txtfld:has(label[for$=password]) button[data-show]:before{content:"⦶"}:is(s-chkbox,s-txtfld)[data-invalid] :is(input,select,textarea):focus-visible:invalid{border-color:var(--gray)}a{color:var(--blue);font-weight:700;text-decoration:none;&:focus-visible,&:hover{text-decoration:underline}}s-payment{display:block;&:not(:empty){margin:2em 0}}button{background-color:var(--transparent);border:0;color:inherit;cursor:pointer;font:inherit;&:disabled{cursor:auto}&[type=submit]{background-color:var(--blue);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--white);max-width:100%;min-width:8em;padding:1em 2em}&[type=submit]:active,&[type=submit]:disabled{box-shadow:none}&[type=submit]:focus-visible,&[type=submit]:hover{background-color:oklch(from var(--blue) calc(l*.75) c h)}&[type=submit]:disabled{background-color:var(--gray);opacity:.5}}:is(#acct,#admin,#vod) header{align-items:center;background-color:var(--white);box-shadow:var(--box-shadow);display:flex;margin:-.5em;padding:.25em;position:sticky;top:0;z-index:1;s-header,nav{flex:1}nav{text-align:end}button{font-size:3em}ul{display:none;list-style-type:none;margin:0;padding:0}a{padding:.5em 1em}s-modal,a{display:inline-block}s-logo svg{width:4em}s-logo div{display:none;font-size:1.25em;font-weight:700}button:before{content:"≡"}ul[data-open]{background-color:var(--white);border-left:calc(var(--border-width) / 4) var(--border-style) var(--gray);box-shadow:-.25em 0 .35em var(--gray);display:block;position:fixed;min-height:100vh;right:0;text-align:start;top:0}ul[data-open] li{border-bottom:calc(var(--border-width) / 4) var(--border-style) var(--gray)}}@media(width>=62rem){:is(#acct,#admin,#vod) header{background-color:var(--transparent);box-shadow:none;justify-content:space-evenly;margin:1em;padding:0;position:static;s-header{display:none}s-logo{align-items:center;column-gap:1em;display:flex}nav{flex:none;text-align:start}button{display:none}s-logo svg{width:6em}s-logo div{display:block}ul[data-open],ul:not([data-open]){background-color:transparent;box-shadow:none;column-gap:.5em;display:flex;height:auto;position:static}ul[data-open] li{border-bottom:0}}}table{border-radius:var(--border-radius);border-spacing:0;font-size:.75em}thead,tbody{box-shadow:var(--box-shadow)}thead{background-color:var(--blue);border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--white)}tbody{background-color:var(--white);border-radius:0 0 var(--border-radius) var(--border-radius)}th,td{border-style:var(--border-style);border-width:0 var(--border-width) var(--border-width) 0;padding:1em;text-align:start}th{border-color:var(--gray);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(--gray)}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}.datatable-selector{margin-right:1em}.datatable-sorter{background-color:var(--transparent);border:0;border-radius:0;box-shadow:none;color:var(--white);min-width:8em;padding:0;width:fit-content}.datatable-sorter:hover:not(:disabled){background-color:var(--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}s-editor{display:block;.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-width) var(--border-style) var(--gray);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}.ql-snow a,.ql-tooltip a{color:inherit}}s-acct{display:block}.admin-nav{display:flex;gap:2em;margin-top:2em}.admin-ul{font-size:.75em;list-style-type:none;padding:0}.admin-drop{padding:.25em}.admin-drop:after{content:"";display:block;min-height:1.5rem}.admin-list{background-color:var(--white);border:var(--border-width) var(--border-style) var(--gray);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:oklch(from var(--blue) l c h / .5)}.admin-drop[data-drag-over]:after,.admin-list[data-drag-over]{background-color:oklch(from var(--blue) l c h / .5)}.admin-control{max-width:100%;width:42em}#auth{ul{list-style-type:none;padding:0}li{margin-bottom:.5em}s-logo svg{width:24em}s-logo div{font-size:2em;font-weight:700}li:has(small){font-size:.25em}}@media(width>=62rem){#auth{grid-template:".      .      .     " 12vh "header header main  " 2fr ".      .      main  " 1fr "footer footer footer" ".      .      .     " 6vh / 1fr 6vw 1fr;s-logo{text-align:center}form{font-size:1.25em}s-logo svg{width:32em}s-logo div{font-size:4em}s-txtfld input{font-size:inherit;min-width:20em;padding:.75em}s-txtfld button{font-size:2em}li:has(small){font-size:.75em}}}s-vod{display:block;video{aspect-ratio:16 / 9;box-shadow:var(--box-shadow);display:none;margin:-.5em -.5em 1em;max-width:calc(100% + 1em);width:62em}h1{font-size:1.5em}nav{font-size:.75em;overflow-wrap:anywhere}ul{list-style-type:none;margin-left:1em;padding:0}li{margin:.5em 0}details,summary{max-width:fit-content}::marker{color:inherit}a{display:inline-block}li:has(>a),summary:has(>a){color:var(--blue)}li>a,summary>a{color:inherit}li>a,li>details>summary{border:calc(var(--border-width) * 2) var(--border-style) var(--transparent);border-radius:var(--border-radius);padding:.25em}.content{border-bottom:calc(var(--border-width) / 4) var(--border-style) var(--gray);margin:1em 0;overflow-wrap:break-word;padding-bottom:1em;tab-size:2}.ql-size-small{font-size:.75em}.ql-size-large{font-size:1.5em}.ql-size-huge{font-size:2.5em}video[data-display]{display:block}video:fullscreen{border-radius:0}.content :is(ol,p,ul){margin:0}li[data-stream]{display:none}li[data-stream=live]{color:var(--red);display:list-item}li[data-active]>a,li[data-active]>details>summary{border-color:currentColor;color:var(--red)}}@media(width>=62rem){s-vod{display:grid;font-size:1em;grid-template:"nav . div" / 1fr 6vw 4fr;>div{grid-area:div}video{border-radius:var(--border-radius);margin:1em}h1{font-size:2em}nav{grid-area:nav}.content{border-bottom:0}}}dialog{background-color:var(--white);border:calc(var(--border-width) / 4) var(--border-style) var(--gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:auto;max-width:80%;opacity:0;width:32em}dialog::backdrop{background-color:var(--transparent)}.message{font-size:.75em}.button{display:flex;justify-content:space-evenly;margin-top:2em}[data-cancel]{background-color:var(--white);border:var(--border-width) var(--border-style) var(--gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:100%;min-width:8em;padding:1em 2em}dialog[open]{opacity:1}dialog[open]::backdrop{background-color:oklch(from var(--black) l c h / .2)}