@import './community-rich-editor.css';
@import url('./community-polls.css');
@import url('./community-content.css');
@import url('./community-staff.css');
@import url('./community-comments.css');
@import url('./community-admin.css');
@import url('./community-context-menu.css');
@import url('./community-visual.css');
.community-page{width:min(100% - 24px,760px);margin:0 auto;padding:40px 0 var(--community-nav-clearance,calc(var(--nav-height) + 2rem + env(safe-area-inset-bottom)));color:var(--ink,#12366d)}
.community-create{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.community-create h1{font-size:1.08rem;margin:0 0 5px}.community-create p{margin:0;color:var(--muted,#617895);font-size:.86rem}.community-tools{padding:12px 0 8px}.community-categories{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.community-categories button,.community-sort button,.community-admin-tabs button{border:1px solid #b9daf2;background:#fff;color:#335b8b;border-radius:999px;padding:8px 13px;white-space:nowrap}.community-categories .is-active,.community-sort .is-active,.community-admin-tabs .is-active{background:#68b8f8;color:#fff;border-color:#68b8f8}.community-sort{display:flex;justify-content:flex-end;gap:5px;margin-top:7px}.community-sort button{padding:5px 11px;font-size:.8rem}
.community-avatar{box-sizing:border-box;width:38px;height:38px;flex:0 0 38px;border:2px solid #64b8df;border-radius:50%;object-fit:cover;background:#f5fcff;box-shadow:0 0 0 2px #f8fdff}.community-avatar--reply{width:30px;height:30px;flex-basis:30px}.community-avatar--fallback{display:grid;place-items:center;color:#1c6698;font-weight:800}.community-author{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.community-author small{color:#7890a9;font-size:.72rem}.community-role{display:inline-flex;align-items:center;box-sizing:border-box;flex-shrink:0;white-space:nowrap;border:1px solid currentColor;line-height:1.3;font-size:.58rem;font-weight:800;border-radius:999px;padding:2px 6px;background:#dcefff;color:#2175bb}.community-role--streamer,.community-role--admin,.community-role--developer{background:#d8ecff;color:#075ca7}.community-role--moderator{background:#def8ec;color:#197558}.community-role--vip{background:#ffe4ef;color:#b73f71}.community-category{display:inline-flex;align-items:center;box-sizing:border-box;flex-shrink:0;white-space:nowrap;border:1px solid currentColor;color:#285e93;font-size:.72rem;background:#e7f5ff;border-radius:999px;padding:4px 8px}.icon-button{border:0;background:transparent;font-size:1.15rem;color:#557493}
.community-quick-composer{display:flex;gap:12px;padding:16px 4px 12px}.community-quick-composer>div{min-width:0;flex:1}.community-quick-composer textarea,.community-comment-form textarea{box-sizing:border-box;width:100%;min-height:38px;padding:8px 2px;border:0;border-bottom:1px solid #a9c9df;background:transparent;color:#173b65;resize:vertical}.community-quick-composer textarea:focus,.community-comment-form textarea:focus{outline:0;border-color:#3f96d2}.community-quick-actions,.community-comment-form-actions{display:flex;justify-content:flex-end;gap:7px;max-height:0;margin-top:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transition:max-height .24s ease,margin .24s ease,opacity .2s ease,transform .24s ease}.community-quick-composer:focus-within .community-quick-actions,.community-quick-composer:has(textarea:not(:placeholder-shown)) .community-quick-actions,.community-comment-form:focus-within .community-comment-form-actions,.community-comment-form:has(textarea:not(:placeholder-shown)) .community-comment-form-actions{max-height:48px;margin-top:8px;opacity:1;overflow:visible;pointer-events:auto;transform:translateY(0)}.community-quick-actions .button,.community-comment-form-actions .button{min-height:36px;padding:.4rem .8rem;border-radius:999px}
.community-post{padding:16px;margin:10px 0}.community-post>header{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.community-post-link{display:block;color:inherit;text-decoration:none}.community-post h2,.community-post h1{font-size:1.1rem;margin:14px 0 7px}.community-post p{white-space:pre-wrap;line-height:1.65;margin:10px 0 0;color:#405c79}.community-thumbnail{width:100%;max-height:220px;object-fit:cover;border-radius:15px;margin-top:12px}.community-post footer{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:13px}.community-post footer button,.community-post footer a,.community-metric{display:inline-flex;align-items:center;gap:5px;line-height:1;border:0;background:transparent;color:#4b6d91;text-decoration:none;padding:3px}.community-post footer [aria-pressed=true]{color:#f06e99}.community-post--pinned{border-color:#8fcdf6}.community-more{display:block;margin:16px auto}.community-empty{padding:34px;text-align:center}.community-skeleton{height:145px;margin:10px 0;overflow:hidden;background:linear-gradient(100deg,#fff 20%,#e7f5ff 45%,#fff 70%);background-size:200% 100%;animation:community-shimmer 1.2s infinite}@keyframes community-shimmer{to{background-position:-200% 0}}.community-back{display:inline-block;margin-bottom:12px;color:#347db9;text-decoration:none}.community-post--detail h1{font-size:1.35rem}.community-gallery{display:grid;gap:8px;margin-top:14px}.community-gallery img{width:100%;border-radius:16px}
.community-post>header>.community-user-trigger{flex-basis:170px;max-width:100%}.community-post>header .community-author{flex-wrap:wrap;row-gap:4px}.community-post>header .community-author>strong{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.community-post>header>.community-category{margin-inline-start:auto;max-width:calc(100% - 40px);white-space:normal;overflow-wrap:anywhere}.community-post>header>.icon-button{flex-shrink:0}.community-post footer>.community-post-timestamp{margin-inline-start:auto;max-width:100%;font-size:.72rem;line-height:1.4;text-align:end;color:#7890a9;overflow-wrap:anywhere}
.community-composer{display:grid;gap:12px}.community-composer label{display:grid;gap:6px;font-weight:700}.community-composer input,.community-composer textarea,.community-composer select{box-sizing:border-box;width:100%;border:1px solid #b9d9ef;border-radius:13px;padding:11px;background:#fff;color:#173b65}.community-composer textarea{min-height:180px;resize:vertical}.community-form-error{color:#b72f55}.community-upload{display:grid;gap:.45rem}.community-upload-control{position:relative;display:flex;align-items:center;gap:.7rem;min-height:54px;padding:.42rem .55rem;border:1px solid #acd5f2;border-radius:13px;background:#ffffffdf;cursor:pointer}.community-upload-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.community-upload-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .85rem;border-radius:10px;background:linear-gradient(125deg,#8edfff,#63adf7);color:#0d3970;font-weight:750}.community-upload-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#607d9e;font-size:.8rem}.community-menu{display:grid;gap:8px}
#dialog.community-dialog{width:calc(100% - 1.25rem);max-width:32rem;max-height:min(88dvh,48rem);overflow:auto;padding:0;border:1px solid #b9ddf8;border-radius:1.75rem;background:radial-gradient(circle at 94% 4%,#d9f1ff 0,transparent 26%),linear-gradient(145deg,#fff 0,#f4faff 58%,#eaf6ff 100%);box-shadow:0 28px 90px #173b7440;color:var(--ink)}#dialog.community-dialog::backdrop{background:#173b695c;backdrop-filter:blur(8px)}#dialog.community-dialog .dialog-top{position:sticky;top:0;z-index:2;margin:0;padding:1.25rem 1.35rem .9rem;background:#fafdfff2}#dialog.community-dialog .dialog-body{padding:.2rem 1.35rem 1.35rem}
@keyframes community-section-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:no-preference){.community-page>*{animation:community-section-in .55s cubic-bezier(.22,1,.36,1) both}.community-page>*:nth-child(2){animation-delay:.08s}.community-page>*:nth-child(3){animation-delay:.16s}}
@media(max-width:500px){.community-page{width:min(100% - 18px,760px);padding-top:28px}.community-avatar{width:34px;height:34px;flex-basis:34px}.community-avatar--reply{width:27px;height:27px;flex-basis:27px}.community-comment-item{gap:9px}.community-comment-content>p{font-size:.88rem}.community-replies-toggle,.community-replies-more{margin-left:43px}.community-replies-list{margin-left:30px}.community-quick-composer{padding-inline:2px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.navigation .nav-link{min-width:0;padding-inline:3px}.navigation .nav-link span{font-size:.62rem}.navigation .nav-link .icon{width:22px;height:22px}#dialog.community-dialog{max-height:91dvh;border-radius:1.45rem}.community-upload-control{align-items:stretch;flex-direction:column}.community-upload-button{width:100%}.community-upload-name{text-align:center}}
@media(min-width:900px){.community-page{padding-top:48px}.community-post{padding:20px}.community-thumbnail{max-height:320px}}
@media(prefers-reduced-motion:reduce){.community-page *{animation:none!important}.community-comment--target{background:#e5f6ff}}

.community-heart-icon,.community-comment-icon{display:block;width:18px;height:18px;flex:0 0 18px}.community-comment-icon{color:#72aee0}.notification-button>.icon{width:25px;height:25px;stroke-width:1.75}.community-post footer{align-items:center}.community-post footer button,.community-post footer a{min-height:30px}.community-comment-actions [aria-pressed=true] .community-heart-icon,.community-post footer [aria-pressed=true] .community-heart-icon,.is-heart-pop .community-heart-icon{animation:community-heart-pop .36s cubic-bezier(.2,1.55,.45,1)}
@keyframes community-heart-pop{0%{transform:scale(.72)}55%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes community-composer-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes community-heart-pop{0%{transform:scale(.72)}55%{transform:scale(1.35)}100%{transform:scale(1)}}

.community-search{position:relative;margin-bottom:10px}.community-search input{box-sizing:border-box;width:100%;height:42px;padding:8px 42px 8px 38px;border:1px solid #b9daf2;border-radius:999px;background:#fff;color:#173b65}.community-search input:focus{outline:2px solid #79c4f3;outline-offset:2px}.community-search button{position:absolute;right:7px;top:4px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#5f7c99;font-size:1.1rem}.community-upload-list{display:grid;gap:8px}.community-upload-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,1fr) auto auto;align-items:center;gap:8px;padding:9px;border-radius:12px;background:#edf8ff}.community-upload-item>div{display:grid;min-width:0}.community-upload-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.community-upload-item small{color:#66809a;font-size:.7rem}.community-upload-item progress{width:100%;accent-color:#55aceb}.community-upload-item button{border:0;background:transparent;color:#247dbb}.community-hidden-list{display:grid;gap:8px}.community-hidden-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.community-badge{background:#ffe8f1;color:#a73c69}.community-badge--subscriber{background:#e8f7ff;color:#2678ae}.community-badge--follower{background:#eef7e8;color:#56813b}@media(max-width:500px){.community-upload-item{grid-template-columns:minmax(0,1fr) auto}.community-upload-item progress{grid-column:1/-1}}