:root{--indigo-7:#4263eb;--purple-7:#ae3ec9;--gray-12:#030507;--gray-7:#495057;--gray-0:#f8f9fa;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--font-system-ui:system-ui, sans-serif;--font-lineheight-3:1.5;--red-6:#fa5252;--red-3:#ffa8a8;--gray-6:#868e96;--indigo-3:#91a7ff;--purple-3:#e599f7;--gray-1:#f1f3f5;--gray-9:#212529;--gray-8:#343a40;--ease-2:cubic-bezier(.25, 0, .4, 1);--font-weight-9:900;--font-lineheight-1:1.25;--font-size-8:3.5rem;--size-header-1:20ch;--font-size-6:2.5rem;--size-header-2:25ch;--font-size-5:2rem;--font-size-4:1.5rem;--font-size-3:1.25rem;--size-header-3:35ch;--font-size-2:1.1rem;--indigo-2:#bac8ff;--purple-2:#eebefa;--size-1:.25rem;--size-2:.5rem;--size-relative-4:1.25ch;--radius-2:5px;--size-content-1:20ch;--size-3:1rem;--size-10:5rem;--font-monospace-code:Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;--border-size-1:1px;--size-8:3rem;--size-content-2:45ch;--size-content-3:60ch;--font-weight-7:700;--size-5:1.5rem;--font-size-0:.75rem;--border-size-2:2px;--size-fluid-5:clamp(4rem, 5vw, 5rem);--font-size-1:1rem;--border-size-3:5px;--size-4:1.25rem;--red-9:#c92a2a;--red-2:#ffc9c9;--green-9:#2b8a3e;--green-1:#d3f9d8;--blue-5:#339af0;--radius-3:1rem;--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--size-px-1:4px;--font-letterspacing-1:.025em;--font-weight-5:500;--size-11:7.5rem;--size-7:2rem;--font-weight-6:600;--size-px-2:8px;--shadow-2: 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--size-px-4:20px;--size-9:4rem;--size-fluid-2:clamp(1rem, 2vw, 1.5rem);--size-px-3:16px;--size-fluid-3:clamp(1.5rem, 3vw, 2rem);--size-12:10rem;--size-13:15rem;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--shadow-color:220 3% 15%;--shadow-strength:1%}:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media(dynamic-range:high)or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::-moz-placeholder{color:var(--gray-7);opacity:.75}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:-moz-max-content;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:-moz-fit-content;width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table button:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])){text-align:center}:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::-moz-placeholder{color:var(--gray-6)}::placeholder{color:var(--gray-6)}}@font-face{font-family:remixicon;src:url(/remixicon.woff2) format("woff2");font-display:swap}[class^=ri-],[class*=ri-]{font-family:remixicon!important;font-style:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-calendar-schedule-line:before{content:""}.ri-edit-line:before{content:""}.ri-braces-line:before{content:""}.ri-file-copy-line:before{content:""}.ri-list-check-2:before{content:""}.ri-link:before{content:""}.ri-draggable:before{content:""}.ri-heart-line:before{content:""}.ri-heart-fill:before{content:""}.ri-music-2-line:before{content:""}.ri-radio-line:before{content:""}.ri-skip-back-line:before{content:""}.ri-skip-forward-line:before{content:""}.ri-replay-15-line:before{content:""}.ri-forward-15-line:before{content:""}.ri-memories-line:before{content:""}.ri-shuffle-line:before{content:""}.ri-play-list-2-fill:before{content:""}.ri-play-list-add-line:before{content:""}.ri-more-2-fill:before{content:""}.ri-import-line:before{content:""}.ri-download-cloud-line:before{content:""}.ri-export-line:before{content:""}.ri-delete-bin-2-line:before{content:""}.ri-external-link-line:before{content:""}.ri-filter-2-line:before{content:""}.ri-loader-3-line:before{content:""}.ri-user-3-line:before{content:""}.ri-video-line:before{content:""}.ri-play-circle-fill:before{content:""}.ri-pause-circle-fill:before{content:""}.ri-stop-circle-fill:before{content:""}.ri-indeterminate-circle-line:before{content:""}.ri-refresh-line:before{content:""}.ri-skip-forward-fill:before{content:""}.ri-repeat-line:before{content:""}.ri-cloud-off-fill:before{content:""}.ri-cloud-fill:before{content:""}.ri-download-2-fill:before{content:""}.ri-settings-line:before{content:""}.ri-fullscreen-line:before{content:""}.ri-close-large-line:before{content:""}.ri-checkbox-multiple-line:before{content:""}.ri-checkbox-multiple-fill:before{content:""}.ri-checkbox-line:before{content:""}.ri-checkbox-fill:before{content:""}.ri-signpost-line:before{content:""}.ri-close-circle-line:before{content:""}.ri-youtube-fill:before{content:""}.ri-tv-fill:before{content:""}.ri-user-heart-fill:before{content:""}.ri-album-fill:before{content:""}.ri-signpost-fill:before{content:""}.ri-arrow-right-s-line:before{content:""}.ri-play-large-line:before{content:""}.ri-search-2-line:before{content:""}.ri-store-2-line:before{content:""}.ri-archive-stack-line:before{content:""}.ri-information-line:before{content:""}.ri-order-play-fill:before{content:""}.ri-account-circle-line:before{content:""}.ri-thumb-up-line:before{content:""}.ri-thumb-up-fill:before{content:""}.ri-star-line:before{content:""}.ri-star-fill:before{content:""}.ri-calendar-schedule-fill:before{content:""}section:has(header>details[open])>div,section:has(header>details[open]) img,section:has(header>details[open]) article{filter:blur(var(--size-px-1));pointer-events:none}section>header{position:relative;width:100%;padding:var(--gap) 0;color:var(--text)}section>header>p{font-size:var(--font-size-3);letter-spacing:var(--font-letterspacing-1);font-weight:var(--font-weight-5);white-space:nowrap;width:calc(100% - var(--size-11));-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8}section>header>i,section>header div>i{font-size:var(--font-size-4);opacity:.8;padding:0 var(--size-2);border-radius:var(--roundness)}:is(section>header>i,section>header div>i):hover{opacity:1;background-color:var(--onBg2);color:var(--text2)}section>header .right-group{margin-left:auto;margin-right:calc(var(--size-7) + var(--size-1));margin-top:var(--size-0);display:flex;gap:var(--size-2)}section>header .right-group i{font-size:var(--font-size-3)}section>header>.ri-close-large-line{font-size:var(--font-size-3)}section>header .ri-more-2-fill{font-size:var(--font-size-2);font-weight:var(--font-weight-6);margin-left:var(--size-5)}section>header details{width:auto;position:absolute;top:var(--gap);right:0;z-index:20;margin:0;padding:0;background:none}section>header details summary{background:none;list-style:none;padding:0;margin:0 0 var(--gap) auto;width:var(--size-7);font-size:var(--font-size-3);aspect-ratio:1;border-radius:var(--roundness);display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in;cursor:pointer}section>header details summary i{margin:auto 0;margin-right:var(--size-2)}section>header details ul{background:rgb(from var(--onBg) r g b / .8);-webkit-backdrop-filter:blur(var(--size-px-2));backdrop-filter:blur(var(--size-px-2));color:var(--text);padding:0;list-style:none;overflow:hidden;border:var(--border);border-radius:var(--roundness);box-shadow:var(--shadow-2)}section>header details ul li{font-size:var(--font-size-1);padding:var(--size-1) var(--size-2);border-bottom:var(--border);display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}section>header details ul li:last-child{border:none}section>header details ul li i{margin-right:var(--size-1)}section>header details ul li:hover{background-color:var(--onBg2);color:var(--text2)}footer{display:flex;flex-direction:column;position:relative;bottom:var(--height);z-index:2;width:100dvmin;--height: var(--size-8);height:var(--height);background:linear-gradient(rgb(from var(--onBg) r g b / .4),var(--trueBg));-webkit-backdrop-filter:blur(var(--size-px-4));backdrop-filter:blur(var(--size-px-4));border-top-left-radius:var(--roundness);border-top-right-radius:var(--roundness);box-shadow:var(--shadow-2);overflow:hidden}footer:has(.miniplayer){--height: calc(var(--size-9) + var(--size-7))}@media(orientation:portrait){footer:has(.miniplayer){border-top:var(--border)}footer:has(.miniplayer) img{height:var(--size-8);margin-left:var(--size-1)}}@media(orientation:landscape){footer{margin:0 auto;border:var(--border);border-bottom:none}}i[aria-label]:after{position:absolute;content:attr(aria-label);font-size:var(--font-size-0);font-family:var(--font);font-weight:var(--font-weight-6);background:var(--text);color:var(--bg);right:var(--size-8);z-index:100;padding:var(--size-px-1) var(--size-px-2)!important;border-radius:var(--roundness);white-space:nowrap;visibility:hidden;opacity:0;transform:translate(var(--size-2));pointer-events:none;transition:none}i[aria-label].show:after{opacity:1!important;visibility:visible!important;transform:translate(0);transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:ease-out;transition-delay:1s}:root{--bg-base: oklch(10% 0 0);--bg-surface: oklch(14% 0 0);--bg-elevated: oklch(18% 0 0);--bg-overlay: oklch(8% 0 0 / 80%);--accent-primary: var(--source, oklch(65% .2 145));--accent-secondary: oklch(from var(--accent-primary) l c calc(h + 30) );--accent-live: oklch(60% .25 25);--bg-secondary: oklch(12% 0 0);--bg-tertiary: oklch(16% 0 0);--text-primary: oklch(95% 0 0);--text-secondary: oklch(70% 0 0);--text-muted: oklch(50% 0 0);--text-tertiary: oklch(40% 0 0);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: clamp(10px, 1.5vw, 12px);--font-size-sm: clamp(12px, 2vw, 14px);--font-size-md: clamp(14px, 2.5vw, 16px);--font-size-lg: clamp(18px, 3vw, 22px);--font-size-xl: clamp(24px, 4vw, 32px);--font-size-2xl: clamp(32px, 5vw, 48px);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-default: cubic-bezier(.25, .1, .25, 1);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / 20%);--shadow-md: 0 4px 12px oklch(0% 0 0 / 30%);--shadow-lg: 0 8px 24px oklch(0% 0 0 / 40%);--shadow-glow: 0 0 20px var(--accent-primary);--border-subtle: 1px solid oklch(20% 0 0 / 30%);--border-light: 1px solid oklch(100% 0 0 / 10%);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 250;--z-modal: 300;--z-player: 400;--z-toast: 500;--glass-bg: oklch(14% 0 0 / 80%);--glass-border: oklch(100% 0 0 / 10%);--glass-blur: 20px;--glass-shadow: 0 8px 32px oklch(0% 0 0 / 30%);--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--font-size-base: var(--font-size-md);--line-height-tight: 1.25;--line-height-normal: 1.5;--color-error: oklch(60% .25 25);--color-success: oklch(65% .2 145)}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--animation-slide-in-up: slide-in-up var(--duration-normal) var(--ease-out-expo);--animation-slide-out-down: slide-out-down var(--duration-normal) var(--ease-out-quart);--animation-slide-in-right: slide-in-right var(--duration-normal) var(--ease-out-expo);--animation-slide-out-right: slide-out-right var(--duration-normal) var(--ease-out-quart);--animation-slide-in-left: slide-in-left var(--duration-normal) var(--ease-out-expo);--animation-slide-in-down: slide-in-down var(--duration-normal) var(--ease-out-expo);--animation-fade-in: fade-in var(--duration-fast) var(--ease-out-quart);--animation-fade-out: fade-out var(--duration-fast) var(--ease-out-quart);--animation-scale-in: scale-in var(--duration-normal) var(--ease-spring)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity var(--duration-normal) var(--ease-out-quart)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart)}.slide-up-enter{opacity:0;transform:translateY(20px)}.slide-up-enter-active{opacity:1;transform:translateY(0);transition:all var(--duration-normal) var(--ease-out-expo)}.slide-down-exit{opacity:1;transform:translateY(0)}.slide-down-exit-active{opacity:0;transform:translateY(20px);transition:all var(--duration-fast) var(--ease-out-quart)}.pressable{transition:transform var(--duration-instant) var(--ease-out-quart)}.pressable:active{transform:scale(.95)}.hover-lift{transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.progress-track{position:relative;height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);transform-origin:left;transition:transform .1s linear}.progress-buffer{position:absolute;inset:0;background:oklch(from var(--accent-primary) l c h / 30%);transform-origin:left}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2px solid var(--bg-elevated);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.playing-indicator{display:flex;gap:2px;align-items:flex-end;height:16px}.playing-indicator span{width:3px;background:var(--accent-primary);border-radius:1px;animation:equalizer .8s ease-in-out infinite}.playing-indicator span:nth-child(1){animation-delay:0s}.playing-indicator span:nth-child(2){animation-delay:.2s}.playing-indicator span:nth-child(3){animation-delay:.4s}@keyframes equalizer{0%,to{height:4px}50%{height:16px}}.toast{position:fixed;bottom:calc(var(--player-height, 72px) + var(--space-md));left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;transition:all var(--duration-normal) var(--ease-out-expo)}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--source: initial;--schemeMultiplier: initial;--bg: initial;--text: initial;--chroma: 0;--scheme: color-mix(in srgb, oklch(from var(--source) 70% calc(c * var(--chroma)) h), var(--bg) 85%);--onBg: color-mix(in srgb, oklch(from var(--source) 85% calc(c * var(--chroma)) h), var(--bg) 85%);--onBg2: color-mix(in srgb, oklch(from var(--source) 80% calc(35% * var(--chroma)) h), var(--bg) 70%);--blurMix: color-mix(in srgb, oklch(from var(--onBg) l calc(c * var(--chroma)) / .1), var(--bg) 40%);--text2: color-mix(in srgb, oklch(from var(--source) 50% calc(80% * var(--chroma)) h), var(--text) 75%);--gap: var(--size-fluid-2);--borderColor: oklch(from var(--text) l c h / .2);--border: var(--border-size-1) solid var(--borderColor);--roundness: .4rem;--blur: blur(var(--size-px-3));--player-bg: none;--player-bp: 0 0;--landscapeSections: 2;--trueBg: var(--bg);--font: ui-rounded, Segoe UI, source-sans-pro, Inter, Noto Sans, Oxygen, Calibri, Cantarell, Ubuntu, Roboto, system-ui, Open Sans, Helvetica Neue, sans-serif}html{height:100dvh;background:var(--trueBg)}body{height:100dvh;font-family:var(--font);-webkit-font-smoothing:antialiased}main{color:color-mix(in srgb,oklch(from var(--source) 50% calc(c * var(--chroma)) h),var(--text) 80%);display:flex;height:100%;overflow-x:auto;flex-direction:row;scroll-snap-type:x mandatory;scroll-behavior:smooth}main section{height:100%;flex:1 0 0;padding:var(--gap) var(--size-fluid-3);padding-top:0;overflow-y:auto;scroll-snap-align:start;min-width:calc(100dvw / var(--landscapeSections));flex-shrink:0}@media(orientation:landscape){main section:first-child{padding-left:var(--size-fluid-5)}main section:last-child{padding-right:var(--size-fluid-5)}main section:only-child .hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}main section:only-child:has(>img){overflow:initial!important}main section:only-child:has(>img) .list-thumbnail{display:inline-block;height:calc(100% - var(--size-12));margin:0;margin-right:var(--gap);vertical-align:middle}main section:only-child:has(>img) .listContainer{height:calc(100% - var(--size-10));width:calc(100% - var(--size-13));display:inline-block;vertical-align:top;margin:0!important;overflow-y:auto!important}main section:only-child .searchlist,main section:only-child .listContainer{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}:is(main section:only-child .searchlist,main section:only-child .listContainer) .streamItem{display:inline-flex;width:100%;grid-column:span 2;margin:0}:is(main section:only-child .searchlist,main section:only-child .listContainer) .listItem{width:100%;grid-column:span 1;margin:0}}@media(orientation:portrait){main section{flex:0 0 100%;scroll-snap-align:center;padding:0 var(--gap)}}dialog{width:100dvw;border-radius:0;box-shadow:none}@media(orientation:landscape){dialog{width:calc(100dvw / 1.5);margin-left:calc(100dvw / 3)}}dialog::backdrop{background:none}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ri-loader-3-line{display:block;font-size:var(--font-size-6);animation:spinner 1s cubic-bezier(.645,.045,.355,1) infinite;text-align:center;margin-top:auto}select{font-family:inherit;background:none;outline:none;color:var(--text)}select option,select optgroup{cursor:pointer;background:var(--bg)}a{color:var(--text)}.displayer{white-space:pre;background:var(--onBg);box-shadow:var(--shadow-1);border:var(--border);color:var(--text);border-radius:var(--roundness);width:calc(100dvmin - calc(var(--gap) - var(--border-size-1)) * 2);margin:auto}.displayer::backdrop{background-color:#0007}.displayer[open]{display:flex;justify-content:center;flex-direction:column;gap:var(--gap)}.displayer input{background:none;border-bottom:var(--border);font-weight:var(--font-weight-5);height:var(--size-7);font-size:var(--font-size-2)}.displayer input::-moz-placeholder{color:inherit}.displayer input::placeholder{color:inherit}.displayer input:disabled{opacity:0}.displayer span{width:100%;display:flex;margin-top:var(--size-2)}.displayer span button{background-color:var(--text);color:var(--onBg);border-radius:var(--roundness)}.displayer span button.ri-close-large-line{margin-left:auto}.displayer h4{margin-bottom:var(--size-4)}i{cursor:pointer;position:relative}.grid-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md)}.grid-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.main-content{container-type:inline-size}@container (min-width: 640px){.grid-content{grid-template-columns:repeat(2,1fr)}}@container (min-width: 1024px){.grid-content{grid-template-columns:repeat(3,1fr)}}@container (min-width: 1440px){.grid-content{grid-template-columns:repeat(4,1fr)}}@media(prefers-color-scheme:dark){:root{--shadow-color:220 40% 2%;--shadow-strength:25%}}:root{--size-10: 5rem}.main-nav{position:fixed;z-index:var(--z-fixed);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-shadow);bottom:0;left:0;width:100%;height:var(--size-10);height:64px;border-left:none;border-right:none;border-bottom:none;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.nav-logo{display:none}.nav-items{display:flex;flex:1;justify-content:space-evenly;align-items:center;height:100%}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);gap:4px;padding:4px 12px;cursor:pointer;flex:1;height:100%;transition:all .2s ease;min-width:44px}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--text-primary)}.nav-item i{font-size:22px;margin-bottom:2px}.nav-label{font-size:10px;font-weight:500;letter-spacing:.2px}@media(min-width:1024px){.main-nav{top:0;left:0;width:240px;height:100vh;border-top:none;border-bottom:none;border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:flex-start;padding:24px 12px;align-items:flex-start}.nav-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-left:12px;width:100%}.nav-logo-text{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.nav-items{flex-direction:column;width:100%;justify-content:flex-start;gap:4px;height:auto}.nav-item{flex-direction:row;justify-content:flex-start;width:100%;height:48px;padding:0 16px;border-radius:8px;gap:12px}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-elevated);color:var(--text-primary)}.nav-item i{font-size:20px;margin-bottom:0}.nav-label{font-size:14px;font-weight:600}.nav-user-btn{margin-top:auto}}.nav-user-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);gap:4px;padding:4px 8px;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);border-radius:var(--radius-md);min-width:44px;height:100%}.nav-user-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-user-btn:active{transform:scale(.95)}.nav-user-btn.signed-in{color:var(--accent-primary)}.nav-user-btn i{font-size:20px}.nav-user-btn .nav-label{font-size:10px;font-weight:500}@media(min-width:1024px){.nav-user-btn{display:flex;flex-direction:row;width:100%;height:48px;padding:0 16px;gap:12px;justify-content:flex-start}.nav-user-btn .nav-label{font-size:14px;font-weight:600}}