:root{--color1:#f3d097;--color2:#cda1a7;--color3:#af88a3;--color4:#cbab9b;--color5:#826b88;--color6:#a1a9cd;--color1-dim:#f3d09775;--color2-dim:#cda1a75b;--color3-dim:#af88a37b;--color4-dim:#cbab9b83;--color6-dim:#a1a9cd5b;--plyr-color-main:var(--color4);--gradient1:linear-gradient(90deg, var(--color1) 0%, var(--color2) 50%, var(--color6) 100%);--gradient11:linear-gradient(90deg, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);--gradient2:linear-gradient(90deg, var(--color4) 0%, var(--color3) 50%, var(--color2) 100%);--color1Text:black;--darkGray:#fff;--lightGray:#fafafa;--highlight:#3e3e3e;--frostedColor:#b3b3b31a;--frostedHighlight:#b3b3b3;--navbarHeight:4rem}*{margin:0;padding:0}body{background-color:var(--darkGray);color:#000;max-width:1200px;min-height:100vh;margin:0 auto;font-family:Roboto,sans-serif;position:relative}@media screen and (width>=1600px){body{box-shadow:0 0 20px 0 var(--highlight)}}main{min-height:50vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color3)}::-webkit-scrollbar-thumb:hover{background:var(--color1)}button.pressable:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}button.pressable:active{transform:translateY(-1px);box-shadow:0 5px 10px #0003}button.pressable{all:unset;cursor:pointer}.text-block{max-width:800px;margin:auto;padding:1em}a{color:var(--color1)}input{margin-top:.5em}.submitBtn{cursor:pointer;background:#f0f0f0;border:none;border-radius:10px;margin-top:1em;padding:1em}.submitBtn:hover{background:#e0e0e0}input{border:1px solid #aa8f8f;border-radius:10px;width:20em;padding:1em}.trigger.svelte-5xeg7d{z-index:200;background:var(--color5);cursor:pointer;opacity:.85;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:2.5rem;height:2.5rem;padding:0;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:.5rem;left:.5rem;box-shadow:0 2px 8px #0000004d}.trigger.svelte-5xeg7d:hover,.trigger.svelte-5xeg7d:focus-visible{opacity:1}.trigger.svelte-5xeg7d span:where(.svelte-5xeg7d){background:#fff;border-radius:50%;width:4px;height:4px}.trigger.open.svelte-5xeg7d{opacity:0;pointer-events:none;transform:scale(.85)}.backdrop.svelte-5xeg7d{z-index:300;opacity:0;pointer-events:none;cursor:pointer;background:#00000059;border:none;padding:0;transition:opacity .25s;position:fixed;inset:0}.backdrop.open.svelte-5xeg7d{opacity:1;pointer-events:auto}.drawer.svelte-5xeg7d{z-index:310;background:var(--lightGray);border-right:3px solid var(--color3);flex-direction:column;width:min(280px,82vw);height:100dvh;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:2px 0 16px #00000040}.drawer.open.svelte-5xeg7d{transform:translate(0)}.drawer-head.svelte-5xeg7d{background:var(--gradient11);align-items:center;gap:.5em;padding:.9em 1em;display:flex}.drawer-head.svelte-5xeg7d h2:where(.svelte-5xeg7d){flex:1;min-width:0;font-size:1.05rem}.video-count.svelte-5xeg7d{z-index:200;background:var(--color5);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .6em;font-size:.95rem;font-weight:600;display:flex;position:fixed;top:.5rem;right:.5rem;box-shadow:0 2px 8px #0000004d}.close.svelte-5xeg7d{color:#333;cursor:pointer;background:0 0;border:none;padding:0 .2em;font-size:1.3rem;line-height:1}nav.svelte-5xeg7d{flex-direction:column;gap:.35em;padding:.5em;display:flex}nav.svelte-5xeg7d a:where(.svelte-5xeg7d){color:#fff;background-color:#927b9d;border-radius:10px;padding:.75em 1em;text-decoration:none;display:block}nav.svelte-5xeg7d a:where(.svelte-5xeg7d):hover{filter:brightness(1.1)}nav.svelte-5xeg7d a.active:where(.svelte-5xeg7d){cursor:default;background-color:#384580}.search.svelte-5xeg7d{border-top:1px solid var(--color3-dim);flex-direction:column;gap:.5em;padding:.75em 1em;display:flex}.search.svelte-5xeg7d input:where(.svelte-5xeg7d){width:100%;margin-top:0;padding:.6em}.actions.svelte-5xeg7d{border-top:1px solid var(--color3-dim);gap:.5em;margin-top:auto;padding:.75em 1em;display:flex}.btn.svelte-5xeg7d{background:var(--color2);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:.7em 1em}.btn.svelte-5xeg7d:hover{background:var(--color3)}.logout.svelte-5xeg7d{background:#927b9d}#toaster.svelte-1kymlcg{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:calc(5vh + 10px);left:50%;transform:translate(-50%)}.toast.svelte-1kymlcg{color:#fff;background-color:#384580;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;display:flex;box-shadow:0 2px 8px #00000040}.toast.success.svelte-1kymlcg{background-color:#2e7d32}.toast.error.svelte-1kymlcg{background-color:#c62828}.spinner.svelte-1kymlcg{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite svelte-1kymlcg-spin}@keyframes svelte-1kymlcg-spin{to{transform:rotate(360deg)}}