.modal-overlay.align-tray{justify-content:flex-end;align-items:flex-start;padding-top:80px;padding-right:20px}.notification-tray{width:400px;max-width:calc(100vw - 40px);border-radius:var(--border-radius);max-height:500px;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.tray-header{align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--white-10)}.tray-header h3{margin:0;font-size:var(--text-size-lg);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tray-content{flex:1;overflow-y:auto;padding:.5rem}.empty-notifications{padding:3rem 1rem;color:var(--text-secondary)}.empty-icon{margin-bottom:1rem;opacity:.3}.notification-item{align-items:center;gap:var(--flex-gap-md);padding:.75rem;border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--white-5)}.notification-item:hover{background:var(--white-10);transform:translate(4px)}.notification-item.unread{background:oklch(from var(--primary) l c h / .2);border-left:3px solid var(--primary)}.notification-avatar img,.notification-avatar .empty-avatar{width:var(--round-button-size);height:var(--round-button-size);border-radius:50%;object-fit:cover}.notification-avatar .empty-avatar{background:var(--gradient-primary);opacity:.5}.notification-details{flex:1}.notification-details p{margin:0;font-size:var(--text-size-md);line-height:1.4}.sender-name{font-weight:700;color:var(--text-primary)}.notification-time{font-size:var(--text-size-sm);color:var(--text-secondary)}.notification-icon{flex-shrink:0}.notification-btn{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--clr-red);color:var(--text-primary);font-size:.625rem;min-width:1.125rem;height:1.125rem;border-radius:9in;padding:0 4px;border:2px solid var(--dark)}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.user-menu-trigger:hover{transform:scale(1.05)}.floating-panel{background:var(--panel-bg)}.user-menu-dropdown{position:absolute;top:calc(100% + .75rem);border-radius:var(--border-radius);right:0;width:220px;padding:.75rem;z-index:20;gap:var(--flex-gap-xs);animation:slideIn .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--glass-box-shadow)}.user-menu-info{padding:.5rem .75rem}.user-menu-name{font-size:var(--text-size-md)}.user-menu-role{font-size:var(--text-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.user-menu-divider{height:1px;background:var(--white-10);margin:.5rem 0}.user-menu-item{align-items:center;gap:var(--flex-gap-md);padding:.625rem .75rem;color:var(--text-secondary);font-size:var(--text-size-md);border-radius:var(--border-radius);transition:all .3s ease;cursor:pointer}.user-menu-item:hover{background:var(--black-10);color:var(--primary)}.user-menu-item.logout{color:var(--clr-red);border:1px solid transparent;background:transparent}.user-menu-item.logout:hover{border:1px solid var(--clr-red);background:oklch(from var(--clr-red) l c h / .1);color:var(--clr-red)}.nav-container{position:sticky;top:0;width:100cqw;z-index:2;container-type:inline-size;container-name:nav}.nav-content{padding:0 1.5rem;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}@container nav (width < 576px){.nav-content{padding:0 1rem;height:var(--nav-height, 3rem)}}.nav-logo{align-items:center;text-decoration:none}.logo-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(135deg,var(--primary1) 0%,var(--primary2) 100%);overflow:hidden}.logo-icon img{width:32px;height:32px}.logo-text{font-size:var(--text-size-xl);font-weight:bolder;background:linear-gradient(to right,hsl(from var(--primary1) h s 70% / 1),var(--primary2));-webkit-background-clip:text;background-clip:text;color:transparent}@container app (width < 576px){.logo-text{display:none}}.actions{gap:var(--flex-gap-md)}@container (width < 576px){.actions{gap:var(--flex-gap-sm)}}.user-avatar{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--white-10);object-fit:cover}.user-avatar.empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary1) 0%,var(--primary2) 100%) border-box;border:1px solid transparent;color:var(--text-secondary)}.photo-card{margin-bottom:24px}.card-header{align-items:center;justify-content:space-between;padding:1rem}.author-link{align-items:center;gap:var(--flex-gap-md)}.author-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;border:1px solid var(--white-10)}.author-name{font-weight:700;font-size:var(--text-size-md);color:var(--text-primary)}.post-time{font-size:var(--text-size-sm);color:var(--text-secondary)}.card-image{aspect-ratio:4 / 5;background:var(--dark1-bg);overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover}.image-wrapper{position:relative;overflow:hidden;background:var(--dark1-bg)}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.image-wrapper img:hover{transform:scale(1.03)}.video-container{cursor:pointer}.feed-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--black-50);border-radius:50%;width:4rem;height:4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--white-20);pointer-events:none;transition:opacity .3s ease}.play-icon{width:1.5rem;height:1.5rem;color:var(--white);margin-left:4px}.video-badge{position:absolute;top:1rem;right:1rem;background:var(--black-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.25rem .5rem;border-radius:4px;font-size:var(--text-size-xs);font-weight:700;align-items:center;gap:var(--flex-gap-xs);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--white-10)}.card-body{padding:1rem}.card-actions{align-items:center;justify-content:space-between;margin-bottom:1rem}.action-group{align-items:center;gap:var(--flex-gap-md)}.action-group .btn-icon svg,.card-actions>.btn-icon svg{width:1.25rem;height:1.25rem}.likes-count{font-weight:700;font-size:var(--text-size-sm);margin-bottom:.5rem}.post-caption{font-size:var(--text-size-sm);color:var(--text-secondary);margin-bottom:.75rem}.author-name-inline{font-weight:700;color:var(--text-primary);text-decoration:none}.author-name-inline:hover{text-decoration:underline}.view-comments{font-size:var(--text-size-sm);color:var(--text-secondary);cursor:pointer;transition:color .3s ease;background:none;border:none}.view-comments:hover{color:var(--text-primary)}.comments-list{gap:var(--flex-gap-md);margin-top:calc(.5rem - 2px);margin-bottom:calc(1rem - 2px);margin-left:-2px;margin-right:-2px;padding:2px;max-height:200px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-thumb{background:var(--white-20);border-radius:4px}.comment-item{align-items:flex-start;gap:var(--flex-gap-sm);font-size:var(--text-size-sm)}.comment-avatar-link{text-decoration:none;color:inherit;flex-shrink:0}.comment-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}.comment-content{flex:1}.comment-author-link{text-decoration:none;color:inherit}.comment-author{font-weight:700;color:var(--text-primary);margin-right:.25rem}.comment-author:hover{text-decoration:underline}.comment-text{color:var(--text-secondary);line-height:1.4}.delete-comment-btn{width:1.5rem;height:1.5rem;flex-shrink:0;margin-right:2px}.delete-comment-btn:hover{color:var(--clr-red);background:var(--white-10);border-color:var(--clr-red)}.comment-form{align-items:center;border-top:1px solid var(--white-10);padding-top:.75rem;margin-top:.5rem}.comment-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-size-sm);outline:none}.comment-input::placeholder{color:var(--text-secondary)}.comment-submit{background:none;border:none;padding:.25rem;cursor:pointer;align-items:center;justify-content:center;transition:opacity .2s;color:var(--text-secondary)}.comment-submit.active{color:var(--primary)}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.post-content-wrapper{padding:1.5rem;background:var(--white-5);border-bottom:1px solid var(--white-10)}.card-post-title{font-size:var(--text-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.card-post-body{font-size:var(--text-size-md);line-height:1.6;color:var(--text-secondary)}.card-post-body h1,.card-post-body h2,.card-post-body h3{color:var(--text-primary);margin:1.5rem 0 .5rem}.card-post-body h1{font-size:var(--text-size-xl)}.card-post-body h2{font-size:var(--text-size-lg)}.card-post-body h3{font-size:var(--text-size-md)}.card-post-body p{margin-bottom:1rem}.card-post-body li{margin-bottom:.5rem}.card-post-body blockquote{border-left:4px solid var(--white-20);padding-left:1rem;margin-left:0;color:var(--text-secondary);font-style:italic}.card-post-body a{color:var(--primary);text-decoration:none;font-weight:700;transition:opacity .2s}.card-post-body a:hover{text-decoration:underline;opacity:.8}.card-post-body ul,.card-post-body ol{padding-left:1.5rem;margin-bottom:1rem}.card-post-body p:last-child{margin-bottom:0}.loading-sentinel{padding:2rem 0;width:100%;justify-content:center}.feed-loading{align-items:center}.feed-end{padding:4rem 0;text-align:center;color:var(--text-secondary);font-size:var(--text-size-md);align-items:center;gap:var(--flex-gap-md)}.feed-end:before{content:"";width:40px;height:1px;background:var(--white-10)}.feed-spacer{height:20px}@property --rotatepercentage{syntax: "<percentage>"; initial-value: 0%; inherits: false;}.loading-spinner-container{gap:var(--flex-gap-md);width:100%;height:100%}.outer-spinner{gap:var(--flex-gap-md);border-radius:50%;padding:2rem;opacity:.3;background:radial-gradient(circle,var(--background-color) 0 2rem,#0000 2.5rem 3rem),conic-gradient(var(--primary) 0 10%,#0000 calc(var(--rotatepercentage) + 25%) 75%,var(--primary) 90% 100%);animation:rotate-gradient 2s linear infinite,spin 3s linear infinite}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--dark);border-top-color:var(--primary);border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotate-gradient{0%{--rotatepercentage: 0%}50%{--rotatepercentage: 50%}to{--rotatepercentage: 0%}}.feed-filters-container{min-width:var(--max-card-width);container-type:inline-size;container-name:feed-filters-container}.feed-filters{align-items:center;padding:1rem 1.5rem;border-radius:var(--border-radius);margin-bottom:2rem;animation:fadeIn .5s ease-out}@container feed-filters-container (width < 576px){.feed-filters{padding:.5rem .75rem;gap:var(--flex-gap-sm)}}.filter-group{align-items:center;gap:var(--flex-gap-sm)}@container feed-filters-container (width < 400px){.filter-group{display:none}}.filter-label-text{font-size:var(--text-size-sm);font-weight:700;color:var(--white-90);text-transform:uppercase}@container feed-filters-container (width < 576px){.filter-label-text{display:none}}.filter-divider{width:1px;height:20px;background:var(--white-10);margin:0 .5rem}@container feed-filters-container (width < 400px){.filter-divider{display:none}}.filter-btn .close-icon{margin-left:4px;opacity:.8}.filter-indicator{width:6px;height:6px;border-radius:50%;background:var(--primary)}.filter-options{gap:var(--flex-gap-md);flex-wrap:wrap}@container feed-filters-container (width < 400px){.filter-options{gap:var(--flex-gap-sm)}}@container feed-filters-container (width < 576px){.filter-btn span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.loading-feed{display:flex;height:100svh;justify-content:center;align-items:center}.title-icon{color:var(--primary)}.file-upload-area{border:2px dashed var(--white-20);border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all .2s;background:var(--white-5);min-height:200px}.file-upload-area.has-files{padding:1rem;background:transparent;border:1px solid var(--white-10)}.file-upload-area.disabled{cursor:not-allowed;opacity:.7}.file-upload-area:hover:not(.disabled){border-color:var(--primary);background:var(--white-5)}.hidden-file-input{display:none}.file-upload-placeholder{align-items:center;gap:var(--flex-gap-md);color:var(--text-secondary)}.upload-placeholder-icon{width:3rem;height:3rem;color:var(--clr-grey)}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--flex-gap-md)}.preview-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--black-50)}.file-upload-preview-small{width:100%;height:100%;object-fit:cover}.remove-preview-btn{position:absolute;top:4px;right:4px;background:var(--black-60);border:none;color:var(--text-primary);padding:4px;border-radius:50%;cursor:pointer;z-index:2;transition:all .2s}.remove-preview-btn:hover{border:2px solid var(--clr-red);background:var(--black-80);color:var(--clr-red)}.add-more-item{aspect-ratio:1;border-radius:var(--border-radius);border:2px dashed var(--white-20);cursor:pointer;color:var(--white-40);transition:all .3s}.add-more-item:hover{border-color:var(--primary);color:var(--primary);background:var(--white-5)}.auth-container{min-height:100svh;padding:1.5rem;background:var(--background-image)}@container (width < 576px){.auth-container{padding:0rem}}.auth-card{width:100%;max-width:28rem;padding:2.5rem;border-radius:var(--border-radius)}@container (width < 576px){.auth-card{height:100cqh;border-radius:0}}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:var(--text-size-xl);margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-size-sm)}.auth-error{padding:.75rem;border-radius:.5rem;font-size:var(--text-size-md);text-align:center;margin-bottom:1rem}.auth-btn{margin-top:1rem;width:100%;padding-top:.875rem;padding-bottom:.875rem;font-size:var(--text-size-md)}.auth-divider{margin:1.5rem 0;color:var(--text-secondary);font-size:var(--text-size-md)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--white-10)}.auth-divider span{padding:0 1rem}.google-btn{width:100%}.google-btn:hover{background:var(--white-10);transform:scale(1.02);box-shadow:var(--glass-box-shadow-lg)}.google-icon{width:20px;height:20px}.auth-footer{margin-top:2rem;text-align:center}.toggle-auth-btn{background:none;border:none;color:var(--primary);font-size:var(--text-size-sm);cursor:pointer;transition:color .2s}.waiver-box{max-height:154px;overflow-y:auto;padding:1rem;border-radius:.75rem;font-size:var(--text-size-sm);line-height:1.5;color:var(--text-secondary);overscroll-behavior:contain}.waiver-box p strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.auth-checkbox{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--primary)}.checkbox-label{font-size:var(--text-size-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.markdown-editor-container{gap:var(--flex-gap-sm)}.markdown-editor-header{justify-content:space-between;align-items:center}.markdown-tabs .tab-btn{height:2rem;padding:0 .75rem;font-size:var(--text-size-sm)}.markdown-textarea{font-family:JetBrains Mono,Fira Code,monospace;min-height:150px;line-height:1.6}.markdown-preview{padding:1.5rem;min-height:150px;background:var(--black-50);overflow-y:auto}.preview-body p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.6}.preview-body h1,.preview-body h2,.preview-body h3{color:var(--text-primary);margin:1.5rem 0 .5rem}.preview-body h1{font-size:var(--text-size-xl)}.preview-body h2{font-size:var(--text-size-lg)}.preview-body h3{font-size:var(--text-size-md)}.preview-body ul,.preview-body ol{padding-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.preview-body li{margin-bottom:.5rem}.preview-body blockquote{border-left:4px solid var(--white-10);padding-left:1rem;margin-left:0;color:var(--text-secondary);font-style:italic}.preview-body a{color:var(--primary);text-decoration:none;font-weight:700}.preview-body a:hover{text-decoration:underline}.empty-preview{color:var(--text-secondary);font-style:italic;margin-top:4rem}.edit-avatar-group{align-items:center}.avatar-upload-area{position:relative;width:120px;height:120px;border-radius:50%;cursor:pointer;overflow:hidden;border:3px solid var(--border);transition:all .2s ease}.avatar-upload-area:hover,.avatar-upload-area:focus-within{border-color:var(--primary)}.avatar-upload-area.disabled{cursor:default;opacity:.7}.avatar-upload-preview{width:100%;height:100%;object-fit:cover}.avatar-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-50);opacity:0;transition:opacity .2s ease;color:#fff}.avatar-upload-area:hover:not(.disabled) .avatar-upload-overlay{opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--flex-gap-md)}@container current-modal (width < 400px){.form-grid{grid-template-columns:1fr}}.links-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--white-10);margin-bottom:2rem}.link-item{align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-md)}.link-info{overflow:hidden}.link-platform{font-size:var(--text-size-sm);text-transform:uppercase;color:var(--primary);letter-spacing:.05em}.link-url{font-size:var(--text-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-link-form{padding:1rem;background:var(--white-5);border:1px solid var(--white-10);border-radius:var(--radius-md);gap:var(--flex-gap-md)}.platform-select{cursor:pointer;background-color:var(--black-70);color:var(--text-primary)}.platform-select option{background-color:var(--darker);color:var(--text-primary)}.waiver-banner{margin-bottom:1.5rem;border-left:4px solid var(--clr-red);padding:1.5rem;background:var(--black-10)}.banner-content{align-items:center;gap:var(--flex-gap-lg)}.banner-icon{color:var(--clr-red);flex-shrink:0}.banner-text{flex:1}.banner-text h3{font-size:var(--text-size-md);font-weight:bolder;color:var(--clr-white);margin-bottom:.25rem}.banner-text p{color:var(--light1);font-size:var(--text-size-md);line-height:1.5}.banner-btn{background:var(--clr-red);white-space:nowrap}.banner-btn:hover{background:var(--clr-red)}@container app (width < 640px){.banner-content{flex-direction:column;align-items:flex-start;gap:var(--flex-gap-md)}.banner-btn{width:100%}}.profile-container{gap:var(--flex-gap-md);padding:1rem;min-height:calc(100vh - var(--nav-height));container-type:inline-size;container-name:profile}.profile-header{position:relative;align-items:center;padding:2rem;border-radius:var(--radius-lg);container-type:inline-size;container-name:profile-header}.profile-avatar-large{height:20cqh;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:var(--glass-box-shadow)}.profile-avatar-large.empty{background:var(--primary-gradient)}.edit-icon{position:absolute;top:1rem;right:1rem}.profile-body{display:flex;justify-content:space-evenly;align-items:center;gap:var(--flex-gap-xl)}@container profile-header (width < 576px){.profile-body{flex-direction:column;gap:var(--flex-gap-md)}}.contact-item{align-items:center;gap:var(--flex-gap-sm);font-size:var(--text-size-md);color:var(--text-secondary)}.contact-item a{color:var(--primary);transition:opacity .2s}.contact-item a:hover{opacity:.8;text-decoration:underline}.admin-role-control{display:flex;align-items:center;gap:var(--flex-gap-sm)}@container (width < 400px){.admin-role-control{flex-direction:column}}.role-select{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:2px 4px;cursor:pointer}.role-option{background:var(--dark);color:var(--text-primary)}.profile-grid-item{aspect-ratio:1;position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface)}.profile-grid-media{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-grid-item.image:hover .profile-grid-media{transform:scale(1.05)}button.delete-photo-btn{position:absolute;top:.5rem;right:.5rem;background:var(--black-30);box-shadow:var(--glass-box-shadow);border:2px solid var(--clr-white);opacity:0;transition:all .2s ease;z-index:1;width:32px;height:32px}button.delete-photo-btn:hover{color:var(--clr-red);border-color:var(--clr-red);background:var(--white-80);box-shadow:var(--glass-box-shadow)}.profile-grid-item:hover .delete-photo-btn{opacity:1}.profile-about-section{margin-top:1rem;line-height:1.6;color:var(--text-primary);font-size:var(--text-size-md)}.profile-about-section p{margin-bottom:.75rem}.profile-about-section p:last-child{margin-bottom:0}.profile-not-found{text-align:center;padding:4rem;color:var(--text-secondary);font-size:var(--text-size-xl)}.profile-links-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--white-10)}.profile-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--flex-gap-md)}@container profile (width < 400px){.profile-links-grid{gap:var(--flex-gap-sm)}}.profile-link-card{align-items:center;gap:var(--flex-gap-md);padding:.75rem 1rem;text-decoration-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);border:var(--glass-border)}@container (width < 400px){.profile-link-card{padding:.5rem .75rem;gap:var(--flex-gap-sm)}}.profile-link-card:hover{border-color:var(--primary);background:var(--white-10)}.profile-link-card:hover .platform-name,.link-platform-icon{color:var(--primary)}.link-text{gap:var(--flex-gap-xs);overflow:hidden}.platform-name{font-size:var(--text-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.platform-url{font-size:var(--text-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-feed-header{display:flex;gap:var(--flex-gap-sm);align-items:center;margin-bottom:1rem}@container profile (width < 576px){.profile-feed-header{display:none}}.grid-toggle{display:none}@container (width < 576px){.grid-toggle{display:none}}.list-view{display:flex;justify-content:center;align-items:center;margin-inline:5rem;margin-bottom:10rem}.card-component{position:relative;height:35vh;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:10rem;container-type:size}.card-component>*{object-fit:cover;height:200px;overflow:clip;background-color:var(--glass-bg);--total-siblings: sibling-count();--index: sibling-index();--height: clamp(150px, 75cqh, 400px);--max-card-width: calc(var(--height) / 1.6);aspect-ratio:auto 1 / 1.6;--cards-from-center: calc(var(--index) - (var(--total-siblings) + 1) / 2);--arc-spread: 40deg;--card-depth: 4cqh;--offset-angle: calc(var(--arc-spread) / var(--total-siblings));--angle: calc(var(--cards-from-center) * var(--offset-angle) + 270deg);--layer: calc(var(--total-siblings) - abs(var(--cards-from-center)));--radius-vertical: 1000px;--radius-horizontal: 1000px;--scale-from-center-height: calc( var(--height) - abs(var(--cards-from-center)) * var(--card-depth) );--height-difference: calc(var(--height) - var(--scale-from-center-height));top:calc(var(--radius-vertical) + calc(100cqh - var(--scale-from-center-height) + var(--height-difference)) / 2);position:absolute;--max-container-width: calc(100cqw - var(--max-card-width) / 2);--increment: calc(var(--max-container-width) / var(--total-siblings));transform:translate(calc(var(--increment) * var(--cards-from-center)),calc(sin(var(--angle)) * var(--radius-vertical))) rotate(calc(var(--angle) - 270deg));height:var(--scale-from-center-height);border-radius:15px;background-color:oklch(calc(var(--index) * 4% + 20%) .15 150);transition:transform .3s ease,z-index .3s;transition-behavior:allow-discrete;z-index:var(--layer)}.card-component>*:is(:hover,:focus){box-shadow:0 10px 10px #000c;transform:translate(calc(var(--increment) * var(--cards-from-center)),calc(sin(var(--angle)) * var(--radius-vertical) - 80px)) scale(1.05) rotate(0);cursor:pointer;z-index:100}.card-component>*:is(:hover,:focus)+*{transform:translate(calc(var(--increment) * var(--cards-from-center)),calc(sin(var(--angle)) * var(--radius-vertical) - 20px)) rotate(calc(var(--angle) - 270deg - 3deg))}.card-component>*:is(:hover,:focus)+*+*{transform:translate(calc(var(--increment) * var(--cards-from-center)),calc(sin(var(--angle)) * var(--radius-vertical) - 15px)) rotate(calc(var(--angle) - 270deg - 1deg))}.card-component .profile-list-media{object-fit:cover;height:100%;width:100%;display:block}.card-component>*:is(:hover,:focus){box-shadow:0 10px 10px #000c;transform:translate(calc(cos(var(--angle)) * var(--radius-horizontal)),calc(sin(var(--angle)) * var(--radius-vertical) - 80px)) scale(1.05) rotate(calc(var(--cards-from-center) * 3deg));cursor:pointer;z-index:100}.card-component>*:is(:hover,:focus)+*{transform:translate(calc(cos(var(--angle)) * var(--radius-horizontal) + 30px),calc(sin(var(--angle)) * var(--radius-vertical) - 20px)) rotate(calc(var(--angle) - 270deg - 3deg))}.card-component>*:is(:hover,:focus)+*+*{transform:translate(calc(cos(var(--angle)) * var(--radius-horizontal) + 30px),calc(sin(var(--angle)) * var(--radius-vertical) - 15px)) rotate(calc(var(--angle) - 270deg - 1deg))}.card-component>*:has(+*:is(:hover,:focus)){transform:translate(calc(var(--increment)* var(--cards-from-center)),calc(sin(var(--angle)) * var(--radius-vertical) - 20px)) rotate(calc(var(--angle) - 270deg + 3deg))}.card-component>*:has(+*+*:is(:hover,:focus)){transform:translate(calc(var(--increment)* var(--cards-from-center)),calc(sin(var(--angle)) * var(--radius-vertical) - 15px)) rotate(calc(var(--angle) - 270deg + 1deg))}.user-list-header,.user-item{display:grid;grid-template-columns:1fr 100px 100px 100px;padding:1rem 1.5rem}.user-list-header{border-bottom:1px solid var(--white-10);font-size:var(--text-size-sm);text-transform:uppercase;color:var(--text-secondary)}.user-item{align-items:center;border-bottom:1px solid var(--white-5);transition:background .2s}.user-item:last-child{border-bottom:none}.user-item:hover{background:var(--white-5)}.user-info-cell{align-items:center}.user-id{font-size:var(--text-size-sm);color:var(--text-secondary)}.role-badge{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:9in;font-size:var(--text-size-sm);min-width:60px}.role-badge.admin{background:oklch(from var(--bright2) l c h / .1);color:var(--text-secondary);border:1px solid var(--white-10)}.role-badge.user{background:var(--white-5);color:var(--text-secondary);border:1px solid var(--white-10)}.type-select{background:var(--glass-bg);border:1px solid var(--white-10);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:var(--text-size-sm);cursor:pointer}.status-badge{font-size:var(--text-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.025em}.status-badge.suspended{color:var(--clr-red)}.user-item.is-suspended{opacity:.7}.role-header,.type-header,.actions-header{text-align:center}.admin-user-link{text-decoration:none}.admin-user-link:hover .user-name{color:var(--primary)}.suspension-toggle{transition:all .2s}.suspension-toggle:hover{color:var(--clr-red);border-color:var(--clr-red)}.suspension-toggle.active{color:var(--clr-green)}.suspension-toggle.active:hover{color:oklch(from var(--clr-green) l c h / .8);border-color:var(--clr-green)}.active-toggle.is-active{color:var(--clr-green);background:oklch(from var(--clr-green) l c h / .1);border-color:var(--clr-green)}.active-toggle span{font-size:var(--text-size-md)}.content-actions{display:flex;justify-content:space-between;align-items:center}.content-actions h2{font-size:var(--text-size-lg)}.list-header,.post-item{display:grid;grid-template-columns:1fr 230px;padding:1rem 1.5rem;align-items:center}.list-header{border-bottom:var(--thin-light-border);font-weight:700;color:var(--text-secondary)}.post-item{border-bottom:var(--thin-light-border);transition:background .2s}.post-item:hover{background:var(--white-5)}.post-item:last-child{border-bottom:none}.post-item:nth-child(odd){background:var(--white-5)}.post-item.post-inactive:nth-child(odd){background:var(--darkest)}.post-date{font-size:var(--text-size-sm);color:var(--text-secondary)}.empty-state{padding:4rem 2rem;color:var(--text-secondary)}.action-divider{min-width:1px;height:40px;background:var(--white-20);margin:0 .5rem}.post-inactive{opacity:.6;color:var(--text-secondary)}.status-badge-inline{place-content:center;font-size:var(--text-size-xs);background:var(--white-10);padding:.1rem .4rem;border-radius:var(--border-radius-sm);color:var(--text-secondary);border:1px solid var(--white-10)}.status-indicator{color:var(--text-secondary);margin-right:1rem}.error-dialog-overlay{z-index:100}.error-dialog-container{width:90%;max-width:400px;padding:2rem;position:relative;text-align:center;border-color:var(--clr-red)}.error-dialog-header{align-items:center;gap:var(--flex-gap-md);margin-bottom:1.25rem}.error-icon-wrapper{width:48px;height:48px;border-radius:50%;background:var(--clr-red);color:var(--text-primary)}.error-dialog-title{font-size:var(--text-size-lg);font-weight:bolder;color:var(--text-primary)}.error-dialog-body{margin-bottom:2rem}.error-message{color:var(--text-secondary);line-height:1.6;font-size:var(--text-size-md)}.error-dialog-footer{justify-content:center}.error-confirm-btn{min-width:120px;background:linear-gradient(135deg,var(--clr-red) 0%,oklch(from var(--clr-red) l c h / .5) 100%);box-shadow:0 4px 14px oklch(from var(--clr-red) l c h / .3)}.error-confirm-btn:hover{box-shadow:0 6px 20px oklch(from var(--clr-red) l c h / .5)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-roman.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter-italic.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-roman.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-italic.woff2) format("woff2")}@layer base{:root{--bright1-hue:250;--bright2-hue:320;--light1:oklch(.7137 .0192 var(--bright1-hue));--bright1:oklch(.4564 .3099 var(--bright1-hue));--bright2:oklch(.571 .2971 var(--bright2-hue));--bright3:oklch(.5854 .2041 var(--bright1-hue));--dark:oklch(.2225 .0194 var(--bright1-hue));--darker:oklch(.1615 .0105 var(--bright1-hue));--darkest:oklch(.1408 .0044 var(--bright1-hue));--clr-white: #ffffff;--clr-black: #000000;--clr-grey:oklch(.5 0 0);--clr-red:oklch(.6368 .2078 25.33);--clr-green:oklch(.6959 .1491 162.48);--background-color: var(--darker);--background-image: radial-gradient(circle at top right, var(--dark1-bg) 0%, var(--dark2-bg) 100%);--primary1:var(--bright1);--primary2:var(--bright2);--primary-gradient: linear-gradient(135deg, var(--bright1) 0%, var(--bright2) 100%) border-box;--glass-bg: var(--white-3);--dark1-bg:var(--dark);--dark2-bg:var(--darkest);--panel-bg: radial-gradient( circle at top right, oklch(from var(--clr-grey) l c h / .3) 0%, oklch(from var(--clr-grey) l c h / .4) 50%, oklch(from var(--clr-grey) l c h / .6) 100% );--glass-panel-bg: oklch(.1708 .0103 285.25 / .7);--black-5: oklch(from var(--clr-black) l c h / .05);--black-10: oklch(from var(--clr-black) l c h / .1);--black-20: oklch(from var(--clr-black) l c h / .2);--black-30: oklch(from var(--clr-black) l c h / .3);--black-50: oklch(from var(--clr-black) l c h / .5);--black-70: oklch(from var(--clr-black) l c h / .7);--black-80: oklch(from var(--clr-black) l c h / .8);--black-90: oklch(from var(--clr-black) l c h / .9);--white-1: oklch(from var(--clr-white) l c h / .01);--white-3: oklch(from var(--clr-white) l c h / .03);--white-5: oklch(from var(--clr-white) l c h / .05);--white-10: oklch(from var(--clr-white) l c h / .1);--white-15: oklch(from var(--clr-white) l c h / .15);--white-20: oklch(from var(--clr-white) l c h / .2);--white-30: oklch(from var(--clr-white) l c h / .3);--white-50: oklch(from var(--clr-white) l c h / .5);--white-70: oklch(from var(--clr-white) l c h / .7);--white-80: oklch(from var(--clr-white) l c h / .8);--white-90: oklch(from var(--clr-white) l c h / .9);--glass-border: var(--black-10);--font-color: var(--clr-white);--blur-radius: 16px;--blur-radius-lg: 24px;--primary: var(--bright3);--text-primary: var(--clr-white);--text-secondary: var(--light1);--border-radius: 24px;--radius-sm: .5rem;--button-radius: .75rem;--max-card-width: 320px;--glass-box-shadow: 0 8px 32px 0 var(--black-30);--glass-box-shadow-lg: 0 12px 48px 0 var(--black-50);--round-button-size: 40px;--nav-height: 4rem;--thin-light-border: 1px solid var(--white-10);--thin-dark-border: 1px solid var(--black-10);--thin-glass-border: 1px solid var(--glass-border);--flex-gap-xs: .25rem;--flex-gap-sm: .5rem;--flex-gap-md: 1rem;--flex-gap-lg: 1.5rem;--flex-gap-xl: 2rem;--text-size-xs: .625rem;--text-size-sm: .75rem;--text-size-sm-plus: .875rem;--text-size-sm-plus-plus: .9375rem;--text-size-md: 1rem;--text-size-lg: 1.25rem;--text-size-xl: 1.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}html{scrollbar-gutter:stable}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-block-size:100svh;font-family:Inter,sans-serif;color:var(--text-primary);background:var(--background-color);container-type:inline-size;container-name:body}a{text-decoration-color:transparent;color:inherit}input,button,textarea,select{font-family:inherit;color:var(--font-color)}textarea{resize:none;font-family:inherit;color:var(--font-color)}textarea::-webkit-resizer{display:none}img{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}.title{font-size:2rem}.application{display:flex;flex-direction:column;min-height:100svh;background:var(--background-image);anchor-name:--app;container-type:inline-size;container-name:app}.app-loader{display:flex;place-items:center;min-height:100svh;min-width:100vw}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.flex-center{justify-content:center;align-items:center}.flex-gap-xs{gap:var(--flex-gap-xs, .25rem)}.flex-gap-sm{gap:var(--flex-gap-sm, .5rem)}.flex-gap-md{gap:var(--flex-gap-md, 1rem)}.flex-gap-lg{gap:var(--flex-gap-lg, 1.5rem)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100dvw;height:100dvh;background-color:var(--black-70);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1;padding:1rem}.glass,.glass-card{backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));box-shadow:var(--glass-box-shadow);border:var(--thin-glass-border);transition:all .3s ease}.glass{background:var(--glass-bg)}.glass:hover{border:var(--thin-light-border);box-shadow:var(--glass-box-shadow-lg)}.glass-card{background:linear-gradient(145deg,var(--white-10) 0%,var(--white-1) 100%);border-radius:var(--border-radius);overflow:hidden}.glass-card:hover{border-color:var(--primary);box-shadow:var(--glass-box-shadow-lg)}.glass-panel{background:var(--glass-panel-bg);backdrop-filter:blur(var(--blur-radius-lg));-webkit-backdrop-filter:blur(var(--blur-radius-lg));border-bottom:var(--thin-glass-border)}.error{background:oklch(from var(--clr-red) l c h / .1);border:1px solid var(--clr-red);color:var(--clr-red)}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0}.modal-container{position:relative;width:100%;max-width:500px;background:var(--glass-bg);border-radius:var(--border-radius);z-index:10;max-height:90vh;container-type:inline-size;container-name:current-modal}.modal-container p{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.modal-header{justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:var(--thin-light-border)}.modal-title{font-size:var(--text-size-xl);font-weight:600}.modal-form{overflow-y:auto;padding:1.5rem}.confirm-modal{padding:2rem;max-width:400px}.app-container{padding:1rem 1.5rem 2rem}.action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:var(--flex-gap-md)}.icon-title{justify-content:flex-start}.page-icon{color:var(--primary);width:var(--round-button-size);height:var(--round-button-size)}.page-subtitle{margin-top:.5rem;margin-bottom:1.5rem}.tabs{padding:.5rem 0}.form-group{display:flex;flex-direction:column;gap:var(--flex-gap-sm);margin-bottom:1.25rem}.form-label{font-size:var(--text-size-sm);color:var(--text-secondary)}.form-input,.form-textarea{background:var(--black-20);border:var(--thin-light-border);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;width:100%;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);background:var(--black-40);box-shadow:0 0 0 2px var(--white-5)}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.page-header{margin-bottom:2rem}.btn,.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--flex-gap-sm);height:2.5rem;padding:.625rem 1.5rem;border-radius:9in;font-weight:500;font-size:var(--text-size-sm);transition:all .2s ease;background:var(--white-5);color:var(--text-secondary);cursor:pointer;border:none}.btn:hover,.tab-btn:hover{background:var(--white-10);border-color:var(--white-15)}.btn:disabled,.tab-btn:disabled{opacity:.3;cursor:not-allowed}.tab-btn{border-radius:var(--button-radius);border:var(--thin-light-border)}@supports (corner-shape: squircle){.tab-btn{corner-shape:squircle;border-radius:calc(var(--button-radius) * 2)}}.btn-primary{background:var(--primary-gradient);color:var(--clr-primary);box-shadow:0 4px 14px var(--primary1);border:1px solid transparent}.btn-primary:hover{box-shadow:0 6px 20px var(--primary2);background:var(--primary-gradient)}.btn-outline{background:var(--white-5);border:var(--thin-light-border)}.btn-outline:hover{background-color:var(--white-10);border-color:var(--primary);color:var(--primary)}.tab-btn:hover{background:var(--white-10);color:var(--clr-primary)}.tab-btn.active{background:var(--primary-gradient);color:var(--clr-primary);border-color:transparent;box-shadow:0 4px 12px var(--bright1)}.btn-icon{width:var(--round-button-size);height:var(--round-button-size);border-radius:50%;padding:0;background:var(--white-5);border:1px solid var(--white-10);color:var(--white-90);display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon:hover{background:var(--white-10);transform:scale(1.05)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn.delete{color:var(--clr-red);background:var(--white-5);border:var(--thin-light-border)}.btn.delete:hover,.btn-icon.delete:hover{color:var(--clr-red);background:var(--white-10);border-color:var(--clr-red)}.modal-enter{animation:fadeIn .3s ease forwards}.modal-content-enter{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--max-card-width),1fr));gap:var(--flex-gap-xl);align-items:start}.stats-panel{gap:var(--flex-gap-xl);padding:1.5rem;margin-bottom:2rem}.stat-label{color:var(--text-secondary);font-size:var(--text-size-mdm)}.stat-item{display:flex;gap:var(--flex-gap-sm);align-items:center}.checkbox-group{display:flex;align-items:center;gap:var(--flex-gap-md);padding:.5rem 0}.access-denied-panel{padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}