@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

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

:root {
  --primary: #1b1a17;
  --primary-hover: #6b6860;
  --primary-rgb: 27, 26, 23;
  --danger: #a94442;
  --danger-rgb: 169, 68, 66;
  --warning: #b8860b;
  --success: #3d7a4a;
  --bg: #f5f3f0;
  --bg-light: #ffffff;
  --bg-hover: #e5e2d8;
  --border: #d4d0c8;
  --border-light: #d4d0c8;
  --text-primary: #1b1a17;
  --text-secondary: #6b6860;
  --text-link: #1b1a17;
  --text-link-visited: #6b6860;
  --text-cite: #1b1a17;
  --text-snippet: #6b6860;
  --search-bar-bg: #ffffff;
  --search-bar-bg-hover: #ffffff;
  --btn-bg: #ffffff;
  --btn-text: #1b1a17;
  --overlay-bg: rgba(0, 0, 0, 0.45);
  --white: #ffffff;
  --brand-blue: #1b1a17;
  --doc-sidebar: #ece9e2;
  --doc-active: #dedad0;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --primary: #1b1a17;
    --primary-hover: #6b6860;
    --primary-rgb: 27, 26, 23;
    --danger: #a94442;
    --danger-rgb: 169, 68, 66;
    --warning: #b8860b;
    --success: #3d7a4a;
    --bg: #f5f3f0;
    --bg-light: #ffffff;
    --bg-hover: #e5e2d8;
    --border: #d4d0c8;
    --border-light: #d4d0c8;
    --text-primary: #1b1a17;
    --text-secondary: #6b6860;
    --text-link: #1b1a17;
    --text-link-visited: #6b6860;
    --text-cite: #1b1a17;
    --text-snippet: #6b6860;
    --search-bar-bg: #ffffff;
    --search-bar-bg-hover: #ffffff;
    --btn-bg: #ffffff;
    --btn-text: #1b1a17;
    --overlay-bg: rgba(0, 0, 0, 0.45);
    --white: #ffffff;
    --brand-blue: #1b1a17;
    --doc-sidebar: #ece9e2;
    --doc-active: #dedad0;
  }
}

[data-theme="light"] {
  --primary: #1b1a17;
  --primary-hover: #6b6860;
  --primary-rgb: 27, 26, 23;
  --danger: #a94442;
  --danger-rgb: 169, 68, 66;
  --warning: #b8860b;
  --success: #3d7a4a;
  --bg: #f5f3f0;
  --bg-light: #ffffff;
  --bg-hover: #e5e2d8;
  --border: #d4d0c8;
  --border-light: #d4d0c8;
  --text-primary: #1b1a17;
  --text-secondary: #6b6860;
  --text-link: #1b1a17;
  --text-link-visited: #6b6860;
  --text-cite: #1b1a17;
  --text-snippet: #6b6860;
  --search-bar-bg: #ffffff;
  --search-bar-bg-hover: #ffffff;
  --btn-bg: #ffffff;
  --btn-text: #1b1a17;
  --overlay-bg: rgba(0, 0, 0, 0.45);
  --white: #ffffff;
  --brand-blue: #1b1a17;
  --doc-sidebar: #ece9e2;
  --doc-active: #dedad0;
}

[data-theme="dark"] {
  --primary: #e2dfd6;
  --primary-hover: #857f74;
  --primary-rgb: 226, 223, 214;
  --danger: #e57373;
  --danger-rgb: 229, 115, 115;
  --warning: #ffd54f;
  --success: #81c784;
  --bg: #0f0e0d;
  --bg-light: #171614;
  --bg-hover: #1e1d1b;
  --border: #636055;
  --border-light: #2c2b27;
  --text-primary: #e2dfd6;
  --text-secondary: #857f74;
  --text-link: #e2dfd6;
  --text-link-visited: #857f74;
  --text-cite: #e2dfd6;
  --text-snippet: #857f74;
  --search-bar-bg: #171614;
  --search-bar-bg-hover: #171614;
  --btn-bg: #171614;
  --btn-text: #e2dfd6;
  --overlay-bg: rgba(0, 0, 0, 0.55);
  --white: #171614;
  --brand-blue: #e2dfd6;
  --doc-sidebar: #131210;
  --doc-active: #252420;
}

html {
  font-size: 100%;
}

body {
  font-family: "Inter", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  background: var(--bg);
  color: var(--text-primary);
}

::selection {
  background: rgba(0, 102, 204, 0.22);
}

