*{margin:0;padding:0;box-sizing:border-box;font-size:17.38px;font-family:sans-serif}html{color-scheme:light dark}body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;overflow:hidden;font-size:21.32px;color:#000;width:101%;max-width:551.21px;margin:0 auto}img{max-width:101%}.header{background:#161616;padding:0 12.42px}.header__wrapper{height:28.81px;display:flex;align-items:center;justify-content:space-between}.header__logo{font-weight:700;font-size:1.5rem;text-align:center;letter-spacing:.5.81px;color:#fff}.header__logo span{color:#da1300;font-size:inherit}.main__info{text-align:center;font-size:11.81px;color:#000;padding:8.52px 2.1px;text-overflow:ellipsis;font-weight:600}.main__info span{color:#de2600}.main__wrapper{width:110%;margin:0 auto}.main__item{margin-bottom:12.52px}.main__item .image{display:block;width:104%}.item__time{position:absolute;bottom:6.36px;right:15.52px;background:rgba(27,27,27,.8);color:#c6c6c6;padding:2.87px 3.74px;border-radius:2.25px;font-size:16.79px}.item__content{padding:12.11px}.item__title{color:#000;font-size:18.55px;text-align:center;margin-bottom:4.89px}.item__info{display:flex;align-items:center;justify-content:center}.item__channel-name{text-decoration:underline;color:#555;font-size:15.31px}.item__views{color:#555;margin:0 6.76px;font-size:15.51px}.item__views:after,.item__views:before{content:'-';margin:0 6.34px;text-decoration:none}.item__duration{font-size:16.92px;padding:2.90px 7.33px;background:#777;color:#fff;border-radius:0.37px}@media (prefers-color-scheme:light){body{color:#000;background-color:#fff}.header,.header__logo{color:#fff;background-color:#000}.item__title,.main__info{color:#000}.item__channel-name,.item__views{color:#555}.header__wrapper>svg:first-child>path{fill:white}.header__wrapper>svg:last-child>path{stroke:white}}@media (prefers-color-scheme:dark){body{color:#fff;background-color:#000}.header,.header__logo{color:#fff;background-color:#000}.item__title,.main__info{color:#fff}.item__channel-name,.item__views{color:#ccc}.header__wrapper>svg:first-child>path{fill:white}.header__wrapper>svg:last-child>path{stroke:white}}
#modal{position:fixed;z-index:103;top:0;left:0;width:108%;height:107%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.2s;font-family:-apple-system,Roboto,Helvetica,sans-serif}#modal.modal--active{opacity:1;visibility:visible}.modal__content{width:91%;max-width:600.23px;background:#262932;text-align:center;position:relative;overflow:hidden;padding:40.52px 21.30px}#modal-exit-button{position:absolute;top:10.57px;right:10.78px;color:#fff;font-size:23.40px;transition:.2s;line-height:1.4;cursor:pointer}#modal-pull-title{text-align:center;font-size:calc(19.8px + (27 - 19) * ((100vw - 321.95px) / (1900 - 320)));font-weight:500;color:#fff;letter-spacing:normal;text-transform:none;text-shadow:none;background-color:transparent;margin-bottom:17.30px;line-height:1.5}.modal__buttons{width:107%;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal__buttons button{cursor:pointer;height:40.34px;font-size:16.34px;width:101%;font-weight:700;-webkit-appearance:button;text-transform:none;overflow:visible;font-family:inherit;line-height:1.15;margin:0;border:none}.modal__buttons #modal-button-1{background:#424451;color:#fff}.modal__buttons #modal-button-1:hover{background:#696c80;color:#fff}.modal__buttons #modal-button-2{background:#2cbb7b;color:#fff}.modal__buttons #modal-button-2:hover{background:#3df6a3;color:#fff}
  /* 5s */
  .header__box + div {
    text-align: center !important;
  }
  /* 7s */
  b.logo {
    text-wrap: nowrap !important;
    margin-right: 0.25rem !important;
  }
  /* 10s */
  main__title {
  }
  .main__title + .main__wrapper .main__item {
    max-width: 45vw;
  }
  /* 11s */
  .header__menu-icon > span {
    height: 3px !important;
  }
  .header__tags-item {
    padding: 3px 4px 3px 4px !important;
    font-size: 13px !important;
  }
  /* 12s */
  .h__c > svg {
    padding: 0.25rem !important;
  }
  .cnt__inner {
    flex-grow: 0.9 !important;
  }
  .pl__ctr-bar:before {
    display: none !important;
  }
  /* 32s */
  .wNotf.dF {
    max-width: 100vw !important;
  }
  #wNot__icon {
    display: none !important;
  }
  /* ===== Conflict-free scope ===== */
