/* cyrillic-ext */
/* cyrillic */
/* greek-ext */
/* greek */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic-ext */
/* cyrillic */
/* greek-ext */
/* greek */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic-ext */
/* cyrillic */
/* greek-ext */
/* greek */
/* vietnamese */
/* latin-ext */
/* latin */

:root,
html[data-theme="light"]{
  --bg:#F4F7F9;
  --surface:#FFFFFF;
  --surface-hover:#F7FAFC;
  --border:#D8E0E7;
  --border-strong:#C8D3DC;

  --text-primary:#465564;
  --text-secondary:#758493;
  --text-muted:#93A1AF;

  --brand-1:#7C90A3;
  --brand-2:#2B3846;

  --grad:
    radial-gradient(1200px 760px at 10% 10%, rgba(124,144,163,.12) 0%, rgba(124,144,163,0) 56%),
    radial-gradient(980px 680px at 88% 14%, rgba(43,56,70,.07) 0%, rgba(43,56,70,0) 60%),
    linear-gradient(180deg, #F8FBFD 0%, #F1F5F8 52%, #EDF3F7 100%);

  --radius:12px;
  --radius-lg:16px;

  --h1:clamp(28px,4vw,40px);
  --h2:clamp(18px,2.5vw,20px);
  --lead:clamp(14px,2vw,16px);

  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:20px;
  --space-5:24px;
  
  --transition-theme: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

html[data-theme="dark"]{
  --bg:#18212B;
  --surface:rgba(255,255,255,0.06);
  --surface-hover:rgba(255,255,255,0.09);
  --border:rgba(255,255,255,0.10);
  --border-strong:rgba(255,255,255,0.18);
  --text-primary:#ECEFF3;
  --text-secondary:#D5DAE0;
  --text-muted:#A7B0BC;
  --brand-1:#7C90A3;
  --brand-2:#AAB6C1;
  --grad:
    radial-gradient(1100px 760px at 12% 18%, rgba(124,144,163,.16) 0%, rgba(124,144,163,0) 55%),
    radial-gradient(900px 660px at 88% 72%, rgba(70,85,100,.18) 0%, rgba(70,85,100,0) 58%),
    linear-gradient(180deg, #18212B 0%, #121A23 100%);
}

@media (prefers-color-scheme: light){
  :root:not([data-theme]){color-scheme:light;}
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){color-scheme:dark;}
}

/* 1. Custom Scrollbar */
::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track{
  background: var(--bg);
}
::-webkit-scrollbar-thumb{
  background: var(--surface-hover);
  border-radius: 4px;
  border: 2px solid var(--bg);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,0.2);
  border: 2px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover{
  background: var(--brand-1);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{
  background: var(--brand-1);
}

.rb-links-root *{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',system-ui,sans-serif;}
html{scroll-behavior:smooth;}
.rb-links-content{
  width:100%;
}
.rb-links-entry,
.rb-links-entry .post-wrapper,
.rb-links-entry .entry-content,
.rb-links-entry .entry{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.rb-links-entry .post-wrapper{
  overflow:visible;
  padding:0;
}
.rb-links-entry .entry{
  padding:0;
}
.rb-links-root{
  background:var(--bg);
  color:var(--text-primary);
  min-height:0;
  position:relative;
  margin:8px 0 28px;
  padding:28px 0 14px;
  border:1px solid var(--border);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 48px rgba(43,56,70,0.08);
  transition:background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
html[data-theme="dark"] .rb-links-root{
  box-shadow:0 22px 56px rgba(0,0,0,0.24);
}
body[data-modal-open]{overflow:hidden;}
.rb-links-root .rb-links-site-header{
  position:sticky;
  top:0;
  z-index:1100;
  padding:18px var(--space-5) 0;
}
.rb-links-root .rb-links-site-header__inner{
  max-width:1180px;
  margin:0 auto 18px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:20px;
  border:1px solid var(--border);
  border-radius:20px;
  background:rgba(255,255,255,0.94);
  box-shadow:0 14px 36px rgba(43,56,70,0.08);
  backdrop-filter:blur(18px);
}
html[data-theme="dark"] .rb-links-root .rb-links-site-header__inner{
  background:rgba(20,28,36,0.82);
  box-shadow:0 18px 42px rgba(0,0,0,0.24);
}
.rb-links-root .rb-links-site-brand{
  flex:0 0 auto;
}
.rb-links-root .rb-links-site-brand .site-title{
  margin:0;
}
.rb-links-site-brand .site-title,
.rb-links-site-brand .site-title a,
.rb-links-root .rb-links-site-brand h1.site-title a{
  color:var(--text-primary);
  font-size:20px;
  font-weight:800;
  letter-spacing:-0.02em;
  text-decoration:none;
}
.rb-links-root .rb-links-site-brand .site-title a{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.rb-links-root .rb-links-site-brand .site-title img{
  display:block;
  width:40px;
  height:40px;
  border-radius:999px;
  object-fit:cover;
  box-shadow:0 10px 18px rgba(0,0,0,0.20);
}
.rb-links-root .rb-links-site-nav{
  margin-left:auto;
  min-width:0;
}
.rb-links-site-nav .main-navigation,
.rb-links-root .rb-links-site-nav .menu-ssylki-container{
  min-width:0;
}
.rb-links-site-nav ul,
.rb-links-root .rb-links-site-nav li{
  list-style:none;
}
.rb-links-root .rb-links-site-nav #nav-header{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.rb-links-root .rb-links-site-nav #nav-header > li{
  position:relative;
}
.rb-links-root .rb-links-site-nav .menu-item-wrapper{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a,
.rb-links-root .rb-links-site-nav #nav-header > li > a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  color:var(--text-secondary);
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;
}
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a:hover,
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a:focus-visible,
.rb-links-site-nav #nav-header > li > a:hover,
.rb-links-site-nav #nav-header > li > a:focus-visible,
.rb-links-site-nav #nav-header > li.current-menu-item > .menu-item-wrapper > a,
.rb-links-root .rb-links-site-nav #nav-header > li.current-menu-item > a{
  color:var(--text-primary);
  background:var(--surface-hover);
}
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href$="/links/"],
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href$="/links"],
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href$="/vse-ssylki/"],
.rb-links-root .rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href*="links.sovushkeen.ru"]{
  background:linear-gradient(135deg,var(--brand-1),var(--brand-2));
  color:#fff;
  box-shadow:0 12px 24px rgba(139,92,246,0.26);
}
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href$="/links/"]:hover,
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href$="/links"]:hover,
.rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href$="/vse-ssylki/"]:hover,
.rb-links-root .rb-links-site-nav #nav-header > li > .menu-item-wrapper > a[href*="links.sovushkeen.ru"]:hover{
  color:#fff;
  transform:translateY(-1px);
}
.rb-links-root .rb-links-site-nav .menu-item-has-children > .menu-item-wrapper > button{
  width:28px;
  height:28px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--text-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.rb-links-root .rb-links-site-nav .menu-item-has-children > .menu-item-wrapper > button:hover{
  color:var(--text-primary);
  background:var(--surface-hover);
}
.rb-links-root .rb-links-site-nav .menu-item-has-children > .menu-item-wrapper > button svg{
  width:14px;
  height:8px;
  fill:currentColor;
  transition:transform .2s ease;
}
.rb-links-root .rb-links-site-nav .menu-item-has-children.rb-menu-open > .menu-item-wrapper > button svg{
  transform:rotate(180deg);
}
.rb-links-root .rb-links-site-nav .sub-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:220px;
  padding:8px;
  border-radius:16px;
  border:1px solid var(--border);
  background:rgba(9,11,15,0.94);
  box-shadow:0 20px 34px rgba(0,0,0,0.26);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
html[data-theme="light"] .rb-links-root .rb-links-site-nav .sub-menu{
  background:rgba(255,255,255,0.98);
}
.rb-links-site-nav .menu-item-has-children:hover > .sub-menu,
.rb-links-site-nav .menu-item-has-children:focus-within > .sub-menu,
.rb-links-root .rb-links-site-nav .menu-item-has-children.rb-menu-open > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.rb-links-root .rb-links-site-nav .sub-menu li + li{
  margin-top:4px;
}
.rb-links-root .rb-links-site-nav .sub-menu a{
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-radius:12px;
  color:var(--text-secondary);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.rb-links-site-nav .sub-menu a:hover,
.rb-links-root .rb-links-site-nav .sub-menu a:focus-visible{
  color:var(--text-primary);
  background:var(--surface-hover);
}
.rb-links-root .rb-links-site-nav .screen-reader-text{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.rb-links-root .theme-transition-overlay{
  position:fixed;
  inset:0;
  background:var(--bg);
  z-index:9999;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change:opacity;
}
.rb-links-root .theme-transition-overlay.active{
  opacity:0.95;
  pointer-events:auto;
}
.rb-links-root .page-bg{position:absolute;inset:0;background:var(--grad);z-index:0;transition:opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.rb-links-root .particles{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

.rb-links-root .container{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:0 var(--space-5); padding-bottom: 80px;} /* padding-bottom for mobile nav */
@media(max-width:640px){.rb-links-root .container{padding:0 var(--space-3); padding-bottom: 90px;}}
@media(max-width:900px){
  .rb-links-root .rb-links-site-header{
    padding-left:var(--space-3);
    padding-right:var(--space-3);
  }
  .rb-links-root .rb-links-site-header__inner{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .rb-links-root .rb-links-site-nav{
    width:100%;
    overflow-x:auto;
    padding-bottom:2px;
  }
  .rb-links-root .rb-links-site-nav #nav-header{
    width:max-content;
    flex-wrap:nowrap;
    justify-content:flex-start;
    padding-right:6px;
  }
  .rb-links-root .rb-links-site-nav .sub-menu{
    position:static;
    min-width:0;
    margin-top:8px;
    display:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    box-shadow:none;
  }
  .rb-links-root .rb-links-site-nav .menu-item-has-children.rb-menu-open > .sub-menu{
    display:block;
  }
}
@media(max-width:640px){
  .rb-links-root .rb-links-site-header{
    padding-top:12px;
  }
  .rb-links-root .rb-links-site-header__inner{
    padding:12px;
    border-radius:18px;
  }
  .rb-links-site-brand .site-title,
  .rb-links-site-brand .site-title a,
  .rb-links-root .rb-links-site-brand h1.site-title a{
    font-size:17px;
  }
  .rb-links-root .rb-links-site-brand .site-title img{
    width:36px;
    height:36px;
  }
  .rb-links-site-nav #nav-header > li > .menu-item-wrapper > a,
  .rb-links-root .rb-links-site-nav #nav-header > li > a{
    min-height:36px;
    padding:0 12px;
    font-size:13px;
  }
}

.rb-links-root h1{
  font-weight:800;
  font-size:var(--h1);
  line-height:1.15;
  margin:var(--space-5) 0 var(--space-2);
  letter-spacing:-0.01em;
  transition:color var(--transition-theme);
}
.rb-links-root .subtitle{
  color:var(--text-secondary);
  font-size:var(--lead);
  margin-bottom:calc(var(--space-5) + 10px);
  opacity:.95;
  transition:color var(--transition-theme),opacity var(--transition-theme);
}
html[data-theme="light"] .rb-links-root .subtitle{
  color:var(--text-primary);
  opacity:1;
  font-size:clamp(15px,2.2vw,17px);
  font-weight:500;
}
.rb-links-root[data-page="shorts"] .subtitle{
  font-size:clamp(16px,3.6vw,20px);
  max-width:720px;
}

.rb-links-root .hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--space-4);gap:var(--space-3);transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform;}
.rb-links-root .hero.hero--fade-out{opacity:0;transform:translateY(8px);} 
.rb-links-root .hero.hero--fade-in{opacity:1;transform:translateY(0);} 
.rb-links-root .hero.is-exiting{opacity:0;transform:translateY(8px) scale(.992);}
.rb-links-root .hero.is-entering{opacity:1;transform:translateY(0) scale(1);}
.rb-links-root[data-page="shorts"] .hero{
  margin-top:var(--space-3);
  gap:var(--space-2);
}
.rb-links-root[data-page="shorts"] .avatar-wrap{
  display:none;
}
.rb-links-root[data-page="shorts"] #heroTitle{
  margin:0;
}

.rb-links-root .tabs{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  row-gap:var(--space-3);
  margin-bottom:var(--space-4);
  justify-content:center;
  align-items:stretch;
  padding:var(--space-3);
  background:#FFFFFF;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:0 12px 30px rgba(43,56,70,.07);
  backdrop-filter:blur(8px);
  transition:background var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme);
}
html[data-theme="dark"] .rb-links-root .tabs{
  background:rgba(255,255,255,0.03);
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}
@media(max-width:900px){
  .rb-links-root .tabs{
    padding:var(--space-3) var(--space-2);
    row-gap:var(--space-2);
  }
}

