*{
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
}

:root{
  --home-overlay: rgba(20,20,20,.58);
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f8f9fa;
  --border:#dadce0;
  --text:#202124;
  --muted:#5f6368;
  --blue:#1a0dab;
  --green:#188038;
  --tab:#5f6368;
  --tab-active:#202124;
  --yellow:#fbbc04;
  --yellow-hover:#e8b200;
}

body.dark-results{
  --bg:#202124;
  --surface:#202124;
  --surface-2:#303134;
  --border:#3c4043;
  --text:#e8eaed;
  --muted:#9aa0a6;
  --blue:#8ab4f8;
  --green:#34a853;
  --tab:#bdc1c6;
  --tab-active:#e8eaed;
}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--bg);
  color:var(--text);
}

.page{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:14px 16px 30px;
  position:relative;
}

.logo-link{
  display:inline-block;
  margin-top:6px;
  margin-bottom:10px;
  text-decoration:none;
}

.logo-img{
  width:320px;
  max-width:70vw;
  display:block;
  height:auto;
}

.search-area{
  width:100%;
  max-width:760px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  position:relative;
  margin-bottom:10px;
}

.search-pill{
  width:100%;
  display:flex;
  align-items:stretch;
  border-radius:999px;
  overflow:hidden;
  background:#ebebeb;
  box-shadow:0 4px 10px rgba(0, 0, 0, 0.288);
}

.input-wrap{
  position:relative;
  flex:1;
  min-width:0;
  background:#ebebeb;
  box-shadow:0 2px 10px rgba(0,0,0,.15);
}

.search-input{
  width:100%;
  height:50px;
  border:none;
  outline:none;
  background:transparent;
  color:#020507;
  font-size:16px;
  padding:0 42px 0 18px;
}

.search-input::placeholder{
  color:#5f6368;
}

.clear-btn{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  border:none;
  background:transparent;
  color:#202020;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  display:none;
  padding:0;
}

.submit-btn{
  border:none;
  background:#ebebeb;
  color:#5f6368;
  min-width:72px;
  padding:0 18px;
  font-size:30px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}

.action-buttons{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:2px;
}

.secondary-btn{
  border:none;
  background:#ebebeb;
  color:#5f6368;
  padding:10px 15px;
  border-radius:10px;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 2px 10px rgba(0, 0, 0, 0.103);
}

.secondary-btn:hover{
  background:#dbdbdb;
}

.notice{
  margin-top:1px;
  color:#000000;
  font-size:14px;
  text-align:center;
  min-height:20px;
}

.notice-cursor{
  display:inline-block;
  width:2px;
  height:14px;
  background:#050505;
  margin-left:4px;
  vertical-align:-2px;
  animation:blinkCursor 0.8s infinite;
}

@keyframes blinkCursor{
  0%,50%,100%{opacity:1;}
  25%,75%{opacity:0;}
}

.top-serp{
  width:100%;
  border-bottom:1px solid var(--border);
  background:var(--surface);
  padding:4px 0 0;
  display:none;
}

.top-serp-inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.top-logo-link{
  display:flex;
  align-items:center;
  height:100px;
  overflow:hidden;
}

.top-logo-link img{
  width:280px;
  height:auto;
  transform:translateY(-6px);
}

.serp-pill{
  flex:1;
  min-width:280px;
  max-width:860px;
  display:flex;
  align-items:stretch;
  border-radius:999px;
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:0 1px 6px rgba(32,33,36,.16);
}

.serp-input-wrap{
  position:relative;
  flex:1;
  min-width:0;
}

.serp-input{
  width:100%;
  height:48px;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
  font-size:16px;
  padding:0 92px 0 18px;
}

.serp-clear{
  position:absolute;
  right:56px;
  top:50%;
  transform:translateY(-50%);
  border:none;
  background:transparent;
  color:var(--muted);
  font-size:24px;
  cursor:pointer;
  display:none;
}

.serp-submit{
  border:none;
  background:transparent;
  color:#5f6368;
  padding:0 16px;
  font-size:30px;
  cursor:pointer;
  border-left:1px solid var(--border);
}

.tabs{
  max-width:1100px;
  margin:0 auto;
  padding:14px 12px 0 148px;
  display:flex;
  gap:18px;
  overflow-x:auto;
  white-space:nowrap;
  background:var(--surface);
}

.tab{
  color:var(--tab);
  text-decoration:none;
  font-size:15px;
  padding-bottom:12px;
  position:relative;
  cursor:pointer;
}

.tab.active{
  color:var(--tab-active);
  font-weight:600;
}

