/* ============================================================================
   LIVE-EDITABLE CSS - Edit this file directly on the server without rebuilding!

   Note: Tailwind utilities (@apply, @layer, etc.) won't work here.
   Use plain CSS only.
   ============================================================================ */

/* ============================================================================
   PROSE STYLES
   ============================================================================ */
   .prose img {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
  }
  
  .prose strong,
  .prose b {
    color: #062843;
  }
  
  .prose > :last-child {
    margin-bottom: 0;
  }
  
  .prose table {
    table-layout: auto;
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #1a1a1a0a;
    margin: 1.1em auto;
    border-collapse: collapse;
  }
  
  .prose tbody tr {
    border-bottom-width: 0;
  }
  
  .prose tbody td,
  .prose tbody th,
  .prose tfoot td,
  .prose tfoot th,
  .prose thead td,
  .prose thead th {
    vertical-align: middle;
    font-size: 0.8rem;
    border-spacing: 0;
    table-layout: fixed;
    line-height: initial;
    text-align: inherit;
    border: 1px solid #1a1a1a0a;
    padding: 10px;
  }
  
  .prose th {
    background-color: #8f8f8f29;
    color: #18181b;
  }
  
  .dark .prose th {
    background-color: #0b0f1836;
    color: #f9fafb;
  }
  
  .prose p {
    margin-top: 1.1em;
    margin-bottom: 1.1em;
  }
  
  .prose hr {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  
  .prose a {
    color: #0b5a97;
    font-weight: inherit;
    text-decoration: none;
    border-bottom: 1px dashed #10101033;
  }
  
  .prose a:hover,
  .prose a:focus-visible {
    border-bottom: 1px dashed #10101060;
  }
  
  .dark .prose a {
    color: #7bb9d6;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  }
  
  .dark .prose a:hover,
  .dark .prose a:focus-visible {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.33);
  }

  .prose ::marker {
    display: none;
  }
  
  .prose ul {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
  }

  .prose li {
    align-items: flex-start;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    padding-left: 0;
  }

  .prose li::before {
    content: "-";
    color: inherit;
    flex-shrink: 0;
    margin-right: 15px;
    position: relative;
    left: 0;
  }

 
  .prose li ul {
    margin-left: 32px;
    padding: 0;
  }

 
  .prose li ul li {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 24px;
  }

 
  .prose li > * {
    display: inline;
  }

  .prose li p {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .prose h2:before {
    width: 22px;
    height: 22px;
    content: '';
    vertical-align: -3px;
    margin-right: 12px;
    display: inline-block;
    background: url('/static/pokemon/pokeball-icon-red.svg') no-repeat left;
    background-size: 22px;
  }
  
  .dark .prose h2:before {
    background-image: url('/static/pokemon/pokeball-icon-orange.svg');
  }
  
  .prose h3 {
    text-align: center;
  }
  
  
  .dark .prose table {
    border: 1px solid #ffffff0f;
  }
  
  .dark .prose th,
  .dark .prose td {
    border: 1px solid #ffffff0f;
  }
  
  .dark .prose strong,
  .dark .prose b {
    color: #fae0b0;
  }
  
  pre {
    border-radius: 0.5rem;
  }
  
  .prose {
    max-width: none;
  }
  
  .prose h1,
  .prose h2,
  .prose h3,
  .prose h4 {
    scroll-margin-top: 5rem;
  }
  
  .prose iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
  }

  /* ============================================================================
     TIPTAP - Task Lists
     ============================================================================ */
  .prose ul[data-type="taskList"] {
    list-style: none;
    padding-left: 0;
  }

  .prose ul[data-type="taskList"] li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .prose ul[data-type="taskList"] li::before {
    content: none;
  }

  .prose ul[data-type="taskList"] li > label {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    user-select: none;
  }

  .prose ul[data-type="taskList"] li label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.1em;
    height: 1.1em;
    border: 2px solid #9ca3af;
    border-radius: 0.25rem;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    transition: border-color 80ms ease-out, background-color 80ms ease-out;
  }

  .prose ul[data-type="taskList"] li label input[type="checkbox"]:checked {
    background-color: #3b82f6;
    border-color: #3b82f6;
  }

  .prose ul[data-type="taskList"] li label input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.65em;
    height: 0.65em;
    background-color: white;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4142 4.58579C22.1953 5.36683 22.1953 6.63317 21.4142 7.41421L10.4142 18.4142C9.63317 19.1953 8.36684 19.1953 7.58579 18.4142L2.58579 13.4142C1.80474 12.6332 1.80474 11.3668 2.58579 10.5858C3.36683 9.80474 4.63317 9.80474 5.41421 10.5858L9 14.1716L18.5858 4.58579C19.3668 3.80474 20.6332 3.80474 21.4142 4.58579Z' fill='currentColor'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4142 4.58579C22.1953 5.36683 22.1953 6.63317 21.4142 7.41421L10.4142 18.4142C9.63317 19.1953 8.36684 19.1953 7.58579 18.4142L2.58579 13.4142C1.80474 12.6332 1.80474 11.3668 2.58579 10.5858C3.36683 9.80474 4.63317 9.80474 5.41421 10.5858L9 14.1716L18.5858 4.58579C19.3668 3.80474 20.6332 3.80474 21.4142 4.58579Z' fill='currentColor'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .prose ul[data-type="taskList"] li label span {
    display: none;
  }

  .prose ul[data-type="taskList"] li[data-checked="true"] > div {
    text-decoration: line-through;
    opacity: 0.6;
  }

  .dark .prose ul[data-type="taskList"] li label input[type="checkbox"] {
    border-color: #6b7280;
  }

  .dark .prose ul[data-type="taskList"] li label input[type="checkbox"]:checked {
    background-color: #60a5fa;
    border-color: #60a5fa;
  }

  /* ============================================================================
     TIPTAP - Frames
     ============================================================================ */
  .prose .tiptap-frame {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
    margin: 1rem 0;
    background-color: #f9fafb;
  }

  .prose .tiptap-frame .tiptap-frame-content p {
    margin: 0;
  }

  .dark .prose .tiptap-frame {
    border-color: #374151;
    background-color: #1f2937;
  }

  /* ============================================================================
     TIPTAP - YouTube Embeds
     ============================================================================ */
  .prose .youtube-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 1.5rem 0;
    border-radius: 0.5rem;
  }

  .prose .youtube-embed-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
  }

  /* ============================================================================
     BREVES STYLES
     ============================================================================ */
  .breves-card img {
    margin-top: 6px;
  }
  
  .breves-card .pokeball-avatar {
    transition: transform 0.2s ease-out;
  }
  
  .breve-content {
    line-height: 1.7;
  }
  
  .breve-content img {
    cursor: pointer;
    transition: opacity 0.15s ease;
  }
  
  .breve-content img:hover {
    opacity: 0.8;
  }
  
  .breve-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding-top: 0.5rem;
  }
  
  .guide {text-align:center;}
  
  @media (min-width: 640px) {
    .breve-images {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  .breve-images img {
    border-radius: 0.75rem;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    width: 100%;
  }
  
  /* ============================================================================
     ANIMATIONS
     ============================================================================ */
  @keyframes fade-in {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes shake {
    0%, 100% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-1.5deg);
    }
    75% {
      transform: rotate(1.5deg);
    }
  }
  
  @keyframes shimmer {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  
  /* ============================================================================
     THEME TRANSITIONS - Circle Expand Effect
     ============================================================================ */
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
  }
  
  ::view-transition-old(root) {
    z-index: 1;
  }
  
  ::view-transition-new(root) {
    z-index: 2;
    animation: circle-expand 0.6s ease-out;
  }
  
  @keyframes circle-expand {
    from {
      clip-path: circle(0 at var(--x) var(--y));
    }
    to {
      clip-path: circle(var(--end-radius) at var(--x) var(--y));
    }
  }
  
  @supports not (view-transition-name: root) {
    :root {
      transition: background-color 0.4s ease, color 0.4s ease;
    }
  }
  
  /* ============================================================================
     SCROLLBAR - Custom Styles
     ============================================================================ */
  html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
    background: transparent !important;
  }
  
  html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
    background: transparent !important;
  }
  
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
    background-color: rgb(156 163 175 / 0.5) !important;
    border-radius: 9999px !important;
  }
  
  html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover {
    background-color: rgb(107 114 128 / 0.7) !important;
  }
  
  html::-webkit-scrollbar-button, body::-webkit-scrollbar-button, *::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  
  html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner, *::-webkit-scrollbar-corner {
    background: transparent !important;
  }
  
  html, body, * {
    scrollbar-width: thin !important;
    scrollbar-color: rgb(156 163 175 / 0.5) transparent !important;
  }
  
  .dark::-webkit-scrollbar-thumb, .dark *::-webkit-scrollbar-thumb {
    background-color: rgb(55 65 81 / 0.5) !important;
  }
  
  .dark::-webkit-scrollbar-thumb:hover, .dark *::-webkit-scrollbar-thumb:hover {
    background-color: rgb(75 85 99 / 0.7) !important;
  }
  
  .dark, .dark * {
    scrollbar-color: rgb(55 65 81 / 0.5) transparent !important;
  }
  
  .scrollbar-thin::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }
  
  .animate-shimmer {
    animation: shimmer 1.5s infinite;
  }
  
  .scrollbar-hide {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }
  
  .scrollbar-hide::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  
  /* ============================================================================
     TABLE (LEGACY)
     ============================================================================ */
  .tableau {
    margin: 1.5rem 0;
  }
  
  .tableau th,
  .tableau td {
    padding: 0.75rem 1rem;
  }
  
  .tableau img {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  
  
  .header-table {
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .header-td {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
  }

  .header-article {
    width: 100%;
    height: 100px;
    background: #101828;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: white !important;
    font-size: 1rem;
    text-align: center;
    font-weight: bold !important;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-sizing: border-box;
    transition: opacity 0.2s ease;
    overflow: hidden;
  }

  .header-article span {
      display: block;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      padding: 0 12px 12px 12px;
      font-weight: bold;
      text-shadow: 0 2px 8px rgba(0,0,0,0.8), 0 1px 3px rgba(0,0,0,0.9);
      position: relative;
      z-index: 2;
  }

  .header-article:hover {
      opacity: 0.9;
  }



  .spoiler {
      cursor: pointer;
  }
  
  .bcs {
      text-align: center;
      font-weight: bold;
      border: 1px solid #06C;
      font-size: 0.8rem;
      padding: 5px 5px;
      color: #06C;
      pointer-events: none;
  }
  
  .bcr {
      background: #ca2a1c;
      border: none;
      color: white;
  }
  
  .bcb {
      background: #0066cc;
      border: none;
      color: white;
  }
  
  .bcg {
      background: #85a700;
      border: none;
      color: white;
  }
  
  .auteur {
      text-align: right;
  }
  
  .code-style {
      background-color: #F9F9F9;
      border-left: 3px solid #C30;
      font-family: 'courier new', helvetica, 'times new roman', serif;
      font-size: 0.75rem;
      padding: 10px;
  }
  
  .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
  }
  
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .note-code {
      text-align: left;
      font-weight: 400;
  }
  
  .graphe {
      min-width: 10px;
      background: #C30;
      color: #FFF;
      text-shadow: 1px 1px 1px #111;
      text-align: left;
      font-weight: bold;
      border-radius: 5px;
      padding: 1px 3px;
  }
  
  .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      overflow: hidden;
      max-width: 100%;
      height: auto;
  }
  
  .embed-container embed,
  .embed-container iframe,
  .embed-container object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .aff-dresseur {
      background: #d93434;
      background-image: -webkit-linear-gradient(top, #d93434, #c21d00);
      background-image: -moz-linear-gradient(top, #d93434, #c21d00);
      background-image: -ms-linear-gradient(top, #d93434, #c21d00);
      background-image: -o-linear-gradient(top, #d93434, #c21d00);
      background-image: linear-gradient(to bottom, #d93434, #c21d00);
      -webkit-border-radius: 28;
      -moz-border-radius: 28;
      border-radius: 28px;
      text-shadow: 1px 1px 3px #666666;
      color: #ffffff;
      font-size: 0.75rem;
      padding: 8px 15px 8px 15px;
      text-decoration: none;
  }
  
  .aff-dresseur {
      text-decoration: none;
  }
  
  .aff-pokemon {
      background: #d9b834;
      background-image: -webkit-linear-gradient(top, #d9b834, #c26b00);
      background-image: -moz-linear-gradient(top, #d9b834, #c26b00);
      background-image: -ms-linear-gradient(top, #d9b834, #c26b00);
      background-image: -o-linear-gradient(top, #d9b834, #c26b00);
      background-image: linear-gradient(to bottom, #d9b834, #c26b00);
      -webkit-border-radius: 28;
      -moz-border-radius: 28;
      border-radius: 28px;
      text-shadow: 1px 1px 3px #666666;
      color: #ffffff;
      font-size: 0.75rem;
      padding: 8px 15px 8px 15px;
      text-decoration: none;
  }
  
  .aff-pokemon:hover {
      text-decoration: none;
  }
  
  .aff-item {
      background: #3498db;
      background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
      background-image: -moz-linear-gradient(top, #3498db, #2980b9);
      background-image: -ms-linear-gradient(top, #3498db, #2980b9);
      background-image: -o-linear-gradient(top, #3498db, #2980b9);
      background-image: linear-gradient(to bottom, #3498db, #2980b9);
      -webkit-border-radius: 28;
      -moz-border-radius: 28;
      border-radius: 28px;
      text-shadow: 1px 1px 3px #666666;
      color: #ffffff;
      font-size: 0.75rem;
      padding: 8px 15px 8px 15px;
      text-decoration: none;
  }
  
  .aff-item {
      text-decoration: none;
  }
  
  .gavatar,
  .davatar {
      min-height: 140px;
      clear: both;
      display: block;
      font-size: 0.9rem;
      background: #F9F9F9;
      border: 1px solid #DDD;
      color: #666;
      margin: 10px 0 15px 0;
      padding: 20px 20px 20px 20px;
  }
  
  .gnewseur img,
  .dnewseur img {
      border-radius: 50px;
      width: 100px;
      height: 100px;
      padding: 0;
  }
  
  .gnewseur {
      float: left;
      font-weight: 700;
      text-align: center;
      padding: 0px 30px 0px 0;
      margin: 0;
      margin-top: 0;
    margin-bottom: 0;
  }
  
  .dnewseur {
      float: right;
      font-weight: 700;
      text-align: center;
      padding: 0px 00px 26px 30px;
      margin: 0;
  }
  
  #editer-wikipedia {
      font-size: 1rem;
      cursor: pointer;
      color: #de2827;
      font-weight: bold;
  }
  
  #editer-wikipedia:before {
      content: '\2192';
      padding-right: 10px;
  }
  
  
  img.fr-fil {
      z-index: 1;
      position: relative;
      margin: auto;
      overflow: auto;
      padding: 0px 20px 20px 0;
      float: left!important
  }
  
  img.fr-fir {
      z-index: 1;
      position: relative;
      margin: auto;
      overflow: auto;
      padding: 0px 0px 20px 20px;
      float: right!important
  }
  
  img.fr-fin {
      z-index: 1;
      position: relative;
      margin: auto;
      overflow: auto;
      float: none
  }
  
  img.fr-dib {
      vertical-align: top;
      display: block
  }
  
  .fr-tnv.fr-fvl {
      text-align: left
  }
  
  .fr-tnv.fr-fvr {
      text-align: right
  }
  
  .mce-object-iframe {
      cursor: default;
      margin: 0 auto;
      outline: 0;
      border: 0;
      max-width: 100%;
      display:block;
  }
  
  .com-content > div {
    position: relative;
  }
  .com-options.discord-icon {
    background-image: url(/www/discord-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 20px;
    width: 22px;
    padding: 0;
    opacity: 0.5;
    background-position: center;
    position: absolute;
    right: 0;
  }
  
  /* =============================================
     DARK MODE OVERRIDES (Tailwind Gray Scale)
     ============================================= */
  
 
  .dark .code-style {
      background-color: #1f2937;
      border-left-color: #f97316;
      color: #e5e7eb;
  }
  
 
  .dark .gavatar,
  .dark .davatar {
      background: #1f2937;
      border-color: #374151;
      color: #d1d5db;
  }
  
 
  .dark .bcs {
      border-color: #3b82f6;
      color: #60a5fa;
  }
  

  
 
  .dark #editer-wikipedia {
      color: #f87171;
  }
  
 
  .dark .graphe {
      background: #ea580c;
  }
  
 
  .dark .com-options.discord-icon {
      opacity: 0.7;
      filter: invert(1);
  }
  
  
  
  
  
  /* ============================================================================
     SEARCH (Google Custom Search)
     ============================================================================ */
  .gsc-modal-results {
    height: 100% !important;
    overflow: hidden !important;
  }
  
  .gsc-modal-results > div,
  .gsc-modal-results .gsc-control-cse,
  .gsc-modal-results .gsc-control-wrapper-cse {
    height: 100% !important;
  }
  
  .gsc-wrapper {
    position: relative;
    display: block;
    line-height: 1.4rem;
    max-height: 100%;
    overflow: auto;
  }
  
  .gsc-modal-results .gsc-results-wrapper-nooverlay,
  .gsc-modal-results .gsc-results-wrapper-visible {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  
  .gsc-modal-results .gsc-control-wrapper-cse {
    visibility: visible !important;
  }
  
  .gsc-modal-results .gsc-search-box {
    display: none !important;
  }
  
  .gsc-control-cse {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  
  .gsc-results-wrapper-nooverlay,
  .gsc-results-wrapper-visible,
  .gsc-results {
    background-color: transparent !important;
    border: none !important;
  }
  
  .gsc-webResult.gsc-result {
    border: none !important;
    background-color: transparent !important;
    padding-bottom: 20px !important;
  }
  
  .gsc-above-wrapper-area {
    border-bottom: none !important;
  }
  
  .gs-web-image-box .gs-image,
  .gs-promotion-image-box .gs-promotion-image {
    border: none !important;
    box-shadow: none !important;
  }
  
  .gsc-result-info {
    color: #5f6368 !important;
    font-family: inherit !important;
  }
  
  .gs-title a.gs-title,
  .gs-title b {
    color: #1a0dab !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }
  
  .gs-title a.gs-title:hover {
    text-decoration: underline !important;
  }
  
  .gsc-url-top,
  .gs-visibleUrl,
  .gs-visibleUrl-short,
  .gs-visibleUrl-long,
  .gs-visibleUrl-breadcrumb {
    color: #006621 !important;
  }
  
  .gs-snippet {
    color: #4d5156 !important;
    line-height: 1.5 !important;
    background: none;
    border: none;
  }
  
  .gsc-cursor-page {
    color: #1a0dab !important;
    background-color: transparent !important;
  }
  
  .gsc-cursor-current-page {
    color: #1f2937 !important;
    font-weight: bold !important;
  }
  
  .gcsc-more-maybe-branding-root,
  .gsc-above-wrapper-area {
    display: none !important;
  }
  
  .gs-no-results-result .gs-snippet,
  .gs-error-result .gs-snippet {
    background-color: transparent !important;
    border: 1px solid transparent !important;
  }
  
 
  .dark .gsc-result-info {
    color: #9aa0a6 !important;
  }
  
  .dark .gs-title a.gs-title,
  .dark .gs-title b {
    color: #8ab4f8 !important;
  }
  
  .dark .gsc-url-top,
  .dark .gs-visibleUrl,
  .dark .gs-visibleUrl-short,
  .dark .gs-visibleUrl-long,
  .dark .gs-visibleUrl-breadcrumb {
    color: #81c995 !important;
  }
  
  .dark .gs-snippet {
    color: #e8eaed !important;
  }
  
  .dark .gsc-cursor-page {
    color: #8ab4f8 !important;
  }
  
  .dark .gsc-cursor-current-page {
    color: #ffffff !important;
  }