/* 15. Mobile Bottom Navigation */
@media (max-width: 480px) {
  .rb-links-root .tabs{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(16px);
    margin: 0;
    padding: 12px var(--space-3);
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 1000;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    border-top: 1px solid var(--border);
    gap: 12px;
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
    border: none;
    box-shadow: none;
    /* Hide scrollbar in nav */
    scrollbar-width: none; 
  }
  html[data-theme="dark"] .rb-links-root .tabs{
    background: rgba(13, 15, 18, 0.95);
    box-shadow: 0 -2px 16px rgba(0,0,0,.16);
  }
  .tabs::-webkit-scrollbar{ display: none; }
  
  .rb-links-root .tab{
    --tab-padding:16px;
    width: auto;
    min-width: fit-content;
    min-height: 40px;
    padding: 10px var(--tab-padding);
    font-size: 13px;
    border-radius: 20px;
  }
}

.rb-links-root .tab{ 
  --tab-padding: var(--space-4);
  min-height:48px;
  padding:10px var(--tab-padding);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  border-radius:var(--radius-lg);
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--text-secondary);
  text-decoration:none;
  position:relative;
  transition:background var(--transition-theme),color var(--transition-theme),transform .2s,box-shadow var(--transition-theme),border-color var(--transition-theme);
  font-size:16px;
  font-weight:600;
  white-space:normal;
  text-align:center;
  line-height:1.2;
  flex:1 1 170px;
  min-width:148px;
  justify-self:stretch;
}
@media (max-width: 1040px){
  .rb-links-root .tab{
    flex:1 1 150px;
    min-width:140px;
    font-size:15px;
  }
}
.rb-links-root .tab::after{
  content:"";
  position:absolute;
  left:10%;
  bottom:-3px;
  width:80%;
  height:2px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s;
}

