/* Scoped mobile-first community finish; no filters or continuously running animation. */
.tim-makeup-app .community-view{background:var(--tm-color-page);color:var(--tm-color-text);padding:8px 16px 110px}
.community-head{height:64px;gap:10px}.community-head h1{font-size:22px;font-weight:750;letter-spacing:-.65px}
.community-head>button:first-child{font-size:12px;max-width:38%;line-height:1.4}.community-head>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-tabs{margin:0 -16px 16px;background:#fff;box-shadow:none}.community-tabs button{height:48px;font-size:14px;transition:color .16s,border-color .16s}
.tim-makeup-app .community-composer{padding:14px;border-color:var(--tm-color-border);border-radius:20px;box-shadow:0 4px 16px #0F362305}
.tim-makeup-app .community-compose-row{align-items:center;gap:12px}
.tim-makeup-app .community-composer textarea{font-size:16px;line-height:1.5;min-height:64px;resize:none;border-radius:16px;padding:12px;background:var(--tm-color-page);color:var(--tm-color-text)}
.tim-makeup-app .community-publish{flex:0 0 58px;width:58px;height:58px;color:#fff;background:var(--tm-color-primary);font-size:11px;font-weight:700;border-radius:16px;box-shadow:0 4px 10px #0F36231c}
.tim-makeup-app .community-publish:disabled{opacity:.6}.community-compose-tools{margin-top:14px;border:0;border-top:1px solid var(--tm-color-border);border-radius:0;padding-top:8px;gap:3px}
.tim-makeup-app .community-compose-tools button{min-height:44px;font-size:11px;gap:5px;border:0;color:var(--tm-color-muted)}.community-compose-tools svg{width:19px;height:19px;color:var(--tm-color-primary)}
.tim-makeup-app .community-upload-note{font-size:11px;line-height:1.6;color:var(--tm-color-muted);margin:8px 0 0}
.tim-makeup-app .community-field input,.community-search input,.community-comment input{font-size:16px!important;min-height:44px}
.tim-makeup-app .community-filters{flex-wrap:nowrap;gap:8px;margin:18px 0 9px}.tim-makeup-app .community-filters select{flex:1;min-width:0;font-size:12px;max-width:100%;padding:10px;border-color:var(--tm-color-border)}
.tim-makeup-app .community-filters button{font-size:11px;min-height:40px;white-space:nowrap}.tim-makeup-app .community-notice{font-size:11px;color:var(--tm-color-muted);margin:0 2px 14px;line-height:1.6}
.tim-makeup-app .community-empty{border:1px dashed var(--tm-color-border);background:#fff;padding:44px 22px;border-radius:20px;line-height:1.9;color:var(--tm-color-muted);font-size:13px}
.tim-makeup-app .community-post{border-radius:18px;border-color:var(--tm-color-border);padding:14px;gap:12px;box-shadow:none}.community-feed{gap:14px;min-height:150px}
.community-post header>img{width:44px;height:44px}.tim-makeup-app .community-post header h2{font-size:14px}.community-post header p{font-size:11px;line-height:1.5}
.tim-makeup-app .community-post-text{font-size:14px;line-height:1.7}.tim-makeup-app .community-post-images:empty{display:none}.tim-makeup-app .community-post-images{gap:6px}
.tim-makeup-app .community-post-images button{border-radius:12px;flex-basis:42%}.tim-makeup-app .community-post-images img{height:160px}.tim-makeup-app .community-post-images button:only-child img{height:auto;max-height:340px;object-fit:contain}
.tim-makeup-app .community-post footer{border-top:1px solid var(--tm-color-border);padding-top:6px}.tim-makeup-app .community-post footer button{min-height:44px;font-size:12px}
.tim-makeup-app .community-fab{height:52px;width:52px;background:var(--tm-color-primary);color:white;font-size:32px;box-shadow:0 5px 16px #0F36232a}
.community-attachments{flex-wrap:wrap;align-items:center;gap:8px}.community-attachments img{width:64px;height:64px;border-radius:10px}.community-attachments span{font-size:12px;overflow-wrap:anywhere;max-width:100%}
.community-skeleton{border:1px solid var(--tm-color-border);border-radius:18px;background:#fff;padding:20px;height:160px}.community-skeleton i{display:block;background:var(--tm-color-page);height:12px;border-radius:8px;margin-bottom:16px}.community-skeleton i:first-child{width:45%;height:32px}.community-skeleton i:last-child{width:70%}
.community-view button:active{transform:translateY(1px)}.community-view button:focus-visible{outline:2px solid var(--tm-color-primary);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.community-view *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:370px){.tim-makeup-app .community-view{padding-left:12px;padding-right:12px}.community-head h1{font-size:20px}.community-head>button:first-child{font-size:10px}.tim-makeup-app .community-compose-tools button{font-size:10px;gap:3px}}

/* Province-only picker for the Community header. */
.community-province-dialog{width:min(430px,100vw);max-width:none;height:min(78vh,680px);max-height:none;margin:auto auto 0;padding:0;border:0;border-radius:24px 24px 0 0;background:#fff;color:var(--tm-color-text);box-shadow:0 -14px 44px #0F362330}
.community-province-dialog::backdrop{background:#10182866;backdrop-filter:blur(2px)}
.community-province-dialog>section{display:flex;flex-direction:column;height:100%;padding:20px 18px max(24px,env(safe-area-inset-bottom));box-sizing:border-box}
.community-province-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.community-province-dialog h2{margin:0;font-size:20px;letter-spacing:-.3px}
.community-province-dialog [data-province-close]{width:40px;height:40px;border:0;border-radius:50%;background:var(--tm-color-page);font-size:25px;color:var(--tm-color-muted)}
.community-province-gps{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 4px;border:0;border-bottom:1px solid var(--tm-color-border);border-radius:0;background:#fff;text-align:left;color:var(--tm-color-primary)}.community-province-gps svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.community-province-gps span{display:flex;align-items:baseline;gap:7px;min-width:0}.community-province-gps strong{font-size:13px;color:var(--tm-color-text)}.community-province-gps small{font-size:10.5px;color:var(--tm-color-muted)}.community-province-gps>b{font-size:21px;font-weight:400;color:var(--tm-color-muted)}
.community-province-search{display:flex;align-items:center;gap:9px;height:46px;margin:14px 0 8px;padding:0 13px;border-radius:13px;background:var(--tm-color-page)}.community-province-search svg{width:19px;height:19px;fill:none;stroke:var(--tm-color-muted);stroke-width:1.7}.community-province-search input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;font:13px inherit}
.community-province-dialog [data-province-status]{min-height:0;margin:0;color:var(--tm-color-muted);font-size:11px}.community-province-dialog [data-province-status]:not(:empty){min-height:18px;padding-top:6px}.community-province-list{flex:1;overflow:auto;overscroll-behavior:contain}.community-province-list button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 4px;border:0;border-bottom:1px solid var(--tm-color-border);background:#fff;color:var(--tm-color-text);text-align:left;font:600 13px inherit}.community-province-list button b{font-size:21px;font-weight:400;color:var(--tm-color-muted)}