html[data-theme="dark"] ::selection {
  background: rgba(110, 179, 247, 0.28);
}

mark {
  background: rgba(0, 102, 204, 0.18);
  color: inherit;
  padding: 0 0.1em;
}

[data-theme="dark"] mark {
  background: rgba(110, 179, 247, 0.25);
}

::-webkit-scrollbar {
  width: 0.5rem;
}

::-webkit-scrollbar-track {
  background: var(--bg);
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 0;
}

#header {
  background: var(--doc-sidebar);
  border-bottom: 0.0625rem solid var(--border);
}

.header-link {
  color: var(--text-secondary);
  text-decoration: none;
}

.header-link:hover {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.settings-gear:hover {
  color: var(--text-primary);
}

.logo-d,
.logo-e,
.logo-g1,
.logo-o1,
.logo-o2,
.logo-g2 {
  color: var(--text-primary);
}

.search-bar,
.results-search-bar {
  background: var(--search-bar-bg);
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: none;
}

.search-bar:hover,
.search-bar:focus-within,
.results-search-bar:hover,
.results-search-bar:focus-within {
  border-color: var(--text-secondary);
}

.search-bar.ac-open,
.results-search-bar.ac-open {
  border-radius: 0;
}

.ac-dropdown {
  background: var(--search-bar-bg);
  border: 0.0625rem solid var(--border);
  border-top: none;
  border-radius: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.search-btn,
.lucky-btn,
.button-row button {
  background: var(--btn-bg);
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  color: var(--btn-text);
  box-shadow: none;
}

.search-btn:hover,
.lucky-btn:hover,
.button-row button:hover {
  background: var(--bg-hover);
}

#results-tabs {
  border-bottom: 0.0625rem solid var(--border);
}

.results-tab {
  border-bottom: 2px solid transparent;
}

.results-tab.active {
  border-bottom-color: var(--text-primary);
  font-weight: 600;
}

.tools-dropdown {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  background: var(--bg-light);
}

.tools-menu-item:hover {
  background: var(--bg-hover);
}

.result-item {
  border-bottom: 0.0625rem solid var(--border);
  padding: 1rem 0;
}

.result-title {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
  font-size: 1.125rem;
}

.result-title:hover {
  color: var(--text-secondary);
}

.result-title:visited {
  color: var(--text-link-visited);
}

.result-snippet {
  color: var(--text-snippet);
}

.result-cite {
  color: var(--text-cite);
}

.result-engine-tag {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  background: var(--bg-light);
  box-shadow: none;
}

.result-thumbnail-wrap {
  border-radius: 0;
  border: 0.0625rem solid var(--border);
}

.result-favicon {
  border-radius: 0;
}

.result-actions-toggle {
  border-radius: 0;
}

.result-actions-menu {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.result-actions-toast {
  border-radius: 0;
}

.pagination-link,
.pagination-current {
  border-radius: 0;
  border: 0.0625rem solid var(--border);
  margin-right: -1px;
  color: var(--text-primary);
}

.pagination-link:hover {
  background: var(--bg-hover);
}

.pagination-current {
  background: var(--doc-active);
  font-weight: 600;
}

.pagination-nav {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pagination-nav:hover {
  color: var(--text-secondary);
}

.glance-box {
  background: var(--bg-light);
  border: 0.0625rem solid var(--border);
  border-left: 3px solid var(--text-secondary);
  border-radius: 0;
  box-shadow: none;
}

.glance-link {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.glance-link:hover {
  color: var(--text-secondary);
}

.results-slot-panel {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: none;
  background: var(--bg-light);
}

.results-slot-panel-body a {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sidebar-panel {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: none;
  background: var(--bg-light);
}

.kp-image {
  border-radius: 0;
}

.kp-link {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.image-card,
.video-card {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: none;
}

.command-result {
  font-family: "Inter", Arial, sans-serif;
}

.command-help-table {
  border-collapse: collapse;
  width: 100%;
}

.command-help-table th,
.command-help-table td {
  border: 0.0625rem solid var(--border);
  padding: 0.375rem 0.625rem;
}

.command-help-table th {
  background: var(--doc-sidebar);
  font-weight: 600;
}

.btn {
  border-radius: 0;
}

.btn:focus-visible {
  outline: 2px solid var(--text-secondary);
  outline-offset: 2px;
}

.btn--secondary {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  background: var(--bg-light);
  color: var(--text-primary);
}

.btn--secondary:hover {
  background: var(--bg-hover);
}

.btn--primary {
  background: var(--btn-bg);
  color: var(--btn-text);
  border: 0.0625rem solid var(--border);
  box-shadow: none;
}

.btn--primary:hover {
  background: var(--bg-hover);
  color: var(--btn-text);
}

.btn--danger {
  background: rgba(var(--danger-rgb), 0.14);
  color: var(--danger);
}

.btn--danger:hover:not(:disabled) {
  background: rgba(var(--danger-rgb), 0.22);
}

.ext-modal {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.ext-modal-header,
.ext-modal-footer {
  border-color: var(--border);
}

.ext-docs-body code {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  background: var(--bg-light);
  padding: 0.0625rem 0.25rem;
}

.ext-docs-body pre {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  background: var(--doc-sidebar);
  box-shadow: none;
}

.ext-field-input,
textarea.ext-field-input,
select.ext-field-input {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  background: var(--bg-light);
  color: var(--text-primary);
}

.ext-field-input:focus {
  outline: none;
  border-color: var(--text-secondary);
}

.settings-page {
  background: var(--bg);
}

.settings-nav-item {
  border-radius: 0;
  border-left: 2px solid transparent;
}

.settings-nav-item:hover {
  background: var(--bg-hover);
}

.settings-nav-item.active {
  background: var(--doc-active);
  box-shadow: none;
  border: none;
  border-left: 2px solid var(--text-primary);
  border-radius: 0;
  font-weight: 600;
}

.settings-fieldset {
  border: 0.0625rem solid var(--border);
  padding: 1rem;
  background: var(--bg-light);
}

.settings-tab-select {
  border: 0.0625rem solid var(--border);
  border-radius: 0;
  background: var(--bg-light);
  color: var(--text-primary);
}

.ac-item:hover,
.ac-item.ac-active {
  background: var(--bg-hover);
}

#home-footer a {
  color: var(--text-secondary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#home-footer a:hover {
  color: var(--text-primary);
}

.settings-fieldset-inverse,
.settings-toggle-wrap,
.settings-tab-select,
.settings-nav-item,
.theme-select,
.toggle-slider,
.settings-proxy-urls,
.settings-score-domain,
.settings-score-value,
.settings-score-remove,
.proxy-test-result,
.settings-rate-limit-input,
.settings-auth-input,
.settings-auth-submit,
.settings-save,
.store-repo-img,
.store-repo-img-placeholder,
.store-repo-update-dot,
.store-repo-detail,
.store-input-url,
.store-updates-row,
.store-search-input,
.store-filter-select,
.store-card,
.store-type-badge,
.store-subtype-badge,
.store-lightbox-close,
.store-lightbox-prev,
.store-lightbox-next,
.store-lightbox-img,
.store-lightbox-counter,
.ext-card,
.ext-modal,
.ext-field-input,
textarea.ext-field-input,
select.ext-field-input,
.ext-modal code,
.ext-modal pre,
.ext-docs-body code,
.ext-docs-body pre,
.ext-urllist-input,
.ext-urllist-add-btn,
.ext-test-btn,
.tools-dropdown,
.tools-submenu,
.tools-date-input,
.tools-date-apply,
.tools-lang-filter,
.result-actions-toggle,
.result-actions-menu,
.result-actions-toast,
.result-favicon,
.result-favicon-fallback,
.result-insecure-badge,
.result-thumbnail-wrap,
.result-engine-tag,
.pagination-link,
.pagination-current,
.glance-box,
.image-card,
.video-card,
.video-duration,
.results-slot-panel,
.loading-dots span,
.sidebar-panel,
.kp-image,
.engine-stat-bar-wrap,
.engine-stat-bar,
.glance-ai-badge,
.glance-ai-dive,
.glance-ai-input,
#media-preview-panel,
.media-preview-nav,
.skeleton-line,
.skeleton-media-card,
.skeleton-video-card,
.skeleton-media-thumb,
.skeleton-feed-card,
.skeleton-feed-line,
.home-feed-card,
.help-search,
.help-layout,
.help-hint code,
.help-tab-count,
.command-uuid code,
.command-uuid .uuid-copy,
.command-speedtest .speedtest-bar,
.command-speedtest .speedtest-bar-fill,
.command-media-grid .media-card,
.command-media-grid .media-type-badge,
.btn,
.btn--secondary,
.search-btn,
.lucky-btn,
.search-bar-action-btn,
.ac-dropdown {
  border-radius: 0;
}

.toggle-slider::after {
  border-radius: 0;
}

.ext-configured-badge::before,
.ext-needs-config-badge::before {
  border-radius: 0;
}