.tab.active::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:var(--tab-active);
  border-radius:2px;
}

.results-wrap{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:20px 12px 60px;
  display:none;
  background:var(--bg);
}

.results-inner{
  max-width:760px;
  margin-left:136px;
}

.result-info{
  color:var(--muted);
  font-size:14px;
  margin:18px 0 14px;
  text-align:left;
}

.result-item{
  margin-bottom:30px;
  padding-bottom:18px;
  border-bottom:6px solid rgba(0,0,0,.06);
}

body.dark-results .result-item{
  border-bottom:2px solid rgba(255,255,255,.08);
}

.result-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:8px;
}

.favicon{
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--surface-2);
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:var(--text);
  overflow:hidden;
  border:1px solid var(--border);
}

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

.result-meta{
  line-height:1.3;
}

.site-name{
  color:var(--text);
  font-size:14px;
  margin-bottom:2px;
}

.site-url{
  color:var(--green);
  font-size:13px;
  word-break:break-all;
}

.result-title{
  color:var(--blue);
  text-decoration:none;
  font-size:18px;
  line-height:1.35;
  display:inline-block;
  margin-bottom:8px;
  font-weight:400;
}

.result-title:hover{
  text-decoration:underline;
}

.result-desc{
  color:var(--text);
  font-size:15px;
  line-height:1.7;
  opacity:.9;
}

.empty-box{
  background:var(--surface-2);
  border:1px solid var(--border);
  border-radius:16px;
  padding:22px;
  color:var(--text);
}

.empty-title{
  font-size:20px;
  margin-bottom:8px;
}

.empty-text{
  color:var(--muted);
  line-height:1.6;
  font-size:15px;
}

.image-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:16px;
  align-items:start;
}

.image-card{
  display:block;
  text-decoration:none;
  background:transparent;
  border:none;
  border-radius:16px;
  overflow:hidden;
  box-shadow:none;
}

.image-thumb{
  width:100%;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
}

.image-thumb img{
  width:100%;
  height:auto;
  display:block;
}

.image-body{
  display:flex;
  flex-direction:column;
  padding:8px 4px 0;
}

.image-site{
  order:1;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  word-break:break-word;
  margin-bottom:4px;
}

.image-title{
  order:2;
  color:var(--text);
  font-size:14px;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.pagination{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
  padding-top:8px;
}

.pagination-btn{
  min-width:38px;
  height:38px;
  padding:0 12px;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--blue);
  border-radius:999px;
  cursor:pointer;
  font-size:14px;
  line-height:1;
}

.pagination-btn:hover{
  background:var(--surface-2);
}

.pagination-btn.active{
  background:#1a73e8;
  color:#fff;
  border-color:#1a73e8;
  font-weight:600;
}

.pagination-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.pagination-wrap{
  margin-top:18px;
}

.no-result-wrap{
  max-width:720px;
  margin:40px auto 0;
  text-align:left;
  color:var(--text);
}

.no-result-text{
  font-size:18px;
  margin-bottom:16px;
  line-height:1.7;
}

.no-result-suggest{
  font-size:16px;
  margin-bottom:8px;
}

.no-result-list{
  padding-left:22px;
  margin-bottom:30px;
}

.no-result-list li{
  font-size:14px;
  margin-bottom:6px;
  line-height:1.6;
}

.no-result-image{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-top:40px;
}

.no-result-icon{
  width:220px;
  max-width:70%;
}

.no-result-icon svg{
  width:100%;
  height:auto;
  display:block;
}

.no-result-big{
  margin-top:16px;
  font-size:28px;
  font-weight:600;
  color:#5f6368;
}

.no-result strong{
  font-weight:600;
}

.footer-copy{
  width:100%;
  text-align:center;
  padding:16px 10px;
  font-size:13px;
  color:var(--muted);
  border-top:1px solid var(--border);
  background:var(--surface);
  margin-top:auto;
}

.search-suggest-box{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:1000;
  display:none;
  margin-top:0;
}

.search-suggest-box.show{
  display:block;
}

.search-suggest-inner{
  background:#ebebeb;
  border-left:1px solid transparent !important;
  border-top:none;
  border-radius:0 0 24px 24px;
  box-shadow:0 4px 12px rgba(60,64,67,.15);
  padding:14px 16px 14px;
  text-align:left;
  min-height:588px;
  display:flex;
  flex-direction:column;
}

.search-suggest-label{
  font-size:15px;
  color:#5f6368;
  margin-bottom:10px;
  text-align:left;
}