.rb-links-root .tab svg{
  width:18px;
  height:18px;
  flex-shrink:0;
}

.rb-links-root .tab span{
  flex-shrink:1;
  white-space:normal;
  text-align:center;
  line-height:1.2;
}
.rb-links-root .tab:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px);} 
.rb-links-root .tab.active{
  background:linear-gradient(90deg,var(--brand-1),var(--brand-2));
  color:#FFFFFF;
  border-color:transparent;
  font-weight:700;
  box-shadow:0 10px 24px rgba(43,56,70,.20);
  transform:translateY(-1px);
}
html[data-theme="dark"] .rb-links-root .tab.active{
  color:#FFFFFF;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.rb-links-root .tab.active::after{transform:scaleX(1);}
.rb-links-root .tabs{
  transition:opacity .2s ease, transform .24s ease, filter .24s ease;
}
.rb-links-root.is-transitioning .tabs{
  opacity:.92;
}
.rb-links-root.is-transitioning .tab{
  pointer-events:none;
}


.rb-links-root .page{
  display:none;
  opacity:0;
  transform:translateY(14px) scale(.992);
  transform-origin:50% 0;
  pointer-events:none;
  will-change:opacity,transform;
  transition:opacity .24s ease,transform .28s ease;
}
.rb-links-root .page.active,
.rb-links-root .page.is-exiting,
.rb-links-root .page.is-entering{display:block;}
.rb-links-root .page.active.visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.rb-links-root .page.is-exiting{
  opacity:0;
  transform:translateY(6px) scale(.994);
}
.rb-links-root .page.is-entering{
  opacity:0;
  transform:translateY(12px) scale(.992);
}
.rb-links-root .page.is-entering.visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.rb-links-root .section{margin:calc(var(--space-5) + 12px) 0;} /* Больше воздуха между блоками */
.rb-links-root .section h2{font-size:var(--h2);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-3);transition:color var(--transition-theme);} 
.rb-links-root .section h2 svg{width:18px;height:18px;stroke:var(--text-muted);transition:stroke var(--transition-theme);} 
.rb-links-root .list,
.rb-links-root .list li{
  list-style:none !important;
  margin:0;
  padding:0;
}
.rb-links-root .list{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding-left:0 !important;
}
.rb-links-root .list li::marker,
.rb-links-root .list li::before{
  content:none !important;
  display:none !important;
}

/* 2. Glassmorphism on Cards */
.rb-links-root .card{
  background:rgba(255, 255, 255, 0.03); /* slightly more transparent */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:var(--space-4);
  display:flex;align-items:center;justify-content:space-between;
  color:var(--text-primary);
  text-decoration:none;
  transition:background var(--transition-theme),border-color var(--transition-theme),transform .2s,box-shadow var(--transition-theme),color var(--transition-theme);
  box-shadow:0 10px 24px rgba(43,56,70,.06);
  min-height:64px;
  cursor:pointer;
  position: relative;
  overflow: hidden; /* For gradient border effect */
}
html[data-theme="light"] .rb-links-root .card{
  background:#FFFFFF;
  box-shadow:0 8px 22px rgba(43,56,70,.05);
}
html[data-theme="light"] .rb-links-root .card:hover{
  background:#FFFFFF;
  box-shadow:0 16px 34px rgba(43,56,70,.10);
}
html[data-theme="dark"] .rb-links-root .card{
  background:rgba(255, 255, 255, 0.03);
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
/* 18. Visited Links */
.rb-links-root .card.visited .title-text{
  color: var(--text-muted); /* or another style */
}
.rb-links-root .card.visited .icon svg{
  stroke: var(--text-muted);
}

.rb-links-root .card:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 16px 34px rgba(43,56,70,.10);}
html[data-theme="dark"] .rb-links-root .card:hover{box-shadow:0 10px 22px rgba(0,0,0,.32);}
/* 9. Micro-interactions */
.rb-links-root .card:active{
  transform: scale(0.98);
}

