/* ============================================================
   NHIE / UNSUPERVISED — POP! SOCIAL V2
   Desktop social shell, tabbed navigation, compact account hub.
   ============================================================ */

.unsocial_page{
  --pop-bg:#17101f;
  --pop-bg-soft:#21172a;
  --pop-panel:rgba(49,35,58,.88);
  --pop-panel-strong:rgba(38,26,47,.97);
  --pop-panel-soft:rgba(255,225,242,.055);
  --pop-line:rgba(255,221,239,.11);
  --pop-line-hot:rgba(255,105,174,.24);
  --pop-text:#fff0f6;
  --pop-muted:rgba(255,232,243,.66);
  --pop-soft:rgba(255,228,241,.43);
  --pop-pink:#ff69ae;
  --pop-pink-hot:#ff3f99;
  --pop-coral:#ff8067;
  --pop-lilac:#aaa7ff;
  --pop-cyan:#89d9da;
  --pop-danger:#ff8294;
  --pop-good:#77d3a2;
  --pop-shadow:0 18px 42px rgba(0,0,0,.38);
  --pop-gradient:linear-gradient(135deg,#ff69ae 0%,#ff8067 55%,#8ed7dd 115%);
  --pop-gradient-soft:linear-gradient(135deg,rgba(255,105,174,.18),rgba(255,128,103,.10) 58%,rgba(137,217,218,.08));

  position:relative;
  width:100%;
  height:630px;
  overflow:hidden;
  color:var(--pop-text);
  background:
    radial-gradient(circle at 12% 0%,rgba(255,88,164,.28),transparent 34%),
    radial-gradient(circle at 92% 88%,rgba(112,213,220,.18),transparent 31%),
    radial-gradient(circle at 58% 36%,rgba(139,104,196,.12),transparent 42%),
    linear-gradient(rgba(23,14,31,.78),rgba(16,13,27,.86)),
    url(/themes/advanced/imgs/bg_social_pattern.png),
    var(--pop-bg);
  background-size:auto,auto,auto,auto,250px,auto;
  font-family:'Hind Siliguri',Verdana,sans-serif;
  font-size:11px;
  line-height:1.42;
}

.unsocial_page *,
.unsocial_page *::before,
.unsocial_page *::after{box-sizing:border-box;}

.unsocial_page a,
.unsocial_page a:visited{color:inherit;text-decoration:none;}

.unsocial_page button,
.unsocial_page input,
.unsocial_page select,
.unsocial_page textarea{font:inherit;}

.unsocial_page textarea{resize:none;}

.unsocial_page ::-webkit-scrollbar{width:6px;height:6px;}
.unsocial_page ::-webkit-scrollbar-track{background:rgba(255,255,255,.018);}
.unsocial_page ::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(255,105,174,.22);}
.unsocial_page ::-webkit-scrollbar-thumb:hover{background:rgba(255,105,174,.38);}

/* ------------------------------------------------------------
   Notices
   ------------------------------------------------------------ */

.unsocial_notice{
  position:absolute;
  right:20px;
  top:18px;
  z-index:999;
  min-width:220px;
  max-width:440px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  color:#fff;
  box-shadow:0 18px 42px rgba(0,0,0,.46);
  font-family:'Outfit',sans-serif;
  font-size:10px;
  letter-spacing:.6px;
  text-transform:uppercase;
  pointer-events:none;
  animation:pop_notice 5.2s ease forwards;
}

.unsocial_notice.ok{background:rgba(53,112,79,.96);}
.unsocial_notice.ko{background:rgba(139,49,68,.97);}

@keyframes pop_notice{
  0%{opacity:0;transform:translateY(-8px);}
  10%,80%{opacity:1;transform:none;}
  100%{opacity:0;transform:translateY(-8px);visibility:hidden;}
}

/* ------------------------------------------------------------
   POP bomb mark
   ------------------------------------------------------------ */

.unsocial_logo,
.unsocial_brand_mark{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#fff;
  box-shadow:
    inset 0 0 24px rgba(255,105,174,.16),
    0 0 28px rgba(255,63,153,.20);
}

.unsocial_logo::before,
.unsocial_brand_mark::before{
  content:'';
  position:absolute;
  inset:-8px;
  z-index:-1;
  border:2px solid rgba(255,105,174,.42);
  border-right-color:transparent;
  border-bottom-color:rgba(137,217,218,.26);
  border-radius:50%;
  transform:rotate(-24deg);
}

.unsocial_logo::after,
.unsocial_brand_mark::after{
  content:'✦';
  position:absolute;
  right:-10px;
  top:-12px;
  color:var(--pop-coral);
  font-size:12px;
  text-shadow:-14px 2px 0 var(--pop-pink),-4px -8px 0 var(--pop-cyan);
}

.unsocial_bomb_logo{width:70px;height:70px;border-radius:25px;font-size: 40px;transform:rotate(-4deg);}
.unsocial_brand_mark{width:38px;height:38px;border-radius: 100%;font-size:15px;}

/* ------------------------------------------------------------
   Account hub / start screen
   ------------------------------------------------------------ */

.unsocial_start{
  height:630px;
  overflow-y:auto;
  padding:28px 44px 34px;
}

.unsocial_start_header{
  width:min(1040px,100%);
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  text-align:left;
}

.unsocial_start_header h1{
  margin:-2px 0 0;
  color:#fff2f7;
  font-family:'Outfit',sans-serif;
  font-size:38px;
  line-height:.94;
  letter-spacing:7px;
  font-weight:800;
}

.unsocial_start_header p{margin:6px 0 0;color:var(--pop-muted);font-size:11px;}
.unsocial_start_kicker,
.unsocial_eyebrow{
  color:var(--pop-coral);
  font-family:'Outfit',sans-serif;
  font-size:8px;
  font-weight:700;
  letter-spacing:2.1px;
  text-transform:uppercase;
}

.unsocial_account_hub{
  width:min(1040px,100%);
  margin:0 auto;
  padding:22px;
  border:1px solid var(--pop-line);
  border-radius:28px;
  background:
    radial-gradient(circle at 0 0,rgba(255,105,174,.10),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.016)),
    rgba(11,10,16,.82);
  box-shadow:var(--pop-shadow),inset 0 1px 0 rgba(255,255,255,.045);
}

.unsocial_account_hub_head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:0 2px 17px;
  border-bottom:1px solid var(--pop-line);
}

.unsocial_account_hub_head h2{
  margin:3px 0 1px;
  color:#fff0f7;
  font-family:'Outfit',sans-serif;
  font-size:20px;
  letter-spacing:.6px;
}

.unsocial_account_hub_head p{margin:0;color:var(--pop-muted);}

.unsocial_account_limit{
  min-width:44px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:99px;
  color:#ffeaf4;
  background:rgba(255,105,174,.10);
  border:1px solid rgba(255,105,174,.18);
  font-family:'Outfit',sans-serif;
  font-size:10px;
}

.unsocial_accounts_grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:10px;
}

.unsocial_start_accounts{padding:16px 0 12px;}

.unsocial_account_card{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:17px;
  background:rgba(255,255,255,.032);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.unsocial_account_card:hover{
  transform:translateY(-1px);
  border-color:rgba(255,105,174,.24);
  background:var(--pop-gradient-soft);
}

.unsocial_start_account_card{grid-template-columns:auto minmax(0,1fr) auto;padding:12px;}

.unsocial_account_identity,
.unsocial_account_card > span:not(.unsocial_avatar):not(.unsocial_account_enter):not(.unsocial_account_unread_badge){min-width:0;}

.unsocial_account_card b,
.unsocial_profile_card b{
  display:block;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#fff0f7;
  font-family:'Outfit',sans-serif;
  font-size:12px;
  font-weight:650;
}

.unsocial_account_card em,
.unsocial_profile_card em{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--pop-muted);
  font-size:10px;
  font-style:normal;
}

.unsocial_account_enter{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:var(--pop-soft);
  background:rgba(255,255,255,.035);
  transition:.18s ease;
}

.unsocial_start_account_card:hover .unsocial_account_enter{color:#fff;background:rgba(255,105,174,.16);transform:translateX(2px);}

.unsocial_account_unread_badge,
.unsocial_account_switch_badge,
.unsocial_nav_badge,
.unsocial_thread_unread{
  display:grid;
  place-items:center;
  border-radius:99px;
  background:var(--pop-pink);
  color:#220b17;
  font-family:'Outfit',sans-serif;
  font-size:8px;
  font-weight:800;
  box-shadow:0 0 14px rgba(255,105,174,.28);
}

.unsocial_account_unread_badge{position:absolute;right:8px;top:7px;min-width:17px;height:17px;padding:0 5px;}

.unsocial_create_profile{
  margin-top:2px;
  border-top:1px solid var(--pop-line);
}

.unsocial_create_profile summary{
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:12px 3px 6px;
  list-style:none;
  cursor:pointer;
}

.unsocial_create_profile summary::-webkit-details-marker{display:none;}
.unsocial_create_profile summary::marker{content:'';}
.unsocial_create_profile summary > i{color:var(--pop-muted);transition:transform .18s ease;}
.unsocial_create_profile[open] summary > i{transform:rotate(180deg);}
.unsocial_create_profile summary b{display:block;color:#ffeaf4;font-family:'Outfit',sans-serif;font-size:12px;}
.unsocial_create_profile summary em{display:block;color:var(--pop-muted);font-size:9px;font-style:normal;}

.unsocial_create_profile_icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:var(--pop-gradient-soft);
  border:1px solid var(--pop-line-hot);
}

.unsocial_create_profile_form{padding:10px 4px 4px;}
.unsocial_form_columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.unsocial_form_wide{grid-column:1/-1;}
.unsocial_limit_notice{margin-top:12px;padding:10px;border-radius:14px;color:var(--pop-muted);background:rgba(119,211,162,.06);border:1px solid rgba(119,211,162,.13);}
.unsocial_start_empty{grid-column:1/-1;padding:26px;}

/* ------------------------------------------------------------
   Main shell and rail navigation
   ------------------------------------------------------------ */

.unsocial_shell{
  height:630px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  overflow:hidden;
}

.unsocial_sidebar{
  position:relative;
  z-index:80;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding: 25px 11px 14px;
  overflow:visible;
  border-right:1px solid rgba(255,255,255,.065);
  background:
    linear-gradient(180deg,rgba(52,31,61,.97),rgba(27,20,40,.96)),
    rgba(32,22,43,.96);
  box-shadow:14px 0 42px rgba(0,0,0,.22),inset -1px 0 0 rgba(255,105,174,.035);
}

.unsocial_brand{
  width:100%;
  display:grid;
  justify-items:center;
  gap:7px;
  padding-bottom:16px;
  border-bottom:1px solid var(--pop-line);
}

.unsocial_brand_word{
  color:#ffeaf4;
  font-family:'Outfit',sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:2px;
}

.unsocial_primary_nav{
  width:100%;
  display:grid;
  justify-items:center;
  align-content:start;
  gap: 9px;
  padding:18px 0;
}

.unsocial_nav_btn{
  position:relative;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:rgba(238,229,233,.46)!important;
  background:transparent;
  border:1px solid transparent;
  font-size:14px;
  transition:.18s ease;
}

.unsocial_nav_btn:hover,
.unsocial_nav_btn.active{
  color:#fff0f7!important;
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.07);
}

.unsocial_nav_btn.active::before{
  content:'';
  position:absolute;
  left:-12px;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:99px;
  background:var(--pop-gradient);
  box-shadow:0 0 12px rgba(255,105,174,.45);
}

.unsocial_nav_btn.is-create{
  width:42px;
  height:42px;
  margin:0;
  justify-self:center;
  align-self:center;
  transform:none;
  color:#1b0c14!important;
  background:var(--pop-gradient);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 0 22px rgba(255,105,174,.18);
}

.unsocial_nav_btn.is-create:hover,
.unsocial_nav_btn.is-create.active{color:#170b13!important;filter:brightness(1.08);}

.unsocial_nav_label{
  position:absolute;
  left:51px;
  z-index:100;
  min-width:max-content;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  color:#fff;
  background:rgba(18,15,24,.98);
  box-shadow:0 12px 24px rgba(0,0,0,.35);
  font-family:'Outfit',sans-serif;
  font-size:9px;
  letter-spacing:.7px;
  text-transform:uppercase;
  opacity:0;
  pointer-events:none;
  transform:translateX(-5px);
  transition:.16s ease;
}

.unsocial_nav_btn:hover .unsocial_nav_label{opacity:1;transform:none;}
.unsocial_nav_badge{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;}

.unsocial_sidebar_account{
  width:100%;
  margin-top:auto;
  display:grid;
  justify-items:center;
  gap:8px;
  padding-top:13px;
  border-top:1px solid var(--pop-line);
}

.unsocial_sidebar_avatar,
.unsocial_sidebar_utility{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--pop-muted)!important;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.055);
}

.unsocial_sidebar_avatar{padding:2px;border-radius:14px;}
.unsocial_sidebar_avatar .unsocial_avatar{width:100%;height:100%;border-radius:11px;}
.unsocial_sidebar_utility:hover,
.unsocial_sidebar_utility.active{color:#fff!important;background:rgba(255,105,174,.10);border-color:rgba(255,105,174,.18);}
.unsocial_account_switch_badge{position:absolute;right:-6px;top:-6px;min-width:16px;height:16px;padding:0 4px;}

/* ------------------------------------------------------------
   Main content and top tabs
   ------------------------------------------------------------ */

.unsocial_content{
  min-width:0;
  height:630px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 28px 34px;
  scroll-behavior:smooth;
}

.unsocial_app_header{
  position:sticky;
  top:0;
  z-index:60;
  min-height: 60px;
  margin: 0 -28px 16px;
  padding: 4px 28px 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:linear-gradient(180deg,rgba(35,23,45,.97),rgba(27,19,38,.90));
  backdrop-filter:blur(14px);
  box-shadow:0 14px 28px rgba(0,0,0,.13);
}

.unsocial_app_heading{display:flex;align-items:center;gap:10px;min-width:0;}
.unsocial_app_heading > span:last-child{min-width:0;}
.unsocial_app_heading_icon{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#ffeaf4;
  background:var(--pop-gradient-soft);
  border:1px solid rgba(255,105,174,.15);
}

.unsocial_app_heading b{display:block;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:16px;letter-spacing:.5px;}
.unsocial_app_heading em{display:block;max-width:420px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--pop-muted);font-size:9px;font-style:normal;}

.unsocial_context_tabs{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.unsocial_context_tabs a{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 11px;
  border-radius:10px;
  color:var(--pop-muted)!important;
  font-family:'Outfit',sans-serif;
  font-size:9px;
  letter-spacing:.65px;
  text-transform:uppercase;
}

.unsocial_context_tabs a:hover,
.unsocial_context_tabs a.active{
  color:#fff!important;
  background:var(--pop-gradient-soft);
  box-shadow:inset 0 0 0 1px rgba(255,105,174,.12);
}

/* ------------------------------------------------------------
   Shared panels, headings and forms
   ------------------------------------------------------------ */

.unsocial_post_card,
.unsocial_panel,
.notifiche,
.unsocial_dm_card,
.unsocial_explore_panel{
  position:relative;
  width:min(760px,100%);
  margin:0 auto 16px;
  padding:18px;
  border:1px solid var(--pop-line);
  border-radius:22px;
  background:
    radial-gradient(circle at 0 0,rgba(255,105,174,.07),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.018)),
    rgba(39,28,48,.82);
  box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}

.unsocial_feed_main_col{width:100%;max-width:none;padding:0;border:0;background:transparent;box-shadow:none;}
.unsocial_post_card > h2,
.unsocial_panel > h2,
.unsocial_content > section > h2,
.unsocial_section_head h2,
.unsocial_profile_posts_head h2{
  margin:0 0 10px;
  color:#fff0f7;
  font-family:'Outfit',sans-serif;
  font-size:12px;
  font-weight:650;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.unsocial_post_card > h2::before,
.unsocial_panel > h2::before,
.unsocial_section_head h2::before,
.unsocial_profile_posts_head h2::before{
  content:'';
  display:inline-block;
  width:17px;
  height:3px;
  margin:0 9px 2px 0;
  border-radius:99px;
  background:var(--pop-gradient);
  box-shadow:0 0 10px rgba(255,105,174,.25);
}

.unsocial_intro{margin:0 0 12px;color:var(--pop-muted);line-height:1.45;}

.unsocial_form{display:grid;gap:8px;margin-top:12px;}
.unsocial_field_label{
  margin:4px 0 -2px;
  color:rgba(238,229,233,.66);
  font-family:'Outfit',sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:1.15px;
  text-transform:uppercase;
}

.unsocial_field_label small{color:var(--pop-soft);font-size:7px;font-weight:400;}

.unsocial_form input,
.unsocial_form textarea,
.unsocial_form select,
.unsocial_search_form input,
.unsocial_search_page_form input[type='text'],
.unsocial_staff_row form input[type='text']{
  width:100%;
  min-height:36px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:12px;
  outline:0;
  color:var(--pop-text);
  background:rgba(35,23,44,.72);
  box-shadow:inset 0 -1px 0 rgba(255,105,174,.09);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.unsocial_form textarea{min-height:92px;line-height:1.45;}
.unsocial_post_form textarea{min-height:150px;}
.unsocial_form input:focus,
.unsocial_form textarea:focus,
.unsocial_form select:focus,
.unsocial_search_form input:focus,
.unsocial_search_page_form input:focus{
  border-color:rgba(255,105,174,.30);
  background:rgba(47,31,58,.82);
  box-shadow:0 0 0 3px rgba(255,105,174,.055),inset 0 -1px 0 rgba(255,105,174,.18);
}

.unsocial_form select option,
.unsocial_form select optgroup{background:#100e16;color:var(--pop-text);}

.unsocial_btn,
.unsocial_form button,
.unsocial_search_page_form button{
  width:max-content;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:6px 13px;
  border:1px solid rgba(255,105,174,.18);
  border-radius:11px;
  color:#ffeaf4!important;
  background:var(--pop-gradient-soft);
  box-shadow:none;
  font-family:'Outfit',sans-serif;
  font-size:9px;
  letter-spacing:.7px;
  text-transform:uppercase;
  cursor:pointer;
  transition:.18s ease;
}

.unsocial_btn:hover,
.unsocial_form button:hover,
.unsocial_search_page_form button:hover{color:#fff!important;border-color:rgba(255,105,174,.30);background:rgba(255,105,174,.16);}
.unsocial_btn.small{min-height:26px;padding:4px 10px;font-size:8px;}
.unsocial_btn.subtle{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.065);color:var(--pop-muted)!important;}
.unsocial_btn.active{background:rgba(255,105,174,.15);border-color:rgba(255,105,174,.26);}
.unsocial_btn.danger{color:#ffdce3!important;background:rgba(171,48,72,.16);border-color:rgba(255,130,148,.20);}
.unsocial_inline_form{margin:0;padding:0;}

.unsocial_empty_state{
  width:100%;
  padding:38px 18px;
  text-align:center;
  color:var(--pop-muted);
}

.unsocial_empty_state i{display:block;margin-bottom:9px;color:rgba(255,105,174,.52);font-size:24px;}
.unsocial_empty_state p{margin:0;}
.unsocial_empty_state.compact{padding:18px;}
.unsocial_empty_inline{padding:10px;border-radius:12px;color:var(--pop-muted);background:rgba(255,255,255,.025);text-align:center;}

/* ------------------------------------------------------------
   Avatar and icon buttons
   ------------------------------------------------------------ */

.unsocial_avatar{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:14px;
  color:#fff0f7;
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.10),transparent 30%),
    rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.075);
  font-family:'Outfit',sans-serif;
  font-size:13px;
}

.unsocial_avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.unsocial_avatar i{font-style:normal;}
.unsocial_avatar.mini{width:30px;height:30px;border-radius:10px;font-size:9px;}
.unsocial_avatar.big{width:82px;height:82px;border-radius:26px;border:4px solid #0e0c14;box-shadow:0 8px 20px rgba(0,0,0,.30);}

.unsocial_icon_btn,
.unsocial_post_open,
.unsocial_side_icon_btn,
.unsocial_interaction_open{
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.065);
  color:var(--pop-muted)!important;
  background:rgba(255,255,255,.035);
  transition:.18s ease;
}

.unsocial_icon_btn{width:29px;height:29px;border-radius:10px;}
.unsocial_post_open{width:28px;height:28px;border-radius:10px;}
.unsocial_side_icon_btn,.unsocial_interaction_open{width:25px;height:25px;border-radius:9px;}
.unsocial_icon_btn:hover,
.unsocial_post_open:hover,
.unsocial_side_icon_btn:hover,
.unsocial_interaction_open:hover{color:#fff!important;border-color:rgba(255,105,174,.20);background:rgba(255,105,174,.10);}
.unsocial_icon_btn.danger{color:var(--pop-danger)!important;}

/* ------------------------------------------------------------
   Feed post — comments remain inline and complete
   ------------------------------------------------------------ */

.unsocial_feed_post{
  position:relative;
  width:min(620px,100%);
  margin:0 auto 22px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:
    radial-gradient(circle at 0 0,rgba(255,105,174,.075),transparent 34%),
    rgba(48,34,57,.93);
  box-shadow:0 17px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03);
}

.unsocial_feed_post::before{
  content:'';
  position:absolute;
  left:19px;
  right:19px;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--pop-pink),var(--pop-coral),transparent);
  opacity:.55;
}