.search-suggest-item{
  width:100%;
  border:none;
  background:transparent;
  text-align:left;
  padding:8px 0;
  font-size:16px;
  color:#202124;
  cursor:pointer;
  display:block;
}

.search-suggest-item:hover{
  background:#dadada;
}

.search-suggest-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:auto;
  padding-top:18px;
  padding-bottom:10px;
  flex-wrap:wrap;
}

.search-suggest-btn{
  border:1px solid #dbdbdb;
  background:#e2e2e2;
  color:#202124;
  padding:10px 16px;
  border-radius:10px;
  font-size:14px;
  cursor:pointer;
}

.search-suggest-btn:hover{
  background:#dadada;
}

.search-pill.suggest-open{
  border-radius:24px 24px 0 0;
  box-shadow:0 2px 8px rgba(60,64,67,.15);
}

.search-pill.suggest-open,
.search-pill.suggest-open .input-wrap,
.search-pill.suggest-open .submit-btn{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}

.search-area.suggest-open .action-buttons,
.search-area.suggest-open .notice{
  display:none;
}

.ad-marquee-wrap{
  width:100%;
  max-width:760px;
  margin:28px auto 0;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.ad-floating-title{
  position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto -2px;
  left:auto;
  transform:none;
  top:auto;
  background:#ebebeb;
  color:#202124;
  border:2px solid #dbdbdb;
  border-bottom:none;
  border-radius:8px 8px 0 0;
  font-size:14px;
  font-weight:500;
  padding:4px 14px;
  line-height:1.2;
  z-index:5;
  white-space:normal;
  text-align:center;
}

.ad-marquee{
  position:relative;
  width:100%;
  height:clamp(380px, 58vh, 520px);
  overflow:hidden;
  border:2px solid #dbdbdb;
  border-radius:20px;
  background:#ffffff;
  margin-top:0;
}

.ad-track{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 14px 14px;
  animation:scrollAds 28s linear infinite;
  align-items:stretch;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04);
}

.ad-marquee:hover .ad-track{
  animation-play-state:paused;
}

.ad-item{
  display:grid;
  grid-template-columns:40% 60%;
  align-items:stretch;
  text-decoration:none;
  background:#f8f9fa;
  border:1px solid #e0e0e0;
  border-radius:16px;
  overflow:hidden;
  min-height:108px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ad-item:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.ad-logo{
  width:100%;
  height:100%;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e2e2e2;
  border-right:1px solid #e0e0e0;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04);
}

.ad-logo img{
  width:100%;
  max-width:180px;
  max-height:84px;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0.2px 1px rgba(0,0,0,0.8));
}

.ad-text{
  width:100%;
  padding:14px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
}

.ad-title{
  font-size:16px;
  font-weight:700;
  color:#202124;
  line-height:1.3;
  margin-bottom:6px;
}

.ad-link{
  font-size:14px;
  color:#5f6368;
  line-height:1.5;
  word-break:break-word;
}

@keyframes scrollAds{
  0%{ transform:translateY(0); }
  100%{ transform:translateY(-50%); }
}

.ad-marquee::before,
.ad-marquee::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:0;
  z-index:2;
  pointer-events:none;
}

.ad-marquee::before{
  top:0;
  background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
}

.ad-marquee::after{
  bottom:0;
  background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}

body.user-dark{
  background:#202124 !important;
  color:#e8eaed !important;
}

body.user-dark .page,
body.user-dark .results-wrap,
body.user-dark .top-serp,
body.user-dark .tabs,
body.user-dark .footer-copy{
  background:#202124 !important;
  color:#e8eaed !important;
}

body.user-dark .search-pill,
body.user-dark .serp-pill{
  background:#303134 !important;
  border-color:#3c4043 !important;
}

body.user-dark .input-wrap,
body.user-dark .serp-input-wrap{
  background:#303134 !important;
}

body.user-dark .search-input,
body.user-dark .serp-input{
  color:#e8eaed !important;
  -webkit-text-fill-color:#e8eaed !important;
}

body.user-dark .search-input::placeholder,
body.user-dark .serp-input::placeholder{
  color:#9aa0a6 !important;
  opacity:1;
}

body.user-dark .clear-btn,
body.user-dark .serp-clear{
  color:#e8eaed !important;
}

body.user-dark .submit-btn,
body.user-dark .serp-submit,
body.user-dark .secondary-btn{
  background:#303134 !important;
  color:#bdc1c6 !important;
  border-color:#3c4043 !important;
}

body.user-dark .secondary-btn:hover{
  background:#3c4043 !important;
}

body.user-dark .notice{
  color:#e8eaed !important;
}

