.app-page{--app-page-max:var(--container-max);--app-page-pad:clamp(1.5rem, 3.5vw, 3rem);--app-page-surface:color-mix(in srgb, var(--bg-elevated) 92%, black);--app-page-surface-raised:color-mix(in srgb, var(--bg-surface) 72%, var(--bg-elevated));--app-page-line:#ffffff17;--app-page-shadow:0 22px 60px #08060547;min-height:calc(100dvh - var(--header-height));isolation:isolate;position:relative}.app-page:before{content:"";inset:var(--header-height) 0 auto;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 0%, rgba(var(--brand-primary-rgb), .08), transparent 36%),radial-gradient(circle at 84% 8%, #ffffff06, transparent 30%);height:min(32rem,54vh);position:fixed;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.app-page.app-page--contained{padding-top:var(--app-page-pad);padding-inline:var(--space-6);padding-bottom:clamp(4rem,8vw,7rem)}.app-page.app-page--full{padding-top:0;padding-bottom:clamp(4rem,8vw,7rem)}.app-page.app-page--contained .app-page-header{text-align:left;border-bottom:1px solid var(--app-page-line);margin-bottom:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(1.25rem,2.5vw,2rem);position:relative}.app-page.app-page--contained .app-page-header:after{content:"";background:var(--brand-primary);width:clamp(3rem,8vw,5.5rem);height:2px;box-shadow:0 0 18px rgba(var(--brand-primary-rgb), .2);position:absolute;inset:auto auto -1px 0}.app-page.app-page--contained .app-page-header h1,.app-page .app-page-hero h1{max-width:18ch;font-family:var(--font-display);font-size:clamp(2.15rem,5vw,3.75rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.045em;text-wrap:balance;margin:0 0 .55rem;line-height:.98}.app-page.app-page--contained .app-page-header p,.app-page .app-page-hero p{max-width:64ch;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:clamp(.95rem,1.7vw,1.08rem);line-height:1.65}.app-page.app-page--contained .app-page-header>.header-content{text-align:left;margin-bottom:1.5rem}.app-page.app-page--full>.app-page-hero,.app-page.app-page--contained>.app-page-hero{border-bottom:1px solid var(--app-page-line);background:radial-gradient(circle at 18% 12%, rgba(var(--brand-primary-rgb), .13), transparent 34%),radial-gradient(circle at 84% 88%, #ffffff09, transparent 28%),linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 82%, transparent), var(--bg-base));margin-bottom:clamp(2.5rem,5vw,4.5rem);padding-block:clamp(3rem,7vw,5.75rem) clamp(2.5rem,6vw,4.75rem);position:relative;overflow:hidden}.app-page.app-page--full>.app-page-hero:after,.app-page.app-page--contained>.app-page-hero:after{content:"";z-index:0;pointer-events:none;opacity:.32;background-image:repeating-linear-gradient(90deg,#0000 0 79px,#ffffff06 80px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.app-page>.app-page-hero>*{z-index:1;position:relative}.app-page :is(.server-card,.event-card,.category-card,.new-thread-card,.post-card,.help-card,.settings-panel,.status-section,.content-card,.form-card,.product-content-block,.purchase-card,.legal-content,.static-page-content){background:var(--app-page-surface);border-color:var(--app-page-line);box-shadow:0 1px 0 #ffffff06,var(--shadow-sm)}.app-page :is(.server-card,.event-card,.category-card,.help-card,.product-card){transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.app-page :is(.server-card,.event-card,.category-card,.help-card,.product-card):hover{border-color:rgba(var(--brand-primary-rgb), .42);background:var(--app-page-surface-raised);box-shadow:var(--app-page-shadow);transform:translateY(-2px)}.app-page :is(.back-link,.back-btn,.thread-nav a,.breadcrumb){color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.app-page :is(.back-link,.back-btn,.thread-nav a):hover{color:var(--brand-primary)}.app-page :is(.loading-state,.error-state,.empty-state,.error-container){border-radius:var(--radius-2xl)}.app-page :is(.stat,.category-stats,.hub-meta,.event-meta,.post-meta,.hero-stat-value){font-variant-numeric:tabular-nums}.status-page.app-page.app-page--contained{padding-top:var(--app-page-pad)!important;padding-inline:var(--space-6)!important;min-height:calc(100dvh - var(--header-height))!important;padding-bottom:clamp(4rem,8vw,7rem)!important}.status-page.app-page .status-overview-wrapper{margin-top:0}@media (max-width:760px){.app-page{--app-page-pad:1.5rem}.app-page.app-page--contained{padding-inline:1.25rem}.status-page.app-page.app-page--contained{padding-inline:1.25rem!important}.app-page.app-page--full>.app-page-hero,.app-page.app-page--contained>.app-page-hero{margin-bottom:2rem;padding-block:2.5rem 2.25rem}.app-page.app-page--contained .app-page-header{margin-bottom:2rem}.app-page.app-page--contained .app-page-header h1,.app-page .app-page-hero h1{font-size:clamp(2rem,11vw,3rem)}.app-page :is(.server-card,.event-card,.category-card,.help-card,.product-card):hover{transform:none}}@media (prefers-reduced-motion:reduce){.app-page *,.app-page :before,.app-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}