.unsocial_feed_head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px 13px 9px;
}

.unsocial_feed_author{min-width:0;}
.unsocial_feed_author a{display:block;width:max-content;max-width:100%;}
.unsocial_feed_author b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:12px;}
.unsocial_feed_author span{display:block;color:var(--pop-muted);font-size:9px;}
.unsocial_post_header_actions{display:flex;align-items:center;gap:5px;}
.unsocial_pinned_badge{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;color:#ffeaf4;background:rgba(255,105,174,.11);border:1px solid rgba(255,105,174,.18);}

.unsocial_feed_body{
  padding:7px 14px 13px;
  color:rgba(238,229,233,.91);
  font-family:'Outfit',sans-serif;
  font-size:13px;
  line-height:1.48;
  overflow-wrap:anywhere;
}

.unsocial_feed_body p{margin:0 0 8px;}
.unsocial_feed_body p:last-child{margin-bottom:0;}
.unsocial_hashtag{color:#9daaff!important;font-weight:650;}
.unsocial_hashtag:hover{color:#ffd9eb!important;}

.unsocial_feed_media,
.unsocial_feed_video{width:100%;overflow:hidden;background:#050508;}
.unsocial_feed_media img{width:100%;max-height:520px;display:block;object-fit:cover;object-position:center;}
.unsocial_feed_video iframe,
.unsocial_feed_video video{width:100%;max-height:520px;display:block;border:0;background:#000;}

.unsocial_feed_meta{
  display:flex;
  align-items:center;
  gap:16px;
  padding:8px 13px;
  border-top:1px solid rgba(255,255,255,.055);
  color:rgba(170,178,219,.72);
  font-size:9px;
}

.unsocial_feed_meta span{display:inline-flex;align-items:center;gap:5px;}
.unsocial_feed_meta a{color:inherit;}

.unsocial_inline_comments{
  padding:0 11px 10px;
  border-top:1px solid rgba(255,255,255,.045);
}

.unsocial_comments_list{
  max-height:190px;
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:9px 0;
  padding-right:2px;
  overflow-y:auto;
}

.unsocial_comment{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}

.unsocial_comment img {
    max-width: 200px;
    border-radius: 10px;
    display: block;
    margin: 10px 0px;
}

.unsocial_comment_body{min-width:0;display:grid;gap:4px;}
.unsocial_comment_body > header{display:none;}
.unsocial_comment_line{color:rgba(238,229,233,.86);line-height:1.4;overflow-wrap:anywhere;}
.unsocial_comment_author{color:#ffeaf4!important;font-weight:700;}
.unsocial_comment_text{display:inline;color:rgba(238,229,233,.86);}
.unsocial_comment_footer{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--pop-soft);font-size:9px;}
.unsocial_comment_manage{margin-left:auto;display:flex;gap:4px;}
.unsocial_comment_manage form,.unsocial_activity_manage form{margin:0;padding:0;}
.unsocial_comment_manage a,
.unsocial_comment_manage button,
.unsocial_activity_manage a,
.unsocial_activity_manage button{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.05);
  border-radius:8px;
  color:var(--pop-muted);
  background:rgba(255,255,255,.03);
  cursor:pointer;
}

.unsocial_comment_reactions{display:flex;align-items:center;gap:4px;margin:0;}
.unsocial_comment_reactions form{margin:0;}
.unsocial_comment_reaction_btn{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:99px;
  color:var(--pop-muted);
  background:rgba(255,255,255,.025);
  font-size:8px;
  cursor:pointer;
}
.unsocial_comment_reaction_btn.active{color:#ffeaf4;background:rgba(255,105,174,.12);border-color:rgba(255,105,174,.18);}

.unsocial_empty_comments{padding:9px;color:var(--pop-soft);font-size:9px;text-align:center;}

.unsocial_comment_form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:end;
  margin:8px 0 0;
}

.unsocial_comment_form textarea{
  width:100%;
  min-height:39px;
  max-height:110px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  outline:0;
  color:var(--pop-text);
  background:rgba(34,23,43,.72);
}

.unsocial_comment_form textarea:focus{border-color:rgba(255,105,174,.26);}
.unsocial_comment_form button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,105,174,.18);
  border-radius:13px;
  color:#fff;
  background:var(--pop-gradient-soft);
  cursor:pointer;
}

.unsocial_reaction_bar{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
  padding:9px 11px 11px;
  border-top:1px solid rgba(255,255,255,.045);
}

.unsocial_reaction_bar form{margin:0;padding:0;}
.unsocial_reaction_btn{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:99px;
  color:var(--pop-muted);
  background:rgba(255,255,255,.025);
  font-size:9px;
  cursor:pointer;
  transition:.16s ease;
}

.unsocial_reaction_btn:hover,
.unsocial_reaction_btn.active{color:#ffeaf4;background:rgba(255,105,174,.11);border-color:rgba(255,105,174,.18);}

/* Post own-content menu */
.unsocial_post_manage{position:relative;z-index:30;}
.unsocial_post_manage summary{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.065);border-radius:10px;list-style:none;color:var(--pop-muted);background:rgba(255,255,255,.035);cursor:pointer;}
.unsocial_post_manage summary::-webkit-details-marker{display:none;}
.unsocial_post_manage summary::marker{content:'';}
.unsocial_post_manage > div{position:absolute;right:0;top:34px;z-index:100;width:168px;display:grid;gap:5px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(15,13,20,.99);box-shadow:0 18px 38px rgba(0,0,0,.48);}
.unsocial_post_manage > div form{margin:0;}
.unsocial_post_manage > div a,
.unsocial_post_manage > div button{width:100%;min-height:26px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:5px 8px;border:0;border-radius:8px;color:var(--pop-muted);background:rgba(255,255,255,.035);font-size:9px;cursor:pointer;}
.unsocial_post_manage > div a:hover{color:#fff;background:rgba(137,217,218,.08);}
.unsocial_post_manage > div button:hover{color:#ffdce3;background:rgba(171,48,72,.14);}

/* ------------------------------------------------------------
   Activities
   ------------------------------------------------------------ */

.unsocial_activity_card{
  width:min(620px,100%);
  margin:0 auto 12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  padding:12px;
  border:1px solid var(--pop-line);
  border-radius:17px;
  background:rgba(47,34,57,.88);
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}

.unsocial_activity_body{min-width:0;}
.unsocial_activity_body header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:6px;}
.unsocial_activity_icon{width:30px;height:30px;display:grid;place-items:center;border-radius:11px;color:#ffeaf4;background:var(--pop-gradient-soft);border:1px solid rgba(255,105,174,.12);}
.unsocial_activity_body header b{display:block;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:11px;}
.unsocial_activity_body header em{display:block;color:var(--pop-muted);font-size:9px;font-style:normal;}
.unsocial_activity_body p{margin:0;color:rgba(238,229,233,.82);font-size:11px;}
.unsocial_activity_body p strong{color:#ffeaf4;font-weight:600;}
.unsocial_activity_body p span{color: var(--pop-lilac);}
.unsocial_activity_body p small{display:block;margin-top:2px;color:var(--pop-muted);}
.unsocial_activity_manage{display:flex;justify-content:flex-end;gap:4px;margin-top:5px;}

/* ------------------------------------------------------------
   Profile
   ------------------------------------------------------------ */

.unsocial_profile_header{
  position:relative;
  width:min(760px,100%);
  margin:0 auto 14px;
  overflow:hidden;
  border:1px solid var(--pop-line);
  border-radius:23px;
  background:rgba(45,32,54,.91);
  box-shadow:var(--pop-shadow);
}

.unsocial_profile_cover{height:155px;background-size:cover;background-position:center;background-color:#15121d;}
.unsocial_profile_cover.empty{background:radial-gradient(circle at 18% 20%,rgba(255,105,174,.30),transparent 36%),radial-gradient(circle at 88% 74%,rgba(137,217,218,.20),transparent 38%),linear-gradient(135deg,#17101b,#0b1117);}

.unsocial_profile_info{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:13px;
  padding:0 16px 16px;
}

.unsocial_profile_info > .unsocial_avatar.big{margin-top:-40px;}
.unsocial_profile_main{min-width:0;padding-top:10px;}
.unsocial_profile_main h2{margin:0;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:20px;letter-spacing:.2px;}
.unsocial_profile_main > em{display:block;color:var(--pop-muted);font-style:normal;}
.unsocial_profile_main p{margin:7px 0 0;color:rgba(238,229,233,.78);line-height:1.4;}
.unsocial_profile_stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:var(--pop-muted);font-size:9px;}
.unsocial_profile_stats a{color:inherit!important;}
.unsocial_profile_stats b{display:inline;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:10px;}
.unsocial_profile_actions{display:flex;align-items:center;gap:6px;padding-top:11px;}
.unsocial_profile_actions form{margin:0;}

.unsocial_profile_posts_panel{
  width:min(760px,100%);
  margin:0 auto 16px;
  padding:13px;
  border:1px solid var(--pop-line);
  border-radius:20px;
  background:rgba(43,30,52,.84);
}

.unsocial_profile_posts_head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 10px;border-bottom:1px solid var(--pop-line);}
.unsocial_profile_posts_head h2{margin:0;}
.unsocial_profile_posts_head span{color:var(--pop-soft);font-size:8px;letter-spacing:.8px;text-transform:uppercase;}
.unsocial_profile_post_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:10px;}
.unsocial_profile_post_tile{position:relative;isolation:isolate;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 0 0,rgba(255,105,174,.18),transparent 45%),#0c0b11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.unsocial_profile_post_tile img,
.unsocial_profile_post_tile video{width:100%;height:100%;display:block;object-fit:cover;background:#000;transition:transform .20s ease,opacity .20s ease;}
.unsocial_profile_post_tile:hover img{transform:scale(1.045);opacity:.86;}
.unsocial_profile_post_tile.text-only{display:grid;place-items:center;}
.unsocial_profile_tile_text{max-height:100%;padding:16px;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:14px;line-height:1.22;overflow:hidden;text-shadow:0 3px 12px rgba(0,0,0,.45);}
.unsocial_profile_tile_type,
.unsocial_profile_tile_pin{position:absolute;top:7px;z-index:6;width:22px;height:22px;display:grid;place-items:center;border-radius:99px;color:#fff;background:rgba(0,0,0,.50);font-size:8px;pointer-events:none;}
.unsocial_profile_tile_type{right:7px;}
.unsocial_profile_tile_pin{left:7px;}
.unsocial_profile_tile_overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:opacity .18s ease;}
.unsocial_profile_post_tile:hover .unsocial_profile_tile_overlay{opacity:1;}
.unsocial_profile_tile_overlay span{display:inline-flex;align-items:center;gap:5px;}

/* ------------------------------------------------------------
   Explore, search, trends and buzz
   ------------------------------------------------------------ */

.unsocial_explore_panel{width:min(850px,100%);}
.unsocial_feature_intro{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid var(--pop-line);}
.unsocial_feature_icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--pop-gradient-soft);border:1px solid rgba(255,105,174,.16);}
.unsocial_feature_intro h2{margin:0;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:14px;}
.unsocial_feature_intro p{margin:2px 0 0;color:var(--pop-muted);}

.unsocial_search_box{display:grid;gap:7px;}
.unsocial_search_form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:0;}
.unsocial_search_form button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,105,174,.18);border-radius:11px;color:#fff;background:var(--pop-gradient-soft);cursor:pointer;}
.unsocial_search_page_form{grid-template-columns:minmax(0,1fr) auto;align-items:end;}

h{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.unsocial_trending_tag{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.028);}
.unsocial_trending_tag:hover{border-color:rgba(255,105,174,.18);background:var(--pop-gradient-soft);}
.unsocial_trending_tag span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a7afff;font-family:'Outfit',sans-serif;font-size:11px;font-weight:650;}
.unsocial_trending_tag em{flex:0 0 auto;color:var(--pop-muted);font-size:8px;font-style:normal;}

.unsocial_interactions_rail{position:relative;}
.unsocial_interactions_rail_list{display:grid;gap:6px;}
.unsocial_interactions_full .unsocial_interactions_rail_list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:430px;overflow-y:auto;padding-right:2px;}
.unsocial_interaction_mini{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:13px;color:rgba(238,229,233,.78)!important;background:rgba(255,255,255,.025);}
.unsocial_interaction_mini:hover{border-color:rgba(255,105,174,.16);background:rgba(255,105,174,.07);}
.unsocial_interaction_mini_icon{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;color:var(--pop-pink);background:rgba(255,105,174,.10);font-size:9px;}
.unsocial_interaction_mini_text{min-width:0;}
.unsocial_interaction_mini_text em{display:block;color:rgba(238,229,233,.76);font-size:9px;line-height:1.3;font-style:normal;}
.unsocial_interaction_mini_text b{color:#fff0f7;font-weight:650;}
.unsocial_interaction_mini_text small{display:block;margin-top:2px;color:var(--pop-soft);font-size:8px;}

.unsocial_interaction_card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--pop-line);border-radius:14px;background:rgba(255,255,255,.025);}
.unsocial_interaction_icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;color:#ffeaf4!important;background:rgba(255,105,174,.10);}
.unsocial_interaction_body{min-width:0;}
.unsocial_interaction_body p{margin:0;color:rgba(238,229,233,.80);}
.unsocial_interaction_body a{color:#fff0f7!important;}
.unsocial_interaction_body em{display:block;color:var(--pop-soft);font-size:8px;font-style:normal;}

/* ------------------------------------------------------------
   Notifications
   ------------------------------------------------------------ */

.notifiche{width:min(790px,100%);}
.unsocial_section_head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px;}
.unsocial_section_head h2{margin-bottom:2px;}
.unsocial_notification_filters{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 13px;}
.unsocial_notification_filters a{min-height:25px;display:inline-flex;align-items:center;padding:4px 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;color:var(--pop-muted)!important;background:rgba(255,255,255,.025);font-family:'Outfit',sans-serif;font-size:8px;letter-spacing:.6px;text-transform:uppercase;}
.unsocial_notification_filters a:hover,
.unsocial_notification_filters a.active{color:#fff!important;border-color:rgba(255,105,174,.18);background:var(--pop-gradient-soft);}
.unsocial_notifications_list{display:grid;gap:6px;}
.unsocial_notification_group{margin:7px 0 1px;color:var(--pop-soft);font-family:'Outfit',sans-serif;font-size:8px;letter-spacing:1px;text-transform:uppercase;}
.unsocial_notification_row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.025);}
.unsocial_notification_row.unread{border-color:rgba(255,105,174,.17);background:var(--pop-gradient-soft);}
.unsocial_notification_row.unread::after{content:'';position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:99px;background:var(--pop-pink);box-shadow:0 0 10px rgba(255,105,174,.40);}
.unsocial_notification_row b{display:block;padding-right:12px;color:#fff0f7;font-size:10px;}
.unsocial_notification_row em{display:block;color:var(--pop-muted);font-size:8px;font-style:normal;}

/* ------------------------------------------------------------
   Direct messages
   ------------------------------------------------------------ */

.unsocial_dm_card{width:min(980px,100%);padding:14px;height:505px;}
.unsocial_dm_card > h2{margin:0 0 9px;}
.unsocial_dm_layout{height:445px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:10px;}
.unsocial_dm_threads,
.unsocial_dm_panel{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:rgba(255,255,255,.022);}
.unsocial_dm_threads{display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px;padding:9px;}
.unsocial_dm_newbox{display:grid;gap:6px;padding-bottom:9px;border-bottom:1px solid var(--pop-line);}
.unsocial_dm_newbox h3{margin:0;color:var(--pop-muted);font-family:'Outfit',sans-serif;font-size:8px;letter-spacing:.8px;text-transform:uppercase;}
.unsocial_form.compact{margin:0;gap:6px;}
.unsocial_form.compact select{min-height:31px;}
.unsocial_form.compact button{width: 97%;}
.unsocial_dm_threadlist{min-height:0;display:grid;align-content:start;gap:5px;overflow-y:auto;}
.unsocial_thread_row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;border:1px solid rgba(255,255,255,.04);border-radius:11px;background:rgba(255,255,255,.02);}
.unsocial_thread_row:hover,
.unsocial_thread_row.active{border-color:rgba(255,105,174,.15);background:rgba(255,105,174,.07);}
.unsocial_thread_text{min-width:0;}
.unsocial_thread_text b,.unsocial_thread_text em,.unsocial_thread_text small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_thread_text b{color:#fff0f7;font-size:10px;}
.unsocial_thread_text em{color:var(--pop-muted);font-size:9px;font-style:normal;}
.unsocial_thread_text small{color:var(--pop-soft);font-size:8px;}
.unsocial_thread_unread{min-width:17px;height:17px;padding:0 4px;}

.unsocial_dm_panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;}
.unsocial_dm_header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--pop-line);background:rgba(5,5,9,.24);}
.unsocial_dm_header span{min-width:0;}
.unsocial_dm_header b,.unsocial_dm_header em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_dm_header b{color:#fff0f7;font-family:'Outfit',sans-serif;font-size:11px;}
.unsocial_dm_header em{color:var(--pop-muted);font-size:8px;font-style:normal;}
.unsocial_dm_messages{min-height:0;display:flex;flex-direction:column-reverse;gap:7px;padding:10px;overflow-y:auto;}
.unsocial_dm_msg{display:flex;}
.unsocial_dm_msg.me{justify-content:flex-end;}
.unsocial_dm_msg.other{justify-content:flex-start;}
.unsocial_dm_bubble{max-width:min(78%,480px);padding:9px 11px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:rgba(255,255,255,.04);}
.unsocial_dm_msg.me .unsocial_dm_bubble{border-color:rgba(255,105,174,.12);background:var(--pop-gradient-soft);}
.unsocial_dm_bubble header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px;}
.unsocial_dm_bubble header b{color:#fff0f7;font-size:8px;letter-spacing:.6px;text-transform:uppercase;}
.unsocial_dm_bubble header em{color:var(--pop-soft);font-size:8px;font-style:normal;}
.unsocial_dm_text{color:rgba(238,229,233,.87);line-height:1.42;}
.unsocial_dm_text img{max-width: 250px; height: auto; object-fit: cover;}
.unsocial_dm_composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px;border-top:1px solid var(--pop-line);}
.unsocial_dm_composer textarea{width:100%;min-height:40px;max-height:100px;padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:12px;outline:0;color:var(--pop-text);background:rgba(5,5,9,.55);}
.unsocial_dm_composer button{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(255,105,174,.18);border-radius:12px;color:#fff;background:var(--pop-gradient-soft);cursor:pointer;}

/* ------------------------------------------------------------
   Danger zone, staff and legacy helper classes
   ------------------------------------------------------------ */

.unsocial_danger_zone{margin-top:16px;padding:12px;border:1px solid rgba(255,130,148,.14);border-radius:15px;background:rgba(171,48,72,.07);}
.unsocial_danger_zone h3{margin:0 0 4px;color:#ffdce3;font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:.8px;text-transform:uppercase;}
.unsocial_danger_zone p{margin:0 0 9px;color:var(--pop-muted);}

.unsocial_staff_shortcut{margin-top:8px;}
.unsocial_staff_shortcut a{min-height:28px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,105,174,.16);border-radius:11px;background:var(--pop-gradient-soft);font-size:8px;letter-spacing:.7px;text-transform:uppercase;}
.unsocial_staff_panel h3{margin:16px 0 7px;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;}
.unsocial_staff_list{display:grid;gap:7px;}
.unsocial_staff_row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--pop-line);border-radius:13px;background:rgba(255,255,255,.025);}
.unsocial_staff_row span{min-width:0;}
.unsocial_staff_row b{display:block;color:#fff0f7;}
.unsocial_staff_row em,.unsocial_staff_row small{display:block;color:var(--pop-muted);font-size:9px;font-style:normal;}
.unsocial_staff_row p{margin:4px 0 0;color:rgba(238,229,233,.76);}
.unsocial_staff_row form{display:flex;align-items:center;gap:5px;margin:0;}

.unsocial_recent_avatar_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.unsocial_recent_avatar_item{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--pop-line);border-radius:11px;background:rgba(255,255,255,.03);}
.unsocial_recent_avatar_item img{width:100%;height:100%;object-fit:cover;}
.unsocial_recent_avatar_item i{font-style:normal;}

