html:has([data-hub]){font-size:100%}@media (min-width:2400px) and (min-height:1100px){html:has([data-hub]){font-size:106.25%}}:root{--hub-meet:#cbff3b;--hub-teach:#8fd3ff;--hub-ext:#c4b5fd;--hub-due:#ffc861;--hub-danger:#ff8a7a;--hub-side:236px;--hub-rail:72px;--hub-top:60px;--hub-tabs:62px;--hub-safe-b:env(safe-area-inset-bottom,0px);--hub-safe-t:env(safe-area-inset-top,0px)}.hub-backdrop{z-index:0;pointer-events:none;background:radial-gradient(60vmax 40vmax at 8% -6%,#cbff3b13,#0000 60%),radial-gradient(50vmax 40vmax at 104% 108%,#8fd3ff0d,#0000 62%),radial-gradient(90vmax 60vmax at 50% 120%,#ffffff06,#0000 60%),#000;position:fixed;inset:0}.hub-backdrop:before{content:"";opacity:.55;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 10%,#0000 70%);mask-image:radial-gradient(120% 80% at 50% 0,#000 10%,#0000 70%)}.hub-backdrop:after{content:"";inset-inline:0;opacity:.5;background:linear-gradient(90deg,#0000,#cbff3b59 30% 70%,#0000);height:1px;position:absolute;top:0}.hub-card{--hc-radius:24px;--hc-tint:#0c0e0fb8;--hc-rim:#fff6;--hc-glow:transparent;isolation:isolate;border-radius:var(--hc-radius);background:radial-gradient(120% 90% at 20% 0%, #ffffff0e, transparent 55%), var(--hc-tint);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px #ffffff0f, inset 0 0 44px -14px var(--hc-glow), 0 24px 60px -28px #000000e6;position:relative}.hub-card:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:conic-gradient(from 210deg, #ffffff08 0deg, var(--hc-rim) 40deg, #ffffff0f 95deg, #ffffff04 180deg, #ffffff1f 250deg, #ffffff08 360deg);-webkit-mask-composite:xor;opacity:.8;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hub-card>*{z-index:1;position:relative}.hub-card-lime{--hc-glow:#cbff3b38;--hc-rim:#e1ff96b3;--hc-tint:#0e110ab8}.hub-card-hover{transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo)}@media (hover:hover){.hub-card-hover:hover{box-shadow:inset 0 1px 0 #ffffff29, inset 0 0 0 1px #ffffff17, inset 0 0 44px -14px var(--hc-glow), 0 30px 70px -26px #000000f2;transform:translateY(-2px)}}.hub-tile{--t-c:242 241 236;color:rgb(var(--t-c));background:radial-gradient(90% 70% at 30% 10%, #ffffff38, transparent 55%), linear-gradient(160deg, rgb(var(--t-c) / .2), rgb(var(--t-c) / .05) 60%, #0003);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -1px 0 #00000059, inset 0 0 0 1px rgb(var(--t-c) / .22), 0 8px 20px -10px rgb(var(--t-c) / .55);border-radius:14px;place-items:center;display:grid}.hub-tile[data-tone=lime]{--t-c:203 255 59}.hub-tile[data-tone=sky]{--t-c:143 211 255}.hub-tile[data-tone=violet]{--t-c:196 181 253}.hub-tile[data-tone=amber]{--t-c:255 200 97}.hub-tile[data-tone=danger]{--t-c:255 138 122}.hub-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;-webkit-overflow-scrolling:touch;overflow-y:auto}.hub-scroll::-webkit-scrollbar{width:8px;height:8px}.hub-scroll::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box;border:2px solid #0000;border-radius:999px}.hub-noscrollbar{scrollbar-width:none}.hub-noscrollbar::-webkit-scrollbar{display:none}.hub-skel{background:#ffffff0a;border-radius:14px;position:relative;overflow:hidden}.hub-skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.6s ease-in-out infinite hub-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes hub-shimmer{to{transform:translate(100%)}}@keyframes hub-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes hub-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes hub-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}.hub-pop{animation:hub-pop .45s var(--ease-out-expo)}.hub-in{animation:hub-in .6s var(--ease-out-expo) both}.hub-live-dot{background:var(--hub-meet);border-radius:999px;width:8px;height:8px;display:inline-block;position:relative;box-shadow:0 0 10px #cbff3be6}.hub-live-dot:after{content:"";border-radius:inherit;background:inherit;animation:1.8s ease-out infinite hub-ping;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hub-skel:after,.hub-live-dot:after,.hub-pop,.hub-in{animation:none}}.hub-pb-tabs{padding-bottom:calc(var(--hub-tabs) + var(--hub-safe-b) + 24px)}@media (min-width:1024px){.hub-pb-tabs{padding-bottom:48px}}.hub-input{width:100%;color:var(--color-bone,#f2f1ec);background:#ffffff08;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:.55rem .8rem;font-size:16px;line-height:1.45;transition:border-color .3s,background-color .3s,box-shadow .3s}@media (min-width:640px){.hub-input{font-size:13.5px}}.hub-input::placeholder{color:#f2f1ec47}.hub-input:focus{background:#ffffff0b;border-color:#cbff3b99;box-shadow:0 0 0 4px #cbff3b14}.hub-input[aria-invalid=true]{border-color:#ff8a7a99}select.hub-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23f2f1ec' stroke-opacity='.5' stroke-width='1.6' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.5rem}select.hub-input option{color:#f2f1ec;background:#0e1011}input.hub-input[type=date],input.hub-input[type=time],input.hub-input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::view-transition-old(hub-main){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(hub-main){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