body.user-dark .search-suggest-inner{
  background:#303134 !important;
  border-color:#3c4043 !important;
}

body.user-dark .search-suggest-label,
body.user-dark .search-suggest-item{
  color:#e8eaed !important;
}

body.user-dark .search-suggest-item:hover{
  background:#3c4043 !important;
}

body.user-dark .search-suggest-btn{
  background:#2b2c2f !important;
  color:#e8eaed !important;
  border-color:#3c4043 !important;
}

body.user-dark .result-info,
body.user-dark .result-desc,
body.user-dark .site-name,
body.user-dark .image-title,
body.user-dark .empty-title,
body.user-dark .empty-text,
body.user-dark .no-result-text,
body.user-dark .no-result-suggest,
body.user-dark .no-result-big{
  color:#e8eaed !important;
}

body.user-dark .site-url,
body.user-dark .image-site{
  color:#34a853 !important;
}

body.user-dark .result-title{
  color:#8ab4f8 !important;
}

body.user-dark .result-item{
  border-bottom:2px solid rgba(255,255,255,.08) !important;
}

body.user-dark .favicon,
body.user-dark .image-thumb,
body.user-dark .empty-box{
  background:#2b2c2f !important;
  border-color:#3c4043 !important;
}

body.user-dark .tab{
  color:#bdc1c6 !important;
}

body.user-dark .tab.active{
  color:#e8eaed !important;
}

body.user-dark .tab.active::after{
  background:#e8eaed !important;
}

body.user-dark .ad-floating-title{
  color:#e8eaed;
  background:#202124;
  border-color:#3c4043;
}

body.user-dark .ad-marquee{
  background:#202124;
  border-color:#3c4043;
}

body.user-dark .ad-item{
  background:#2b2c2f;
  border-color:#43474b;
}

body.user-dark .ad-logo{
  background:#26282b;
  border-right-color:#43474b;
}

body.user-dark .ad-logo img{
  filter:drop-shadow(0 2px 4px rgba(0,0,0,0.8))
         drop-shadow(0 0 6px rgba(255,255,255,0.15));
}

body.user-dark .ad-title{
  color:#e8eaed;
}

body.user-dark .ad-link{
  color:#9aa0a6;
}

body.user-dark .ad-marquee::before{
  background:linear-gradient(to bottom, rgba(32,33,36,1), rgba(32,33,36,0));
}

body.user-dark .ad-marquee::after{
  background:linear-gradient(to top, rgba(32,33,36,1), rgba(32,33,36,0));
}

.top-right-menu{
  position:absolute;
  top:16px;
  right:20px;
  display:flex;
  gap:18px;
  z-index:10;
}

.theme-link{
  background:none;
  border:none;
  font-size:14px;
  color:#303134;
  cursor:pointer;
  padding:4px 0;
}

.theme-link:hover{
  text-decoration:underline;
}

.theme-link.active{
  color:#303134;
  font-weight:600;
}

body.user-dark .theme-link{
  color:#bdc1c6;
}

body.user-dark .theme-link.active{
  color:#ffffff;
}

.theme-toggle-btn{
  background:transparent;
  border:none;
  font-size:14px;
  color:#5f6368;
  cursor:pointer;
  padding:4px 0;
  line-height:1.2;
}

.theme-toggle-btn:hover{
  text-decoration:underline;
}

body.user-dark .theme-toggle-btn{
  color:#e8eaed;
}

.theme-switcher{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:18px 0 18px;
  position:relative;
  z-index:5;
}

.theme-btn{
  border:1px solid #dadce0;
  background:#ffffff;
  color:#202124;
  padding:8px 14px;
  border-radius:999px;
  font-size:14px;
  cursor:pointer;
  line-height:1;
}

.theme-btn.active{
  background:#202124;
  color:#ffffff;
  border-color:#202124;
}

body.user-dark .theme-btn{
  background:#2b2c2f !important;
  color:#e8eaed !important;
  border-color:#3c4043 !important;
}

body.user-dark .theme-btn.active{
  background:#e8eaed !important;
  color:#202124 !important;
  border-color:#e8eaed !important;
}

@media (max-width:900px){
  .results-inner{
    margin-left:0;
  }

  .tabs{
    padding-left:12px;
  }
}

@media (min-width:701px){
  .search-area{
    margin-top:-20px;
  }
}