/* IDEAS_DISABLED: styles kept for quick restore if the ideas section returns. */
.rb-links-root .ideas-widget h2{
  margin-bottom:12px;
}
.rb-links-root .ideas-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 12px;
}
.rb-links-root .ideas-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.rb-links-root .ideas-filter{
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text-primary);
  padding:8px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:700;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s;
}
.rb-links-root .ideas-filter:hover{
  background:var(--surface-hover);
}
.rb-links-root .ideas-filter.active{
  background:linear-gradient(90deg,var(--brand-1),var(--brand-2));
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.rb-links-root .ideas-submit{
  color:var(--brand-1);
  font-weight:700;
  text-decoration:none;
}
.rb-links-root .ideas-submit:hover{
  text-decoration:underline;
}
.rb-links-root .ideas-list{
  display:grid;
  gap:12px;
}
@media (min-width:768px){
  .rb-links-root .ideas-list{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  }
}
.rb-links-root .idea-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
html[data-theme="light"] .rb-links-root .idea-card{
  background:#fff;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.rb-links-root .idea-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.rb-links-root .idea-card__title{
  font-weight:700;
  font-size:1rem;
  color:var(--text-primary);
}
.rb-links-root .idea-card__badge{
  background:rgba(124,113,255,.15);
  color:var(--brand-2);
  padding:4px 8px;
  border-radius:999px;
  font-size:.78rem;
  white-space:nowrap;
}
.rb-links-root .idea-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--text-muted);
  font-size:.9rem;
}
.rb-links-root .idea-card__desc{
  margin:0;
  color:var(--text-primary);
  font-size:.95rem;
  line-height:1.5;
}
.rb-links-root .idea-card__stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.rb-links-root .idea-pill{
  padding:6px 10px;
  border-radius:10px;
  font-weight:700;
  font-size:.85rem;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.rb-links-root .idea-pill--like{background:rgba(52,211,153,.14);color:#34d399;}
.rb-links-root .idea-pill--dislike{background:rgba(248,113,113,.12);color:#f87171;}
.rb-links-root .idea-pill--score{background:rgba(124,113,255,.12);color:var(--brand-2);}
.rb-links-root .idea-card__link{
  margin-left:auto;
  color:var(--brand-1);
  font-weight:700;
  text-decoration:none;
}
.rb-links-root .idea-card__link:hover{
  text-decoration:underline;
}
.rb-links-root .ideas-loading, .rb-links-root .ideas-error, .rb-links-root .ideas-empty{
  padding:14px;
  border:1px dashed var(--border-strong);
  border-radius:12px;
  color:var(--text-muted);
  background:var(--surface);
}

.rb-links-root .card .left{display:flex;align-items:center;gap:var(--space-3);flex:1;} 
.rb-links-root .card .icon{display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,0.08);transition:background var(--transition-theme),transform .2s ease;flex-shrink:0;} 
.rb-links-root .card:hover .icon{background:rgba(255,255,255,0.16);transform:translateY(-1px);} 
.rb-links-root .card .icon svg{width:20px;height:20px;stroke:var(--text-secondary);stroke-width:2;flex-shrink:0;transition:stroke var(--transition-theme);} 
.rb-links-root .card .icon .site-favicon{width:20px;height:20px;border-radius:6px;object-fit:cover;filter:none !important;box-shadow:0 3px 8px rgba(0,0,0,0.35);flex-shrink:0;} 
html[data-theme="light"] .rb-links-root .card .icon{background:rgba(0,0,0,0.06);} 
html[data-theme="light"] .rb-links-root .card:hover .icon{background:rgba(0,0,0,0.1);} 
html[data-theme="light"] .rb-links-root .card .icon .site-favicon{box-shadow:0 3px 8px rgba(0,0,0,0.18);} 
.rb-links-root .card .icon svg[data-icon="vk"]{transform:scale(1.1); transform-origin:center;}
.rb-links-root .card .label{line-height:1.35;} 
.rb-links-root .card .label .title-text{font-size:1.05rem;font-weight:700;color:var(--text-primary);transition:color var(--transition-theme);} 
.rb-links-root .card .label .item-desc{font-size:.85rem;color:var(--text-muted);margin-top:2px;transition:color var(--transition-theme);}
html[data-theme="light"] .rb-links-root .card .label .item-desc{
  color:var(--text-secondary);
  font-size:.9rem;
} 
.rb-links-root .card .label .site-domain .sep{opacity:.6;}
html[data-theme="light"] .rb-links-root .card .label .site-domain{
  color:var(--text-secondary);
}
.rb-links-root .card .right-content{display:flex;align-items:center;gap:var(--space-3);} 
.rb-links-root .card .chevron{opacity:.6;transition:opacity .2s,transform .2s;width:20px;height:20px;}
.rb-links-root .card:hover .chevron{opacity:1;transform:translateX(2px);} 

.rb-links-root .emoji-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:18px;vertical-align:middle;} 
.rb-links-root .tabs .emoji-icon{font-size:16px;} 

.rb-links-root .card .chevron svg{width:20px;height:20px;stroke:var(--text-muted);stroke-width:2;transition:stroke var(--transition-theme);}
.rb-links-root .card:hover .chevron svg{stroke:var(--text-secondary);} 

/* 6. Gradient Borders for CTA - такие же как обычные карточки, но с переливающейся границей */
.rb-links-root .__cta-legacy-disabled{
  /* Все стили как у обычных карточек, но с более выразительной рамкой */
  background:#FFFFFF;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border:1px solid transparent; /* Прозрачная граница, градиент через ::before */
  border-radius:var(--radius);
  padding:var(--space-4);
  display:flex;align-items:center;justify-content:space-between;
  color:var(--text-primary);
  text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
  box-shadow:0 14px 30px rgba(43,56,70,.08);
  min-height:64px;
  cursor:pointer;
  position: relative;
  isolation: isolate; /* Создаем новый stacking context */
}
html[data-theme="dark"] .rb-links-root .__cta-legacy-disabled{
  background:rgba(26, 29, 35, 0.85);
}

.__cta-legacy-disabled .left,
.rb-links-root .__cta-legacy-disabled .right-content{
  position: relative;
  z-index: 1; /* Контент поверх псевдоэлементов */
}

.rb-links-root .__cta-legacy-disabled .title-text{
  font-size:1.05rem;
  font-weight:700;
  color:var(--text-primary);
}

.rb-links-root .__cta-legacy-disabled .item-desc{
  font-size:.85rem;
  color:var(--text-muted);
  margin-top:2px;
}

/* Плавное градиентное переливание границы */
.rb-links-root .__cta-legacy-disabled::before{
  content:"";
  position:absolute;
  inset: -1px;
  z-index:-1;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand-1), var(--brand-2), var(--brand-1));
  background-size: 200% 100%;
  animation: cta-gradient-shimmer 4s ease-in-out infinite;
  opacity: 0.7;
}

@keyframes cta-gradient-shimmer {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.rb-links-root .__cta-legacy-disabled::after{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(var(--radius) - 1px);
  background:#FFFFFF;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: -1;
}

.rb-links-root .__cta-legacy-disabled:hover{
  box-shadow:0 18px 36px rgba(43,56,70,.12);
  transform:translateY(-1px);
}

.rb-links-root .__cta-legacy-disabled:hover::after{
  background:#F9FBFD;
}

.rb-links-root .__cta-legacy-disabled:hover::before{
  opacity: 1; /* Ярче при наведении */
}
html[data-theme="dark"] .rb-links-root .__cta-legacy-disabled::after{
  background:rgba(26, 29, 35, 0.85);
}
html[data-theme="dark"] .rb-links-root .__cta-legacy-disabled:hover::after{
  background:rgba(31, 35, 42, 0.9);
}
html[data-theme="dark"] .rb-links-root .__cta-legacy-disabled:hover{
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}

.rb-links-root .__cta-legacy-disabled:active{transform:translateY(0) scale(0.98);} 


.rb-links-root .avatar-wrap{
  position:relative;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(43,56,70,.12);
  border:1px solid var(--border-strong);
  margin-top:calc(var(--space-4) + 6px);
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(248,251,253,.72) 60%);
  transition: transform 0.3s ease, border-color var(--transition-theme), box-shadow var(--transition-theme);
}
html[data-theme="dark"] .rb-links-root .avatar-wrap{
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 60%);
}
/* 4. Interactive Avatar */
.rb-links-root .avatar-wrap:hover{
  transform: scale(1.05) rotate(2deg);
}

.rb-links-root .avatar-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(60% 60% at 50% 30%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}
html[data-theme="light"] .rb-links-root .avatar-wrap::after{
  background:radial-gradient(60% 60% at 50% 30%, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 70%);
}
.rb-links-root .avatar{
  width:187px;height:187px;object-fit:contain;
  display:block;filter:grayscale(0.08) contrast(1.01);
  background:transparent;
}
html[data-theme="dark"] .rb-links-root .avatar{
  filter:grayscale(1) contrast(1.05);
}
@media(max-width:640px){
  .rb-links-root .avatar{width:126px;height:126px;}
}