.unsocial_side_box{position:relative;padding:11px;border:1px solid var(--pop-line);border-radius:15px;background:rgba(255,255,255,.025);}
.unsocial_side_box h3{margin:0 0 7px;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:.8px;text-transform:uppercase;}
.unsocial_side_box_head{display:flex;align-items:center;justify-content:space-between;gap:7px;}
.unsocial_activity_mini_list{display:grid;gap:4px;}
.unsocial_activity_mini{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:5px;border-radius:9px;}
.unsocial_activity_mini > i{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:rgba(255,105,174,.08);}
.unsocial_activity_mini span{min-width:0;}
.unsocial_activity_mini b,.unsocial_activity_mini em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_activity_mini b{color:#fff0f7;font-size:9px;}
.unsocial_activity_mini em{color:var(--pop-muted);font-size:8px;font-style:normal;}


/* ------------------------------------------------------------
   More POP personality + Stories
   ------------------------------------------------------------ */

.unsocial_content::before{
  content:'';
  position:fixed;
  right:4%;
  bottom:5%;
  width:310px;
  height:310px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(119,208,220,.10),transparent 68%);
  pointer-events:none;
}

.unsocial_feed_post,
.unsocial_post_card,
.unsocial_profile_header,
.unsocial_profile_posts_panel,
.notifiche,
.unsocial_dm_card{
  backdrop-filter:blur(10px);
}

.unsocial_stories_tray{
  position:sticky;
  top: 60px;
  z-index:52;
  width:auto;
  margin:-18px -28px 15px;
  padding: 5px 28px 0px;
  overflow:hidden;
  border-bottom: 1px solid rgba(255,221,239,.11);
  background: linear-gradient(100deg, rgb(103 60 116 / 19%), rgb(54 38 67 / 23%) 48%, rgb(34 66 79 / 12%)), rgb(44 30 54 / 17%);
  box-shadow:0 14px 30px rgba(13,7,19,.20),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(15px);
}

.unsocial_stories_scroller{
  display:flex;
  align-items:flex-start;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px 4px;
  scrollbar-width:thin;
}

.unsocial_story_circle{
  width:66px;
  flex:0 0 66px;
  display:grid;
  justify-items:center;
  gap:5px;
  color:var(--pop-muted)!important;
}

.unsocial_story_circle em{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-align:center;
  font-size:8px;
  line-height:1.1;
  font-style:normal;
}

.unsocial_story_ring{
  position:relative;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  padding:2px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  transition:transform .16s ease,filter .16s ease;
}