@media (max-width:700px){
  .logo-img{
    width:320px;
    max-width:70vw;
    height:auto;
  }

  .submit-btn{
    min-width:64px;
    padding:0 14px;
  }

  .top-serp{
    padding:8px 0 0;
  }

  .top-serp-inner{
    max-width:100%;
    margin:0 auto;
    padding:0 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    flex-wrap:nowrap;
  }

  .top-logo-link{
    height:80px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .top-logo-link img{
    width:260px;
    max-width:80vw;
    height:auto;
    transform:translateY(-6px);
  }

  .serp-pill{
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
  }

  .serp-input{
    font-size:16px;
    padding:0 88px 0 16px;
  }

  .serp-clear{
    right:54px;
    font-size:22px;
  }

  .serp-submit{
    padding:0 14px;
    font-size:28px;
  }

  .tabs{
    max-width:100%;
    margin:0 auto;
    padding:10px 16px 0;
    gap:18px;
  }

  .results-wrap{
    padding:18px 16px 50px;
  }

  .results-inner{
    max-width:100%;
    margin-left:0;
  }

  .result-title{
    font-size:16px;
  }

  .result-desc{
    font-size:14px;
    line-height:1.65;
  }

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

  .image-card{
    border-radius:14px;
  }

  .image-thumb{
    border-radius:14px;
  }

  .image-body{
    padding:6px 2px 0;
  }

  .image-title{
    order:1;
    font-size:13px;
    line-height:1.35;
    margin-bottom:3px;
  }

  .image-site{
    order:2;
    font-size:11px;
    line-height:1.3;
    margin-bottom:0;
  }

  .pagination{
    justify-content:center;
    gap:6px;
  }

  .pagination-btn{
    min-width:34px;
    height:34px;
    padding:0 10px;
    font-size:13px;
  }

  .pagination-wrap{
    margin-top:14px;
  }

  .no-result-text{
    font-size:16px;
  }

  .no-result-suggest{
    font-size:15px;
  }

  .no-result-big{
    font-size:24px;
  }

.ad-marquee-wrap{
  width:100%;
  max-width:340px;
  margin:18px auto 0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
}

  .ad-floating-title{
    font-size:13px;
    padding:5px 12px;
    max-width:100%;
    white-space:normal;
    text-align:center;
  }

  .ad-marquee{
    height:430px;
    border-radius:16px;
    width:100%;
  }

  .ad-track{
    gap:10px;
    padding:10px;
  }

  .ad-item{
    grid-template-columns:1fr;
    min-height:auto;
    border-radius:14px;
  }

  .ad-logo{
    border-right:none;
    border-bottom:1px solid #dbdbdb;
    padding:10px;
  }

  .ad-logo img{
    max-width:155px;
    max-height:80px;
    filter:drop-shadow(0 0.5px 1px rgba(0,0,0,0.8));
  }

  .ad-text{
    padding:10px 12px;
  }

  .ad-title{
    font-size:14px;
    margin-bottom:4px;
    line-height:1.35;
  }

  .ad-link{
    font-size:13px;
    line-height:1.35;
  }

  .theme-switcher{
    margin:12px 0 16px;
  }

  .theme-btn{
    font-size:13px;
    padding:7px 12px;
  }

  .top-right-menu{
    top:10px;
    right:14px;
    gap:14px;
  }

  .theme-link{
    font-size:13px;
  }

  .theme-toggle-btn{
    font-size:14px;
  }

  .search-area{
    margin-top:0;
  }

  body.user-dark .search-input,
  body.user-dark .serp-input{ 
    color:#e8eaed !important;
    -webkit-text-fill-color:#e8eaed !important;
  }

  body.user-dark .search-input::placeholder,
  body.user-dark .serp-input::placeholder{
    color:#9aa0a6 !important;
    opacity:1;
  }

  body.user-dark .search-pill,
  body.user-dark .serp-pill{
    background:#303134 !important;
  }

  body.user-dark .input-wrap,
  body.user-dark .serp-input-wrap{
    background:#303134 !important;
  }

.serp-theme-menu{
  display:flex;
  justify-content:flex-start;
  margin-bottom:6px;
  padding-left:2px;
}

.serp-theme-btn{
  background:transparent;
  border:none;
  font-size:14px;
  cursor:pointer;
  line-height:1.2;
}

.serp-theme-btn:hover{
  text-decoration:underline;
}

.search-suggest-item{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:8px 0 !important;
  border:none;
  background:transparent;
  text-align:left;
  font-size:16px;
  color:#202124;
  cursor:pointer;
}

.search-suggest-item .icon-arrow{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  margin-right:8px !important;
  object-fit:contain !important;
  display:block !important;
}

.search-suggest-item .suggest-text{
  display:block !important;
  line-height:1.2 !important;
}

.result-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.result-desc{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

}