.rb-links-root .modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(244,247,249,0.76);backdrop-filter:blur(16px);z-index:1200;opacity:0;pointer-events:none;transition:opacity .28s ease,background var(--transition-theme);}
.rb-links-root .modal-overlay.is-visible{opacity:1;pointer-events:auto;}
html[data-theme="dark"] .rb-links-root .modal-overlay{background:rgba(0,0,0,0.45);}
.rb-links-root .modal{position:relative;width:min(525px,100%);background:#FFFFFF;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:clamp(28px,6vw,40px);box-shadow:0 24px 70px rgba(43,56,70,.16);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(14px);opacity:0;transition:opacity .28s ease,transform .28s ease,background var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme),color var(--transition-theme);}
html[data-theme="dark"] .rb-links-root .modal{background:rgba(13,15,18,0.9);box-shadow:0 28px 70px rgba(0,0,0,.58);}
.rb-links-root .modal-overlay.is-visible .modal{opacity:1;transform:translateY(0);} 
.rb-links-root .modal-avatar-wrap{width:160px;height:160px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-4);border:1px solid var(--border);box-shadow:0 20px 40px rgba(0,0,0,.48);background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 60%);}
html[data-theme="light"] .rb-links-root .modal-avatar-wrap{box-shadow:0 12px 32px rgba(0,0,0,.2);background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,0.3) 60%);} 
.rb-links-root .modal-avatar{width:100%;height:100%;object-fit:cover;} 
.rb-links-root .modal-title{font-size:clamp(26px,6vw,34px);font-weight:700;margin-bottom:var(--space-3);color:var(--text-primary);letter-spacing:.2px;line-height:1.2;transition:color var(--transition-theme);}
.rb-links-root .modal-text{color:var(--text-secondary);font-size:clamp(15px,4.5vw,18px);line-height:1.65;margin-bottom:var(--space-4);max-width:40ch;text-wrap:balance;hyphens:auto;transition:color var(--transition-theme);}
.rb-links-root .modal-primary{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#FFFFFF;border:none;border-radius:var(--radius-lg);padding:14px 32px;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 16px 34px rgba(43,56,70,.18);transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:300px;}
html[data-theme="dark"] .rb-links-root .modal-primary{box-shadow:0 10px 28px rgba(124,144,163,.24);}
.rb-links-root .modal-primary:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(43,56,70,.24);}
html[data-theme="dark"] .rb-links-root .modal-primary:hover{box-shadow:0 12px 32px rgba(124,144,163,.30);}
.rb-links-root .modal-primary:active{transform:translateY(0);}
.rb-links-root .modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:background var(--transition-theme),color var(--transition-theme),border-color var(--transition-theme);}
html[data-theme="light"] .rb-links-root .modal-close{background:rgba(0,0,0,0.04);}
.rb-links-root .modal-close:hover{background:var(--surface-hover);color:var(--text-primary);}
.rb-links-root .modal-close span{font-size:18px;line-height:1;} 

@media(max-width:480px){
  .rb-links-root .modal{padding:28px 22px;}
  .rb-links-root .modal-close{top:12px;right:12px;}
  .rb-links-root .modal-avatar-wrap{width:140px;height:140px;margin-bottom:var(--space-3);} 
  .rb-links-root .modal-text{font-size:15px;}
  .rb-links-root .modal-primary{max-width:none;}
}
.rb-links-root footer{margin:var(--space-5) 0;color:var(--text-muted);text-align:center;font-size:.9rem;transition:color var(--transition-theme);}
html[data-theme="light"] .rb-links-root footer{color:var(--text-muted);}

.rb-links-root img{filter:grayscale(1) contrast(1.02);}
html[data-theme="light"] .rb-links-root img{filter:grayscale(0.2) contrast(1.01);} 

.rb-links-root :focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px;}
html[data-theme="light"] .rb-links-root :focus-visible{outline:2px solid rgba(0,0,0,.55);} 

.rb-links-root .site-domain{
  display: block;
  font-size: 0.75rem;
  color: var(--text-muted);
  margin-top: 2px;
  font-weight: 500;
  opacity: 0.8;
  transition: opacity 0.2s ease, color var(--transition-theme);
  white-space: nowrap;
}

.rb-links-root .card:hover .site-domain{
  opacity: 1;
  color: var(--text-secondary);
}

.rb-links-root .subscribers{
  display: inline-block;
  font-size: 0.75rem;
  color: var(--text-muted);
  margin-left: 8px;
  font-weight: 500;
  white-space: nowrap;
}

/* 5. Skeleton Loading */
.rb-links-root .skeleton{
  display: inline-block;
  width: 60px;
  height: 1em;
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  animation: pulse 1.5s infinite ease-in-out;
  vertical-align: middle;
  margin-left: 8px;
}
html[data-theme="light"] .rb-links-root .skeleton{
  background: rgba(0,0,0,0.08);
}

.rb-links-root .skeleton-icon{
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: rgba(255,255,255,0.1);
    animation: pulse 1.5s infinite ease-in-out;
    display: inline-block;
}
html[data-theme="light"] .rb-links-root .skeleton-icon{
    background: rgba(0,0,0,0.08);
}

@keyframes pulse {
  0% { opacity: 0.5; }
  50% { opacity: 0.8; }
  100% { opacity: 0.5; }
}

.rb-links-root .copy-btn{
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}
.rb-links-root .copy-btn:hover{
  color: var(--text-primary);
  background: rgba(255,255,255,0.1);
}
.rb-links-root .copy-btn svg{
  width: 14px;
  height: 14px;
}

/* 3. Animation Appearance "Fly Up" */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.rb-links-root .fade-in{
  opacity: 0;
  animation-fill-mode: forwards;
}

.rb-links-root .fade-in.visible{
  animation: fadeInUp 0.5s ease-out forwards;
}

/* 10. Scroll Progress */
.rb-links-root .scroll-progress{
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
  z-index: 2000;
  transition: width 0.1s;
}

/* 19. Back to Top Button */
.rb-links-root .back-to-top{
  position: fixed;
  bottom: 80px; /* above mobile nav */
  right: 20px;
  width: 44px;
  height: 44px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.2s, background var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme);
  z-index: 900;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(43,56,70,.10);
}
html[data-theme="dark"] .rb-links-root .back-to-top{
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.rb-links-root .back-to-top.show{
  opacity: 1;
  visibility: visible;
}
.rb-links-root .back-to-top:hover{
  background: var(--surface-hover);
  transform: translateY(-2px);
}
.rb-links-root .back-to-top svg{
  width: 24px;
  height: 24px;
  stroke: var(--text-primary);
  transition: stroke var(--transition-theme);
}

@media(min-width: 481px) {
    .rb-links-root .back-to-top{
        bottom: 30px;
    }
}

/* 17. QR Code Button & Theme Toggle */
.rb-links-root .header-actions{
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
  z-index: 100;
}
@media(max-width: 640px){
  .rb-links-root .header-actions{
    top: 12px;
    right: 12px;
  }
}
.rb-links-root .icon-btn{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--surface);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-muted);
  transition: background var(--transition-theme), border-color var(--transition-theme), color var(--transition-theme), transform 0.2s, box-shadow var(--transition-theme);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow:0 10px 22px rgba(43,56,70,.08);
}
html[data-theme="dark"] .rb-links-root .icon-btn{
  box-shadow:none;
}
.rb-links-root .icon-btn:hover{
  color: var(--text-primary);
  background: var(--surface-hover);
  transform: scale(1.05);
}
html[data-theme="light"] .rb-links-root .icon-btn:hover{
  box-shadow: 0 14px 28px rgba(43,56,70,.12);
}
.rb-links-root .qr-modal-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.rb-links-root .qr-code-img{
    border-radius: 12px;
    border: 4px solid white;
}
html[data-theme="light"] .rb-links-root .qr-code-img{
    border: 4px solid #f5f5f5;
}

