/* MIJUONE v1.66.5 — Community Feed elevated visual refresh.
   Focus: center feed title, composer, filter tabs, empty state, and subtle motion. */
.page-community{
  --ms64-blue:#1f63c8;
  --ms64-deep:#143765;
  --ms64-sky:#5ca6ff;
  --ms64-surface:#ffffff;
  --ms64-soft:#eef5ff;
  --ms64-soft-2:#f8fbff;
  --ms64-line:#dbe7f5;
  --ms64-text:#28476c;
  --ms64-muted:#7e96b3;
  --ms64-shadow:0 14px 40px rgba(18,58,120,.08),0 2px 8px rgba(17,42,82,.04);
  --ms64-radius:24px;
  --ms64-ease:cubic-bezier(.22,.8,.22,1);
}
.page-community .ms-center{gap:18px}
.page-community .ms-feed-title,
.page-community .ms-composer,
.page-community .ms-filters,
.page-community .ms-empty,
.page-community .ms-thread{
  position:relative;
  overflow:hidden;
}
.page-community .ms-feed-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding:19px 22px 18px;
  border-radius:28px;
  border:1px solid rgba(214,229,247,.95);
  background:
    radial-gradient(circle at top right, rgba(95,166,255,.22), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 48%, #eef5ff 100%);
  box-shadow:var(--ms64-shadow);
}
.page-community .ms-feed-title::before{
  content:"";
  position:absolute;
  inset:auto auto -36px -10px;
  width:150px;height:150px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(84,145,255,.2), rgba(84,145,255,0));
  pointer-events:none;
}
.page-community .ms-feed-title > div{position:relative;z-index:1}
.page-community .ms-feed-title .ms-panel-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  letter-spacing:.18em;
  color:#6f96c4;
  margin-bottom:10px;
}
.page-community .ms-feed-title .ms-panel-kicker::before{
  content:"";
  width:34px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--ms64-blue),rgba(31,99,200,.18));
}
.page-community .ms-feed-title h2{
  margin:0;
  font-size:22px;
  line-height:1.24;
  letter-spacing:-.06em;
  color:var(--ms64-deep);
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.page-community .ms-online-count{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;font-weight:800;
  color:#2864a7;
  border:1px solid #d8e7f7;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 20px rgba(34,84,153,.08);
  white-space:nowrap;
}
.page-community .ms-online-count .icon{width:18px;height:18px}

.page-community .ms-composer{
  padding:18px 20px 15px;
  border-radius:30px;
  border:1px solid rgba(215,229,246,.96);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.98));
  box-shadow:var(--ms64-shadow);
  transition:transform .28s var(--ms64-ease), box-shadow .28s var(--ms64-ease), border-color .28s var(--ms64-ease);
}
.page-community .ms-composer::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 16%, rgba(255,255,255,.75) 27%, transparent 38%);
  transform:translateX(-120%);
  pointer-events:none;
}
.page-community .ms-composer:hover,
.page-community .ms-composer:focus-within{
  transform:translateY(-2px);
  border-color:#c7dcf4;
  box-shadow:0 18px 42px rgba(18,58,120,.1),0 6px 20px rgba(24,67,130,.05);
}
.page-community .ms-composer:hover::before,
.page-community .ms-composer:focus-within::before{
  animation:ms64-shine 1.35s var(--ms64-ease) 1;
}
.page-community .ms-compose-top{gap:18px;align-items:flex-start}
.page-community .ms-compose-avatar{position:relative}
.page-community .ms-compose-avatar .ms-avatar{
  width:46px;height:46px;font-size:16px;
  background:linear-gradient(145deg,#2c6ace,#79b2ff);
  box-shadow:0 14px 25px rgba(39,103,193,.2), inset 0 1px 0 rgba(255,255,255,.35);
}
.page-community .ms-avatar-camera{
  width:26px;height:26px;right:-2px;bottom:-2px;
  border-color:#d7e5f6;
  box-shadow:0 8px 16px rgba(22,76,145,.18);
}
.page-community .ms-avatar-camera:hover{transform:translateY(-1px)}
.page-community .ms-composer-label{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;
  margin-bottom:8px;
}
.page-community .ms-composer-label strong{
  font-size:16px;line-height:1.25;letter-spacing:-.05em;color:var(--ms64-deep);
}
.page-community .ms-composer-label span{
  display:inline-flex;align-items:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  color:#6d88ab;
  font-size:11px;font-weight:700;
  background:linear-gradient(135deg,#eef5ff,#f7fbff);
  border:1px solid #dce8f6;
}
.page-community .ms-compose-fields textarea{
  min-height:64px!important;
  padding:8px 0 2px!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:#1d385c!important;
}
.page-community .ms-compose-fields textarea::placeholder{color:#9bb1cb}
.page-community .ms-compose-options{margin-top:8px}
.page-community .ms-compose-options > summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  list-style:none;cursor:pointer;
  padding:11px 14px;
  border-radius:14px;
  color:#4f6f97;font-weight:800;font-size:12px;
  background:linear-gradient(180deg,#f9fbff,#f1f7ff);
  border:1px solid #dce8f7;
  transition:background .2s var(--ms64-ease), transform .2s var(--ms64-ease), border-color .2s var(--ms64-ease);
}
.page-community .ms-compose-options > summary:hover{background:linear-gradient(180deg,#ffffff,#eef5ff);border-color:#c9dcf2}
.page-community .ms-compose-options[open] > summary{border-bottom-left-radius:14px;border-bottom-right-radius:14px}
.page-community .ms-compose-options > summary::-webkit-details-marker{display:none}
.page-community .ms-compose-options > summary .icon:last-child{transition:transform .22s var(--ms64-ease)}
.page-community .ms-compose-options[open] > summary .icon:last-child{transform:rotate(180deg)}
.page-community .ms-compose-options-inner{
  margin-top:12px;padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  border:1px solid #e1ebf8;
}
.page-community .ms-compose-title,
.page-community .ms-compose-location input,
.page-community .ms-compose-location select{
  border-radius:14px!important;
  border:1px solid #d9e6f5!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.page-community .ms-interest-composer-v162 > summary{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:14px;padding:14px 16px;
  border-radius:16px;cursor:pointer;
  background:linear-gradient(180deg,#f4f8ff,#eef5ff);
  border:1px solid #dbe7f5;
  color:#2c5f9c;font-weight:800;
}
.page-community .ms-interest-composer-v162 > summary::-webkit-details-marker{display:none}
.page-community .ms-photo-preview{
  margin-top:16px;
  border-radius:22px;
  background:linear-gradient(180deg,#fbfdff,#f3f8ff);
  border:1px solid #deebf9;
}
.page-community .ms-compose-bottom{
  margin-top:18px;padding-top:18px;
  border-top:1px solid #e6eef9;
  display:flex;justify-content:space-between;align-items:center;gap:18px;
}
.page-community .ms-compose-tools{gap:12px}
.page-community .ms-upload-control,
.page-community .ms-full-editor{
  display:inline-flex;align-items:center;gap:9px;
  min-height:38px;padding:0 12px;
  border-radius:16px;
  border:1px solid #dce8f7;
  background:linear-gradient(180deg,#ffffff,#f6faff);
  color:#547194!important;
  font-weight:800!important;
  box-shadow:0 4px 10px rgba(27,67,124,.04);
  transition:transform .2s var(--ms64-ease), box-shadow .2s var(--ms64-ease), border-color .2s var(--ms64-ease), color .2s var(--ms64-ease);
}
.page-community .ms-upload-control:hover,
.page-community .ms-full-editor:hover{
  transform:translateY(-1px);
  border-color:#bfd6f1;
  color:#215fae!important;
  box-shadow:0 10px 18px rgba(35,94,177,.09);
}
.page-community .ms-file-count{font-size:13px;color:#7b93af}
.page-community .ms-publish{
  min-height:42px;
  padding:0 16px!important;
  border-radius:18px;
  background:linear-gradient(135deg,#1b58b0,#2d7ae0 70%, #57a0ff);
  box-shadow:0 16px 28px rgba(32,96,183,.23);
  font-size:12px;font-weight:850;
  letter-spacing:-.02em;
}
.page-community .ms-publish:hover{transform:translateY(-2px) scale(1.01)}
.page-community .ms-upload-guide{margin-top:10px;color:#7e95b1;font-size:11px}

.page-community .ms-filters{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:11px 14px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #dbe7f5;
  box-shadow:var(--ms64-shadow);
}
.page-community .ms-filter-row{
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;
}
.page-community .ms-filter-row a{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;
  padding:0 12px;
  border-radius:14px;
  color:#5d7798;
  font-size:12px;font-weight:800;
  text-decoration:none;
  transition:transform .2s var(--ms64-ease), color .2s var(--ms64-ease), background .2s var(--ms64-ease), box-shadow .2s var(--ms64-ease);
}
.page-community .ms-filter-row a::before{
  content:"";
  position:absolute;inset:0;
  border-radius:inherit;
  border:1px solid transparent;
  transition:border-color .2s var(--ms64-ease);
}
.page-community .ms-filter-row a:hover{color:#205eae;background:#eff5ff;transform:translateY(-1px)}
.page-community .ms-filter-row a:hover::before{border-color:#d9e7f7}
.page-community .ms-filter-row a.active{
  color:#1554a4;
  background:linear-gradient(180deg,#eef5ff,#e2efff);
  box-shadow:inset 0 -2px 0 #1f63c8,0 10px 18px rgba(31,99,200,.12);
}
.page-community .ms-feed-search{
  display:flex;align-items:center;gap:0;
  flex:none;
  min-width:min(320px,100%);
  border-radius:18px;
  overflow:hidden;
  border:1px solid #dce7f5;
  background:#fff;
  box-shadow:0 8px 18px rgba(19,53,102,.05);
}
.page-community .ms-feed-search input,
.page-community .ms-feed-search select,
.page-community .ms-feed-search button{
  height:38px;border:0;outline:none;background:transparent;
}
.page-community .ms-feed-search input{flex:1;padding:0 12px;color:#27456a;font-size:12px}
.page-community .ms-feed-search select{padding:0 16px;border-left:1px solid #e2eaf6;color:#4e6b91}
.page-community .ms-feed-search button{width:40px;color:#1f63c8;font-size:16px;cursor:pointer;transition:background .2s var(--ms64-ease)}
.page-community .ms-feed-search button:hover{background:#eef5ff}

.page-community .ms-posts{display:flex;flex-direction:column;gap:18px}
.page-community .ms-thread{
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff,#fdfefe);
}
.page-community .ms-thread::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent, rgba(120,171,240,.5), transparent);
}
.page-community .ms-empty{
  padding:36px 20px;
  border-radius:30px;
  border:1px dashed #cadcf2;
  background:
    radial-gradient(circle at top left, rgba(91,154,255,.14), transparent 28%),
    linear-gradient(180deg,#ffffff,#f6faff);
  box-shadow:var(--ms64-shadow);
  text-align:center;
}
.page-community .ms-empty span{
  display:grid;place-items:center;
  width:56px;height:56px;margin:0 auto 12px;
  border-radius:24px;
  color:#2c71d2;
  font-size:26px;
  background:linear-gradient(145deg,#ecf5ff,#ffffff);
  border:1px solid #d9e7f8;
  box-shadow:0 14px 30px rgba(34,96,180,.14);
}
.page-community .ms-empty h3{margin:0 0 10px;font-size:18px;line-height:1.35;letter-spacing:-.05em;color:#18375e}
.page-community .ms-empty p{margin:0 auto 18px;max-width:560px;font-size:13px;line-height:1.65;color:#7d95b0}
.page-community .ms-empty a{
  display:inline-flex;align-items:center;gap:8px;
  min-height:38px;padding:0 14px;
  border-radius:16px;
  background:linear-gradient(135deg,#1b58b0,#2d7ae0);
  color:#fff!important;font-weight:900;text-decoration:none;
  box-shadow:0 14px 28px rgba(28,95,182,.2);
}
.page-community .ms-empty a:hover{transform:translateY(-1px)}

@keyframes ms64-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ms64-shine{from{transform:translateX(-120%)}to{transform:translateX(130%)}}
@keyframes ms64-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

@media (prefers-reduced-motion:no-preference){
  .page-community .ms-feed-title,
  .page-community .ms-composer,
  .page-community .ms-filters,
  .page-community .ms-empty{animation:ms64-fade-up .55s var(--ms64-ease) both}
  .page-community .ms-composer{animation-delay:.06s}
  .page-community .ms-filters{animation-delay:.12s}
  .page-community .ms-empty{animation-delay:.18s}
  .page-community .ms-empty span{animation:ms64-float 3.4s ease-in-out infinite}
  .page-community .ms-posts .ms-thread:nth-child(-n+8){animation:ms64-fade-up .58s var(--ms64-ease) both}
  .page-community .ms-posts .ms-thread:nth-child(1){animation-delay:.04s}
  .page-community .ms-posts .ms-thread:nth-child(2){animation-delay:.08s}
  .page-community .ms-posts .ms-thread:nth-child(3){animation-delay:.12s}
  .page-community .ms-posts .ms-thread:nth-child(4){animation-delay:.16s}
  .page-community .ms-posts .ms-thread:nth-child(5){animation-delay:.20s}
  .page-community .ms-posts .ms-thread:nth-child(6){animation-delay:.24s}
}

@media (max-width:1200px){
  .page-community .ms-feed-title h2{font-size:21px}
  .page-community .ms-composer-label strong{font-size:15px}
  .page-community .ms-compose-fields textarea{font-size:14px!important}
  .page-community .ms-filters{align-items:stretch;flex-direction:column}
  .page-community .ms-feed-search{width:100%;min-width:0}
}
@media (max-width:750px){
  .page-community .ms-feed-title{padding:18px 15px 16px;border-radius:20px;align-items:flex-start;flex-direction:column}
  .page-community .ms-feed-title h2{font-size:20px}
  .page-community .ms-online-count{padding:10px 14px;font-size:11px}
  .page-community .ms-composer{padding:16px 14px 14px;border-radius:22px}
  .page-community .ms-compose-top{gap:12px}
  .page-community .ms-compose-avatar .ms-avatar{width:42px;height:42px}
  .page-community .ms-composer-label strong{font-size:15px}
  .page-community .ms-composer-label span{font-size:11px;min-height:25px;padding:5px 9px}
  .page-community .ms-compose-fields textarea{min-height:60px!important;font-size:13px!important}
  .page-community .ms-compose-options > summary{padding:10px 12px;font-size:12px}
  .page-community .ms-compose-options-inner{padding:14px}
  .page-community .ms-compose-bottom{flex-direction:column;align-items:stretch}
  .page-community .ms-compose-tools{width:100%;flex-wrap:wrap}
  .page-community .ms-upload-control,.page-community .ms-full-editor{flex:1;justify-content:center;min-width:0}
  .page-community .ms-publish{width:100%;justify-content:center}
  .page-community .ms-filters{padding:14px;border-radius:20px}
  .page-community .ms-filter-row{gap:8px}
  .page-community .ms-filter-row a{min-height:34px;padding:0 11px;font-size:12px}
  .page-community .ms-feed-search{border-radius:16px}
  .page-community .ms-empty{padding:30px 16px;border-radius:22px}
  .page-community .ms-empty span{width:52px;height:52px;font-size:24px;border-radius:20px}
  .page-community .ms-empty h3{font-size:17px}
  .page-community .ms-empty p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .page-community .ms-feed-title,
  .page-community .ms-composer,
  .page-community .ms-filters,
  .page-community .ms-empty,
  .page-community .ms-thread,
  .page-community .ms-upload-control,
  .page-community .ms-full-editor,
  .page-community .ms-filter-row a,
  .page-community .ms-publish,
  .page-community .ms-composer::before{animation:none!important;transition:none!important;transform:none!important}
}

/* Threads must not clip repost/quote controls. */
.page-community .ms-thread{overflow:visible}