.unsocial_story_circle.is-unseen .unsocial_story_ring{
  background:linear-gradient(145deg,#ff4d9f,#ff946a 48%,#80dfe0);
  box-shadow:0 0 18px rgba(255,82,160,.26);
}

.unsocial_story_circle.is-seen .unsocial_story_ring{background:rgba(255,236,246,.20);}
.unsocial_story_ring .unsocial_avatar{width:48px;height:48px;border-radius:50%;border:2px solid #382642;}
.unsocial_story_ring > b{position:absolute;right: -5px;top: 5px;min-width: 14px;height: 14px;display:grid;place-items:center;padding:0 4px;border-radius:99px;background: #cc91ad;color: #200815;font-size: 8px;box-shadow:0 4px 10px rgba(0,0,0,.25);}
.unsocial_story_add .unsocial_story_ring{border:1px dashed rgba(255,221,239,.28);background:rgba(255,255,255,.055);}
.unsocial_story_add .unsocial_story_ring > i{position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#351326;background:var(--pop-gradient);font-size:8px;border:2px solid #35243f;}
.unsocial_story_circle:hover{color:#fff!important;}
.unsocial_story_circle:hover .unsocial_story_ring{transform:translateY(-1px);filter:brightness(1.08);}

.unsocial_story_create_card{width:min(820px,100%);}
.unsocial_story_form textarea{min-height:120px;}
.unsocial_story_media_fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.unsocial_story_style_picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}
.unsocial_story_style_option{position:relative;min-height:54px;display:grid;place-items:end center;padding:6px;border-radius:13px;overflow:hidden;color:#fff;font-family:'Outfit',sans-serif;font-size:8px;letter-spacing:.6px;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);}
.unsocial_story_style_option input{position:absolute;inset:0;width:100%!important;height:100%;margin:0;opacity:0;cursor:pointer;}
.unsocial_story_style_option:has(input:checked){box-shadow:0 0 0 2px #ff8bc4,0 0 18px rgba(255,105,174,.25);}
.style-pop,.story-style-pop{background:linear-gradient(145deg,#672c76,#ec4a9b 56%,#ff9b6a);}
.style-candy,.story-style-candy{background:linear-gradient(145deg,#ff79bd,#9d88ff 52%,#78dae2);}
.style-sunset,.story-style-sunset{background:linear-gradient(145deg,#69306f,#ff6c7b 48%,#ffbd72);}
.style-ocean,.story-style-ocean{background:linear-gradient(145deg,#193f69,#287fb0 50%,#72d9d1);}
.style-electric,.story-style-electric{background:linear-gradient(145deg,#1f1748,#6e42d7 48%,#ff49b3);}

.unsocial_story_view_shell{
  width:min(920px,100%);
  min-height:500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,390px);
  justify-content:center;
  gap:14px;
}
.unsocial_story_view_shell.is-owner{grid-template-columns:minmax(0,390px) 260px;}

.unsocial_story_stage{
  position:relative;
  min-height:515px;
  overflow:hidden;
  border:1px solid rgba(255,235,245,.17);
  border-radius:26px;
  box-shadow:0 24px 58px rgba(8,3,13,.42),inset 0 1px 0 rgba(255,255,255,.10);
}
.unsocial_story_stage_head{position:absolute;left:0;right:0;top:0;z-index:12;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px 14px 12px;background:linear-gradient(180deg,rgba(16,9,22,.72),transparent);}
.unsocial_story_stage_head span{min-width:0;}
.unsocial_story_stage_head b,.unsocial_story_stage_head em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_story_stage_head b{color:#fff;font-family:'Outfit',sans-serif;font-size:10px;}
.unsocial_story_stage_head em{color:rgba(255,255,255,.72);font-size:8px;font-style:normal;}
.unsocial_story_head_actions{display:flex;align-items:center;gap:5px;}
.unsocial_story_close,
.unsocial_story_pause{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:50%;color:#fff!important;background:rgba(17,9,23,.40);font-size:10px;cursor:pointer;backdrop-filter:blur(7px);transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.unsocial_story_close:hover,
.unsocial_story_pause:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);transform:translateY(-1px);}
.unsocial_story_pause.is-paused{color:#ffd7ea!important;background:rgba(255,105,174,.18);border-color:rgba(255,139,196,.30);}
.unsocial_story_progress{
  position:absolute;
  left:13px;
  right:13px;
  top:7px;
  z-index:14;
  height:3px;
  display:flex;
  align-items:stretch;
  gap:3px;
}

.unsocial_story_progress_segment{
  position:relative;
  flex:1 1 0;
  min-width:0;
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.28);
  box-shadow:0 1px 3px rgba(0,0,0,.16);
}

.unsocial_story_progress_segment > i{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:#fff;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

.unsocial_story_progress_segment.is-complete > i{transform:scaleX(1);}
.unsocial_story_progress_segment.is-pending > i{transform:scaleX(0);}
.unsocial_story_progress_segment:hover{background:rgba(255,255,255,.42);}
.unsocial_story_canvas{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;}
.unsocial_story_canvas img,.unsocial_story_canvas video,.unsocial_story_canvas iframe{width:100%;height:auto;display:block;object-fit:cover;background:#130d19;border:0;}
.unsocial_story_caption{position:absolute;left:18px;right:18px;bottom:64px;z-index:8;padding:12px 14px;border-radius:17px;color:#fff;background:rgba(26,13,32,.55);backdrop-filter:blur(9px);font-family:'Outfit',sans-serif;font-size:16px;line-height:1.34;text-align:center;text-shadow:0 3px 15px rgba(0,0,0,.44);overflow-wrap:anywhere;}
.story-type-text .unsocial_story_caption{position:relative;left:auto;right:auto;bottom:auto;max-width:86%;padding:18px;background:rgba(255,255,255,.09);font-size:22px;font-weight:650;}
.unsocial_story_stage_footer{position:absolute;left:0;right:0;bottom:0;z-index:12;min-height:54px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(0deg,rgba(18,9,24,.76),transparent);color:rgba(255,255,255,.82);}
.unsocial_story_stage_footer > span{display:inline-flex;align-items:center;gap:5px;font-size:9px;}
.unsocial_story_stage_footer form{margin-left:auto;}
.unsocial_story_like,.unsocial_story_delete{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:rgba(255,255,255,.10);cursor:pointer;}
.unsocial_story_like.active{color:#ff7db9;background:rgba(255,105,174,.18);box-shadow:0 0 20px rgba(255,105,174,.20);}
.unsocial_story_delete{color:#ffd8e2;background:rgba(123,33,56,.28);}
.unsocial_story_nav{position:absolute;top:50%;z-index:15;width:34px;height:54px;display:grid;place-items:center;border-radius:14px;color:#fff!important;background:rgba(16,8,22,.36);transform:translateY(-50%);backdrop-filter:blur(8px);}
.unsocial_story_nav.prev{left:9px;}.unsocial_story_nav.next{right:9px;}
.unsocial_story_insights{min-height:0;padding:12px;border:1px solid rgba(255,224,240,.12);border-radius:22px;background:linear-gradient(155deg,rgba(91,57,102,.60),rgba(42,30,54,.90));box-shadow:0 18px 40px rgba(12,6,18,.24);}
.unsocial_story_insights_head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,232,243,.08);}
.unsocial_story_insights_head > span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,105,174,.13);}
.unsocial_story_insights_head b,.unsocial_story_insights_head em{display:block;}
.unsocial_story_insights_head b{color:#fff4f9;font-family:'Outfit',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.8px;}
.unsocial_story_insights_head em{color:var(--pop-muted);font-size:7px;font-style:normal;}
.unsocial_story_people_box{margin-top:11px;}
.unsocial_story_people_box h3{margin:0 0 6px;color:#fff0f7;font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:.7px;text-transform:uppercase;}
.unsocial_story_people_list{max-height:180px;display:grid;gap:5px;overflow-y:auto;}
.unsocial_story_person{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:6px;border-radius:11px;background:rgba(255,255,255,.04);}
.unsocial_story_person span{min-width:0;}
.unsocial_story_person b,.unsocial_story_person em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_story_person b{color:#fff0f7;font-size:9px;}
.unsocial_story_person em{color:var(--pop-muted);font-size:7px;font-style:normal;}

/* ------------------------------------------------------------
   Responsive / smaller modal widths
   ------------------------------------------------------------ */

@media (max-width:900px){
  .unsocial_shell{grid-template-columns:68px minmax(0,1fr);}
  .unsocial_sidebar{padding-left:8px;padding-right:8px;}
  .unsocial_brand_word{display:none;}
  .unsocial_nav_btn{width:39px;height:39px;}
  .unsocial_content{padding-left:18px;padding-right:18px;}
  .unsocial_app_header{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;}
  .unsocial_stories_tray{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;}
  .unsocial_app_heading em{display:none;}
  .unsocial_dm_layout{grid-template-columns:210px minmax(0,1fr);}
  .unsocial_interactions_full .unsocial_interactions_rail_list{grid-template-columns:1fr;}
}

@media (max-width:680px){
  .unsocial_stories_tray{top:116px;}
}

@media (max-width:680px){
  .unsocial_start{padding:22px 18px;}
  .unsocial_start_header{justify-content:flex-start;}
  .unsocial_account_hub{padding:16px;}
  .unsocial_form_columns{grid-template-columns:1fr;}
  .unsocial_form_wide{grid-column:auto;}
  .unsocial_app_header{align-items:flex-start;flex-direction:column;gap:8px;}
  .unsocial_context_tabs{width:100%;overflow-x:auto;justify-content:flex-start;}
  .unsocial_profile_info{grid-template-columns:auto minmax(0,1fr);}
  .unsocial_profile_actions{grid-column:1/-1;padding-top:0;}
  .unsocial_dm_layout{grid-template-columns:1fr;height:auto;}
  .unsocial_dm_threads{max-height:180px;}
  .unsocial_dm_card{height:auto;}
  .unsocial_dm_panel{min-height:360px;}
  .unsocial_profile_post_grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .unsocial_trending_list{grid-template-columns:1fr;}
}

/* Minor semantic hooks retained by the PHP renderer. */
.unsocial_activity_form{display:grid;gap:8px;}
.unsocial_comment_date{flex:0 0 auto;}
.unsocial_switch_account_btn{position:relative;}

/* ============================================================
   V3 — HOME RAIL: TREND + BUZZ / MENZIONI
   ============================================================ */

/* Menzioni cliccabili nel testo di post, commenti e bio. */
.unsocial_mention{
  color:var(--pop-pink)!important;
  font-family:'Outfit',sans-serif;
  font-weight:700;
  text-decoration:none!important;
  text-shadow:0 0 12px rgba(255,105,174,.12);
}

.unsocial_mention:hover{
  color:#ffd9eb!important;
  text-shadow:0 0 13px rgba(255,105,174,.32);
}

/* Il nome nel commento è un comando di risposta; l'avatar continua
   ad aprire normalmente il profilo. */
.unsocial_comment_quote{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#ffeaf4!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
  cursor:pointer;
}

.unsocial_comment_quote b{
  color:inherit;
  font-weight:700;
}

.unsocial_comment_quote:hover{
  color:var(--pop-pink)!important;
  background:transparent!important;
  text-shadow:0 0 10px rgba(255,105,174,.22);
}

/* Home a due colonne: feed ampio + rail stretto allineato ai tab superiori. */
.unsocial_home_layout{
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 218px;
  align-items:start;
  gap:14px;
}

.unsocial_home_feed,
.unsocial_home_rail{min-width:0;}

.unsocial_home_feed .unsocial_feed_post,
.unsocial_home_feed .unsocial_activity_card,
.unsocial_home_feed > .unsocial_post_card{
  width:min(660px,100%);
  max-width:660px;
  margin-left:auto;
  margin-right:0;
}

.unsocial_home_rail{
  position:sticky;
  top: 154px;
  width:218px;
  display:grid;
  gap:10px;
  max-height:510px;
}

.unsocial_home_rail_box{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,218,237,.12);
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(255,112,181,.15),transparent 46%),
    linear-gradient(155deg,rgba(91,57,102,.54),rgba(42,30,54,.88));
  box-shadow:0 15px 30px rgba(13,7,19,.24),inset 0 1px 0 rgba(255,255,255,.055);
}

.unsocial_home_rail_head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:9px 9px 8px;
  border-bottom:1px solid rgba(255,226,241,.08);
}

.unsocial_home_rail_head > span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,143,198,.20);
  border-radius:10px;
  color:#fff5fa;
  background:linear-gradient(135deg,rgba(255,105,174,.24),rgba(137,217,218,.13));
}

.unsocial_home_rail_head div{min-width:0;}
.unsocial_home_rail_head b{
  display:block;
  color:#fff5fa;
  font-family:'Outfit',sans-serif;
  font-size:9px;
  letter-spacing:.75px;
  text-transform:uppercase;
}

.unsocial_home_rail_head em{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--pop-muted);
  font-size: 9px;
  font-style:normal;
}

.unsocial_home_trends .unsocial_trending_list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:4px 6px 6px;
  max-height: 120px;
  overflow: auto;
}

.unsocial_home_trends .unsocial_trending_tag{
  min-height:29px;
  padding:5px 6px;
  border:0;
  border-bottom:1px solid rgba(255,232,243,.055);
  border-radius:8px;
  background:transparent;
}

.unsocial_home_trends .unsocial_trending_tag:last-child{border-bottom:0;}
.unsocial_home_trends .unsocial_trending_tag:hover{background:rgba(255,125,187,.10);}
.unsocial_home_trends .unsocial_trending_tag span{font-size: 11px;}
.unsocial_home_trends .unsocial_trending_tag em{font-size:7px;}

.unsocial_home_buzz{min-height:0;}
.unsocial_home_buzz .unsocial_interactions_rail{
  max-height: 240px;
  overflow-y:auto;
  padding:5px 6px 7px;
}
.unsocial_home_buzz .unsocial_interactions_rail_list{gap:4px;}
.unsocial_home_buzz .unsocial_interaction_mini{
  gap:6px;
  padding:6px;
  border-color:rgba(255,230,242,.055);
  border-radius:10px;
  background:rgba(255,238,246,.035);
}
.unsocial_home_buzz .unsocial_interaction_mini_icon{width:21px;height:21px;border-radius:8px;font-size:8px;}
.unsocial_home_buzz .unsocial_interaction_mini_text em{font-size: 9.5px;line-height:1.25;}
.unsocial_home_buzz .unsocial_interaction_mini_text small{font-size:7px;}
.unsocial_home_feed .unsocial_feed_main_col{width:100%;max-width:none;}

@media (max-width:1120px){
  .unsocial_home_layout{grid-template-columns:minmax(0,1fr) 205px;gap:12px;}
  .unsocial_home_rail{width:205px;}
}

@media (max-width:900px){
  .unsocial_home_layout{
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }

  .unsocial_home_rail{
    position:relative;
    top:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:none;
    order:-1;
  }

  .unsocial_home_buzz .unsocial_interactions_rail{max-height:220px;}
}

@media (max-width:680px){
  .unsocial_home_rail{grid-template-columns:1fr;}
}


@media (max-width:900px){
  .unsocial_home_layout{grid-template-columns:1fr;}
  .unsocial_home_feed .unsocial_feed_post,
  .unsocial_home_feed .unsocial_activity_card,
  .unsocial_home_feed > .unsocial_post_card{margin-left:auto;margin-right:auto;}
  .unsocial_home_rail{position:relative;top:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;order:-1;}
  .unsocial_story_view_shell.is-owner{grid-template-columns:minmax(0,390px);}
  .unsocial_story_insights{width:min(390px,100%);margin:0 auto;}
}

@media (max-width:680px){
  .unsocial_story_media_fields{grid-template-columns:1fr;}
  .unsocial_story_style_picker{grid-template-columns:repeat(2,minmax(0,1fr));}
  .unsocial_story_view_shell,.unsocial_story_view_shell.is-owner{grid-template-columns:1fr;}
  .unsocial_story_stage{min-height:470px;}
}

/* ============================================================
   STORY PLAYER + RISPOSTE PRIVATE QUOTATE
   ============================================================ */

/* La barra è pilotata dal player JavaScript: immagini/testo/GIF usano
   il timer, i video locali seguono la durata reale del filmato. */
.unsocial_story_progress_segment.is-current > i{
  transform:scaleX(0);
  animation:none;
}

/* Footer Instagram-like: statistiche, risposta DM e cuore. */
.unsocial_story_stage_footer{
  min-height:68px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:9px 12px;
}

.unsocial_story_stage_footer form{
  margin:0;
}

.unsocial_story_stage_stats{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.82);
}

.unsocial_story_stage_stats > span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:8px;
}

.unsocial_story_stage_actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}

.unsocial_story_reply_form{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  align-items:center;
  gap:5px;
  padding:4px 5px 4px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:99px;
  background:rgba(25,13,31,.38);
  backdrop-filter:blur(10px);
  transition:border-color .16s ease,background .16s ease;
}

.unsocial_story_reply_form:focus-within{
  border-color:rgba(255,139,196,.62);
  background:rgba(39,18,47,.62);
  box-shadow:0 0 0 3px rgba(255,105,174,.08);
}

.unsocial_story_reply_form input[type='text']{
  min-width:0;
  width:100%;
  height:28px;
  padding:0;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  box-shadow: none;
  font-family:'Hind Siliguri',Verdana,sans-serif;
  font-size:9px;
}

.unsocial_story_reply_form input::placeholder{
  color:rgba(255,255,255,.64);
}

.unsocial_story_reply_form button{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,rgba(255,105,174,.88),rgba(255,128,103,.84));
  cursor:pointer;
}

.unsocial_story_like_form,
.unsocial_story_delete_form{
  flex:0 0 auto;
}

.unsocial_story_delete_form{
  justify-self:end;
}

.unsocial_story_stage.can-reply .unsocial_story_caption{
  bottom:82px;
}

/* Anteprima della Story incorporata nel messaggio privato. */
.unsocial_dm_story_quote{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  margin:0 0 8px;
  padding:6px;
  overflow:hidden;
  border:1px solid rgba(255,222,240,.13);
  border-radius:13px;
  color:inherit!important;
  background:
    linear-gradient(135deg,rgba(255,105,174,.13),rgba(137,217,218,.07)),
    rgba(255,255,255,.035);
  box-shadow:inset 3px 0 0 rgba(255,105,174,.55);
}

a.unsocial_dm_story_quote:hover{
  border-color:rgba(255,135,194,.30);
  background:
    linear-gradient(135deg,rgba(255,105,174,.20),rgba(137,217,218,.10)),
    rgba(255,255,255,.045);
}

.unsocial_dm_story_quote_media{
  position:relative;
  width:46px;
  height:54px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:9px;
  color:#ffeaf4;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,128,183,.40),transparent 42%),
    linear-gradient(145deg,#56305f,#26374d);
}

.unsocial_dm_story_quote_media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_dm_story_quote_media > i{
  font-size:14px;
}

.unsocial_dm_story_quote_text{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.unsocial_dm_story_quote_text small,
.unsocial_dm_story_quote_text b,
.unsocial_dm_story_quote_text em,
.unsocial_dm_story_quote_text > i{
  display:block;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_dm_story_quote_text small{
  margin-bottom:2px;
  color:var(--pop-pink);
  font-family:'Outfit',sans-serif;
  font-size:7px;
  font-weight:700;
  letter-spacing:.55px;
  text-transform:uppercase;
}

.unsocial_dm_story_quote_text b{
  color:#fff3f8;
  font-size:9px;
}

.unsocial_dm_story_quote_text em{
  color:rgba(255,235,245,.67);
  font-size:8px;
  font-style:normal;
}

.unsocial_dm_story_quote_text > i{
  margin-top:2px;
  color:rgba(255,213,229,.47);
  font-size:7px;
  font-style:normal;
}

.unsocial_dm_story_quote.is-expired{
  opacity:.72;
  filter:saturate(.72);
}

.unsocial_dm_story_quote.is-unavailable{
  grid-template-columns:38px minmax(0,1fr);
  box-shadow:inset 3px 0 0 rgba(255,255,255,.17);
}

.unsocial_dm_story_quote.is-unavailable .unsocial_dm_story_quote_media{
  width:38px;
  height:38px;
}

@media (max-width:680px){
  .unsocial_story_stage_footer{
    grid-template-columns:1fr;
    gap:5px;
  }

  .unsocial_story_stage_stats{
    position:absolute;
    left:14px;
    bottom:72px;
    z-index:3;
    padding:4px 7px;
    border-radius:99px;
    background:rgba(18,9,24,.45);
  }

  .unsocial_story_stage.can-reply .unsocial_story_caption{
    bottom:88px;
  }
}

/* ============================================================
   FEATURE PACK — Close Friends, Salvati, Carousel, Tag, Official
   ============================================================ */

.unsocial_official_badge{
  --official-accent:#78cfff;
  --official-ink:#102536;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  white-space:nowrap;
  box-sizing:border-box;
  vertical-align:middle;
  color:var(--official-ink);
  background:var(--official-accent);
  border:1px solid rgba(255,255,255,.54);
  box-shadow:
    0 2px 8px color-mix(in srgb,var(--official-accent) 42%,transparent),
    inset 0 1px 0 rgba(255,255,255,.42);
}

.unsocial_official_badge.compact{
  width:13px;
  height:13px;
  margin:0 0 0 4px;
  align-self:center;
  border:0;
  border-radius:50%;
  color:var(--official-accent);
  background:transparent;
  box-shadow:none;
  font-size:12px;
  line-height:1;
  transform:translateY(-.25px);
}

.unsocial_official_badge.compact i{
  width:13px;
  height:13px;
  display:grid;
  place-items:center;
  color:inherit;
  font-size:12px;
  line-height:1;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.26));
}

/* La verifica usa il simbolo azzurro pulito, senza il secondo
   cerchio di sfondo che negli elenchi sembrava una grossa bolla. */
.unsocial_official_badge.compact.badge-verified{
  background:transparent;
  border:0;
}

.unsocial_official_badge.compact.badge-verified i{
  color:#69cfff;
  text-shadow:0 0 5px rgba(105,207,255,.20);
}

/* Gli altri account ufficiali restano distinguibili, ma in Home e
   nei post usano un micro-seal molto più discreto. */
.unsocial_official_badge.compact:not(.badge-verified){
  width:13px;
  height:13px;
  border:1px solid color-mix(in srgb,var(--official-accent) 42%,transparent);
  border-radius:4px;
  color:var(--official-accent);
  background:color-mix(in srgb,var(--official-accent) 13%,rgba(20,13,26,.72));
}

.unsocial_official_badge.compact:not(.badge-verified) i{
  width:11px;
  height:11px;
  font-size:6px;
  filter:none;
}



/* Badge compatti nei contesti densi: post, Story e card account. */
.unsocial_feed_author_name .unsocial_official_badge.compact{
  flex:0 0 13px;
}

.unsocial_account_card b .unsocial_official_badge.compact,
.unsocial_story_stage_head b .unsocial_official_badge.compact,
.unsocial_collection_tile_meta b .unsocial_official_badge.compact{
  display:inline-flex;
  vertical-align:-2px;
}

.unsocial_feed_author_name:hover .unsocial_official_badge.compact.badge-verified i{
  color:#8ddcff;
}

.unsocial_official_badge.full{
  min-height:23px;
  max-width:210px;
  gap:5px;
  margin-left:7px;
  padding:3px 8px 3px 6px;
  border-radius:999px;
  font-family:'Outfit',sans-serif;
  font-size:7px;
  font-weight:750;
  line-height:1;
  letter-spacing:.65px;
  text-transform:uppercase;
}

.unsocial_official_badge.full i{
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  flex:0 0 14px;
  border-radius:50%;
  color:var(--official-accent);
  background:rgba(21,13,27,.80);
  font-size:7px;
}

.unsocial_official_badge_text{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_official_badge.badge-verified{
  --official-accent:#78cfff;
  --official-ink:#102536;
}

.unsocial_official_badge.badge-college{
  --official-accent:#f4cf72;
  --official-ink:#38280b;
}

.unsocial_official_badge.badge-team{
  --official-accent:#ff7f96;
  --official-ink:#3b111b;
}

.unsocial_official_badge.badge-business{
  --official-accent:#75dbc8;
  --official-ink:#0d302b;
}

.unsocial_official_badge.badge-media{
  --official-accent:#ad9cff;
  --official-ink:#241b4d;
}

.unsocial_official_badge.badge-organization{
  --official-accent:#8ed695;
  --official-ink:#16331a;
}

/* Il nome dell'autore e il badge sono due elementi flex distinti:
   il badge non può più finire sotto al nickname. */
.unsocial_feed_author_name{
  width:max-content!important;
  max-width:100%;
  min-width:0;
  display:inline-flex!important;
  align-items:center;
  flex-wrap:nowrap;
  gap:0;
  color:#fff0f7!important;
  font-family:'Outfit',sans-serif;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
}

.unsocial_feed_author_name > span{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_profile_main h2{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
}

.unsocial_staff_row > span > b{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
}

.unsocial_staff_row > span > b .unsocial_official_badge.full{
  margin-left:2px;
}


.unsocial_story_visibility_picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.unsocial_story_visibility_option{position:relative;min-height:62px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.03);overflow:hidden;}
.unsocial_story_visibility_option input{position:absolute;inset:0;width:100%!important;height:100%;margin:0;opacity:0;cursor:pointer;}
.unsocial_story_visibility_option > span{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:9px;padding:10px 12px;}
.unsocial_story_visibility_option i{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07);}
.unsocial_story_visibility_option b{color:#fff0f7;font-family:'Outfit',sans-serif;font-size:10px;}
.unsocial_story_visibility_option em{color:var(--pop-muted);font-size:8px;font-style:normal;}
.unsocial_story_visibility_option:has(input:checked){border-color:rgba(255,105,174,.35);background:var(--pop-gradient-soft);box-shadow:0 0 0 2px rgba(255,105,174,.08);}
.unsocial_story_visibility_option.close-friends:has(input:checked){border-color:rgba(116,239,159,.42);background:linear-gradient(135deg,rgba(82,208,132,.20),rgba(255,255,255,.04));box-shadow:0 0 0 2px rgba(82,208,132,.08);}
.unsocial_story_visibility_option.close-friends i,.unsocial_feature_icon.close-friends{color:#b9ffd1;background:rgba(73,195,119,.15);}
.unsocial_story_visibility_option.disabled{opacity:.42;}
.unsocial_story_circle.is-close-friends .unsocial_story_ring{background:linear-gradient(145deg,#58d98c,#b6ff9d 48%,#7fe4cf);box-shadow:0 0 18px rgba(81,216,137,.30);}
.unsocial_close_friends_story_label{display:inline-flex;align-items:center;gap:3px;color:#b9ffd1;font-size:7px;font-weight:700;}
.unsocial_story_view_shell.is-close-friends-story .unsocial_story_stage{box-shadow:0 0 0 1px rgba(103,233,147,.22),0 24px 58px rgba(8,3,13,.42);}

.unsocial_inline_field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.unsocial_close_friends_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:13px;}
.unsocial_close_friend_card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.03);}
.unsocial_close_friend_card > span{min-width:0;}
.unsocial_close_friend_card b,.unsocial_close_friend_card em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_close_friend_card b{color:#fff0f7;font-family:'Outfit',sans-serif;font-size:10px;}
.unsocial_close_friend_card em{color:var(--pop-muted);font-size:8px;font-style:normal;}
.unsocial_close_friend_card form{margin:0;}
.unsocial_close_friends_stat b{color:#9af2bb!important;}

.unsocial_save_post_form,.unsocial_remove_tag_form{margin:0;display:flex;}
.unsocial_save_post.active{color:#ffe082!important;background:rgba(255,211,93,.12);border-color:rgba(255,211,93,.22);}

.unsocial_post_carousel{position:relative;width:100%;overflow:hidden;background:#09070c;}
.unsocial_post_carousel_track{position:relative;width:100%;min-height:180px;display:grid;}
.unsocial_post_carousel_slide{grid-area:1/1;width:100%;display:none;align-items:center;justify-content:center;background:#08070b;}
.unsocial_post_carousel_slide.is-active{display:flex;}
.unsocial_post_carousel_slide[aria-hidden='true']{visibility:hidden;}
.unsocial_post_carousel img,.unsocial_post_carousel video,.unsocial_post_carousel iframe{width:100%;height: auto;display:block;border:0;object-fit:cover;background:#000;}
.unsocial_carousel_nav{position:absolute;top:50%;z-index:8;width:31px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;background:rgba(18,9,24,.48);backdrop-filter:blur(8px);cursor:pointer;transform:translateY(-50%);}
.unsocial_carousel_nav.prev{left:9px;}.unsocial_carousel_nav.next{right:9px;}
.unsocial_carousel_dots{position:absolute;left:50%;bottom:10px;z-index:9;display:flex;gap:4px;padding:4px 6px;border-radius:99px;background:rgba(10,7,14,.36);transform:translateX(-50%);}
.unsocial_carousel_dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.36);cursor:pointer;}
.unsocial_carousel_dot.active{width:15px;border-radius:99px;background:#fff;}
.unsocial_carousel_counter{position:absolute;right:10px;top:10px;z-index:9;padding:4px 7px;border-radius:99px;color:rgba(255,255,255,.76);background:rgba(10,7,14,.48);font-size:8px;}
.unsocial_carousel_counter b{color:#fff;}
.unsocial_media_urls{min-height:105px!important;}
.unsocial_form_hint{margin-top:-3px;padding:7px 9px;border-radius:11px;color:var(--pop-muted);background:rgba(255,255,255,.025);font-size:11px;}

.unsocial_feed_tagline{display:flex;align-items:center;gap:6px;margin:0 13px 6px;padding:6px 9px;border-radius:11px;color:var(--pop-muted);background:rgba(170,167,255,.055);font-size:9px;}
.unsocial_feed_tagline > i{color:var(--pop-lilac);}
.unsocial_feed_tagline a{color:#c9c7ff!important;font-weight:700;}
.unsocial_profile_tile_stack{position:absolute;right:7px;bottom:7px;z-index:7;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(0,0,0,.52);font-size:8px;}

.unsocial_collection_panel{width:min(880px,100%);}
.unsocial_collection_grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.unsocial_collection_tile_wrap{min-width:0;display:grid;grid-template-rows:auto auto;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.025);}
.unsocial_collection_tile_wrap .unsocial_profile_post_tile{border-radius:0;}
.unsocial_collection_tile_meta{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;}
.unsocial_collection_tile_meta > span{min-width:0;}
.unsocial_collection_tile_meta b,.unsocial_collection_tile_meta em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_collection_tile_meta b{color:#fff0f7;font-size:8px;}
.unsocial_collection_tile_meta em{color:var(--pop-muted);font-size:7px;font-style:normal;}
.unsocial_collection_tile_meta form{margin:0;}

.unsocial_staff_panel{width:min(980px,100%);}
.unsocial_staff_row form{display:grid;grid-template-columns:150px minmax(130px,1fr) auto;align-items:center;gap:6px;width:min(520px,100%);}
.unsocial_staff_row form select,.unsocial_staff_row form input{min-height:31px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--pop-text);background:rgba(35,23,44,.78);}

@media (max-width:900px){
  .unsocial_collection_grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .unsocial_staff_row{grid-template-columns:auto minmax(0,1fr);}
  .unsocial_staff_row form{grid-column:1/-1;width:100%;}
}
@media (max-width:680px){
  .unsocial_story_visibility_picker{grid-template-columns:1fr;}
  .unsocial_close_friends_grid,.unsocial_collection_grid{grid-template-columns:1fr;}
  .unsocial_inline_field{grid-template-columns:1fr;}
  .unsocial_staff_row form{grid-template-columns:1fr;}
}


/* ============================================================
   Suggerimenti automatici per nickname, tag e menzioni
   ============================================================ */

.unsocial_account_suggest{
  position:absolute;
  z-index:1200;
  display:none;
  max-height:236px;
  overflow:hidden;
  border:1px solid rgba(255,215,236,.17);
  border-radius:16px;
  color:var(--pop-text);
  background:
    radial-gradient(circle at 0 0,rgba(255,105,174,.12),transparent 42%),
    linear-gradient(160deg,rgba(66,43,76,.98),rgba(29,21,39,.99));
  box-shadow:
    0 20px 48px rgba(7,3,11,.55),
    inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(18px);
}

.unsocial_account_suggest.open{display:block;}

.unsocial_account_suggest_head{
  height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 10px;
  border-bottom:1px solid rgba(255,229,242,.08);
  color:var(--pop-muted);
  background:rgba(255,255,255,.025);
  font-family:'Outfit',sans-serif;
  font-size:7px;
  letter-spacing:.75px;
  text-transform:uppercase;
}

.unsocial_account_suggest_head span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#fff2f8;
  font-weight:700;
}

.unsocial_account_suggest_head span i{color:var(--pop-pink);}
.unsocial_account_suggest_head em{color:var(--pop-soft);font-style:normal;}

.unsocial_account_suggest_list{
  max-height:205px;
  overflow-y:auto;
  padding:5px;
}

.unsocial_account_suggest_item{
  width:100%;
  min-height:43px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin:0;
  padding:6px 7px;
  border:1px solid transparent;
  border-radius:11px;
  color:var(--pop-text);
  background:transparent;
  box-shadow:none;
  text-align:left;
  cursor:pointer;
}

.unsocial_account_suggest_item:hover,
.unsocial_account_suggest_item.active{
  border-color:rgba(255,131,190,.17);
  color:#fff;
  background:linear-gradient(135deg,rgba(255,105,174,.13),rgba(137,217,218,.055));
}

.unsocial_account_suggest_avatar{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  color:#fff0f7;
  background:rgba(255,255,255,.06);
  font-family:'Outfit',sans-serif;
  font-size:9px;
  font-style:normal;
}

.unsocial_account_suggest_avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_account_suggest_avatar i{font-style:normal;}

.unsocial_account_suggest_text{min-width:0;}

.unsocial_account_suggest_text b,
.unsocial_account_suggest_text em{
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_account_suggest_text b{
  gap:4px;
  color:#fff3f8;
  font-family:'Outfit',sans-serif;
  font-size:9px;
  font-weight:700;
}

.unsocial_account_suggest_text em{
  margin-top:1px;
  color:var(--pop-muted);
  font-size:8px;
  font-style:normal;
}

.unsocial_account_suggest_use{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:var(--pop-soft);
  background:rgba(255,255,255,.035);
  font-size:7px;
}

.unsocial_account_suggest_item.active .unsocial_account_suggest_use{
  color:#fff;
  background:rgba(255,105,174,.13);
}

.unsocial_account_suggest_badge{
  width:12px;
  height:12px;
  display:inline-grid;
  place-items:center;
  flex:0 0 12px;
  border-radius:50%;
  color:#69cfff;
  font-size:10px;
  line-height:1;
}

.unsocial_account_suggest_badge.badge-college{color:#f4cf72;}
.unsocial_account_suggest_badge.badge-team{color:#ff7f96;}
.unsocial_account_suggest_badge.badge-business{color:#75dbc8;}
.unsocial_account_suggest_badge.badge-media{color:#ad9cff;}
.unsocial_account_suggest_badge.badge-organization{color:#8ed695;}

[data-unsocial-account-autocomplete]{
  position:relative;
}



/* ============================================================
   POP! — luoghi dei post
   ============================================================ */

.unsocial_post_location{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:2px;
  color:#f0c9da!important;
  font-size:8px;
  line-height:1.15;
}

.unsocial_post_location i{
  color:var(--pop-pink);
  font-size:7px;
}

.unsocial_post_location span{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_post_location:hover{color:#fff2f8!important;}

.unsocial_post_location_fields{
  padding:12px;
  border:1px solid rgba(255,219,237,.10);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}

.unsocial_location_form_grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.unsocial_field_subtitle{
  display:flex;
  align-items:center;
  gap:5px;
  margin-bottom:5px;
  color:var(--pop-muted);
  font-size:8px;
  font-weight:650;
}

.unsocial_field_subtitle i{color:var(--pop-pink);}

.unsocial_location_page_head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.unsocial_location_page_head small{
  display:block;
  color:var(--pop-muted);
  font-size:7px;
  letter-spacing:.85px;
  text-transform:uppercase;
}

.unsocial_location_page_head h2{
  margin:2px 0 0;
  color:#fff3f8;
  font-size:20px;
}

/* ============================================================
   POP! — eventi social
   ============================================================ */

.unsocial_events_page,
.unsocial_event_detail_page,
.unsocial_event_form_page{
  padding:18px;
}

.unsocial_events_grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.unsocial_events_section_title{
  display:flex;
  align-items:center;
  gap:9px;
  margin:16px 0 10px;
  padding:0 3px;
}

.unsocial_events_section_title > i{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#2a1524;
  background:linear-gradient(145deg,#ff91bd,#f7c8dc);
  font-size:10px;
}

.unsocial_events_section_title span{display:flex;flex-direction:column;}
.unsocial_events_section_title b{color:#fff0f7;font-size:10px;}
.unsocial_events_section_title em{color:var(--pop-muted);font-size:8px;font-style:normal;}
.unsocial_events_section_title.past{margin-top:24px;opacity:.82;}

.unsocial_event_card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,219,237,.11);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,100,170,.10),transparent 38%),
    linear-gradient(155deg,rgba(72,45,78,.95),rgba(36,27,45,.98));
  box-shadow:0 12px 30px rgba(10,4,15,.22);
}

.unsocial_event_card.is-embed{
  margin:10px 12px 3px;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  border-radius:16px;
}

.unsocial_event_cover{
  height:150px;
  position:relative;
  display:block;
  overflow:hidden;
  color:#fff!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,141,190,.28),transparent 36%),
    linear-gradient(145deg,#6d3d69,#282032);
}

.unsocial_event_card.is-embed .unsocial_event_cover{
  height:100%;
  min-height:168px;
}

.unsocial_event_cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_event_cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(18,10,23,.62),transparent 58%);
}

.unsocial_event_cover > span{
  position:absolute;
  left:10px;
  bottom:9px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#fff;
  background:rgba(23,12,28,.64);
  backdrop-filter:blur(8px);
  font-size:7px;
  font-weight:750;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.unsocial_event_cover.placeholder{
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  color:#ffd8e8!important;
  font-size:28px;
}

.unsocial_event_cover.placeholder > span{
  position:relative;
  left:auto;
  bottom:auto;
}

.unsocial_event_card_body{padding:12px;}
.unsocial_event_card_body > header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px;
}

.unsocial_event_date_box{
  width:38px;
  height:42px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,159,201,.19);
  border-radius:11px;
  background:rgba(255,112,178,.08);
}

.unsocial_event_date_box b{
  color:#ff9ac4;
  font-size:6px;
  letter-spacing:.8px;
}

.unsocial_event_date_box strong{
  margin-top:1px;
  color:#fff3f8;
  font-size:16px;
  line-height:1;
}

.unsocial_event_card_title{min-width:0;}
.unsocial_event_card_title a{
  display:block;
  overflow:hidden;
  color:#fff1f7!important;
  font-size:12px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.unsocial_event_card_title em{
  display:block;
  margin-top:3px;
  color:var(--pop-muted);
  font-size:8px;
  font-style:normal;
}

.unsocial_event_location,
.unsocial_event_detail_location{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:#eec8da!important;
  font-size:8px;
}

.unsocial_event_location i,
.unsocial_event_detail_location > i{color:var(--pop-pink);}

.unsocial_event_card_body > p{
  min-height:34px;
  margin:9px 0 0;
  color:#dacbd6;
  font-size:9px;
  line-height:1.45;
}

.unsocial_event_by{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:9px;
  color:var(--pop-muted);
  font-size:7px;
}

.unsocial_event_by > a{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#fff0f7!important;
}

.unsocial_avatar.micro{
  width:17px;
  height:17px;
  border-radius:6px;
  font-size:6px;
}

.unsocial_event_by small{
  margin-left:auto;
  color:#d4b4c8;
  font-size:7px;
}

.unsocial_event_attendance{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:16px;
}

.unsocial_event_attendance.compact{
  gap:4px;
  margin-top:10px;
}

.unsocial_event_attendance form{margin:0;}

.unsocial_event_attendance button{
  width:100%;
  min-height:38px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  color:#d6c4d1;
  background:rgba(255,255,255,.035);
  font-size:8px;
  text-align:left;
}

.unsocial_event_attendance.compact button{
  min-height:29px;
  grid-template-columns:auto auto;
  justify-content:center;
  padding:4px 5px;
}

.unsocial_event_attendance.compact button span{display:none;}

.unsocial_event_attendance button em{
  color:var(--pop-muted);
  font-size:7px;
  font-style:normal;
}

.unsocial_event_attendance button:hover,
.unsocial_event_attendance button.active{
  border-color:rgba(255,126,187,.25);
  color:#fff;
  background:linear-gradient(135deg,rgba(255,104,174,.16),rgba(128,215,216,.07));
}

.unsocial_event_attendance button.active i{color:var(--pop-pink);}

.unsocial_event_detail_hero{
  min-height:255px;
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(circle at 20% 10%,rgba(255,129,185,.28),transparent 35%),
    linear-gradient(145deg,#72416f,#292034);
}

.unsocial_event_detail_hero.no-image{min-height:190px;}

.unsocial_event_detail_hero > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.unsocial_event_detail_overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(18,10,23,.92),rgba(18,10,23,.08) 72%);
}

.unsocial_event_detail_title{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  z-index:2;
}

.unsocial_event_detail_title > span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:999px;
  color:#2c1423;
  background:#ffabd0;
  font-size:7px;
  font-weight:800;
  letter-spacing:.75px;
  text-transform:uppercase;
}

.unsocial_event_detail_title h2{
  margin:8px 0 2px;
  color:#fff;
  font-size:25px;
  line-height:1.05;
}

.unsocial_event_detail_title p{
  margin:0;
  color:#f0dce6;
  font-size:9px;
}

.unsocial_event_detail_content{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:16px;
  margin-top:16px;
}

.unsocial_event_detail_location{
  margin:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(255,255,255,.03);
}

.unsocial_event_detail_location > span{display:flex;flex-direction:column;}
.unsocial_event_detail_location b{color:#fff0f7;font-size:9px;}
.unsocial_event_detail_location em{color:var(--pop-muted);font-size:7px;font-style:normal;}

.unsocial_event_description{
  margin-top:12px;
  padding:14px;
  border-radius:14px;
  color:#e0d1db;
  background:rgba(255,255,255,.025);
  font-size:10px;
  line-height:1.55;
}

.unsocial_event_invite_box{
  margin-top:15px;
  padding:12px;
  border:1px solid rgba(255,148,198,.13);
  border-radius:15px;
  background:rgba(255,111,177,.045);
}

.unsocial_event_invite_box > div:first-child{
  display:flex;
  align-items:center;
  gap:9px;
}

.unsocial_event_invite_box > div:first-child > span:last-child{display:flex;flex-direction:column;}
.unsocial_event_invite_box b{color:#fff0f7;font-size:9px;}
.unsocial_event_invite_box em{color:var(--pop-muted);font-size:8px;font-style:normal;}

.unsocial_event_invite_actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}

.unsocial_event_invite_actions form{margin:0;}
.unsocial_event_invite_actions button{
  width:100%;
  padding:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  color:#e9d7e2;
  background:rgba(255,255,255,.035);
  font-size:8px;
}

.unsocial_event_invite_actions button:hover{
  color:#fff;
  background:rgba(255,106,175,.12);
}

.unsocial_event_host_card,
.unsocial_linked_city_event,
.unsocial_event_owner_actions{
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}

.unsocial_event_host_card > small{
  display:block;
  margin-bottom:8px;
  color:var(--pop-muted);
  font-size:7px;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.unsocial_event_host_card > a{
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff0f7!important;
}

.unsocial_event_host_card > a > span{min-width:0;display:flex;flex-direction:column;}
.unsocial_event_host_card b{font-size:9px;}
.unsocial_event_host_card em{color:var(--pop-muted);font-size:8px;font-style:normal;}

.unsocial_linked_city_event{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:#f1dce7!important;
}

.unsocial_linked_city_event > i:first-child{color:var(--pop-pink);}
.unsocial_linked_city_event span{display:flex;flex-direction:column;}
.unsocial_linked_city_event b{font-size:8px;}
.unsocial_linked_city_event em{color:var(--pop-muted);font-size:7px;font-style:normal;}

.unsocial_event_owner_actions{
  display:grid;
  gap:6px;
  margin-top:10px;
}

.unsocial_event_owner_actions a,
.unsocial_event_owner_actions button{
  width:100%;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 8px;
  border:0;
  border-radius:9px;
  color:#dfcbd7!important;
  background:rgba(255,255,255,.035);
  font-size:8px;
  text-align:left;
}

.unsocial_event_link_picker{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  padding:12px;
  border:1px solid rgba(255,190,219,.14);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,101,174,.08),rgba(104,213,215,.04));
}

.unsocial_event_link_picker > div{
  display:flex;
  align-items:center;
  gap:9px;
}

.unsocial_event_link_picker > div > span:last-child{display:flex;flex-direction:column;}
.unsocial_event_link_picker b{color:#fff0f7;font-size:9px;}
.unsocial_event_link_picker em{color:var(--pop-muted);font-size:8px;font-style:normal;}

/* Inviti evento dentro i DM */

.unsocial_dm_event_quote{
  min-height:75px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  overflow:hidden;
  margin-bottom:8px;
  border:1px solid rgba(255,151,199,.15);
  border-radius:13px;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(89,48,86,.88),rgba(46,33,55,.92));
}

.unsocial_dm_event_quote_media{
  min-height:75px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#ffd8e9;
  background:rgba(255,111,177,.09);
  font-size:20px;
}

.unsocial_dm_event_quote_media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_dm_event_quote_text{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:9px 10px;
}

.unsocial_dm_event_quote_text small{
  color:#ff9fc8;
  font-size:6px;
  font-weight:750;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.unsocial_dm_event_quote_text b{
  margin-top:3px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:9px;
}

.unsocial_dm_event_quote_text em,
.unsocial_dm_event_quote_text strong{
  margin-top:2px;
  overflow:hidden;
  color:#ceb9c7;
  font-size:7px;
  font-style:normal;
  font-weight:400;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_dm_event_quote.is-unavailable{opacity:.65;}

@media(max-width:760px){
  .unsocial_events_grid{grid-template-columns:1fr;}
  .unsocial_event_detail_content{grid-template-columns:1fr;}
  .unsocial_event_card.is-embed{grid-template-columns:110px minmax(0,1fr);}
  .unsocial_location_form_grid,
  .unsocial_event_invite_actions,
  .unsocial_event_link_picker{grid-template-columns:1fr;}
}



.unsocial_profile_post_tile.is-event .unsocial_profile_tile_text{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}

.unsocial_profile_post_tile.is-event .unsocial_profile_tile_text i{
  color:#ff9fc7;
  font-size:22px;
}

.unsocial_profile_post_tile.is-event .unsocial_profile_tile_text span{
  max-width:88%;
  color:#fff0f7;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
}

.unsocial_profile_tile_type.event{
  color:#281420;
  background:#ff9fc7;
}


/* ============================================================
   Correzioni UI: pin luogo, partecipazione e invito singolo
   ============================================================ */

/* Le regole generiche di .unsocial_feed_author rendevano <a> e <span>
   blocchi separati. Qui il pin e il luogo restano realmente sulla stessa riga. */
.unsocial_feed_author a.unsocial_post_location{
  width:max-content;
  max-width:100%;
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap;
  gap:5px;
  margin-top:3px;
  vertical-align:middle;
  line-height:1.2;
}

.unsocial_feed_author a.unsocial_post_location > i{
  width:9px;
  height:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 9px;
  margin:0;
  color:var(--pop-pink);
  font-size:10px;
  line-height:1;
  transform:none;
}

.unsocial_feed_author a.unsocial_post_location > span{
  width:auto;
  min-width:0;
  display:inline-block!important;
  overflow:hidden;
  color:#f0c9da;
  font-size:9px;
  line-height:1.2;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Partecipazione: niente più tre enormi box vuoti con icone minuscole. */
.unsocial_event_attendance,
.unsocial_event_attendance.compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.075);
}

.unsocial_event_attendance form,
.unsocial_event_attendance.compact form{
  min-width:0;
  margin:0;
}

.unsocial_event_attendance button,
.unsocial_event_attendance.compact button{
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 5px;
  border:0;
  border-radius:9px;
  color:#cdbbc7;
  background:transparent;
  box-shadow:none;
  font-family:'Outfit',sans-serif;
  font-size:8px;
  font-weight:650;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

.unsocial_event_attendance button > i,
.unsocial_event_attendance.compact button > i{
  flex:0 0 auto;
  color:#c9b8c4;
  font-size:15px;
  line-height:1;
  transition:color .16s ease,transform .16s ease;
}

.unsocial_event_attendance button > span,
.unsocial_event_attendance.compact button > span{
  display:inline-block!important;
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.unsocial_event_attendance button > em,
.unsocial_event_attendance.compact button > em{
  min-width:17px;
  height:17px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  padding:0 4px;
  border-radius:999px;
  color:#bfaeb9;
  background:rgba(255,255,255,.055);
  font-size:7px;
  font-style:normal;
}

.unsocial_event_attendance button:hover,
.unsocial_event_attendance.compact button:hover{
  border:0;
  color:#fff0f7;
  background:rgba(255,255,255,.035);
}

.unsocial_event_attendance button:hover > i,
.unsocial_event_attendance.compact button:hover > i{
  color:#ff9fc8;
  transform:scale(1.08);
}

.unsocial_event_attendance button.active,
.unsocial_event_attendance.compact button.active{
  border:0;
  color:#fff;
  background:rgba(255,105,174,.075);
}

.unsocial_event_attendance button.active > i,
.unsocial_event_attendance.compact button.active > i{
  color:#ff83b9;
}

.unsocial_event_attendance button.active > em,
.unsocial_event_attendance.compact button.active > em{
  color:#fff;
  background:rgba(255,105,174,.16);
}

/* Invito a un singolo profilo. */
.unsocial_event_invite_single{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  margin-top:11px;
}

.unsocial_event_invite_single_field{
  min-width:0;
  min-height:36px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(31,20,39,.58);
  box-shadow:inset 0 -1px 0 rgba(255,105,174,.08);
}

.unsocial_event_invite_single_field > i{
  color:#ff8fbe;
  font-size:9px;
}

.unsocial_event_invite_single_field input{
  width:100%;
  min-width:0;
  min-height:34px;
  padding:0;
  border:0;
  outline:0;
  color:#fff0f7;
  background:transparent;
  box-shadow:none;
  font-family:'Outfit',sans-serif;
  font-size:9px;
}

.unsocial_event_invite_single > button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 13px;
  border:1px solid rgba(255,133,187,.20);
  border-radius:11px;
  color:#fff3f8;
  background:linear-gradient(135deg,rgba(255,105,174,.20),rgba(130,216,216,.08));
  font-size:8px;
  font-weight:700;
}

.unsocial_event_invite_single > button:hover{
  border-color:rgba(255,151,199,.32);
  background:linear-gradient(135deg,rgba(255,105,174,.29),rgba(130,216,216,.11));
}

.unsocial_event_invite_divider{
  display:flex;
  align-items:center;
  gap:8px;
  margin:11px 0 7px;
  color:var(--pop-soft);
  font-size:6px;
  letter-spacing:.75px;
  text-transform:uppercase;
}

.unsocial_event_invite_divider::before,
.unsocial_event_invite_divider::after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(255,255,255,.065);
}

.unsocial_event_invite_actions{
  margin-top:0;
}

@media(max-width:760px){
  .unsocial_event_invite_single{
    grid-template-columns:1fr;
  }

  .unsocial_event_attendance button,
  .unsocial_event_attendance.compact button{
    gap:4px;
  }

  .unsocial_event_attendance button > span,
  .unsocial_event_attendance.compact button > span{
    font-size:7px;
  }
}


/* ============================================================
   Tag formali nelle Stories
   ============================================================ */

.unsocial_story_tag_form_box{
  padding:11px 12px;
  border:1px solid rgba(255,214,236,.10);
  border-radius:15px;
  background:
    linear-gradient(135deg,rgba(255,105,174,.055),rgba(137,217,218,.025)),
    rgba(255,255,255,.018);
}

.unsocial_story_tag_form_box .unsocial_field_label{
  margin-top:0;
}

.unsocial_story_caption.has-tags{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.unsocial_story_caption_text{
  width:100%;
}

.unsocial_story_caption.tags-only{
  left:50%;
  right:auto;
  width:max-content;
  max-width:calc(100% - 36px);
  padding:8px 10px;
  transform:translateX(-50%);
}

.unsocial_story_tags{
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:9px;
}

.unsocial_story_caption.tags-only .unsocial_story_tags{
  margin-top:0;
}

.unsocial_story_tag{
  max-width:180px;
  min-height:25px;
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  padding:4px 8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(255,105,174,.28),rgba(137,217,218,.12)),
    rgba(25,13,31,.64);
  box-shadow:
    0 5px 14px rgba(10,4,15,.18),
    inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(9px);
  font-family:'Outfit',sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1;
  text-shadow:none;
}

.unsocial_story_tag > i{
  flex:0 0 auto;
  color:#ff9fc8;
  font-size:7px;
}

.unsocial_story_tag > span{
  min-width:0;
  display:block!important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_story_tag .unsocial_official_badge.compact{
  width:11px;
  height:11px;
  flex:0 0 11px;
  margin-left:1px;
  font-size:10px;
}

.unsocial_story_tag .unsocial_official_badge.compact i{
  width:11px;
  height:11px;
  font-size:10px;
}

.unsocial_story_tag:hover{
  border-color:rgba(255,165,207,.38);
  background:
    linear-gradient(135deg,rgba(255,105,174,.38),rgba(137,217,218,.16)),
    rgba(25,13,31,.72);
}

.story-type-text .unsocial_story_caption.has-tags{
  gap:0;
}

.story-type-text .unsocial_story_caption.tags-only{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  width:auto;
  max-width:86%;
  transform:none;
}

@media(max-width:680px){
  .unsocial_story_tag{
    max-width:145px;
    padding-left:7px;
    padding-right:7px;
  }
}


/* ============================================================
   POP! — condivisioni nei DM e post nelle Stories
   ============================================================ */

.unsocial_share_menu{
  position:relative;
  z-index:46;
  margin:0;
}

.unsocial_share_menu > summary{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  list-style:none;
  border:1px solid rgba(255,255,255,.065);
  border-radius:10px;
  color:var(--pop-muted);
  background:rgba(255,255,255,.035);
  cursor:pointer;
  transition:.18s ease;
}

.unsocial_share_menu > summary::-webkit-details-marker{display:none;}
.unsocial_share_menu > summary::marker{content:"";}

.unsocial_share_menu > summary:hover,
.unsocial_share_menu[open] > summary{
  color:#fff;
  border-color:rgba(255,105,174,.20);
  background:rgba(255,105,174,.10);
}

.unsocial_share_menu_panel{
  position:absolute;
  right:0;
  top:35px;
  z-index:220;
  width:270px;
  padding:9px;
  border:1px solid rgba(255,219,238,.13);
  border-radius:15px;
  background:
    radial-gradient(circle at 0 0,rgba(255,105,174,.12),transparent 44%),
    linear-gradient(155deg,rgba(67,44,77,.99),rgba(27,20,36,.995));
  box-shadow:0 20px 44px rgba(7,3,11,.58),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}

.unsocial_share_menu_panel > form{
  display:grid;
  gap:6px;
  margin:0;
}

.unsocial_share_menu_title,
.unsocial_share_to_story{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.unsocial_share_menu_title{
  padding:2px 2px 5px;
}

.unsocial_share_menu_title > i,
.unsocial_share_to_story > i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#ffeaf4;
  background:var(--pop-gradient-soft);
}

.unsocial_share_menu_title span,
.unsocial_share_to_story span{
  min-width:0;
}

.unsocial_share_menu_title b,
.unsocial_share_menu_title em,
.unsocial_share_to_story b,
.unsocial_share_to_story em{
  display:block;
}

.unsocial_share_menu_title b,
.unsocial_share_to_story b{
  color:#fff1f7;
  font-family:'Outfit',sans-serif;
  font-size:9px;
}

.unsocial_share_menu_title em,
.unsocial_share_to_story em{
  color:var(--pop-muted);
  font-size:7px;
  font-style:normal;
}

.unsocial_share_menu_panel input,
.unsocial_share_menu_panel textarea{
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  outline:0;
  color:var(--pop-text);
  background:rgba(22,15,30,.72);
  font-size:8px;
}

.unsocial_share_menu_panel textarea{
  min-height:48px;
  resize:none;
}

.unsocial_share_menu_panel form > button{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,125,184,.18);
  border-radius:10px;
  color:#fff;
  background:var(--pop-gradient-soft);
  font-size:8px;
  cursor:pointer;
}

.unsocial_share_to_story{
  margin-top:8px;
  padding:8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  color:#f1dce7!important;
  background:rgba(255,255,255,.03);
}

.unsocial_share_to_story:hover{
  border-color:rgba(255,123,185,.22);
  background:rgba(255,105,174,.09);
}

.unsocial_story_stage_actions .unsocial_share_menu > summary{
  width:36px;
  height:36px;
  border-radius:50%;
  color:#fff;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);
}

.unsocial_story_stage_actions .unsocial_share_menu_panel{
  top:auto;
  right:0;
  bottom:44px;
}

.unsocial_story_repost_preview{
  padding:10px;
  border:1px solid rgba(255,149,199,.15);
  border-radius:17px;
  background:
    linear-gradient(135deg,rgba(255,105,174,.075),rgba(137,217,218,.035)),
    rgba(255,255,255,.02);
}

.unsocial_story_repost_preview_head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
}

.unsocial_story_repost_preview_head > span{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:var(--pop-gradient-soft);
}

.unsocial_story_repost_preview_head > div{min-width:0;}
.unsocial_story_repost_preview_head b,
.unsocial_story_repost_preview_head em{display:block;}
.unsocial_story_repost_preview_head b{color:#fff1f7;font-size:9px;}
.unsocial_story_repost_preview_head em{color:var(--pop-muted);font-size:7px;font-style:normal;}
.unsocial_story_repost_preview_head > a{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;color:var(--pop-muted)!important;background:rgba(255,255,255,.04);}

.unsocial_story_shared_post{
  position:absolute;
  left:34px;
  right:34px;
  top:48%;
  z-index:7;
  max-height:285px;
  display:grid;
  grid-template-columns:115px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(77,46,82,.94),rgba(27,20,35,.96));
  box-shadow:0 22px 48px rgba(8,3,12,.42),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  transform:translateY(-50%);
}

.unsocial_story_repost_preview .unsocial_story_shared_post{
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  z-index:auto;
  max-height:none;
  min-height:120px;
  transform:none;
}

.unsocial_story_shared_post_media{
  min-height:145px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#ffd8e9;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,129,187,.30),transparent 42%),
    rgba(255,255,255,.04);
  font-size:24px;
}

.unsocial_story_shared_post_media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_story_shared_post_body{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:13px;
}

.unsocial_story_shared_post_body small{
  color:#ff9fc8;
  font-family:'Outfit',sans-serif;
  font-size:7px;
  font-weight:750;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.unsocial_story_shared_post_body > b{
  margin-top:5px;
  overflow:hidden;
  color:#fff;
  font-family:'Outfit',sans-serif;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_story_shared_post_body > b em{
  color:rgba(255,234,244,.62);
  font-size:8px;
  font-style:normal;
  font-weight:400;
}

.unsocial_story_shared_post_body > span{
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden;
  color:rgba(255,239,247,.80);
  font-size:9px;
  line-height:1.35;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
}

.unsocial_story_shared_post_body > strong{
  margin-top:8px;
  color:#9edfe0;
  font-size:7px;
  font-weight:600;
}

.unsocial_story_shared_post.is-unavailable{
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:15px;
  opacity:.78;
}

.unsocial_story_shared_post.is-unavailable > i{font-size:24px;}
.unsocial_story_shared_post.is-unavailable span{display:flex;flex-direction:column;}
.unsocial_story_shared_post.is-unavailable b{font-size:10px;}
.unsocial_story_shared_post.is-unavailable em{color:var(--pop-muted);font-size:8px;font-style:normal;}

.unsocial_story_stage.has-shared-post .unsocial_story_caption{
  bottom:76px;
  max-height:116px;
  overflow-y:auto;
  font-size:13px;
}

.story-type-text.has-shared-post .unsocial_story_caption{
  position:absolute;
  left:22px;
  right:22px;
  bottom:76px;
  max-width:none;
  padding:10px 12px;
  background:rgba(26,13,32,.58);
  font-size:13px;
  font-weight:500;
}

.unsocial_dm_content_quote{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  overflow:hidden;
  margin-bottom:8px;
  border:1px solid rgba(255,151,199,.14);
  border-radius:13px;
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(83,48,83,.90),rgba(42,31,51,.94));
}

.unsocial_dm_content_quote_media{
  min-height:72px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#ffd9e9;
  background:rgba(255,108,177,.08);
  font-size:18px;
}

.unsocial_dm_content_quote_media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_dm_content_quote_text{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:9px 10px;
}

.unsocial_dm_content_quote_text small{
  color:#ff9fc8;
  font-size:6px;
  font-weight:750;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.unsocial_dm_content_quote_text b,
.unsocial_dm_content_quote_text em,
.unsocial_dm_content_quote_text strong{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_dm_content_quote_text b{margin-top:3px;font-size:9px;}
.unsocial_dm_content_quote_text em{margin-top:2px;color:#cfbac7;font-size:7px;font-style:normal;}
.unsocial_dm_content_quote_text strong{margin-top:3px;color:#d6aebf;font-size:7px;font-weight:500;}
.unsocial_dm_content_quote.is-expired,
.unsocial_dm_content_quote.is-unavailable{opacity:.68;}

/* ============================================================
   POP! — account bloccati
   ============================================================ */

.unsocial_profile_more{
  position:relative;
  z-index:40;
}

.unsocial_profile_more > summary{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  list-style:none;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  color:var(--pop-muted);
  background:rgba(255,255,255,.035);
  cursor:pointer;
}

.unsocial_profile_more > summary::-webkit-details-marker{display:none;}
.unsocial_profile_more > summary::marker{content:"";}

.unsocial_profile_more > div{
  position:absolute;
  right:0;
  top:36px;
  z-index:80;
  width:165px;
  padding:6px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(18,14,23,.99);
  box-shadow:0 18px 35px rgba(0,0,0,.46);
}

.unsocial_profile_more form{margin:0;}
.unsocial_profile_more button{
  width:100%;
  min-height:29px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  border:0;
  border-radius:8px;
  color:#ffdce4;
  background:rgba(171,48,72,.12);
  font-size:8px;
  cursor:pointer;
}

.unsocial_blocked_profile_body{
  min-height:145px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:24px;
  text-align:left;
}

.unsocial_blocked_profile_body > span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 52px;
  border:1px solid rgba(255,130,148,.15);
  border-radius:17px;
  color:#ffc3d0;
  background:rgba(171,48,72,.10);
  font-size:19px;
}

.unsocial_blocked_profile_body h2{margin:0;color:#fff0f7;font-size:15px;}
.unsocial_blocked_profile_body p{margin:3px 0 10px;color:var(--pop-muted);}

.unsocial_blocked_accounts_settings{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--pop-line);
}

.unsocial_blocked_accounts_list{
  display:grid;
  gap:6px;
}

.unsocial_blocked_accounts_list article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.unsocial_blocked_accounts_list article > span{min-width:0;}
.unsocial_blocked_accounts_list b,
.unsocial_blocked_accounts_list em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_blocked_accounts_list b{color:#fff0f7;font-size:9px;}
.unsocial_blocked_accounts_list em{color:var(--pop-muted);font-size:8px;font-style:normal;}
.unsocial_blocked_accounts_list form{margin:0;}
.unsocial_blocked_accounts_list button{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  color:#e5d5df;
  background:rgba(255,255,255,.035);
  font-size:8px;
  cursor:pointer;
}

/* ============================================================
   POP! — archivio Stories e raccolte in evidenza
   ============================================================ */

.unsocial_profile_highlights{
  width:min(760px,100%);
  margin:0 auto 14px;
  padding:11px 13px;
  border:1px solid var(--pop-line);
  border-radius:19px;
  background:
    linear-gradient(135deg,rgba(255,105,174,.055),rgba(137,217,218,.025)),
    rgba(43,30,52,.80);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.unsocial_profile_highlights_head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.unsocial_profile_highlights_head > span{display:flex;flex-direction:column;}
.unsocial_profile_highlights_head b{color:#fff1f7;font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:.8px;text-transform:uppercase;}
.unsocial_profile_highlights_head em{color:var(--pop-muted);font-size:7px;font-style:normal;}
.unsocial_profile_highlights_head > a{display:inline-flex;align-items:center;gap:5px;color:var(--pop-muted)!important;font-size:7px;text-transform:uppercase;}

.unsocial_profile_highlights_scroller{
  display:flex;
  align-items:flex-start;
  gap:9px;
  overflow-x:auto;
  padding:2px 1px 4px;
}

.unsocial_highlight_circle_wrap{
  position:relative;
  width:62px;
  flex:0 0 62px;
}

.unsocial_highlight_circle{
  width:62px;
  display:grid;
  justify-items:center;
  gap:5px;
  color:var(--pop-muted)!important;
}

.unsocial_highlight_circle > span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:2px;
  border:2px solid rgba(255,151,199,.42);
  border-radius:50%;
  color:#ffe3ef;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,115,180,.25),transparent 40%),
    rgba(255,255,255,.05);
  font-size:15px;
}

.unsocial_highlight_circle > span img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
}

.unsocial_highlight_circle > em{
  width:100%;
  overflow:hidden;
  color:var(--pop-muted);
  font-size:7px;
  font-style:normal;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.unsocial_highlight_circle.add > span{
  border-style:dashed;
  color:var(--pop-pink);
}

.unsocial_highlight_manage_link{
  position:absolute;
  right:1px;
  top:36px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  color:#fff!important;
  background:#4b334f;
  font-size:6px;
}

.unsocial_highlight_empty{
  min-width:220px;
  padding:16px;
  color:var(--pop-muted);
  font-size:8px;
}

.unsocial_story_archive_page,
.unsocial_highlight_manage_page{
  width:min(940px,100%);
}

.unsocial_archive_create_collection{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:14px;
  margin-bottom:13px;
  padding:12px;
  border:1px solid rgba(255,157,204,.13);
  border-radius:15px;
  background:var(--pop-gradient-soft);
}

.unsocial_archive_create_collection > div{display:flex;flex-direction:column;}
.unsocial_archive_create_collection b{color:#fff1f7;font-size:9px;}
.unsocial_archive_create_collection em{color:var(--pop-muted);font-size:7px;font-style:normal;}
.unsocial_archive_create_collection form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin:0;}
.unsocial_archive_create_collection input,
.unsocial_archive_create_collection button,
.unsocial_story_archive_meta select{
  min-height:31px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  color:var(--pop-text);
  background:rgba(26,18,34,.68);
  font-size:8px;
}

.unsocial_archive_create_collection button{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#fff;
  background:rgba(255,105,174,.13);
  cursor:pointer;
}

.unsocial_archive_collections{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-bottom:14px;
}

.unsocial_archive_collections > a{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  padding:8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}

.unsocial_archive_collections > a > i:first-child{color:var(--pop-pink);}
.unsocial_archive_collections span{min-width:0;}
.unsocial_archive_collections b,
.unsocial_archive_collections em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_archive_collections b{color:#fff0f7;font-size:8px;}
.unsocial_archive_collections em{color:var(--pop-muted);font-size:7px;font-style:normal;}

.unsocial_story_archive_grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.unsocial_story_archive_card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.unsocial_story_archive_preview{
  position:relative;
  aspect-ratio:9/14;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#fff!important;
  background:#261c30;
}

.unsocial_story_archive_preview > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_story_archive_preview > i{
  font-size:25px;
  text-shadow:0 5px 15px rgba(0,0,0,.30);
}

.unsocial_story_archive_preview > span{
  max-height:75%;
  padding:14px;
  overflow:hidden;
  font-family:'Outfit',sans-serif;
  font-size:13px;
  line-height:1.25;
  text-align:center;
}

.unsocial_story_archive_preview > b{
  position:absolute;
  left:7px;
  bottom:7px;
  padding:3px 6px;
  border-radius:99px;
  color:#fff;
  background:rgba(14,9,18,.65);
  font-size:6px;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.unsocial_story_archive_preview > b.active{color:#b8ffd0;}
.unsocial_story_archive_preview > b.expired{color:#e3c8d5;}

.unsocial_story_archive_meta{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  padding:7px;
}

.unsocial_story_archive_meta > span{min-width:0;}
.unsocial_story_archive_meta b,
.unsocial_story_archive_meta em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unsocial_story_archive_meta b{color:#fff0f7;font-size:7px;}
.unsocial_story_archive_meta em{color:var(--pop-muted);font-size:6px;font-style:normal;}
.unsocial_story_archive_meta form{display:flex;align-items:center;gap:3px;margin:0;}
.unsocial_story_archive_meta select{width:88px;min-width:0;max-width:88px;}
.unsocial_story_archive_meta button{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,122,184,.14);
  border-radius:8px;
  color:#fff;
  background:rgba(255,105,174,.10);
  cursor:pointer;
}

.unsocial_story_archive_meta > small{
  color:#aef2c3;
  font-size:7px;
}

.unsocial_highlight_edit_form{
  grid-template-columns:1fr 1fr auto;
  align-items:end;
}

.unsocial_highlight_manage_grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}

.unsocial_highlight_manage_grid > article{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}

.unsocial_highlight_manage_grid .unsocial_story_archive_preview{
  border-radius:0;
}

.unsocial_highlight_manage_grid form{margin:0;padding:6px;}
.unsocial_highlight_manage_grid button{
  width:100%;
  min-height:27px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:0;
  border-radius:8px;
  color:#e9d5df;
  background:rgba(255,255,255,.035);
  font-size:7px;
  cursor:pointer;
}

.unsocial_story_expired_label{
  color:#e4c8d5;
}

.unsocial_story_manage_highlight{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  color:#fff!important;
  background:rgba(255,255,255,.10);
}

.unsocial_story_view_shell.is-archive-story .unsocial_story_stage{
  box-shadow:0 0 0 1px rgba(255,255,255,.10),0 24px 58px rgba(8,3,13,.42);
}

@media(max-width:900px){
  .unsocial_story_archive_grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .unsocial_highlight_manage_grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .unsocial_archive_create_collection{grid-template-columns:1fr;}
}

@media(max-width:680px){
  .unsocial_share_menu_panel{width:245px;}
  .unsocial_story_stage_actions .unsocial_share_menu_panel{right:-46px;}
  .unsocial_story_shared_post{left:20px;right:20px;grid-template-columns:88px minmax(0,1fr);}
  .unsocial_story_shared_post_media{min-height:126px;}
  .unsocial_archive_create_collection form{grid-template-columns:1fr;}
  .unsocial_archive_collections{grid-template-columns:1fr 1fr;}
  .unsocial_story_archive_grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .unsocial_highlight_manage_grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .unsocial_highlight_edit_form{grid-template-columns:1fr;}
}


/* ============================================================
   POP! CRUSH
   ============================================================ */

.unsocial_nav_crush i{color:#ff92c5;}
.unsocial_nav_crush.active{
  background:linear-gradient(135deg,rgba(255,87,157,.22),rgba(255,128,103,.10));
  box-shadow:inset 0 0 0 1px rgba(255,122,179,.18),0 10px 28px rgba(255,63,153,.10);
}

.unsocial_crush_tabs a{position:relative;}
.unsocial_crush_tabs a span{
  min-width:15px;
  height:15px;
  display:inline-grid;
  place-items:center;
  margin-left:4px;
  padding:0 4px;
  border-radius:99px;
  color:#fff;
  background:var(--pop-pink-hot);
  font-size:7px;
  line-height:1;
}

.unsocial_crush_discovery{
  min-height:520px;
  display:grid;
  place-items:start center;
  padding:18px 18px 34px;
}

.unsocial_crush_swipe_card{
  width:min(490px,100%);
  overflow:hidden;
  border:1px solid rgba(255,221,239,.13);
  border-radius:30px;
  background:
    radial-gradient(circle at 85% 0,rgba(255,105,174,.13),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.018)),
    rgba(20,14,27,.96);
  box-shadow:0 26px 58px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
}

.unsocial_crush_photos{
  position:relative;
  width:100%;
  height:300px;
  overflow:hidden;
  background:#120d18;
}

.unsocial_crush_photos.compact{height:170px;}

.unsocial_crush_photo_track,
.unsocial_crush_photo{
  position:absolute;
  inset:0;
}

.unsocial_crush_photo{
  opacity:0;
  visibility:hidden;
  transform:scale(1.025);
  transition:opacity .22s ease,transform .28s ease,visibility .22s;
}

.unsocial_crush_photo.active{
  opacity:1;
  visibility:visible;
  transform:none;
}

.unsocial_crush_photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_crush_photo::after{
  content:'';
  position:absolute;
  inset:auto 0 0;
  height:34%;
  background:linear-gradient(transparent,rgba(13,8,18,.68));
  pointer-events:none;
}

.unsocial_crush_photo.empty{
  display:grid;
  place-items:center;
  opacity:1;
  visibility:visible;
  color:rgba(255,255,255,.28);
  font-size:48px;
  background:
    radial-gradient(circle,rgba(255,105,174,.18),transparent 48%),
    rgba(255,255,255,.025);
}

.unsocial_crush_photo_nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:#fff;
  background:rgba(15,9,20,.50);
  backdrop-filter:blur(8px);
  cursor:pointer;
  transform:translateY(-50%);
}

.unsocial_crush_photo_nav.prev{left:12px;}
.unsocial_crush_photo_nav.next{right:12px;}
.unsocial_crush_photo_nav:hover{background:rgba(255,105,174,.30);}

.unsocial_crush_photo_dots{
  position:absolute;
  left:50%;
  bottom:12px;
  z-index:4;
  display:flex;
  gap:5px;
  transform:translateX(-50%);
}

.unsocial_crush_photo_dots i{
  width:6px;
  height:6px;
  border-radius:99px;
  background:rgba(255,255,255,.38);
  transition:width .18s ease,background .18s ease;
}

.unsocial_crush_photo_dots i.active{
  width:18px;
  background:#fff;
}

.unsocial_crush_card_body{padding:18px 20px 20px;}
.unsocial_crush_card_body > header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:9px;
}

.unsocial_crush_card_body > header span{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}

.unsocial_crush_card_body > header b{
  overflow:hidden;
  color:#fff5f8;
  font-family:'Outfit',sans-serif;
  font-size:25px;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.unsocial_crush_card_body > header strong{
  color:#ffd6e8;
  font-family:'Outfit',sans-serif;
  font-size:16px;
  font-weight:500;
}

.unsocial_crush_card_body > header em{
  color:var(--pop-muted);
  font-size:9px;
  font-style:normal;
}

.unsocial_crush_chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 14px;
}

.unsocial_crush_chips span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border:1px solid rgba(255,210,232,.10);
  border-radius:99px;
  color:rgba(255,236,245,.78);
  background:rgba(255,255,255,.035);
  font-size:8px;
}

.unsocial_crush_chips i{color:var(--pop-pink);}
.unsocial_crush_bio{
  margin:0 0 15px;
  color:rgba(255,240,247,.86);
  font-size:11px;
  line-height:1.55;
}

.unsocial_crush_prompt_cards{
  display:grid;
  gap:8px;
  margin-bottom:16px;
}

.unsocial_crush_prompt_cards > div{
  padding:11px 13px;
  border:1px solid rgba(255,224,240,.09);
  border-radius:16px;
  background:rgba(255,255,255,.027);
}

.unsocial_crush_prompt_cards small{
  display:block;
  margin-bottom:4px;
  color:var(--pop-coral);
  font-family:'Outfit',sans-serif;
  font-size:7px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}

.unsocial_crush_prompt_cards b{
  color:#fff0f6;
  font-size:10px;
  font-weight:500;
  line-height:1.42;
}

.unsocial_crush_intro{
  padding-top:14px;
  border-top:1px solid var(--pop-line);
}

.unsocial_crush_intro textarea{
  width:100%;
  min-height:54px;
  padding:10px 12px;
  border:1px solid rgba(255,221,239,.11);
  border-radius:15px;
  outline:none;
  color:var(--pop-text);
  background:rgba(255,255,255,.035);
}

.unsocial_crush_intro textarea:focus{
  border-color:rgba(255,105,174,.42);
  box-shadow:0 0 0 3px rgba(255,105,174,.08);
}

.unsocial_crush_decisions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:15px;
}

.unsocial_crush_decisions button{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:#fff;
  font-size:18px;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.unsocial_crush_decisions button:hover{transform:translateY(-2px) scale(1.03);}
.unsocial_crush_decisions .pass{
  color:#a9dfe1;
  background:rgba(88,181,191,.13);
  box-shadow:0 10px 24px rgba(74,171,180,.10);
}
.unsocial_crush_decisions .like{
  width:52px;
  height:52px;
  color:#fff;
  background:linear-gradient(135deg,#ff68ac,#ff657f);
  box-shadow:0 14px 30px rgba(255,76,142,.26);
}

.unsocial_crush_empty{width:min(520px,100%);}


.unsocial_crush_second_chance_start{
  display:grid;
  justify-items:center;
  gap:6px;
  margin:13px 0 9px;
}

.unsocial_crush_second_chance_start small{
  max-width:330px;
  color:var(--pop-muted);
  font-size:9px;
  line-height:1.35;
  text-align:center;
}

.unsocial_crush_second_chance{
  align-content:start;
  gap:12px;
}

.unsocial_crush_second_chance_banner{
  width:min(490px,100%);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(255,172,211,.16);
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(255,105,174,.12),rgba(137,217,218,.055)),
    rgba(255,255,255,.025);
}

.unsocial_crush_second_chance_banner > span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#ffd8ea;
  background:rgba(255,105,174,.12);
}

.unsocial_crush_second_chance_banner > div{min-width:0;}
.unsocial_crush_second_chance_banner b,
.unsocial_crush_second_chance_banner em{display:block;}
.unsocial_crush_second_chance_banner b{
  color:#fff2f7;
  font-family:'Outfit',sans-serif;
  font-size:10px;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.unsocial_crush_second_chance_banner em{
  color:var(--pop-muted);
  font-size:8px;
  font-style:normal;
}

@media (max-width:680px){
  .unsocial_crush_second_chance_banner{
    grid-template-columns:auto minmax(0,1fr);
  }
  .unsocial_crush_second_chance_banner > a{
    grid-column:1/-1;
    justify-self:center;
  }
}

/* Profile editor */

.unsocial_crush_profile_editor{margin:16px;}
.unsocial_crush_profile_editor .unsocial_section_head form{margin-left:auto;}
.unsocial_crush_form{display:grid;gap:14px;}
.unsocial_crush_form_grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(90px,.55fr);
  gap:12px;
}

.unsocial_crush_form_grid > div:nth-child(3),
.unsocial_crush_form_grid > div:nth-child(4){grid-column:auto;}
.unsocial_crush_form_grid .wide{grid-column:1/-1;}

.unsocial_crush_form input,
.unsocial_crush_form select,
.unsocial_crush_form textarea{
  width:100%;
}

.unsocial_crush_interest_checks{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}

.unsocial_crush_interest_checks > span{
  display:flex;
  align-items:center;
  gap:7px;
  padding: 0px 7px;
  color:var(--pop-muted);
}

.unsocial_crush_interest_checks input{
  width:13px;
  height:13px;
  margin:0;
  accent-color:var(--pop-pink);
}

.unsocial_crush_interest_checks b{font-size: 11px;font-weight:500;}
.unsocial_crush_photo_inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.unsocial_crush_prompts{display:grid;gap:9px;}
.unsocial_crush_prompt_editor{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);
  gap:8px;
}

.unsocial_crush_prompt_editor textarea{min-height:45px;}

/* Match list + chat */

.unsocial_crush_matches_page{
  height: calc(100% - 78px);
  width: 97%;
  margin: 18px 12px 0px;
  overflow:hidden;
}

.unsocial_crush_matches_layout{
  height:100%;
  min-height: 480px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
}

.unsocial_crush_match_list{
  min-width:0;
  overflow-y:auto;
  border-right:1px solid var(--pop-line);
  background:rgba(255,255,255,.018);
}

.unsocial_crush_match_list_title{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  padding:14px;
  border-bottom:1px solid var(--pop-line);
  background:rgba(27,18,35,.96);
}

.unsocial_crush_match_list_title > i{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#ff68ad,#ff8067);
}

.unsocial_crush_match_list_title span{min-width:0;}
.unsocial_crush_match_list_title b,
.unsocial_crush_match_list_title em{display:block;}
.unsocial_crush_match_list_title b{
  color:#fff;
  font-family:'Outfit',sans-serif;
  font-size:10px;
}
.unsocial_crush_match_list_title em{
  color:var(--pop-muted);
  font-size: 9px;
  font-style:normal;
}

.unsocial_crush_match_row{
  position:relative;
  z-index:1;
  pointer-events:auto;
  cursor:pointer;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:62px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.045);
  transition:background .16s ease;
}

.unsocial_crush_match_row:hover,
.unsocial_crush_match_row.active{
  background:linear-gradient(90deg,rgba(255,105,174,.12),rgba(255,255,255,.018));
}

.unsocial_crush_match_row.active{box-shadow:inset 3px 0 0 var(--pop-pink);}
.unsocial_crush_match_row > *{pointer-events:none;}
.unsocial_crush_match_row > span:nth-child(2){min-width:0;}
.unsocial_crush_match_row b,
.unsocial_crush_match_row em{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.unsocial_crush_match_row b{
  color:#fff0f6;
  font-family:'Outfit',sans-serif;
  font-size: 11px;
}

.unsocial_crush_match_row em{
  color:var(--pop-muted);
  font-size: 10px;
  font-style:normal;
}

.unsocial_crush_match_row > strong{
  min-width:17px;
  height:17px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:99px;
  color:#fff;
  background:var(--pop-pink-hot);
  font-size:7px;
}

.unsocial_crush_avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border:2px solid rgba(255,129,184,.36);
  border-radius:50%;
  color:#fff;
  background:rgba(255,105,174,.14);
  font-family:'Outfit',sans-serif;
  font-size:10px;
  font-style:normal;
}

.unsocial_crush_avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.unsocial_crush_chat_panel{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 90% 0,rgba(255,105,174,.08),transparent 36%),
    rgba(13,10,18,.48);
}

.unsocial_crush_chat_head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid var(--pop-line);
  background:rgba(28,19,36,.85);
}

.unsocial_crush_chat_head > span:nth-of-type(2){min-width:0;}
.unsocial_crush_chat_head b,
.unsocial_crush_chat_head em{display:block;}
.unsocial_crush_chat_head b{
  color:#fff;
  font-family:'Outfit',sans-serif;
  font-size:11px;
}
.unsocial_crush_chat_head em{
  color:var(--pop-muted);
  font-size: 9px;
  font-style:normal;
}

.unsocial_crush_chat_head_actions{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
}

.unsocial_crush_chat_head_actions form{margin:0;}
.unsocial_crush_revealed_status{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--pop-good);
  background:rgba(119,211,162,.10);
}

.unsocial_crush_match_intros{
  display:grid;
  gap: 0px;
  padding: 0px;
}

.unsocial_crush_match_intros > div{
  width: 100%;
  padding: 6px;
  border-radius:14px 14px 14px 4px;
  background:rgba(255,255,255,.028);
}

.unsocial_crush_match_intros > div.mine{
  border-radius: 0px;
  border-bottom: 1px solid #ac85a80a;
}

.unsocial_crush_match_intros small,
.unsocial_crush_match_intros b{display:block;}
.unsocial_crush_match_intros small{
  margin-bottom:3px;
  color:var(--pop-coral);
  font-size:7px;
}
.unsocial_crush_match_intros b{
  color:#fff0f6;
  font-size:9px;
  font-weight:500;
}

.unsocial_crush_pop_reveal_card{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin:9px 14px 0;
  padding:9px 11px;
  border:1px solid rgba(137,217,218,.18);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(137,217,218,.10),rgba(255,105,174,.06));
}

.unsocial_crush_pop_reveal_card span{min-width:0;}
.unsocial_crush_pop_reveal_card small,
.unsocial_crush_pop_reveal_card b,
.unsocial_crush_pop_reveal_card em{display:block;}
.unsocial_crush_pop_reveal_card small{
  color:var(--pop-cyan);
  font-size: 8px;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.unsocial_crush_pop_reveal_card b{color:#fff;font-size: 11px;}
.unsocial_crush_pop_reveal_card em{color:var(--pop-muted);font-size: 9px;font-style:normal;}
.unsocial_crush_pop_reveal_card > i{color:var(--pop-cyan);}

.unsocial_crush_messages{
  flex:1 1 auto;
  min-height:150px;
  padding-top:12px;
}

.unsocial_crush_dm_msg .unsocial_dm_bubble{
  border-color:rgba(255,118,175,.10);
}

.unsocial_crush_system_message{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:8px auto;
  padding:6px 10px;
  color:var(--pop-muted);
  font-size:9px;
  text-align:center;
}

.unsocial_crush_system_message i{color:var(--pop-pink);}
.unsocial_crush_composer{border-top:1px solid var(--pop-line);}

.unsocial_notification_row.crush{
  background:linear-gradient(90deg,rgba(255,105,174,.08),transparent);
}

.unsocial_notification_row.crush .unsocial_avatar{
  border-color:rgba(255,105,174,.44);
}

/* Compact adjustments */

@media (max-width:850px){
  .unsocial_crush_matches_layout{grid-template-columns:190px minmax(0,1fr);}
  .unsocial_crush_swipe_card{width:min(460px,100%);}
}

/* Anteprima del proprio profilo Crush */

.unsocial_crush_own_preview {
    grid-template-rows: auto auto;
    gap: 14px;
}

.unsocial_crush_preview_banner {
    width: min(490px, 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 221, 239, .11);
    border-radius: 19px;
    background:
        linear-gradient(
            135deg,
            rgba(255, 105, 174, .10),
            rgba(255, 255, 255, .025)
        ),
        rgba(20, 14, 27, .92);
}

.unsocial_crush_preview_banner > span {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unsocial_crush_preview_banner > span > i {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #ffd5e8;
    background: rgba(255, 105, 174, .13);
}

.unsocial_crush_preview_banner b,
.unsocial_crush_preview_banner em {
    display: block;
}

.unsocial_crush_preview_banner b {
    color: #fff4f8;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
}

.unsocial_crush_preview_banner em {
    margin-top: 2px;
    color: var(--pop-muted);
    font-size: 8px;
    font-style: normal;
}

.unsocial_crush_preview_banner_actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unsocial_crush_visibility_badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 99px;
    color: var(--pop-muted);
    background: rgba(255, 255, 255, .026);
    font-size: 7px;
    white-space: nowrap;
}

.unsocial_crush_visibility_badge.is-visible {
    color: #c9f2de;
    border-color: rgba(110, 214, 164, .18);
    background: rgba(90, 191, 144, .08);
}

.unsocial_crush_visibility_badge.is-hidden {
    color: #ffd2df;
    border-color: rgba(255, 119, 157, .18);
    background: rgba(255, 95, 139, .08);
}

.unsocial_crush_swipe_card.is-own-preview {
    box-shadow:
        0 26px 58px rgba(0, 0, 0, .42),
        0 0 0 1px rgba(255, 105, 174, .05),
        inset 0 1px 0 rgba(255, 255, 255, .05);
}

.unsocial_crush_profile_head_actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unsocial_crush_profile_head_actions form {
    margin: 0 !important;
}

@media (max-width: 720px) {
    .unsocial_crush_preview_banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .unsocial_crush_preview_banner_actions {
        width: 100%;
        justify-content: space-between;
    }

    .unsocial_crush_profile_head_actions {
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
    }
}


/* ============================================================
   UPDATE — Stories segmentate, like Crush consultabili e tooltip POP!
   ============================================================ */

/* Il numero non viene più mostrato come badge-notifica. L'anello
   conserva però il gradient originale: una maschera apre soltanto
   piccoli stacchi trasparenti tra una Story e la successiva. */
.unsocial_story_circle.has-segments .unsocial_story_ring{
  --story-segment-step:calc(1turn / var(--story-count));
  --story-segment-gap:4deg;
  isolation:isolate;
  background:transparent!important;
}

.unsocial_story_circle.has-segments .unsocial_story_ring::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  background:linear-gradient(145deg,#ff4d9f,#ff946a 48%,#80dfe0);
  -webkit-mask:
    radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)),
    repeating-conic-gradient(
      from -90deg,
      #000 0 calc(var(--story-segment-step) - var(--story-segment-gap)),
      transparent calc(var(--story-segment-step) - var(--story-segment-gap)) var(--story-segment-step)
    );
  -webkit-mask-composite:source-in;
  mask:
    radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)),
    repeating-conic-gradient(
      from -90deg,
      #000 0 calc(var(--story-segment-step) - var(--story-segment-gap)),
      transparent calc(var(--story-segment-step) - var(--story-segment-gap)) var(--story-segment-step)
    );
  mask-composite:intersect;
}

.unsocial_story_circle.has-segments .unsocial_story_ring .unsocial_avatar{
  position:relative;
  z-index:1;
}

.unsocial_story_circle.is-unseen.has-segments .unsocial_story_ring{
  box-shadow:0 0 18px rgba(255,82,160,.26);
}

.unsocial_story_circle.is-seen.has-segments .unsocial_story_ring{
  box-shadow:none;
}

.unsocial_story_circle.is-seen.has-segments .unsocial_story_ring::before{
  background:linear-gradient(145deg,rgba(255,236,246,.48),rgba(208,190,219,.27));
}

.unsocial_story_circle.is-close-friends.has-segments .unsocial_story_ring{
  box-shadow:0 0 18px rgba(81,216,137,.30);
}

.unsocial_story_circle.is-close-friends.has-segments .unsocial_story_ring::before{
  background:linear-gradient(145deg,#58d98c,#b6ff9d 48%,#7fe4cf);
}

.unsocial_story_ring > b{display:none!important;}

/* Like Crush ancora in attesa di reciprocità. */
.unsocial_crush_likes_page{
  width:min(980px,97%);
  margin:18px auto 0;
}

.unsocial_crush_likes_grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr));
  gap:12px;
}

.unsocial_crush_like_card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,221,239,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,105,174,.10),transparent 42%),
    rgba(20,14,27,.82);
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}

.unsocial_crush_like_card .unsocial_crush_photos.compact{height:190px;}

.unsocial_crush_like_card_body{
  display:grid;
  gap:10px;
  padding:13px 14px 14px;
}

.unsocial_crush_like_card_body > header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.unsocial_crush_like_card_body > header span{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:6px;
}

.unsocial_crush_like_card_body > header b{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#fff4f9;
  font-family:'Outfit',sans-serif;
  font-size:14px;
}

.unsocial_crush_like_card_body > header strong{
  color:var(--pop-pink);
  font-family:'Outfit',sans-serif;
  font-size:12px;
}

.unsocial_crush_like_card_body > header em{
  flex:0 0 auto;
  color:var(--pop-muted);
  font-size:8px;
  font-style:normal;
}

.unsocial_crush_like_card_body .unsocial_crush_chips{margin:0;}

.unsocial_crush_like_card_body > p{
  margin:0;
  color:rgba(255,240,247,.78);
  font-size:10px;
  line-height:1.48;
}

.unsocial_crush_like_intro{
  padding:9px 10px;
  border:1px solid rgba(255,137,194,.13);
  border-radius:13px;
  background:rgba(255,105,174,.065);
}

.unsocial_crush_like_intro small,
.unsocial_crush_like_intro b{display:block;}

.unsocial_crush_like_intro small{
  margin-bottom:3px;
  color:var(--pop-coral);
  font-size:7px;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.unsocial_crush_like_intro b{
  color:#fff0f6;
  font-size:9px;
  font-weight:500;
  line-height:1.4;
}

.unsocial_crush_like_card_body > footer{
  display:flex;
  align-items:center;
  gap:5px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.055);
  color:var(--pop-soft);
  font-size:8px;
}

/* Un solo tooltip, minimal nero, per l'intero social. Il testo viene
   trasferito via JS da data-tooltip a data-unsocial-tooltip per non
   attivare contemporaneamente il tooltip generale della land. */
.unsocial_nav_label{display:none!important;}

.unsocial_native_tooltip{
  position:fixed;
  left:0;
  top:0;
  z-index:5000;
  max-width:min(320px,calc(100vw - 16px));
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  color:#fff;
  background:rgba(14,12,18,.98);
  box-shadow:0 12px 28px rgba(0,0,0,.42);
  font-family:'Outfit',sans-serif;
  font-size:9px;
  line-height:1.35;
  letter-spacing:.25px;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(2px);
  transition:opacity .10s ease,transform .10s ease,visibility .10s ease;
}

.unsocial_native_tooltip.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}

@media (max-width:680px){
  .unsocial_crush_likes_page{width:100%;margin-top:12px;}
  .unsocial_crush_likes_grid{grid-template-columns:1fr;}
}


/* ============================================================
   FIX 20/08/2026 — immagini nella chat Crush
   ============================================================ */

.unsocial_crush_dm_msg .unsocial_dm_text img,
.unsocial_crush_dm_msg .unsocial_dm_text .unsocial_crush_inline_image{
  display:block;
  width:auto;
  max-width:min(250px,100%);
  height:auto;
  margin:7px 0;
  border-radius:10px;
  object-fit:contain;
}

.unsocial_crush_dm_msg.me .unsocial_dm_text img{
  margin-left:auto;
}

.unsocial_crush_dm_msg.other .unsocial_dm_text img{
  margin-right:auto;
}

/* ============================================================
   Media Hub — card dei contenuti condivisi su Pop!
   ============================================================ */

.unsocial_media_share_card,
.unsocial_media_share_card:visited{
  width:calc(100% - 28px);
  margin:0 14px 14px;
  display:grid;
  grid-template-columns:148px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  color:inherit!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 0 0,rgba(255,128,103,.08),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    rgba(29,22,36,.88);
  box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}

.unsocial_media_share_card:hover{
  transform:translateY(-1px);
  border-color:rgba(255,128,103,.28);
  background:
    radial-gradient(circle at 0 0,rgba(255,128,103,.13),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016)),
    rgba(33,24,40,.94);
  box-shadow:0 16px 32px rgba(0,0,0,.24),0 0 0 1px rgba(255,105,174,.035) inset;
}

.unsocial_media_share_card:focus-visible{
  outline:2px solid rgba(255,105,174,.55);
  outline-offset:2px;
}

.unsocial_media_share_card:hover .unsocial_media_share_title{
  color:#fff;
}

.unsocial_media_share_visual{
  position:relative;
  min-height:126px;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,128,103,.16),transparent 38%),
    rgba(12,10,16,.86);
  border-right:1px solid rgba(255,255,255,.055);
}

.unsocial_media_share_visual img{
  width:100%;
  height:100%;
  min-height:126px;
  display:block;
  object-fit:cover;
  object-position:center;
}

.unsocial_media_share_visual.placeholder{
  display:grid;
  place-items:center;
  color:rgba(255,232,243,.28);
  font-size:27px;
}

.unsocial_media_share_badge{
  position:absolute;
  left:9px;
  bottom:9px;
  min-height:22px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:99px;
  color:#fff4f7;
  background:rgba(20,14,25,.78);
  box-shadow:0 5px 14px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  font-family:'Outfit',sans-serif;
  font-size:7px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.unsocial_media_share_content{
  min-width:0;
  padding:13px 14px 11px;
  display:flex;
  flex-direction:column;
}

.unsocial_media_share_kicker{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:5px;
  font-family:'Outfit',sans-serif;
  text-transform:uppercase;
}

.unsocial_media_share_kicker span{
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--pop-coral);
  font-size:8px;
  font-weight:750;
  letter-spacing:1px;
}

.unsocial_media_share_kicker em{
  padding:2px 5px;
  border-radius:6px;
  color:var(--pop-soft);
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.05);
  font-size:7px;
  font-style:normal;
  letter-spacing:.65px;
}

.unsocial_media_share_title{
  color:#fff0f7;
  font-family:'Outfit',sans-serif;
  font-size:14px;
  line-height:1.18;
  font-weight:700;
  letter-spacing:.1px;
}

.unsocial_media_share_excerpt{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin-top:6px;
  color:rgba(238,229,233,.70);
  font-family:'Outfit',sans-serif;
  font-size:10px;
  line-height:1.38;
}

.unsocial_media_share_footer{
  margin-top:auto;
  padding-top:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:var(--pop-soft);
  font-size:8px;
}

.unsocial_media_share_footer > span{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.unsocial_media_share_author{
  max-width:48%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:rgba(255,232,243,.54);
  text-align:right;
}

.unsocial_profile_tile_type.media-share{
  color:#ffe5d9;
  background:rgba(126,66,59,.72);
}

@media (max-width:700px){
  .unsocial_media_share_card{
    grid-template-columns:112px minmax(0,1fr);
  }

  .unsocial_media_share_visual,
  .unsocial_media_share_visual img{
    min-height:116px;
  }

  .unsocial_media_share_excerpt{
    -webkit-line-clamp:2;
  }
}

/* ============================================================
   PERFORMANCE — media differiti / feed compatto
   ============================================================ */

.unsocial_comments_more{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:7px 0 3px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  color:var(--pop-muted)!important;
  background:rgba(255,255,255,.025);
  font-family:'Outfit',sans-serif;
  font-size:8px;
  letter-spacing:.45px;
}
.unsocial_comments_more:hover{
  color:#fff!important;
  border-color:rgba(255,105,174,.18);
  background:rgba(255,105,174,.075);
}

.unsocial_pinterest_lazy{
  width:100%;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#08070b;
}
.unsocial_pinterest_placeholder{
  min-height:220px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--pop-muted);
  background:
    radial-gradient(circle at 50% 42%,rgba(255,105,174,.10),transparent 34%),
    #08070b;
  font-family:'Outfit',sans-serif;
  font-size:9px;
  letter-spacing:.45px;
}
.unsocial_pinterest_placeholder i{font-size:24px;color:#e56a9f;}
.unsocial_pinterest_lazy > img,
.unsocial_pinterest_lazy > video{
  width:100%;
  max-height:520px;
  display:block;
  object-fit:cover;
  background:#000;
}
.unsocial_pinterest_lazy .unsocial_pinterest_embed{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  overflow:auto;
  padding:12px 0;
  box-sizing:border-box;
}

/* Il browser può saltare il rendering delle card molto lontane dalla viewport.
   Le card con menu aperto vengono escluse per non interferire con gli overlay. */
@supports (content-visibility:auto){
  .unsocial_feed_post:not(.unsocial_menu_is_open){
    content-visibility:auto;
    contain-intrinsic-size:640px;
  }
}

/* Gli effetti di blur sono costosi soprattutto sui telefoni. Il look resta
   invariato nei colori/trasparenze, ma evitiamo il compositing GPU più pesante. */
@media (max-width:900px){
  .unsocial_feed_post,
  .unsocial_post_card,
  .unsocial_profile_header,
  .unsocial_profile_posts_panel,
  .notifiche,
  .unsocial_dm_card,
  .unsocial_stories_tray,
  .unsocial_app_header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .unsocial_pinterest_lazy,
  .unsocial_pinterest_placeholder{min-height:180px;}
}

/* POP v4: subscriptions to comments on individual posts. */
.unsocial_page .unsocial_follow_post_form { display:inline-flex; margin:0; }
.unsocial_page .unsocial_post_header_actions .unsocial_follow_post {
  display:inline-flex; align-items:center; gap:5px; width:auto; min-width:30px;
  padding:0 8px; white-space:nowrap; font-family:'Outfit',sans-serif; font-size:10px;
}
.unsocial_page .unsocial_follow_post.active { color:var(--pop-pink, #eaa6c9)!important; }
@media (max-width:600px) {
  .unsocial_page .unsocial_post_header_actions .unsocial_follow_post span { display:none; }
}

/* POP 20261005-v5: OFF management, independent of official/verified badges. */
.unsocial_page .unsocial_off_management_badge {
  display:inline-flex; align-items:center; gap:4px; width:fit-content;
  max-width:100%; box-sizing:border-box; margin:5px 0 0; padding:3px 6px;
  border:1px solid rgba(206,189,224,.18); border-radius:7px;
  background:rgba(179,145,216,.08); color:#d7c7e9;
  font-family:'Outfit',sans-serif; font-size:9px; font-weight:500; line-height:1.3;
}
.unsocial_page .unsocial_off_management_badge > span { color:inherit; }
.unsocial_page .unsocial_off_management_badge.management-pg {
  color:#c0dfd7; border-color:rgba(168,216,200,.18); background:rgba(139,198,175,.07);
}
.unsocial_page .unsocial_feed_author > .unsocial_off_management_badge { display:flex; }
.unsocial_page .unsocial_comment_footer .unsocial_off_management_badge { margin:0; font-size:8px; }
.unsocial_page .unsocial_story_stage_head .unsocial_off_management_badge { margin-top:3px; font-size:8px; padding:2px 4px; }
.unsocial_page .unsocial_profile_main > .unsocial_off_management_badge { display:flex; margin-top:7px; }
.unsocial_page .unsocial_off_management_control { margin-top:9px; font-family:'Outfit',sans-serif; }
.unsocial_page .unsocial_off_management_control summary {
  cursor:pointer; width:fit-content; color:var(--pop-muted); font-size:10px;
}
.unsocial_page .unsocial_off_management_control form {
  display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  margin:7px 0 0; padding:8px; border:1px solid var(--pop-line); border-radius:10px;
}
.unsocial_page .unsocial_off_management_control select {
  min-height:30px; max-width:100%; padding:5px 7px; border:1px solid var(--pop-line);
  border-radius:8px; background:#211a2c; color:var(--pop-text); font:inherit; font-size:11px;
}
.unsocial_page .unsocial_off_management_control form > p {
  width:100%; margin:0; color:var(--pop-muted); font-size:9px; line-height:1.35;
}
/* Two short lines, overriding the 92/120/150px content textarea rules. */
.unsocial_page textarea.unsocial_off_note_field {
  box-sizing:border-box; height:42px!important; min-height:42px!important; max-height:42px!important;
  padding:6px 10px; font-family:'Outfit',sans-serif; font-size:11px; line-height:14px;
  overflow-y:auto; resize:none;
}


/* POP v8: status sentimentale e media nativi. */
.unsocial_relationship_status{display:flex;gap:8px;align-items:flex-start;margin:10px 0;color:var(--pop-text);font-family:'Outfit',sans-serif;font-size:12px;line-height:1.4;}
.unsocial_relationship_status > i{color:var(--pop-pink);padding-top:3px;}
.unsocial_relationship_editor{margin:12px 0;padding:12px;border:1px solid rgba(255,143,198,.2);border-radius:10px;background:rgba(255,105,174,.04);font-family:'Outfit',sans-serif;}
.unsocial_relationship_editor > summary{cursor:pointer;color:var(--pop-pink);font-size:12px;}
.unsocial_relationship_form{margin-top:12px;max-width:520px;}
.unsocial_relationship_form [hidden]{display:none!important;}
.unsocial_relationship_publish{display:flex;gap:8px;align-items:center;font-size:12px;margin:8px 0;}
.unsocial_relationship_form .unsocial_relationship_publish input{width:auto;min-width:0;margin:0;accent-color:var(--pop-pink);}
.unsocial_video_unavailable{position:relative;width:100%;min-height:160px;display:grid;place-items:center;background:#0c0b11;color:var(--pop-muted);}
.unsocial_video_unavailable img{width:100%;max-height:600px;object-fit:contain;opacity:.6;}
.unsocial_video_unavailable > span{position:absolute;padding:10px;border-radius:8px;background:rgba(0,0,0,.7);font-size:12px;text-align:center;}


/* POP v16: miniavatar, cuore nel titolo e cestino in alto a destra. */
.unsocial_page .unsocial_feed_post.unsocial_relationship_update{
  width:min(620px,100%);max-width:620px;margin:0 auto 12px;
  border:1px solid var(--pop-line);border-radius:17px;
  background:rgba(47,34,57,.88);box-shadow:0 12px 25px rgba(0,0,0,.18);
  contain-intrinsic-size:150px;
}
.unsocial_page .unsocial_home_feed .unsocial_feed_post.unsocial_relationship_update{
  width:min(660px,100%);max-width:660px;margin-left:auto;margin-right:0;
}
.unsocial_relationship_update::before{display:none;}
.unsocial_relationship_update_content{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;font-family:'Outfit',sans-serif;}
.unsocial_relationship_update_content > div{min-width:0;}
.unsocial_relationship_update_content.has-delete{grid-template-columns:40px minmax(0,1fr) 24px;}
.unsocial_relationship_update_avatar{display:block;width:40px;height:40px;}
.unsocial_relationship_update .unsocial_relationship_update_avatar .unsocial_avatar{width:40px;height:40px;min-width:40px;border-radius:12px;}
.unsocial_relationship_update_heart{color:var(--pop-pink);font-size:10px;margin-right:3px;}
.unsocial_relationship_update_heading{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:2px;margin:0 0 4px;}
.unsocial_relationship_update_label{color:var(--pop-muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere;}
.unsocial_relationship_update_label a{color:#fff0f7;font-weight:600;}
.unsocial_relationship_update_time{display:inline-block;color:var(--pop-muted);font-size:9px;line-height:1.4;}
.unsocial_relationship_update_headline{color:#fff0f7;font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;}
.unsocial_relationship_update_headline p{margin:0;}
.unsocial_relationship_update_message{margin-top:4px;color:var(--pop-muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere;}
.unsocial_relationship_update_message p{margin:0 0 5px;}
.unsocial_relationship_update_message p:last-child{margin-bottom:0;}
.unsocial_relationship_update_delete{margin:0;padding:0;}
.unsocial_page .unsocial_relationship_update_delete button{display:grid;place-items:center;width:24px;height:24px;min-width:24px;min-height:24px;margin:0;padding:0;border:1px solid rgba(255,255,255,.055);border-radius:8px;color:var(--pop-muted);background:rgba(255,255,255,.025);font-size:10px;cursor:pointer;}
.unsocial_relationship_update_delete button:hover{color:#ffdce3;background:rgba(171,48,72,.14);}
.unsocial_relationship_update_delete button:focus-visible{outline:2px solid var(--pop-pink);outline-offset:2px;}
.unsocial_relationship_update .unsocial_feed_meta{padding:6px 12px;gap:12px;}
.unsocial_relationship_update .unsocial_inline_comments{padding:8px 12px;}
.unsocial_relationship_update .unsocial_comment_form{margin-top:0;}
.unsocial_page .unsocial_relationship_update .unsocial_comment_form textarea{height:39px;min-height:39px;padding:9px 11px;border-radius:13px;font-size:11px;line-height:1.4;}
.unsocial_page .unsocial_relationship_update .unsocial_comment_form button{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:13px;}
.unsocial_relationship_update .unsocial_reaction_bar{padding:8px 11px;}

.unsocial_relationship_update_discussion{margin:0;}
.unsocial_relationship_update_discussion > summary{list-style:none;cursor:pointer;user-select:none;padding:7px 12px;gap:12px;}
.unsocial_relationship_update_discussion > summary::-webkit-details-marker{display:none;}
.unsocial_relationship_update_discussion > summary::marker{content:'';}
.unsocial_relationship_update_discussion > summary:hover{color:var(--pop-lilac);background:rgba(255,255,255,.025);}
.unsocial_relationship_update_discussion > summary:focus-visible{outline:2px solid var(--pop-pink);outline-offset:-3px;border-radius:0 0 17px 17px;}
.unsocial_relationship_update_chevron{margin-left:auto;font-size:9px;transition:transform .16s ease;}
.unsocial_relationship_update_discussion[open] .unsocial_relationship_update_chevron{transform:rotate(180deg);}
.unsocial_relationship_update_discussion:not([open]) > :not(summary){display:none;}
.unsocial_relationship_update_discussion[open] > summary{background:rgba(255,255,255,.02);}
.unsocial_relationship_update_discussion .unsocial_reaction_bar{justify-content:flex-start;padding:7px 12px;gap:4px;}
.unsocial_relationship_update_discussion .unsocial_reaction_btn{min-height:22px;padding:2px 7px;font-size:9px;}

/* POP v17: immagini nei commenti e discussioni richiudibili nelle attività. */
.unsocial_comment_text .unsocial_comment_image_link{display:block;width:fit-content;max-width:100%;height:auto;margin:7px 0;}
.unsocial_comment_text img.unsocial_comment_image{display:block;width:auto;max-width:min(200px,100%);height:auto;max-height:350px;object-fit:contain;border-radius:10px;margin:0;}
.unsocial_activity_card > .unsocial_activity_discussion{grid-column:1 / -1;min-width:0;margin:0 -12px -12px;}
.unsocial_activity_discussion > summary{padding:7px 12px;gap:12px;}
.unsocial_activity_discussion .unsocial_inline_comments{padding:8px 12px;}
.unsocial_activity_discussion .unsocial_comment_form{margin-top:0;}
.unsocial_page .unsocial_activity_discussion .unsocial_comment_form textarea{height:39px;min-height:39px;padding:9px 11px;border-radius:13px;font-size:11px;line-height:1.4;}
.unsocial_page .unsocial_activity_discussion .unsocial_comment_form button{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:13px;}

/* v18: richieste sentimentali private, azioni anche nelle notifiche. */
.unsocial_page .unsocial_relationship_requests { margin: 12px 0; }
.unsocial_page .unsocial_relationship_requests > h3 { font-size: 11px; margin: 0 0 8px; }
.unsocial_page .unsocial_relationship_request {
    display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px;
    padding: 12px; margin: 0 0 8px; border: 1px solid var(--unsocial-border, rgba(255,255,255,.10));
    border-radius: 8px; background: rgba(255,255,255,.025); text-align: left;
}
.unsocial_page .unsocial_relationship_request .unsocial_avatar.mini { width: 30px; height: 30px; margin: 0; }
.unsocial_page .unsocial_relationship_request_content { min-width: 0; }
.unsocial_page .unsocial_relationship_request_content > b { display: block; font-size: 10px; line-height: 1.4; }
.unsocial_page .unsocial_relationship_request_content > p { margin: 5px 0; line-height: 1.45; overflow-wrap: anywhere; }
.unsocial_page .unsocial_relationship_request_status { font-size: 12px; }
.unsocial_page .unsocial_relationship_request_message { font-size: 10px; opacity: .85; white-space: normal; }
.unsocial_page .unsocial_relationship_request_content > small,
.unsocial_page .unsocial_relationship_request_hint,
.unsocial_page .unsocial_relationship_request_open { font-size: 9px; line-height: 1.5; opacity: .75; }
.unsocial_page .unsocial_relationship_request_people { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 9px; margin: 6px 0; }
.unsocial_page .unsocial_relationship_request_actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.unsocial_page .unsocial_relationship_request_actions .unsocial_inline_form { margin: 0; padding: 0; }
.unsocial_page .unsocial_relationship_request_actions .unsocial_btn { min-width: 0; padding: 5px 10px; font-size: 10px; }
.unsocial_page .unsocial_relationship_request_actions .relationship_secondary { background: transparent; border: 1px solid currentColor; }
.unsocial_page .unsocial_relationship_request_open { display: inline-block; margin-top: 8px; }

/* v21: allegati a tutta larghezza come nei post; intestazione dello status invariata. */
.unsocial_page .unsocial_relationship_media_editor { margin: 8px 0 0; }
.unsocial_page .unsocial_relationship_media_editor > summary { cursor: pointer; font-size: 11px; color: var(--pop-muted); }
.unsocial_page .unsocial_relationship_media_editor > summary small { font-size: 9px; }
.unsocial_page .unsocial_relationship_form .unsocial_relationship_media_urls { height: 56px !important; min-height: 56px !important; margin-top: 8px; resize: vertical; }
.unsocial_page .unsocial_relationship_update_media { width: 100%; max-width: none; margin: 0; min-width: 0; }
.unsocial_page .unsocial_relationship_request_media { margin: 6px 0; font-size: 10px; }
.unsocial_page .unsocial_relationship_request_media > summary { cursor: pointer; color: var(--pop-muted); }
.unsocial_page .unsocial_relationship_request_media ul { margin: 5px 0; padding-left: 16px; }

/* v20: richieste sentimentali nell'elenco, con lo stesso aspetto delle altre notifiche. */
.unsocial_page .unsocial_notification_row.unsocial_relationship_request_notification.has-actions { grid-template-columns: auto minmax(0,1fr) auto; }
.unsocial_page .unsocial_relationship_notification_text { display: block; min-width: 0; height: auto; margin: 0; border: 0; text-decoration: none; }
.unsocial_page .unsocial_relationship_notification_actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 6px; }
.unsocial_page .unsocial_relationship_notification_actions .unsocial_inline_form { margin: 0; padding: 0; }
.unsocial_page .unsocial_relationship_notification_actions button.unsocial_btn {
    width: auto; min-width: 0; height: 23px; min-height: 23px; margin: 0; padding: 3px 8px;
    border: 1px solid rgba(255,255,255,.08); border-radius: 8px; box-shadow: none;
    background: rgba(255,255,255,.025); color: var(--pop-muted); font-family: 'Outfit',sans-serif;
    font-size: 9px; line-height: 1.2; letter-spacing: 0; text-transform: none; cursor: pointer;
}
.unsocial_page .unsocial_relationship_notification_actions button.relationship_accept { color: #fff0f7; border-color: rgba(255,105,174,.18); background: var(--pop-gradient-soft); }
.unsocial_page .unsocial_relationship_notification_actions button:hover { color: #fff; border-color: rgba(255,105,174,.25); }
@media (max-width: 480px) {
    .unsocial_page .unsocial_notification_row.unsocial_relationship_request_notification.has-actions { grid-template-columns: auto minmax(0,1fr); }
    .unsocial_page .unsocial_relationship_notification_actions { grid-column: 2; padding-right: 0; }
}