: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}.newPostButtonWrapper{z-index:900;width:100%;max-width:var(--maxWidthReading);pointer-events:none;margin:0 auto;position:fixed;bottom:1rem;left:0;right:0}.newPostButton{background-color:var(--headerTextColor);color:#fff;cursor:pointer;aspect-ratio:1;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;margin-right:1rem;padding:.5rem;font-size:.875rem;font-weight:600;transition:all .2s;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}.postModal{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.postModal__content{background:var(--headerBackgroundColor);max-width:var(--maxWidthReading);width:100%;max-height:calc(100svh - 2rem);box-shadow:var(--headerBoxShadow);border-radius:12px;flex-direction:column;animation:.3s ease-out slideUp;display:flex;position:relative}.postModal__header{padding:var(--headerPaddingLeftRight);border-bottom:1px solid #0000001a;flex-shrink:0;position:relative}.postModal__close{top:var(--headerPaddingLeftRight);right:var(--headerPaddingLeftRight);cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:color .2s;display:flex;position:absolute}.postModal__close:hover{color:var(--headerTextColor)}.postModal__title{color:var(--headerTextColor);text-align:center;font-size:1.75rem;font-weight:600}.postModal__body{padding:var(--headerPaddingLeftRight);flex:1;min-height:0;overflow-y:auto}.postModal__form{gap:var(--headerPaddingLeftRight);flex-direction:column;display:flex}.postModal__error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.75rem;font-size:.875rem}.postModal__footer{padding:var(--headerPaddingLeftRight);text-align:center;border-top:1px solid #0000001a;flex-shrink:0}.postModal__footer p{color:#666;margin:0;font-size:.875rem}
: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}
: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}.uploadImages{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.uploadImages__uploadButton{border-radius:var(--contentBorderRadius);cursor:pointer;background:0 0;border:2px dashed #8080804d;outline:none;flex-direction:column;max-width:320px;padding:1rem 2rem;transition:all .3s;display:flex}.uploadImages__uploadButton svg{fill:#999;transition:all .3s}.uploadImages__uploadButton p{color:#666;margin-top:.5rem;font-size:1rem;font-weight:500;transition:all .3s}@media (hover:hover){.uploadImages__uploadButton:hover{background:#00000005;border-color:#80808080}.uploadImages__uploadButton:hover svg{fill:var(--headerTextColor)}.uploadImages__uploadButton:hover p{color:var(--headerTextColor)}}.uploadImages__uploadButton:active{background:#00000005;border-color:#80808080}.uploadImages__uploadButton:active svg{fill:var(--headerTextColor)}.uploadImages__uploadButton:active p{color:var(--headerTextColor)}.uploadImages__input{display:none}.uploadImages--inGallery{scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:1;flex-shrink:0;width:75%}.uploadImages--inGallery .uploadImages__uploadButton{justify-content:center;align-items:center;width:100%;max-width:none;height:100%;display:flex}.uploadImages--inGallery .uploadImages__uploadButton svg{width:50%;height:50%}
: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}.uploadThumbnail{scroll-snap-align:center;scroll-snap-stop:always;border-radius:var(--contentBorderRadius);flex-shrink:0;width:75%;position:relative;overflow:hidden}.uploadThumbnail img{aspect-ratio:1;object-fit:cover;border-radius:var(--contentBorderRadius);width:100%;display:block}.uploadThumbnail__topActions{border-radius:var(--contentBorderRadius) var(--contentBorderRadius) 0 0;background:linear-gradient(#000000a6,#0000);justify-content:space-between;padding:16px 16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.uploadThumbnail__orderBadge{color:#fff;background:#0006;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:600;display:flex}.uploadThumbnail__actions{border-radius:0 0 var(--contentBorderRadius) var(--contentBorderRadius);background:linear-gradient(#0000,#000000a6);justify-content:space-evenly;gap:1rem;padding:24px 16px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.uploadThumbnail__cropOverlay{aspect-ratio:1;width:100%;position:absolute;top:0;left:0}
: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}.cropView{width:100%;position:relative}.cropView__window{aspect-ratio:1;cursor:grab;touch-action:none;border-radius:var(--contentBorderRadius);width:100%;position:relative;overflow:hidden}.cropView__window:active{cursor:grabbing}.cropView__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;top:0;left:0}.cropView__grid{pointer-events:none;border-radius:var(--contentBorderRadius);background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#fff6 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#fff6 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#fff6 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#fff6 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));border:2px solid #ffffffb3;position:absolute;inset:0}.cropView__controls{border-radius:0 0 var(--contentBorderRadius) var(--contentBorderRadius);pointer-events:none;background:linear-gradient(#0000,#000000a6);justify-content:space-between;padding:24px 16px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}
: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}.uploadGallery__wrapper{position:relative}.uploadGallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:calc(var(--headerPaddingLeftRight)*2);margin:calc(var(--headerPaddingLeftRight)*-1);padding:var(--headerPaddingLeftRight);scrollbar-width:none;flex-direction:row;display:flex;overflow:auto}.uploadGallery::-webkit-scrollbar{display:none}.uploadGallery>:first-child{margin-left:12.5%}.uploadGallery>:last-child{margin-right:12.5%}.uploadGallery--disabled{overflow:hidden}.uploadGallery__controls{pointer-events:none;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.uploadGallery__controls .controls__navigation{justify-content:space-between;align-items:center;width:100%;height:100%;padding:1rem;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}.richTextEditor{flex-direction:column;gap:.4rem;display:flex}.richTextEditor__label{color:var(--headerTextColor);font-size:.875rem;font-weight:600;line-height:1.3125rem}.richTextEditor__toolbar{gap:.25rem;display:flex}.richTextEditor__toolbarBtn{border-radius:var(--buttonBorderRadius);width:2rem;height:2rem;color:var(--headerTextColor);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.richTextEditor__toolbarBtn .material-symbols-outlined{font-size:1.1rem}@media (hover:hover){.richTextEditor__toolbarBtn:hover{background:var(--headerLinkHoverBackgroundColor)}}.richTextEditor__toolbarBtn:active{background:var(--headerLinkHoverBackgroundColor)}.richTextEditor__toolbarBtn--active{background:var(--primaryPurpleColor);color:#fff}@media (hover:hover){.richTextEditor__toolbarBtn--active:hover{background:var(--primaryPurpleColorLight)}}.richTextEditor__toolbarBtn--active:active{background:var(--primaryPurpleColorLight)}.richTextEditor__content{border-radius:var(--buttonBorderRadius);min-height:8rem;color:var(--headerTextColor);border:1px solid #00000026;padding:.75rem;font-size:.9375rem;line-height:1.40625rem}.richTextEditor__content .ProseMirror{outline:none}.richTextEditor__content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#999;pointer-events:none;height:0}.richTextEditor__content p{margin:0}.richTextEditor__content p+p{margin-top:.5em}.richTextEditor__content ul,.richTextEditor__content ol{margin:.5em 0;padding-left:1.25rem}.richTextEditor__content ul{list-style:outside}.richTextEditor__content ol{list-style:decimal}.richTextEditor__content li p{margin:0}