/* Short, quiet feedback. No content waits for an animation to finish. */
:root{--motion-fast:140ms;--motion-normal:200ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.experience-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(.btn,.filter-chip,.filter-trigger,.people-chip,.mobile-type-picker,.round-button,.modal-close,.icon-button){transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
:where(.btn,.people-chip,.filter-chip,.filter-trigger,.mobile-type-picker,.round-button,.icon-button):active:not(:disabled){transform:translateY(1px)}
:where(.creator-card,.post-card,.user-row,.panel,.attachment-file){transition:border-color var(--motion-normal),box-shadow var(--motion-normal),background-color var(--motion-normal)}
:where(input,select,textarea){transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast)}
dialog[data-closing]{pointer-events:none}
dialog[open]::backdrop{animation:backdrop-in var(--motion-normal) ease-out}
.form-error:not(:empty){animation:feedback-in var(--motion-fast) ease-out}
.network-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:1000;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 120ms;background:#3265ed12}
.network-progress:after{content:"";display:block;height:100%;width:35%;background:#3265ed;transform:translateX(-110%)}
.network-progress.visible{opacity:1}.network-progress.visible:after{animation:network-travel 1.1s ease-in-out infinite}
.btn:disabled .button-spinner{display:inline-block}
.load-retry-notice{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:#fff8e9;border:1px solid #eadbb8;border-radius:10px;margin:0 0 18px;color:#765821;font-size:12px;line-height:1.8}
.load-retry-notice .btn{min-height:44px;flex-shrink:0}
.media-pending{position:relative;overflow:hidden;background:#edf1f7}.media-pending:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 15%,#ffffff9c 45%,transparent 75%);transform:translateX(-100%);animation:skeleton-sweep 1.55s ease-in-out infinite}
.media-pending>img{opacity:0}
.page-skeleton{width:100%;min-height:55vh;color:#75849b;background:var(--bg,#f5f7fb);overflow:hidden;grid-column:1/-1}
.page-skeleton .sk{display:block;background:#e7ecf4;border-radius:7px;position:relative;overflow:hidden}
.page-skeleton .sk:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 10%,#ffffffb8 48%,transparent 85%);transform:translateX(-100%);animation:skeleton-sweep 1.55s ease-in-out infinite}
.skeleton-chrome{height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e6ebf3}
.skeleton-chrome .sk-logo{width:36px;height:36px;border-radius:11px}.skeleton-chrome .sk-name{width:130px;height:18px}.skeleton-chrome .sk-avatar{width:34px;height:34px;border-radius:50%;margin-left:auto}
.skeleton-workspace{display:flex;gap:28px;max-width:1250px;margin:auto;padding:35px 24px}
.skeleton-sidebar{display:none;flex:0 0 180px;padding:20px 12px;background:#fff;border-radius:12px}.skeleton-sidebar .sk-line{margin-bottom:25px;width:100%}
.skeleton-main{flex:1;min-width:0}.skeleton-heading{margin-bottom:24px}.sk-title{width:min(45%,260px);height:28px;margin-bottom:13px}.sk-short{width:58%;height:10px}.skeleton-heading>.sk-short{width:min(65%,320px)}.skeleton-search{height:50px;margin-bottom:25px;border:1px solid #e2e8f2;background:#f0f3f9!important;border-radius:11px!important}
.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.skeleton-card{background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:22px;min-width:0}.skeleton-card:nth-child(3){display:none}.skeleton-person{display:flex;align-items:center;gap:12px;margin-bottom:22px}.skeleton-person>div{flex:1;min-width:0}.sk-avatar{width:48px;height:48px;border-radius:14px!important;flex-shrink:0}.sk-name{width:65%;height:15px;margin-bottom:11px}.sk-tag{width:67px;height:22px;margin-bottom:20px}.sk-line{width:100%;height:11px;margin-bottom:12px}.sk-line-short{width:73%}.skeleton-actions{display:flex;gap:10px;border-top:1px solid #eef1f6;margin-top:23px;padding-top:17px}.skeleton-actions .sk{flex:1;height:41px}
.page-skeleton[data-scope="content"]{min-height:45vh;background:transparent}.page-skeleton[data-scope="content"]>.skeleton-chrome{display:none}.page-skeleton[data-scope="content"] .skeleton-workspace{padding:6px 0 25px}.page-skeleton[data-layout="admin"] .skeleton-sidebar{display:block}.page-skeleton[data-layout="admin"] .skeleton-grid{grid-template-columns:1fr}.page-skeleton[data-layout="admin"] .skeleton-card{padding:19px}.page-skeleton[data-layout="admin"] .skeleton-person{margin-bottom:12px}.page-skeleton[data-layout="admin"] .sk-tag,.page-skeleton[data-layout="admin"] .skeleton-actions{display:none}.page-skeleton[data-layout="profile"] .skeleton-grid,.page-skeleton[data-layout="account"] .skeleton-grid{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.page-skeleton[data-layout="discussions"] .skeleton-grid{grid-template-columns:minmax(0,1fr)}.page-skeleton[data-layout="environment"]{min-height:110px}.page-skeleton[data-layout="environment"] .skeleton-chrome,.page-skeleton[data-layout="environment"] .skeleton-heading,.page-skeleton[data-layout="environment"] .skeleton-search,.page-skeleton[data-layout="environment"] .skeleton-actions,.page-skeleton[data-layout="environment"] .sk-tag,.page-skeleton[data-layout="environment"] .skeleton-card:nth-child(2){display:none}.page-skeleton[data-layout="environment"] .skeleton-workspace{padding:8px}.page-skeleton[data-layout="environment"] .skeleton-grid{grid-template-columns:1fr}.page-skeleton[data-layout="environment"] .skeleton-card{border:0;padding:10px;background:transparent}
.page-skeleton[data-scope="content"] .skeleton-sidebar{display:none}
@keyframes skeleton-sweep{to{transform:translateX(100%)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes feedback-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes network-travel{50%{transform:translateX(120%)}to{transform:translateX(310%)}}
@media(max-width:780px){.skeleton-chrome{height:52px;padding:0 18px}.skeleton-chrome .sk-logo{width:30px;height:30px}.skeleton-chrome .sk-name{width:112px;height:16px}.skeleton-workspace{padding:21px 18px;gap:15px}.skeleton-heading{margin-bottom:19px}.sk-title{height:24px;width:180px}.skeleton-heading>.sk-short{width:220px}.skeleton-search{height:46px;margin-bottom:20px}.skeleton-grid,.page-skeleton[data-layout="profile"] .skeleton-grid,.page-skeleton[data-layout="account"] .skeleton-grid{grid-template-columns:minmax(0,1fr);gap:13px}.skeleton-card{padding:18px}.page-skeleton[data-layout="admin"] .skeleton-sidebar{display:none}.load-retry-notice{align-items:flex-start;padding:12px;gap:10px}.load-retry-notice .btn{padding:8px 12px;font-size:11px}.page-skeleton[data-scope="content"] .skeleton-workspace{padding-top:0}}
@media(prefers-reduced-motion:reduce){.page-skeleton .sk:after,.media-pending:before{animation:none;display:none}.network-progress.visible:after{animation:none;transform:none;width:100%;opacity:.55}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}