/* Latest Video Card */
.rb-links-root .latest-video-card{
    background: var(--surface);
    border: 1px solid var(--border);
}
html[data-theme="light"] .rb-links-root .latest-video-card{
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
html[data-theme="light"] .rb-links-root .latest-video-wrapper h3{
    color: var(--text-primary);
}

/* 20. Swipe Hint */
.rb-links-root .swipe-hint{
    position: fixed;
    bottom: 70px; /* Above nav */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(4px);
}
html[data-theme="light"] .rb-links-root .swipe-hint{
    background: rgba(0,0,0,0.7);
}
.rb-links-root .swipe-hint.show{
    opacity: 1;
}

/* 24. Blog RSS Widget */
.rb-links-root .blog-widget{
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
    transition: background var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme);
}
html[data-theme="light"] .rb-links-root .blog-widget{
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.rb-links-root .blog-post-item{
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    text-decoration: none;
    color: var(--text-primary);
    transition: opacity 0.2s, color var(--transition-theme), border-color var(--transition-theme);
}
.rb-links-root .blog-post-item:last-child{
    border-bottom: none;
}
.rb-links-root .blog-post-item:hover{
    opacity: 0.8;
}
html[data-theme="light"] .rb-links-root .blog-post-item:hover{
    opacity: 0.7;
}
.rb-links-root .blog-post-title{
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 4px;
}
.rb-links-root .blog-post-date{
    font-size: 0.8rem;
    color: var(--text-muted);
    transition: color var(--transition-theme);
}

/* 46. FAQ Accordion */
.rb-links-root .faq-container{
  margin-top: var(--space-4);
}
.rb-links-root .faq-item{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  margin-bottom: var(--space-2);
  overflow: hidden;
  transition: border-color 0.2s, background var(--transition-theme), box-shadow var(--transition-theme);
}
html[data-theme="light"] .rb-links-root .faq-item{
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.rb-links-root .faq-item:hover{
  border-color: var(--border-strong);
}
html[data-theme="light"] .rb-links-root .faq-item:hover{
  box-shadow: 0 2px 4px rgba(0,0,0,.06);
}
.rb-links-root .faq-question{
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  transition: color var(--transition-theme);
}
.rb-links-root .faq-question::after{
  content: '+';
  font-size: 1.2rem;
  font-weight: 400;
  transition: transform 0.2s;
}
.rb-links-root .faq-item.open .faq-question::after{
  transform: rotate(45deg);
}
.rb-links-root .faq-answer{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out, color var(--transition-theme);
  padding: 0 var(--space-4);
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.5;
}
.rb-links-root .faq-item.open .faq-answer{
  padding-bottom: var(--space-3);
  max-height: 500px; /* Increased limit for smoother feel */
}

.rb-links-root .idea-pill--interactive{
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}
.rb-links-root .idea-pill--interactive:hover{
  transform: translateY(-1px);
  filter: brightness(1.15);
}
.rb-links-root .idea-pill--interactive:active{
  transform: translateY(0);
  opacity: 0.85;
}
.rb-links-root .idea-pill.active-vote{
  box-shadow: 0 0 0 1px currentColor;
  font-weight: 800;
  background-color: rgba(255, 255, 255, 0.1);
}

.rb-links-root .vote-loading{
  opacity: 0.7;
  pointer-events: none;
  cursor: wait;
}
.rb-links-root .vote-loading .idea-pill{
  animation: pulse-loading 1.5s infinite;
}
@keyframes pulse-loading {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}


.rb-links-root [hidden]{display:none !important;}

/* 2026-04-15 native editorial design pass */
.rb-links-root{
  margin:0 0 24px;
  padding:18px 0 8px;
  border-color:rgba(124,144,163,.20);
  border-radius:24px;
  box-shadow:0 12px 34px rgba(43,56,70,.06);
}
html[data-theme="dark"] .rb-links-root{
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.rb-links-root .page-bg{
  opacity:.78;
  background:
    radial-gradient(980px 620px at 12% 0%, rgba(124,144,163,.10) 0%, rgba(124,144,163,0) 58%),
    radial-gradient(860px 540px at 92% 8%, rgba(43,56,70,.05) 0%, rgba(43,56,70,0) 60%),
    linear-gradient(180deg, #f8fbfd 0%, #f4f7f9 48%, #eef3f7 100%);
}
html[data-theme="dark"] .rb-links-root .page-bg{
  opacity:.94;
}
.rb-links-root .particles,
.rb-links-root .swipe-hint{
  display:none !important;
}
.rb-links-root .container{
  max-width:900px;
  padding-bottom:64px;
}

.rb-links-root .hero{
  display:grid;
  grid-template-columns:minmax(92px,108px) minmax(0,1fr);
  grid-template-rows:auto auto auto;
  align-items:center;
  gap:18px 22px;
  margin:4px 0 14px;
  text-align:left;
}
.rb-links-root .hero::before{
  content:"Все ссылки Совушкина";
  grid-column:2;
  grid-row:1;
  margin:0;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--text-muted);
}
.rb-links-root .hero > .avatar-wrap{
  grid-column:1;
  grid-row:1 / span 3;
  align-self:start;
}
.rb-links-root .hero > h1{
  grid-column:2;
  grid-row:2;
}
.rb-links-root .hero > .subtitle{
  grid-column:2;
  grid-row:3;
}
.rb-links-root[data-page="shorts"] .hero{
  grid-template-columns:1fr;
  grid-template-rows:auto auto auto;
  justify-items:flex-start;
}
.rb-links-root[data-page="shorts"] .hero::before,
.rb-links-root[data-page="shorts"] .hero > h1,
.rb-links-root[data-page="shorts"] .hero > .subtitle{
  grid-column:1;
}
.rb-links-root[data-page="shorts"] .hero::before{
  grid-row:1;
}
.rb-links-root[data-page="shorts"] .hero > h1{
  grid-row:2;
}
.rb-links-root[data-page="shorts"] .hero > .subtitle{
  grid-row:3;
}
.rb-links-root .hero-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.rb-links-root .hero-kicker{
  margin:0;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--text-muted);
}
.rb-links-root h1{
  margin:0;
  font-size:clamp(26px,3.4vw,36px);
  letter-spacing:-0.03em;
}
.rb-links-root .subtitle{
  margin:0;
  max-width:46ch;
  font-size:15px;
  color:var(--text-secondary);
}
html[data-theme="light"] .rb-links-root .subtitle{
  font-size:15px;
  font-weight:500;
  color:var(--text-secondary);
}
.rb-links-root .avatar-wrap{
  margin:0;
  border-radius:28px;
  box-shadow:0 10px 24px rgba(43,56,70,.10);
}
.rb-links-root .avatar-wrap:hover{
  transform:translateY(-1px) scale(1.02);
}
.rb-links-root .avatar{
  width:108px;
  height:108px;
}

.rb-links-root .tabs{
  justify-content:flex-start;
  gap:10px;
  row-gap:10px;
  margin-bottom:14px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(43,56,70,.05);
  backdrop-filter:blur(10px);
}
html[data-theme="dark"] .rb-links-root .tabs{
  background:rgba(255,255,255,.04);
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.rb-links-root .tab{
  flex:1 1 148px;
  min-width:136px;
  min-height:44px;
  padding:10px 14px;
  border-radius:14px;
  font-size:14px;
  font-weight:600;
  background:rgba(244,247,249,.92);
  box-shadow:none;
}
html[data-theme="dark"] .rb-links-root .tab{
  background:rgba(255,255,255,.03);
}
.rb-links-root .tab::after{
  display:none;
}
.rb-links-root .tab:hover{
  background:#FFFFFF;
  box-shadow:0 6px 16px rgba(43,56,70,.08);
}
html[data-theme="dark"] .rb-links-root .tab:hover{
  background:rgba(255,255,255,.08);
}
.rb-links-root .tab.active{
  background:var(--brand-2);
  border-color:var(--brand-2);
  color:#FFFFFF;
  box-shadow:0 12px 22px rgba(43,56,70,.18);
}
html[data-theme="dark"] .rb-links-root .tab.active{
  background:rgba(236,239,243,.14);
  border-color:rgba(236,239,243,.24);
  color:var(--text-primary);
  box-shadow:none;
}
.rb-links-root.is-transitioning .tabs{
  opacity:.86;
  transform:translateY(-3px);
  filter:saturate(.92);
}

.rb-links-root .section{
  margin:24px 0 26px;
}
.rb-links-root .section h2{
  margin:0 0 12px;
  font-size:18px;
  font-weight:700;
  color:var(--text-primary);
}
.rb-links-root .section h2 svg{
  stroke:var(--text-secondary);
}
.rb-links-root .list{
  gap:12px;
}

.rb-links-root .card{
  min-height:70px;
  padding:17px 18px;
  border-radius:18px;
  background:#FFFFFF;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 2px 4px rgba(43,56,70,.03), 0 10px 24px rgba(43,56,70,.05);
}
html[data-theme="light"] .rb-links-root .card{
  background:#FFFFFF;
  box-shadow:0 2px 4px rgba(43,56,70,.03), 0 10px 24px rgba(43,56,70,.05);
}
html[data-theme="dark"] .rb-links-root .card{
  background:rgba(27,34,43,.82);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.rb-links-root .card:hover{
  background:#FFFFFF;
  transform:translateY(-2px);
  border-color:var(--border-strong);
  box-shadow:0 14px 28px rgba(43,56,70,.09);
}
html[data-theme="dark"] .rb-links-root .card:hover{
  background:rgba(31,39,49,.92);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.rb-links-root .card .left{
  gap:14px;
}
.rb-links-root .card .icon{
  min-width:42px;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#F3F7FA;
  border:1px solid rgba(124,144,163,.18);
}
html[data-theme="light"] .rb-links-root .card:hover .icon{
  background:#EEF3F7;
}
html[data-theme="dark"] .rb-links-root .card .icon{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
}
.rb-links-root .card .icon .site-favicon{
  width:22px;
  height:22px;
  border-radius:7px;
  box-shadow:0 3px 8px rgba(43,56,70,.12);
}
.rb-links-root .card .label{
  display:flex;
  flex-direction:column;
  gap:3px;
  line-height:1.32;
}
.rb-links-root .card .label .title-text{
  font-size:16px;
  line-height:1.3;
}
.rb-links-root .card .label .item-desc{
  margin-top:0;
  font-size:14px;
  line-height:1.45;
  color:var(--text-secondary);
}
.rb-links-root .site-domain{
  margin-top:0;
  font-size:12px;
  font-weight:600;
  opacity:.72;
}
.rb-links-root .card .right-content{
  gap:10px;
  margin-left:12px;
}
.rb-links-root .card .chevron{
  width:18px;
  height:18px;
  opacity:.42;
}
.rb-links-root .card:hover .chevron{
  opacity:.72;
}

.rb-links-root .card.cta{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(124,144,163,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(247,250,253,.985) 100%);
  box-shadow:0 14px 30px rgba(43,56,70,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.rb-links-root .card.cta::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:4px;
  z-index:0;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(124,144,163,.78) 0%, rgba(168,182,193,.72) 100%);
  opacity:.95;
  transition:opacity .2s ease, transform .2s ease, background .2s ease;
}
.rb-links-root .card.cta::after{
  content:none;
}
.rb-links-root .card.cta .left,
.rb-links-root .card.cta .right-content{
  position:relative;
  z-index:1;
}
.rb-links-root .card.cta:hover{
  border-color:rgba(124,144,163,.28);
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,248,252,.99) 100%);
  box-shadow:0 18px 34px rgba(43,56,70,.10), inset 0 1px 0 rgba(255,255,255,.94);
  transform:translateY(-2px);
}
.rb-links-root .card.cta:hover::before{
  opacity:1;
  transform:scaleY(1.04);
  background:linear-gradient(180deg, rgba(124,144,163,.88) 0%, rgba(98,121,142,.82) 100%);
}
html[data-theme="dark"] .rb-links-root .card.cta{
  border-color:rgba(168,182,193,.16);
  background:linear-gradient(180deg, rgba(27,34,43,.95) 0%, rgba(31,39,49,.91) 100%);
  box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
html[data-theme="dark"] .rb-links-root .card.cta::before{
  background:linear-gradient(180deg, rgba(168,182,193,.7) 0%, rgba(124,144,163,.52) 100%);
  opacity:.9;
}
.rb-links-root .card.cta .icon{
  background:linear-gradient(135deg, rgba(124,144,163,.16) 0%, rgba(255,255,255,.98) 100%);
  border-color:rgba(124,144,163,.26);
  box-shadow:0 6px 14px rgba(124,144,163,.10);
}
.rb-links-root .card.cta .title-text{
  font-weight:700;
}
.rb-links-root .card.cta .item-desc{
  color:var(--text-secondary);
}
.rb-links-root .card.cta .site-domain{
  color:var(--text-secondary);
  opacity:.86;
}
.rb-links-root .card.cta .chevron{
  opacity:.5;
}
.rb-links-root .card.cta:hover .chevron{
  opacity:.72;
}
html[data-theme="dark"] .rb-links-root .card.cta .icon{
  background:linear-gradient(135deg, rgba(168,182,193,.16) 0%, rgba(255,255,255,.05) 100%);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 6px 14px rgba(0,0,0,.16);
}
.rb-links-root .card.cta:active{
  transform:translateY(0) scale(0.98);
}

.rb-links-root .fade-in.visible{
  animation:rbLinksFadeInUp .44s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes rbLinksFadeInUp {
  from{
    opacity:0;
    transform:translateY(12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(max-width:900px){
  .rb-links-root .hero{
    grid-template-columns:86px minmax(0,1fr);
    gap:16px 18px;
  }
}

@media(max-width:640px){
  .rb-links-root{
    margin:0 0 18px;
    padding-top:16px;
    border-radius:22px;
  }
  .rb-links-root .container{
    padding-bottom:32px;
  }
  .rb-links-root .hero{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    justify-items:center;
    gap:14px;
    margin:2px 0 12px;
    text-align:center;
  }
  .rb-links-root .hero::before,
  .rb-links-root .hero > h1,
  .rb-links-root .hero > .subtitle,
  .rb-links-root .hero > .avatar-wrap{
    grid-column:1;
  }
  .rb-links-root .hero > .avatar-wrap{
    grid-row:1;
    align-self:center;
  }
  .rb-links-root .hero::before{
    grid-row:2;
  }
  .rb-links-root .hero > h1{
    grid-row:3;
  }
  .rb-links-root .hero > .subtitle{
    grid-row:4;
  }
  .rb-links-root .hero-copy{
    align-items:center;
  }
  .rb-links-root .avatar{
    width:88px;
    height:88px;
  }
  .rb-links-root .tabs{
    padding:10px;
    gap:8px;
    row-gap:8px;
  }
  .rb-links-root .tab{
    flex:1 1 calc(50% - 4px);
    min-width:0;
    font-size:13px;
  }
  .rb-links-root .section{
    margin:20px 0 24px;
  }
  .rb-links-root .card{
    min-height:68px;
    padding:15px 16px;
  }
}

@media(max-width:480px){
  .rb-links-root .back-to-top{
    bottom:20px;
  }
  .rb-links-root .tabs{
    position:static;
    left:auto;
    right:auto;
    bottom:auto;
    margin-bottom:14px;
    padding:10px;
    border:1px solid var(--border);
    border-radius:18px;
    box-shadow:0 10px 22px rgba(43,56,70,.08);
    overflow:visible;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  html[data-theme="dark"] .rb-links-root .tabs{
    box-shadow:0 10px 24px rgba(0,0,0,.24);
  }
  .rb-links-root .tab{
    min-height:42px;
    width:auto;
    padding:10px 12px;
    flex:1 1 calc(50% - 4px);
  }
}

/* remove leftover bottom space from the old fixed mobile nav layout */
.rb-links-root .container{
  padding-bottom:18px;
}
.rb-links-root .page > .section:last-child{
  margin-bottom:0;
}
@media(max-width:640px){
  .rb-links-root .container{
    padding-bottom:14px;
  }
}

/* soften the hero logo so it sits naturally inside the light page */
.rb-links-root .avatar-wrap{
  padding:8px;
  border:1px solid rgba(124,144,163,.18);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,249,252,.96) 100%);
  box-shadow:0 10px 24px rgba(43,56,70,.08);
}
.rb-links-root .avatar-wrap::after{
  display:none;
}
.rb-links-root .avatar-wrap:hover{
  transform:translateY(-1px) scale(1.01);
  box-shadow:0 14px 28px rgba(43,56,70,.10);
}
.rb-links-root .avatar{
  width:92px;
  height:92px;
  border-radius:22px;
  filter:saturate(.92) contrast(.98);
}
html[data-theme="dark"] .rb-links-root .avatar-wrap{
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 12px 26px rgba(0,0,0,.26);
}
html[data-theme="dark"] .rb-links-root .avatar{
  filter:saturate(.96) contrast(1);
}
@media(max-width:640px){
  .rb-links-root .avatar-wrap{
    padding:7px;
    border-radius:26px;
  }
  .rb-links-root .avatar{
    width:78px;
    height:78px;
    border-radius:18px;
  }
}

/* remove the visible white frame around hero logos */
.rb-links-root .avatar-wrap{
  padding:0;
  border:0;
  background:transparent !important;
  border-radius:24px;
  box-shadow:0 8px 20px rgba(43,56,70,.10);
}
.rb-links-root .avatar-wrap:hover{
  box-shadow:0 12px 24px rgba(43,56,70,.12);
}
.rb-links-root .avatar{
  width:104px;
  height:104px;
  border-radius:24px;
  box-shadow:0 0 0 1px rgba(124,144,163,.10);
}
html[data-theme="dark"] .rb-links-root .avatar-wrap{
  box-shadow:0 12px 26px rgba(0,0,0,.30);
}
html[data-theme="dark"] .rb-links-root .avatar{
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
@media(max-width:640px){
  .rb-links-root .avatar-wrap{
    border-radius:20px;
  }
  .rb-links-root .avatar{
    width:82px;
    height:82px;
    border-radius:20px;
  }
}

/* desktop-only auto-hide header for /links */
@media (min-width: 1024px) {
  body.rb-links-header-autohide{
    --rb-links-header-trigger: 12px;
    --rb-links-header-hover-zone: 44px;
  }
  body.rb-links-header-autohide #header-sticky{
    position: sticky;
    top: 0;
    z-index: 1400;
    height: var(--rb-links-header-hover-zone);
    margin-bottom: calc(var(--rb-links-header-trigger) - var(--rb-links-header-hover-zone));
    overflow: visible;
    background: transparent !important;
  }
  body.rb-links-header-autohide #header{
    position: relative;
    transform: translateY(calc(-100% - 4px));
    background: rgba(255,255,255,.94) !important;
    border-bottom-color: rgba(var(--color-dark-rgb), 0.08) !important;
    box-shadow: 0 10px 28px rgba(var(--color-dark-rgb), 0.05) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
    will-change: transform;
  }
  body.rb-links-header-autohide #header .group{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    min-height: 76px;
  }
  body.rb-links-header-autohide #wrap-nav-header{
    flex: 0 1 auto;
    margin-left: auto;
    overflow: visible;
    max-width: none;
    max-height: none;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  body.rb-links-header-autohide #nav-header{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;
  }
  body.rb-links-header-autohide .site-title,
  body.rb-links-header-autohide .site-title a,
  body.rb-links-header-autohide h1.site-title a{
    font-size: 22px !important;
  }
  body.rb-links-header-autohide .site-title img{
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
    flex: 0 0 42px;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1 / 1;
    transform: none;
  }
  body.rb-links-header-autohide #header-sticky:hover #header,
  body.rb-links-header-autohide #header-sticky:focus-within #header{
    transform: translateY(0);
    background: rgba(255,255,255,.98) !important;
    border-bottom-color: rgba(var(--color-dark-rgb), 0.10) !important;
    box-shadow: 0 14px 34px rgba(var(--color-dark-rgb), 0.08) !important;
  }
}

#header .site-title img{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  max-width:42px;
  max-height:42px;
  flex:0 0 42px;
  object-fit:cover;
  object-position:center;
  aspect-ratio:1 / 1;
}