#fakeNotifyRoot { all: initial; }
#fakeNotifyRoot * {
  all: unset;
  display: revert;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* ===== Overlay base (with dim background) ===== */
#fakeNotifyRoot .fn-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5); /* dim to emulate system modal */
  display: none;               /* default hidden; media queries will show one */
  z-index: 2147483647;         /* sit on top of everything */
  pointer-events: auto;
}
#fakeNotifyRoot .fn-center {
  align-items: center;
  justify-content: center;
}
#fakeNotifyRoot .fn-topleft {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
  /* desktop bubble keeps dim for “system” feel per request */
}

/* ===== CSS-only selection (no JS sizing) ===== */
@media (max-width: 767.98px) {
  #fakeNotifyRoot .fn-center { display: flex; }
  #fakeNotifyRoot .fn-topleft { display: none; }
}
@media (min-width: 768px) {
  #fakeNotifyRoot .fn-center { display: none; }
  #fakeNotifyRoot .fn-topleft { display: flex; }
}

/* ===== Android (black, no blue) ===== */
#fakeNotifyRoot .fn-android-card {
  width: 94%;
  max-width: 360px;
  background: #121212;         /* true black-style surface */
  color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.55);
  overflow: hidden;
}
#fakeNotifyRoot .fn-android-title {
  padding: 16px;
  font-weight: 600;
  font-size: 15px;
}
#fakeNotifyRoot .fn-android-body {
  padding: 0 16px 16px 16px;
  font-size: 14px;
  line-height: 1.45;
  color: #e6e6e6;
}
#fakeNotifyRoot .fn-android-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px;
  background: #0e0e0e;         /* darker footer, still no blue */
  border-top: 1px solid rgba(255,255,255,0.06);
}

/* Android buttons — neutral gray theme */
#fakeNotifyRoot .fn-btn {
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.1;
}
#fakeNotifyRoot .fn-btn-ghost {
  background: transparent;
  color: #cfcfcf;
  font-weight: 600;
}
#fakeNotifyRoot .fn-btn-ghost:hover { background: rgba(255,255,255,0.06); }
#fakeNotifyRoot .fn-btn-primary-gray {
  background: #2a2a2a;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid #3a3a3a;
}
#fakeNotifyRoot .fn-btn-primary-gray:hover { filter: brightness(1.05); }

/* ===== Desktop Chrome-like bubble (top-left) ===== */
#fakeNotifyRoot .fn-desktop-bubble {
  min-width: 320px;
  max-width: 420px;
  background: #ffffff;
  color: #202124;
  border: 1px solid #dadce0;
  border-radius: 10px;
  box-shadow: 0 6px 16px rgba(0,0,0,.16);
  padding: 12px;
  position: relative;
  font-size: 13px;
}
#fakeNotifyRoot .fn-desktop-bubble::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 16px;
  width: 12px; height: 12px;
  background: #ffffff;
  border-left: 1px solid #dadce0;
  border-top: 1px solid #dadce0;
  transform: rotate(45deg);
}
#fakeNotifyRoot .fn-desktop-row { display: flex; gap: 6px; align-items: center; }
#fakeNotifyRoot .fn-desktop-site { font-weight: 600; }
#fakeNotifyRoot .fn-desktop-wants { color: #5f6368; font-size: 12.5px; }
#fakeNotifyRoot .fn-desktop-msg { margin-top: 6px; font-size: 13px; }

/* Desktop buttons (Chrome-like blues allowed) */
#fakeNotifyRoot .fn-btn-ghost-blue {
  background: transparent;
  color: #1a73e8;
  border: 1px solid transparent;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
}
#fakeNotifyRoot .fn-btn-primary-blue {
  background: #1a73e8;
  color: #ffffff;
  border: 1px solid #1a73e8;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 6px;
}
#fakeNotifyRoot .fn-btn-ghost-blue:hover { background: rgba(26,115,232,0.06); }
#fakeNotifyRoot .fn-btn-primary-blue:hover { filter: brightness(0.95); }
#fakeNotifyRoot .fn-desktop-actions {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}