:root{--purpleGradientBackground:linear-gradient(to top left, #b19cd8, #ccb7e5, #e6d1f2);--greenGradientBackground:linear-gradient(to top left, #43bc43, #8dd88d, #d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left, #7c3aed, #6d28d9, #3730a3);--greenGradientBackgroundHover:linear-gradient(to top left, #16a34a, #059669, #0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorLight:#9660f0;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--space-1:calc((8 / 16) * 1rem);--space-1-5:calc((12 / 16) * 1rem);--space-2:calc((16 / 16) * 1rem);--space-3:calc((24 / 16) * 1rem);--space-4:calc((32 / 16) * 1rem);--space-6:calc((48 / 16) * 1rem);--space-8:calc((64 / 16) * 1rem);--textMutedColor:#888;--dangerColor:#ef4444;--dangerColorHover:#d83c3c;--adminBorderColor:#7c3aed33;--adminPageBackground:#f7f5fb;--headerHeight:calc((60 / 16) * 1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom) * 2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440 / 16) * 1rem);--maxWidthHeader:calc((1920 / 16) * 1rem);--maxWidthReading:calc((768 / 16) * 1rem);--maxWidthUserProfile:calc((1024 / 16) * 1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cornerPage{min-height:calc(100vh - var(--headerHeight));min-height:calc(100svh - var(--headerHeight));flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 0;display:flex}.cornerPage nav{width:100%;margin-top:1rem}.cornerPage nav ul{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media only screen and (min-width:40rem){.cornerPage nav ul{grid-template-columns:repeat(2,1fr)}}.cornerPage nav li{display:flex}.cornerPage nav a{-webkit-backdrop-filter:blur(12px);border-radius:var(--contentBorderRadius);background:#ffffff73;border:1px solid #ffffffb3;flex-direction:column;gap:.75rem;width:100%;padding:1.75rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 16px #00000012}@media (hover:hover){.cornerPage nav a:hover{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}}.cornerPage nav a:active{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.cornerPage nav .nav-card__icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;border-radius:.625rem;width:fit-content;padding:.5rem;font-size:2.25rem;line-height:1}.cornerPage nav .nav-card__title{margin-top:.25rem;font-size:1.0625rem;font-weight:700;line-height:1.59375rem}.cornerPage nav .nav-card__description{color:#0000008c;font-size:.875rem;font-weight:400;line-height:1.6}.headerMenuFooter{padding:.75rem var(--headerPaddingLeftRight);border-top:1px solid #efefef;flex-shrink:0;justify-content:center;align-items:center;display:flex}
:root{--purpleGradientBackground:linear-gradient(to top left, #b19cd8, #ccb7e5, #e6d1f2);--greenGradientBackground:linear-gradient(to top left, #43bc43, #8dd88d, #d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left, #7c3aed, #6d28d9, #3730a3);--greenGradientBackgroundHover:linear-gradient(to top left, #16a34a, #059669, #0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorLight:#9660f0;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--space-1:calc((8 / 16) * 1rem);--space-1-5:calc((12 / 16) * 1rem);--space-2:calc((16 / 16) * 1rem);--space-3:calc((24 / 16) * 1rem);--space-4:calc((32 / 16) * 1rem);--space-6:calc((48 / 16) * 1rem);--space-8:calc((64 / 16) * 1rem);--textMutedColor:#888;--dangerColor:#ef4444;--dangerColorHover:#d83c3c;--adminBorderColor:#7c3aed33;--adminPageBackground:#f7f5fb;--headerHeight:calc((60 / 16) * 1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom) * 2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440 / 16) * 1rem);--maxWidthHeader:calc((1920 / 16) * 1rem);--maxWidthReading:calc((768 / 16) * 1rem);--maxWidthUserProfile:calc((1024 / 16) * 1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cornerPage{min-height:calc(100vh - var(--headerHeight));min-height:calc(100svh - var(--headerHeight));flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 0;display:flex}.cornerPage nav{width:100%;margin-top:1rem}.cornerPage nav ul{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media only screen and (min-width:40rem){.cornerPage nav ul{grid-template-columns:repeat(2,1fr)}}.cornerPage nav li{display:flex}.cornerPage nav a{-webkit-backdrop-filter:blur(12px);border-radius:var(--contentBorderRadius);background:#ffffff73;border:1px solid #ffffffb3;flex-direction:column;gap:.75rem;width:100%;padding:1.75rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 16px #00000012}@media (hover:hover){.cornerPage nav a:hover{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}}.cornerPage nav a:active{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.cornerPage nav .nav-card__icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;border-radius:.625rem;width:fit-content;padding:.5rem;font-size:2.25rem;line-height:1}.cornerPage nav .nav-card__title{margin-top:.25rem;font-size:1.0625rem;font-weight:700;line-height:1.59375rem}.cornerPage nav .nav-card__description{color:#0000008c;font-size:.875rem;font-weight:400;line-height:1.6}.userMenu{top:var(--headerHeight);z-index:1000;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.userMenu--open{pointer-events:auto}.userMenu.hubUserMenu{top:var(--headerHeight)}.userMenu__overlay{background-color:var(--headerOverlayBackgroundColor);opacity:0;transition:all .3s;position:absolute;inset:0}.userMenu--open .userMenu__overlay{opacity:1}.userMenu__content{background-color:var(--headerBackgroundColor);width:17.5rem;max-width:85vw;padding:var(--headerPaddingLeftRight);flex-direction:column;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.userMenu__content--open{transform:translate(0)}.userMenu__profile{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);align-items:center;gap:.75rem;margin-bottom:1em;padding:.5em 1em 1.25em;display:flex}.userMenu__profileAvatar{border-radius:50%;flex-shrink:0;width:3rem;height:3rem;overflow:hidden}.userMenu__profileAvatar img{object-fit:cover;width:100%;height:100%}.userMenu__profileInfo{flex-direction:column;gap:.125rem;min-width:0;display:flex}.userMenu__profileName{color:var(--headerTextColor);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;line-height:1.40625rem;overflow:hidden}.userMenu__profileStatus{color:#fff;background:var(--textMutedColor);border-radius:999px;width:fit-content;padding:.1rem .55rem;font-size:.75rem;font-weight:600;line-height:1.125rem}.userMenu__profileStatus--approved{background:var(--primaryGreenColor)}.userMenu__profileStatus--pending{background:var(--primaryPurpleColor)}.userMenu__profileStatus--rejected{background:var(--dangerColor)}.userMenu__profileStatus--admin{background:var(--primaryPurpleColorDarker)}.userMenu__section{margin-bottom:2em}.userMenu__section:last-child{margin-bottom:0}.userMenu__item{margin-bottom:.5em}.userMenu__link{border-radius:var(--buttonBorderRadius);color:var(--headerTextColor);padding:.75em 1em;font-size:1rem;text-decoration:none;transition:all .2s;display:block}.userMenu__link--active{background-color:var(--headerLinkHoverBackgroundColor);pointer-events:none;color:var(--headerTextColor)}@media (hover:hover){.userMenu__link:hover{background-color:var(--headerLinkHoverBackgroundColor);transform:translate(-4px)}}.userMenu__link:active{background-color:var(--headerLinkHoverBackgroundColor);background-color:var(--headerLinkHoverBackgroundColor);transform:translate(-4px)}
:root{--purpleGradientBackground:linear-gradient(to top left, #b19cd8, #ccb7e5, #e6d1f2);--greenGradientBackground:linear-gradient(to top left, #43bc43, #8dd88d, #d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left, #7c3aed, #6d28d9, #3730a3);--greenGradientBackgroundHover:linear-gradient(to top left, #16a34a, #059669, #0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorLight:#9660f0;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--space-1:calc((8 / 16) * 1rem);--space-1-5:calc((12 / 16) * 1rem);--space-2:calc((16 / 16) * 1rem);--space-3:calc((24 / 16) * 1rem);--space-4:calc((32 / 16) * 1rem);--space-6:calc((48 / 16) * 1rem);--space-8:calc((64 / 16) * 1rem);--textMutedColor:#888;--dangerColor:#ef4444;--dangerColorHover:#d83c3c;--adminBorderColor:#7c3aed33;--adminPageBackground:#f7f5fb;--headerHeight:calc((60 / 16) * 1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom) * 2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440 / 16) * 1rem);--maxWidthHeader:calc((1920 / 16) * 1rem);--maxWidthReading:calc((768 / 16) * 1rem);--maxWidthUserProfile:calc((1024 / 16) * 1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cornerPage{min-height:calc(100vh - var(--headerHeight));min-height:calc(100svh - var(--headerHeight));flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 0;display:flex}.cornerPage nav{width:100%;margin-top:1rem}.cornerPage nav ul{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media only screen and (min-width:40rem){.cornerPage nav ul{grid-template-columns:repeat(2,1fr)}}.cornerPage nav li{display:flex}.cornerPage nav a{-webkit-backdrop-filter:blur(12px);border-radius:var(--contentBorderRadius);background:#ffffff73;border:1px solid #ffffffb3;flex-direction:column;gap:.75rem;width:100%;padding:1.75rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 16px #00000012}@media (hover:hover){.cornerPage nav a:hover{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}}.cornerPage nav a:active{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.cornerPage nav .nav-card__icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;border-radius:.625rem;width:fit-content;padding:.5rem;font-size:2.25rem;line-height:1}.cornerPage nav .nav-card__title{margin-top:.25rem;font-size:1.0625rem;font-weight:700;line-height:1.59375rem}.cornerPage nav .nav-card__description{color:#0000008c;font-size:.875rem;font-weight:400;line-height:1.6}.userNotifications{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);flex-direction:column;flex:1;margin-bottom:2em;display:flex;position:relative;overflow-y:hidden}.userNotifications:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--headerBackgroundColor) 100%);pointer-events:none;height:33%;position:absolute;bottom:0;left:0;right:0}.userNotifications__header{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);align-items:center;gap:.5em;margin-bottom:.25em;padding:.5em 0 .75em;font-size:.875rem;line-height:1.3125rem;display:flex}.userNotifications__title{text-transform:uppercase;letter-spacing:.06em;color:var(--headerTextColor);opacity:.5;font-size:.875rem;font-weight:600;line-height:1.3125rem}.userNotifications__badge{color:var(--primaryPurpleColor);font-weight:700}.userNotifications__actions{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);gap:.5em;margin-bottom:.25em;padding:.5em 0;display:flex}.userNotifications__action{border-radius:var(--buttonBorderRadius);background:var(--headerLinkHoverBackgroundColor);color:var(--headerTextColor);cursor:pointer;border:none;flex:1;padding:.4em .5em;font-size:.75rem;line-height:1.125rem;transition:all .2s}@media (hover:hover){.userNotifications__action:hover{background-color:var(--headerLinkHoverBackgroundColor);opacity:.7}}.userNotifications__action:active{background-color:var(--headerLinkHoverBackgroundColor);opacity:.7}.userNotifications__action--danger{color:#e53e3e}.userNotifications__list{scrollbar-width:none}.userNotifications__list::-webkit-scrollbar{display:none}.userNotifications__list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.userNotifications__item{border-radius:var(--buttonBorderRadius);cursor:pointer;align-items:flex-start;gap:.65em;margin-top:.5rem;padding:.65em .75em;transition:background-color .2s;display:flex;position:relative}.userNotifications__item--unread{background-color:var(--headerLinkHoverBackgroundColor)}@media (hover:hover){.userNotifications__item:hover{background-color:var(--headerLinkHoverBackgroundColor)}}.userNotifications__item:active{background-color:var(--headerLinkHoverBackgroundColor)}.userNotifications__icon.material-symbols-outlined{color:var(--primaryPurpleColor);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.125rem;line-height:1.6875rem;display:inline-flex}.userNotifications__body{flex:1;min-width:0}.userNotifications__text{color:var(--headerTextColor);white-space:normal;margin:0 0 .2em;font-size:.875rem;line-height:1.4}.userNotifications__user{font-weight:600}.userNotifications__time{color:var(--headerTextColor);opacity:.45;font-size:.75rem;line-height:1.125rem}.userNotifications__dot{background-color:var(--primaryPurpleColor);border-radius:50%;flex-shrink:0;width:.45em;height:.45em;margin-top:.45em}