: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}.appButton{border-radius:var(--buttonBorderRadius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.35rem;font-weight:600;transition:all .2s;display:inline-flex}.appButton--regular{padding:.875rem 1.25rem;font-size:1rem;line-height:1.5rem}.appButton--small{padding:.4rem .9rem;font-size:.875rem;line-height:1.3125rem}.appButton--fullWidth{justify-content:center;width:100%}.appButton--primary{background:var(--primaryButtonColor);color:#fff}@media (hover:hover){.appButton--primary:hover{background:var(--primaryButtonColorHover);transform:translateY(-1px)}}.appButton--primary:active{background:var(--primaryButtonColorHover);transform:translateY(0)}.appButton--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.appButton--primary.appButton--outlined{color:var(--primaryButtonColor);background:0 0}@media (hover:hover){.appButton--primary.appButton--outlined:hover{background:var(--primaryButtonColor);color:#fff;transform:translateY(-1px)}}.appButton--primary.appButton--outlined:active{background:var(--primaryButtonColor);color:#fff;transform:translateY(-1px)}.appButton--ghost{color:var(--headerTextColor);background:0 0}@media (hover:hover){.appButton--ghost:hover{background-color:var(--headerLinkHoverBackgroundColor)}}.appButton--ghost:active{background-color:var(--headerLinkHoverBackgroundColor)}.appButton--ghost:disabled{opacity:.6;cursor:not-allowed}.appButton--danger{--fill:1;background-color:var(--dangerColor);color:#fff}.appButton--danger .appButton__icon.material-symbols-outlined{color:#fff;font-variation-settings:"FILL" var(--fill),"wght" 400,"GRAD" 0,"opsz" 16}@media (hover:hover){.appButton--danger:hover{background-color:var(--dangerColorHover)}}.appButton--danger:active{background-color:var(--dangerColorHover)}.appButton--danger:disabled{opacity:.6;cursor:not-allowed}.appButton--danger.appButton--outlined{--fill:0;color:var(--dangerColor);background:0 0}.appButton--danger.appButton--outlined .appButton__icon.material-symbols-outlined{color:var(--dangerColor)}@media (hover:hover){.appButton--danger.appButton--outlined:hover{--fill:1;background-color:var(--dangerColor);color:#fff}.appButton--danger.appButton--outlined:hover .appButton__icon.material-symbols-outlined{color:#fff}}.appButton--danger.appButton--outlined:active{--fill:1;background-color:var(--dangerColor);color:#fff}.appButton--danger.appButton--outlined:active .appButton__icon.material-symbols-outlined{color:#fff}.appButton--text{font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--primaryPurpleColor);text-underline-offset:2px;background:0 0;border:none;border-radius:0;padding:0;text-decoration:underline}@media (hover:hover){.appButton--text:hover{opacity:.8}}.appButton--text:active{opacity:.8}.appButton--text:disabled{opacity:.6;cursor:not-allowed}.appButton__icon.material-symbols-outlined{font-size:inherit;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-flex}
