/* Hand-drawn paper interface from the supplied design reference.
   Every rule is scoped so the public landing page remains unchanged. */
.sketch-app {
  --sketch-canvas: #e9e5da;
  --sketch-paper: #fffdf7;
  --sketch-paper-soft: #f7f3e9;
  --sketch-ink: #26322a;
  --sketch-muted: #777a71;
  --sketch-green: #247547;
  --sketch-green-dark: #185c35;
  --sketch-green-soft: #dcebdd;
  --sketch-line: #303931;
  --sketch-red: #9f493e;
  color: var(--sketch-ink);
  font-family: "Courier New", Courier, ui-monospace, monospace;
  background-color: var(--sketch-canvas);
  background-image:
    radial-gradient(circle at 17% 21%, rgba(44, 52, 45, .07) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 68%, rgba(44, 52, 45, .055) 0 1px, transparent 1.4px),
    radial-gradient(circle at 43% 83%, rgba(255, 255, 255, .5) 0 1px, transparent 1.6px);
  background-size: 21px 19px, 31px 29px, 24px 27px;
}
.sketch-app,
.sketch-app * { font-family: "Courier New", "Liberation Mono", Courier, monospace !important; }
.sketch-app a { color: var(--sketch-green); }
.sketch-app [hidden] { display: none !important; }
.sketch-app .nav-wrap { border: 0; padding-top: 13px; background: transparent; backdrop-filter: none; }
.sketch-app .nav {
  min-height: 62px;
  border: 2px solid var(--sketch-line);
  border-radius: 8px 13px 7px 15px;
  padding-inline: 17px;
  background: var(--sketch-paper);
  box-shadow: 5px 6px 0 rgba(37, 49, 40, .12);
}
.sketch-app .brand { color: var(--sketch-ink); font-weight: 900; letter-spacing: -.06em; }
.sketch-app .brand span:not(.gem) { color: var(--sketch-green); }
.sketch-app .gem,
.sketch-app .chat-gem {
  border: 2px solid var(--sketch-line);
  border-radius: 46% 54% 42% 58%;
  background: var(--sketch-green);
  color: #fff !important;
  box-shadow: 2px 2px 0 rgba(37, 49, 40, .18);
}
.sketch-app .links a { color: var(--sketch-ink); font-weight: 750; }
.sketch-app .links a:hover { color: var(--sketch-green); }
.sketch-app .btn,
.sketch-app button:not(.notification-bell) {
  border-radius: 5px 8px 5px 7px;
}
.sketch-app .btn.primary,
.sketch-app .token-store-button {
  border: 2px solid var(--sketch-line);
  background: var(--sketch-green);
  color: #fff;
  box-shadow: 3px 3px 0 rgba(32, 43, 35, .18);
}
.sketch-app .btn.primary:hover,
.sketch-app .token-store-button:hover { background: var(--sketch-green-dark); transform: translate(-1px, -1px); }
.sketch-app .btn.ghost,
.sketch-app .btn.outline,
.sketch-app .admin-link,
.sketch-app .chat-nav-link {
  border: 1.5px solid var(--sketch-line);
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: none;
}
.sketch-app input,
.sketch-app select,
.sketch-app textarea {
  border: 1.5px solid var(--sketch-line) !important;
  border-radius: 5px 8px 4px 7px !important;
  background: #fffef9 !important;
  color: var(--sketch-ink) !important;
  box-shadow: inset 2px 2px 0 rgba(43, 54, 46, .05) !important;
}
.sketch-app input:focus,
.sketch-app select:focus,
.sketch-app textarea:focus { border-color: var(--sketch-green) !important; outline: 2px solid rgba(36, 117, 71, .14); }
.sketch-app .flash-stack { top: 92px; }
.sketch-app .flash { border: 2px solid var(--sketch-line); border-radius: 7px 11px 6px 10px; background: var(--sketch-paper); color: var(--sketch-ink); box-shadow: 5px 5px 0 rgba(37,49,40,.12); }
.sketch-app .site-footer { border-top: 2px solid var(--sketch-line); background: var(--sketch-paper-soft); color: var(--sketch-ink); }
.sketch-app .site-footer .brand,
.sketch-app .site-footer p,
.sketch-app .site-footer a { color: var(--sketch-ink); }

/* Auth card */
.sketch-auth { min-height: 100svh; overflow-x: hidden; }
.sketch-auth > .nav-wrap,
.sketch-auth > .site-footer { display: none; }
.sketch-auth .auth-page { min-height: 100svh; padding: 45px 18px; background: transparent; }
.sketch-auth .auth-card {
  position: relative;
  width: min(540px, 100%);
  border: 2px solid var(--sketch-line);
  border-radius: 14px 8px 17px 10px;
  padding: 45px 54px 42px;
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: 12px 13px 0 rgba(42, 50, 43, .13), 0 28px 70px rgba(42, 50, 43, .12);
  transform: rotate(-.35deg);
  backdrop-filter: none;
}
.sketch-auth .auth-card:before {
  content: "";
  position: absolute;
  inset: 10px 13px 12px 9px;
  z-index: -1;
  border: 1px solid rgba(48, 57, 49, .28);
  border-radius: 8px 16px 10px 13px;
  transform: rotate(.55deg);
}
.sketch-auth .auth-video-pepe {
  position: absolute;
  top: -38px;
  right: 24px;
  display: grid;
  place-items: center;
  width: 120px;
  height: 72px;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: rotate(6deg);
}
.sketch-auth .auth-video-pepe:before,
.sketch-auth .auth-video-pepe:after { display: none !important; content: none !important; background: none !important; box-shadow: none !important; }
.sketch-auth .auth-video-pepe img { display: block; width: 100%; height: 100%; border: 0 !important; border-radius: 0 !important; outline: 0 !important; object-fit: contain; background: transparent !important; box-shadow: none !important; filter: none !important; }
.sketch-auth .auth-card > .brand { justify-content: center; margin-bottom: 30px; font-size: 20px; }
.sketch-auth .sketch-auth-tabs { display: flex; justify-content: center; gap: 44px; margin: 0 0 35px; }
.sketch-auth .sketch-auth-tabs a { position: relative; z-index: 1; padding: 8px 4px; color: #9a978e; font-size: 16px; font-weight: 850; text-decoration: none; text-transform: uppercase; }
.sketch-auth .sketch-auth-tabs a.is-active { color: var(--sketch-green); }
.sketch-auth .sketch-auth-tabs a.is-active:before,
.sketch-dashboard .dashboard-view-tabs button.is-active:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -8px -18px;
  border: 2px solid var(--sketch-green);
  border-radius: 49% 54% 47% 56%;
  transform: rotate(-3deg);
}
.sketch-auth .sketch-auth-tabs a.is-active:after,
.sketch-dashboard .dashboard-view-tabs button.is-active:after { content: ""; position: absolute; z-index: -1; inset: -5px -15px -9px -20px; border: 1px solid rgba(36,117,71,.55); border-radius: 55% 47% 58% 45%; transform: rotate(3deg); }
.sketch-auth .auth-card h1 { margin-top: 0; color: var(--sketch-ink); font-size: clamp(24px, 4vw, 34px); text-align: center; }
.sketch-auth .auth-card > p { color: var(--sketch-muted); text-align: center; }
.sketch-auth .auth-card label { color: var(--sketch-ink); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.sketch-auth .auth-card input { min-height: 49px; margin-top: 7px; padding-inline: 14px; }
.sketch-auth .auth-card .submit { min-height: 50px; margin-top: 5px; text-transform: uppercase; }
.sketch-auth .antifraud-note { font-size: 9px; line-height: 1.5; }
.sketch-auth .auth-form-error { border: 2px solid #8c4940; border-radius: 6px 9px 5px 10px; background: #fff1ec; color: #7c382f; }

/* Dashboard */
.sketch-dashboard .dashboard { padding-top: 42px; padding-bottom: 95px; }
.sketch-dashboard .dash-head { align-items: end; }
.sketch-dashboard .dash-head small,
.sketch-dashboard .cases-head > div > span,
.sketch-dashboard .promo-redeem span,
.sketch-dashboard .admin-shortcut span { color: var(--sketch-green); font-weight: 950; letter-spacing: .16em; }
.sketch-dashboard .dash-head h1 { color: var(--sketch-ink); font-size: clamp(30px, 5vw, 50px); letter-spacing: -.06em; }
.sketch-dashboard .dash-head p { color: var(--sketch-muted); }
.sketch-dashboard .dashboard-view-tabs {
  position: sticky;
  z-index: 12;
  top: 90px;
  display: flex;
  justify-content: center;
  gap: 42px;
  width: max-content;
  margin: 27px auto 33px;
  border: 2px solid var(--sketch-line);
  border-radius: 9px 14px 8px 12px;
  padding: 12px 35px;
  background: rgba(255, 253, 247, .95);
  box-shadow: 5px 6px 0 rgba(39, 49, 41, .12);
}
.sketch-dashboard .dashboard-view-tabs button { position: relative; z-index: 1; border: 0; padding: 8px 5px; background: transparent; color: #929087; font-size: 14px; font-weight: 900; text-transform: uppercase; cursor: pointer; }
.sketch-dashboard .dashboard-view-tabs button.is-active { color: var(--sketch-green); }
.sketch-dashboard .dashboard-view-tabs button span { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 4px; border: 1px solid currentColor; border-radius: 50%; font-size: 9px; }
.sketch-dashboard .stat-grid article,
.sketch-dashboard .panel,
.sketch-dashboard .promo-redeem,
.sketch-dashboard .admin-shortcut,
.sketch-dashboard .token-store,
.sketch-dashboard .api-key-card,
.sketch-dashboard .usage-entry,
.sketch-dashboard .usage-modal-card {
  border: 2px solid var(--sketch-line) !important;
  border-radius: 9px 14px 8px 12px !important;
  background: var(--sketch-paper) !important;
  color: var(--sketch-ink) !important;
  box-shadow: 5px 6px 0 rgba(39, 49, 41, .1) !important;
  backdrop-filter: none !important;
}
.sketch-dashboard .stat-grid article:nth-child(2) { transform: rotate(.35deg); }
.sketch-dashboard .stat-grid strong,
.sketch-dashboard .panel h2,
.sketch-dashboard .promo-redeem h2,
.sketch-dashboard .admin-shortcut h2,
.sketch-dashboard .token-store h2 { color: var(--sketch-ink); }
.sketch-dashboard .stat-grid span,
.sketch-dashboard .stat-grid small,
.sketch-dashboard .panel p,
.sketch-dashboard .promo-redeem p,
.sketch-dashboard .admin-shortcut p,
.sketch-dashboard .token-store p,
.sketch-dashboard .usage-entry-copy small { color: var(--sketch-muted); }
.sketch-dashboard .token-store { grid-template-columns: auto minmax(0,1fr) auto; overflow: hidden; }
.sketch-dashboard .token-store:after,
.sketch-dashboard .api-keys-panel:before,
.sketch-dashboard .api-keys-panel:after { display: none !important; content: none !important; }
.sketch-dashboard .token-store-mark { display: none; }
.sketch-dashboard .promo-redeem form { min-width: min(420px, 100%); }
.sketch-dashboard .key-state.on { border: 1px solid var(--sketch-green); background: var(--sketch-green-soft); color: var(--sketch-green); }
.sketch-dashboard .secret-value,
.sketch-dashboard .legacy-key,
.sketch-dashboard .key-action,
.sketch-dashboard .usage-request-id,
.sketch-dashboard .usage-transcript > article,
.sketch-dashboard .usage-metrics article { border-color: var(--sketch-line) !important; background: #fffef9 !important; color: var(--sketch-ink) !important; }

/* Cases */
.sketch-dashboard .cases-hub {
  overflow: visible;
  margin: 0 0 30px;
  border: 2px solid var(--sketch-line);
  border-radius: 13px 8px 16px 10px;
  padding: 31px;
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: 9px 10px 0 rgba(38, 48, 40, .12);
}
.sketch-dashboard .cases-hub:before { opacity: .55; background-image: radial-gradient(rgba(36,117,71,.2) 0 1px,transparent 1.5px); background-size: 19px 19px; mask-image: linear-gradient(to bottom,#000,transparent); }
.sketch-dashboard .cases-head h2 { color: var(--sketch-ink); font-size: clamp(28px, 4vw, 42px); }
.sketch-dashboard .cases-head p { color: var(--sketch-muted); }
.sketch-dashboard .cases-live { border: 1.5px solid var(--sketch-green); border-radius: 47% 53% 45% 56%; background: transparent; color: var(--sketch-green); }
.sketch-dashboard .cases-live i { background: var(--sketch-green); box-shadow: none; }
.sketch-dashboard .case-card { border: 2px solid var(--sketch-line); border-radius: 9px 14px 8px 12px; background: #fffef9; color: var(--sketch-ink); box-shadow: 5px 6px 0 rgba(39,49,41,.1); }
.sketch-dashboard .case-card:nth-child(2) { transform: rotate(.4deg); }
.sketch-dashboard .case-card:hover { transform: translate(-2px,-4px) rotate(-.3deg); border-color: var(--sketch-green); box-shadow: 8px 10px 0 rgba(39,49,41,.12); }
.sketch-dashboard .case-visual { border-bottom: 2px solid var(--sketch-line); background: var(--sketch-paper-soft); }
.sketch-dashboard .case-visual:after { background: linear-gradient(transparent 70%,rgba(31,44,35,.23)); }
.sketch-dashboard .case-visual > span { border: 1.5px solid var(--sketch-line); border-radius: 4px 7px; background: var(--sketch-paper); color: var(--sketch-ink); backdrop-filter: none; }
.sketch-dashboard .case-copy > small,
.sketch-dashboard .case-gold .case-copy > small,
.sketch-dashboard .case-diamond .case-copy > small { color: var(--sketch-green); }
.sketch-dashboard .case-copy h3,
.sketch-dashboard .case-range strong { color: var(--sketch-ink); }
.sketch-dashboard .case-range { border-color: rgba(48,57,49,.35); }
.sketch-dashboard .case-range span { color: var(--sketch-muted); }
.sketch-dashboard .case-prizes-button { border: 1.5px solid var(--sketch-line); background: var(--sketch-paper-soft); color: var(--sketch-ink); }
.sketch-dashboard .case-open-button,
.sketch-dashboard .case-gold .case-open-button,
.sketch-dashboard .case-diamond .case-open-button { border: 2px solid var(--sketch-line); background: var(--sketch-green); color: #fff; box-shadow: 3px 3px 0 rgba(38,48,40,.17); }
.sketch-dashboard .case-prize-dialog,
.sketch-dashboard .case-stage-card { border: 2px solid var(--sketch-line); border-radius: 12px 8px 15px 10px; background: var(--sketch-paper); color: var(--sketch-ink); box-shadow: 12px 14px 0 rgba(32,42,35,.2); }
.sketch-dashboard .case-modal-backdrop { background: rgba(225,221,210,.78); backdrop-filter: blur(9px); }
.sketch-dashboard .case-dialog-close,
.sketch-dashboard .case-stage-card > header button { border: 1.5px solid var(--sketch-line); background: var(--sketch-paper-soft); color: var(--sketch-ink); }
.sketch-dashboard .case-prize-dialog section > header span,
.sketch-dashboard .case-stage-card > header span,
.sketch-dashboard .case-win span { color: var(--sketch-green); }
.sketch-dashboard .case-prize-dialog article { border: 1.5px solid var(--sketch-line); background: #fffef9; }
.sketch-dashboard .case-prize-dialog article span { color: var(--sketch-muted); }
.sketch-dashboard .case-prize-dialog article small { border: 1px solid var(--sketch-green); background: var(--sketch-green-soft); color: var(--sketch-green); }
.sketch-dashboard .case-opening-stage { background: rgba(232,228,216,.96); }
.sketch-dashboard .case-stage-aurora { background: conic-gradient(from 90deg,transparent,rgba(36,117,71,.12),transparent 25%,rgba(120,155,118,.12),transparent 60%); }
.sketch-dashboard .case-stage-case img { border: 2px solid var(--sketch-line); border-radius: 6px 9px; }
.sketch-dashboard .case-stage-case small,
.sketch-dashboard .case-stage-status { color: var(--sketch-muted); }
.sketch-dashboard .case-reel-window { border: 2px solid var(--sketch-line); border-radius: 7px 11px; background: var(--sketch-paper-soft); box-shadow: inset 0 4px 0 rgba(43,53,45,.06); }
.sketch-dashboard .case-reel-window:before { background: linear-gradient(90deg,var(--sketch-paper-soft),transparent); }
.sketch-dashboard .case-reel-window:after { background: linear-gradient(-90deg,var(--sketch-paper-soft),transparent); }
.sketch-dashboard .case-reel-marker { background: var(--sketch-green); box-shadow: none; }
.sketch-dashboard .case-reel-marker i:first-child { border-top-color: var(--sketch-green); }
.sketch-dashboard .case-reel-marker i:last-child { border-bottom-color: var(--sketch-green); }
.sketch-dashboard .case-reel-item,
.sketch-dashboard .case-reel-item.rare,
.sketch-dashboard .case-reel-item.epic,
.sketch-dashboard .case-reel-item.mythic,
.sketch-dashboard .case-reel-item.legendary { border: 1.5px solid var(--sketch-line); border-radius: 6px 10px; background: #fffef9; color: var(--sketch-ink); box-shadow: 3px 4px 0 rgba(39,49,41,.09); }
.sketch-dashboard .case-reel-item > span { color: var(--sketch-green); text-shadow: none; }
.sketch-dashboard .case-reel-item small { color: var(--sketch-muted); }
.sketch-dashboard .case-reel-item.is-winner { box-shadow: 0 0 0 3px var(--sketch-green), 7px 8px 0 rgba(39,49,41,.13); }
.sketch-dashboard .case-win { border: 2px dashed var(--sketch-green); border-radius: 9px 14px; background: var(--sketch-green-soft); }
.sketch-dashboard .case-win strong { color: var(--sketch-ink); text-shadow: none; }
.sketch-dashboard .case-win small { color: var(--sketch-muted); }

/* Documentation */
.sketch-docs .docs-page { gap: 36px; }
.sketch-docs .docs-nav,
.sketch-docs .docs-hero,
.sketch-docs .doc-card,
.sketch-docs .endpoint-card,
.sketch-docs .docs-response-grid article,
.sketch-docs .client-picker > a,
.sketch-docs .docs-platform-note,
.sketch-docs .error-table {
  border: 2px solid var(--sketch-line);
  border-radius: 8px 13px 7px 12px;
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: 5px 6px 0 rgba(39,49,41,.09);
  backdrop-filter: none;
}
.sketch-docs .docs-nav { top: 100px; }
.sketch-docs .docs-nav b { color: var(--sketch-green); }
.sketch-docs .docs-nav a { color: var(--sketch-ink); border-radius: 4px 7px; }
.sketch-docs .docs-nav a:hover { background: var(--sketch-green-soft); color: var(--sketch-green); }
.sketch-docs .docs-hero { padding: 42px; background: var(--sketch-paper); }
.sketch-docs .docs-hero h1,
.sketch-docs .docs-content h1,
.sketch-docs .docs-content h2,
.sketch-docs .doc-card h3 { color: var(--sketch-ink); }
.sketch-docs .docs-hero .lead,
.sketch-docs .docs-content p,
.sketch-docs .doc-card p { color: var(--sketch-muted); }
.sketch-docs .docs-hero .status,
.sketch-docs .docs-badges span,
.sketch-docs .docs-platform-note span { border: 1px solid var(--sketch-green); border-radius: 46% 54% 49% 52%; background: var(--sketch-green-soft); color: var(--sketch-green); }
.sketch-docs .base-url { border: 1.5px solid var(--sketch-line); background: var(--sketch-paper-soft); }
.sketch-docs .base-url code { color: var(--sketch-green-dark); }
.sketch-docs .doc-card > span,
.sketch-docs .client-icon { border: 1.5px solid var(--sketch-line); border-radius: 48% 52% 44% 56%; background: var(--sketch-green); color: #fff; }
.sketch-docs .code-block { border: 2px solid var(--sketch-line); border-radius: 7px 12px 6px 10px; background: #26332b; box-shadow: 5px 6px 0 rgba(39,49,41,.12); }
.sketch-docs .code-head { border-color: #536056; background: #303e34; color: #d9e6dc; }
.sketch-docs .code-head button { border-color: #c5d4c8; background: transparent; color: #eff8f1; }
.sketch-docs .code-block pre { color: #dbe9de; }
.sketch-docs .docs-callout { border: 2px dashed var(--sketch-green); border-radius: 6px 10px; background: var(--sketch-green-soft); color: var(--sketch-ink); }

/* Admin */
.sketch-admin .admin-page { color: var(--sketch-ink); }
.sketch-admin .admin-head-v2,
.sketch-admin .admin-sidebar,
.sketch-admin .admin-view-head,
.sketch-admin .admin-panel,
.sketch-admin .admin-stats article,
.sketch-admin .payment-stats article,
.sketch-admin .route-row,
.sketch-admin .model-keys-card,
.sketch-admin .security-user-card,
.sketch-admin .generated-promos {
  border: 2px solid var(--sketch-line) !important;
  border-radius: 9px 14px 8px 12px !important;
  background: var(--sketch-paper) !important;
  color: var(--sketch-ink) !important;
  box-shadow: 5px 6px 0 rgba(39,49,41,.1) !important;
  backdrop-filter: none !important;
}
.sketch-admin .admin-head-v2 h1,
.sketch-admin .admin-view-head h2,
.sketch-admin .admin-panel-title h2,
.sketch-admin .admin-stats strong,
.sketch-admin .payment-stats strong { color: var(--sketch-ink); }
.sketch-admin .admin-head-v2 p,
.sketch-admin .admin-view-head p,
.sketch-admin .admin-panel-title p,
.sketch-admin .admin-stats span,
.sketch-admin .admin-stats small,
.sketch-admin .payment-stats span,
.sketch-admin .payment-stats small { color: var(--sketch-muted); }
.sketch-admin .admin-sidebar { position: sticky; background: var(--sketch-paper-soft) !important; }
.sketch-admin .admin-sidebar > div:first-child > small { color: var(--sketch-green); }
.sketch-admin .admin-sidebar button { position: relative; color: var(--sketch-muted); }
.sketch-admin .admin-sidebar button > span { border: 1px solid var(--sketch-line); background: var(--sketch-paper); color: var(--sketch-ink); }
.sketch-admin .admin-sidebar button > b { color: var(--sketch-ink); }
.sketch-admin .admin-sidebar button > small { color: var(--sketch-muted); }
.sketch-admin .admin-sidebar button.is-active { background: var(--sketch-green-soft); box-shadow: inset 4px 0 var(--sketch-green); }
.sketch-admin .admin-sidebar button.is-active > span { background: var(--sketch-green); color: #fff; }
.sketch-admin .admin-side-footer { border-color: rgba(48,57,49,.3); }
.sketch-admin .admin-side-footer a,
.sketch-admin .admin-side-footer span { color: var(--sketch-muted); }
.sketch-admin .admin-chip,
.sketch-admin .model-live,
.sketch-admin .model-key-badge { border: 1px solid var(--sketch-green); border-radius: 47% 53% 45% 55%; background: var(--sketch-green-soft); color: var(--sketch-green); }
.sketch-admin .admin-table .table-head,
.sketch-admin .security-facts,
.sketch-admin .user-admin-actions { background: var(--sketch-paper-soft); }
.sketch-admin .payment-row,
.sketch-admin .admin-table > div { border-color: rgba(48,57,49,.25); }

/* Chat — loaded after chat.css and intentionally high-specificity. */
.sketch-chat { overflow: hidden; background-color: var(--sketch-canvas) !important; }
.sketch-chat > .nav-wrap,
.sketch-chat > footer { display: none; }
.sketch-chat .emerald-chat { height: 100svh; background: var(--sketch-canvas); color: var(--sketch-ink); }
.sketch-chat .chat-sidebar { border-right: 2px solid var(--sketch-line); background: var(--sketch-paper-soft); color: var(--sketch-ink); }
.sketch-chat .chat-back,
.sketch-chat .chat-side-head small,
.sketch-chat .mode-hint,
.sketch-chat .chat-model-control > label,
.sketch-chat .selected-model-meta,
.sketch-chat .chat-privacy,
.sketch-chat .chat-current-model small,
.sketch-chat .chat-top-actions > span,
.sketch-chat .chat-composer-wrap > p { color: var(--sketch-muted); }
.sketch-chat .chat-side-head b,
.sketch-chat .chat-model-trigger-copy b,
.sketch-chat .chat-current-model b,
.sketch-chat .chat-empty h1,
.sketch-chat .chat-message-content > p { color: var(--sketch-ink); }
.sketch-chat .mode-switcher,
.sketch-chat .new-chat-button,
.sketch-chat .chat-model-trigger,
.sketch-chat .chat-balance-card,
.sketch-chat .agent-sidebar-panel,
.sketch-chat .chat-model-popover,
.sketch-chat .chat-top-actions button,
.sketch-chat .agent-tool-call,
.sketch-chat .agent-summary,
.sketch-chat .agent-status {
  border: 1.5px solid var(--sketch-line);
  border-radius: 6px 9px;
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: 3px 4px 0 rgba(39,49,41,.08);
}
.sketch-chat .mode-btn { color: var(--sketch-muted); }
.sketch-chat .mode-btn.is-active { border: 1px solid var(--sketch-green); background: var(--sketch-green); color: #fff; box-shadow: none; }
.sketch-chat .new-chat-button { color: var(--sketch-green); }
.sketch-chat .selected-model-logo,
.sketch-chat .chat-current-model > span,
.sketch-chat .chat-model-option > span:first-child { border: 1px solid var(--sketch-line); background: #fff; }
.sketch-chat .chat-model-trigger-copy small,
.sketch-chat .chat-model-popover-head span,
.sketch-chat .chat-model-group h3,
.sketch-chat .chat-model-option small { color: var(--sketch-muted); }
.sketch-chat .chat-model-popover-head { border-color: rgba(48,57,49,.3); }
.sketch-chat .chat-model-popover-head b,
.sketch-chat .chat-model-option,
.sketch-chat .chat-model-option b { color: var(--sketch-ink); }
.sketch-chat .chat-model-option:hover:not(:disabled),
.sketch-chat .chat-model-option.is-selected { border-color: var(--sketch-green); background: var(--sketch-green-soft); }
.sketch-chat .chat-balance-card span,
.sketch-chat .chat-balance-card small { color: var(--sketch-muted); }
.sketch-chat .chat-balance-card > strong,
.sketch-chat .chat-balance-card a,
.sketch-chat .selected-model-meta strong { color: var(--sketch-green); }
.sketch-chat .chat-privacy { border-color: rgba(48,57,49,.25); }
.sketch-chat .chat-workspace { background: var(--sketch-canvas); }
.sketch-chat .chat-topbar,
.sketch-chat .chat-composer-wrap { border-color: var(--sketch-line); background: rgba(255,253,247,.92); backdrop-filter: none; }
.sketch-chat .chat-main-layout { background-image: radial-gradient(rgba(48,57,49,.09) 0 1px,transparent 1.5px); background-size: 22px 22px; }
.sketch-chat .chat-empty-mark { border: 2px solid var(--sketch-line); border-radius: 50% 46% 53% 44%; background: var(--sketch-green-soft); box-shadow: 5px 6px 0 rgba(39,49,41,.1); }
.sketch-chat .chat-empty-mark:before,
.sketch-chat .chat-empty-mark:after { border-color: rgba(36,117,71,.25); }
.sketch-chat .chat-empty-mark span { color: var(--sketch-green); }
.sketch-chat .chat-empty > small,
.sketch-chat .chat-empty > p,
.sketch-chat .chat-message-content > span { color: var(--sketch-muted); }
.sketch-chat .chat-message { border-color: rgba(48,57,49,.22); }
.sketch-chat .chat-message-identity { border: 1.5px solid var(--sketch-line); border-radius: 44% 55% 47% 53%; background: var(--sketch-green); color: #fff; }
.sketch-chat .chat-message.assistant .chat-message-identity { border-color: var(--sketch-line); background: var(--sketch-paper); color: var(--sketch-green); }
.sketch-chat .chat-composer { border: 2px solid var(--sketch-line); border-radius: 7px 12px 6px 10px; background: var(--sketch-paper); box-shadow: 5px 6px 0 rgba(39,49,41,.1); }
.sketch-chat .chat-composer textarea { border: 0 !important; outline: 0; background: transparent !important; color: var(--sketch-ink) !important; box-shadow: none !important; }
.sketch-chat .chat-composer textarea::placeholder { color: #9a978e; }
.sketch-chat .chat-composer-bottom { border-color: rgba(48,57,49,.25); }
.sketch-chat .chat-composer .chat-send-button { border: 1.5px solid var(--sketch-line); background: var(--sketch-green); color: #fff; }
.sketch-chat .chat-composer .chat-attach-button,
.sketch-chat .chat-attachment-chip { border-color: var(--sketch-line); background: var(--sketch-paper-soft); color: var(--sketch-ink); }
.sketch-chat .agent-preview-panel { border-color: var(--sketch-line); background: var(--sketch-paper-soft); }
.sketch-chat .agent-preview-head { border-color: var(--sketch-line); background: var(--sketch-paper); }
.sketch-chat .agent-preview-head b { color: var(--sketch-ink); }

@media (max-width: 850px) {
  .sketch-dashboard .dashboard-view-tabs { top: 82px; }
  .sketch-dashboard .cases-grid { grid-template-columns: 1fr; }
  .sketch-dashboard .case-card:nth-child(2) { transform: none; }
  .sketch-admin .admin-layout { grid-template-columns: 1fr; }
  .sketch-admin .admin-sidebar { position: static; min-height: 0; }
}
@media (max-width: 680px) {
  .sketch-app .nav-wrap { padding-top: 7px; }
  .sketch-app .nav { min-height: 58px; }
  .sketch-auth .auth-card { padding: 42px 24px 30px; }
  .sketch-auth .auth-video-pepe { right: 12px; width: 96px; height: 58px; top: -27px; }
  .sketch-auth .sketch-auth-tabs { gap: 25px; }
  .sketch-dashboard .dashboard { padding-top: 28px; }
  .sketch-dashboard .dash-head { align-items: start; }
  .sketch-dashboard .dashboard-view-tabs { top: 73px; gap: 23px; padding: 10px 25px; }
  .sketch-dashboard .token-store { grid-template-columns: 1fr; }
  .sketch-dashboard .token-store-mark { display: none; }
  .sketch-dashboard .promo-redeem form { min-width: 0; }
  .sketch-dashboard .cases-hub { padding: 20px 14px; }
  .sketch-dashboard .cases-head { align-items: start; flex-direction: column; }
  .sketch-docs .docs-hero { padding: 25px 19px; }
  .sketch-chat .chat-sidebar { border-right: 0; border-bottom: 2px solid var(--sketch-line); background: var(--sketch-paper-soft); }
  .sketch-chat .chat-model-popover { background: var(--sketch-paper); }
}
@media (prefers-reduced-motion: reduce) {
  .sketch-app *,
  .sketch-app *:before,
  .sketch-app *:after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Public landing in the same paper-and-ink visual language. */
.sketch-landing,
.sketch-landing .landing-obsidian {
  background-color: var(--sketch-canvas);
  background-image:
    radial-gradient(circle at 12% 19%, rgba(43,54,46,.07) 0 1px, transparent 1.5px),
    radial-gradient(circle at 82% 67%, rgba(43,54,46,.055) 0 1px, transparent 1.4px);
  background-size: 23px 21px, 31px 29px;
  color: var(--sketch-ink);
}
.sketch-landing .nav-wrap { border-bottom: 2px solid var(--sketch-line); padding-top: 0; background: var(--sketch-paper); backdrop-filter: none; }
.sketch-landing .nav { border: 0; border-radius: 0; background: var(--sketch-paper); box-shadow: none; }
.sketch-landing .nav .brand,
.sketch-landing .nav .links a,
.sketch-landing .nav .btn.ghost { color: var(--sketch-ink); }
.sketch-landing .nav .brand span:last-child { color: var(--sketch-green); }
.sketch-landing .nav-telegram img { filter: none; }
.sketch-landing .obs-hero {
  min-height: calc(100svh - 75px);
  border-bottom: 2px solid var(--sketch-line);
  padding: 72px 0 84px;
  background: transparent;
  color: var(--sketch-ink);
}
.sketch-landing .obs-hero-aura {
  background-image: radial-gradient(rgba(36,117,71,.19) 0 1px, transparent 1.5px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom,#000,transparent 88%);
}
.sketch-landing .obs-copy {
  border: 2px solid var(--sketch-line);
  border-radius: 13px 8px 16px 9px;
  padding: clamp(25px,4vw,48px);
  background: var(--sketch-paper);
  box-shadow: 11px 12px 0 rgba(39,49,41,.12);
  transform: rotate(-.35deg);
}
.sketch-landing .obs-copy:after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: -18px;
  width: 88px;
  height: 14px;
  border-bottom: 2px solid var(--sketch-green);
  border-radius: 50%;
  transform: rotate(-4deg);
}
.sketch-landing .obs-kicker,
.sketch-landing .obs-section-head small,
.sketch-landing .obs-company header > b,
.sketch-landing .obs-feature-grid article > span,
.sketch-landing .obs-telegram small,
.sketch-landing .obs-cta small { color: var(--sketch-green); }
.sketch-landing .obs-kicker i { height: 2px; background: var(--sketch-green); box-shadow: none; }
.sketch-landing .obs-copy h1,
.sketch-landing .obs-section-head h2,
.sketch-landing .obs-feature-grid h3,
.sketch-landing .obs-company h3,
.sketch-landing .obs-model-list h4,
.sketch-landing .obs-telegram h2,
.sketch-landing .obs-cta h2 { color: var(--sketch-ink); }
.sketch-landing .landing-obsidian em,
.sketch-landing .obs-copy h1 em,
.sketch-landing .obs-section-head h2 em,
.sketch-landing .obs-cta h2 em { color: var(--sketch-green); text-shadow: none; }
.sketch-landing .obs-copy > p,
.sketch-landing .obs-section-head > p,
.sketch-landing .obs-feature-grid p,
.sketch-landing .obs-company header small,
.sketch-landing .obs-model-list p,
.sketch-landing .obs-telegram p,
.sketch-landing .obs-cta p { color: var(--sketch-muted); }
.sketch-landing .obs-btn { border: 2px solid var(--sketch-line); border-radius: 5px 8px 5px 7px; box-shadow: 3px 3px 0 rgba(39,49,41,.16); }
.sketch-landing .obs-btn-primary { background: var(--sketch-green); color: #fff; }
.sketch-landing .obs-btn-primary:hover { background: var(--sketch-green-dark); box-shadow: 5px 5px 0 rgba(39,49,41,.17); }
.sketch-landing .obs-btn-secondary { background: var(--sketch-paper-soft); color: var(--sketch-ink); }
.sketch-landing .obs-proof { color: var(--sketch-muted); }
.sketch-landing .obs-proof i { border-radius: 45% 55% 48% 52%; background: var(--sketch-green); box-shadow: none; }
.sketch-landing .obs-gateway {
  border: 2px solid var(--sketch-line);
  border-radius: 9px 14px 8px 12px;
  padding: 23px;
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: 9px 10px 0 rgba(39,49,41,.12);
  transform: rotate(1.2deg);
}
.sketch-landing .obs-gateway:hover { border-color: var(--sketch-line); transform: rotate(.2deg) translateY(-4px); }
.sketch-landing .gateway-status { color: var(--sketch-green); }
.sketch-landing .gateway-status > i { background: var(--sketch-green); box-shadow: none; }
.sketch-landing .gateway-status > span { border: 1px solid var(--sketch-line); background: var(--sketch-paper-soft); color: var(--sketch-muted); }
.sketch-landing .gateway-core b { color: var(--sketch-ink); }
.sketch-landing .gateway-core small { color: var(--sketch-muted); }
.sketch-landing .gateway-flow:before,
.sketch-landing .gateway-flow:after { background: repeating-linear-gradient(90deg,transparent 0 7px,var(--sketch-green) 7px 13px); }
.sketch-landing .gateway-flow i { background: var(--sketch-green); }
.sketch-landing .gateway-clients article {
  border: 1.5px solid var(--sketch-line);
  border-radius: 5px 8px 5px 7px;
  background: var(--sketch-paper-soft);
  color: var(--sketch-ink);
}
.sketch-landing .gateway-clients article > b { border: 1px solid var(--sketch-line); background: #fff; color: var(--sketch-green); }
.sketch-landing .gateway-clients article > span { color: var(--sketch-ink); }
.sketch-landing .gateway-clients small,
.sketch-landing .gateway-foot { color: var(--sketch-muted); }
.sketch-landing .gateway-clients em { color: var(--sketch-green); }
.sketch-landing .gateway-foot { border-color: rgba(48,57,49,.3); }
.sketch-landing .obs-compat { border-block: 2px solid var(--sketch-line); background: var(--sketch-paper); }
.sketch-landing .obs-compat small { color: var(--sketch-green); }
.sketch-landing .obs-compat > div > div { color: var(--sketch-ink); }
.sketch-landing .obs-compat i { background: var(--sketch-green); }
.sketch-landing .obs-live,
.sketch-landing .obs-models { color: var(--sketch-ink); }
.sketch-landing .obs-terminal {
  border: 2px solid var(--sketch-line);
  border-radius: 8px 13px 7px 11px;
  background: #28352d;
  box-shadow: 8px 9px 0 rgba(39,49,41,.14);
}
.sketch-landing .obs-terminal-glow { display: none; }
.sketch-landing .terminal-head,
.sketch-landing .terminal-request,
.sketch-landing .terminal-usage { border-color: rgba(238,246,240,.2); }
.sketch-landing .terminal-head,
.sketch-landing .terminal-label,
.sketch-landing .terminal-usage { color: #b7c6ba; }
.sketch-landing .terminal-head > b,
.sketch-landing .terminal-label em,
.sketch-landing .terminal-usage strong,
.sketch-landing .terminal-glyph { color: #8ed4a6; }
.sketch-landing .terminal-code,
.sketch-landing .terminal-stream > p { color: #eef5ef; }
.sketch-landing .terminal-dots i { border: 1px solid #b9c8bc; background: transparent; }
.sketch-landing .obs-benefits,
.sketch-landing .obs-workflow { border-block: 2px solid var(--sketch-line); background: rgba(247,243,233,.72); }
.sketch-landing .obs-feature-grid article,
.sketch-landing .obs-feature-grid article.wide,
.sketch-landing .obs-company,
.sketch-landing .obs-steps,
.sketch-landing .obs-code-card,
.sketch-landing .obs-telegram {
  border: 2px solid var(--sketch-line);
  border-radius: 8px 13px 7px 12px;
  background: var(--sketch-paper);
  color: var(--sketch-ink);
  box-shadow: 5px 6px 0 rgba(39,49,41,.1);
}
.sketch-landing .obs-feature-grid article:nth-child(2),
.sketch-landing .obs-company:nth-child(even) { transform: rotate(.25deg); }
.sketch-landing .obs-feature-grid a { color: var(--sketch-green); }
.sketch-landing .obs-company:hover { border-color: var(--sketch-green); transform: translateY(-3px) rotate(-.2deg); }
.sketch-landing .obs-company > header,
.sketch-landing .obs-model-list article,
.sketch-landing .obs-code-tabs { border-color: rgba(48,57,49,.28); }
.sketch-landing .obs-company-logo { border: 1.5px solid var(--sketch-line); background: #fff; box-shadow: none; }
.sketch-landing .obs-model-list article { background: var(--sketch-paper-soft); }
.sketch-landing .obs-model-list code { color: var(--sketch-muted); }
.sketch-landing .public-model-state.active,
.sketch-landing .model-status.active { color: var(--sketch-green); }
.sketch-landing .obs-steps article { border-color: rgba(48,57,49,.28); }
.sketch-landing .obs-steps article > span { border: 1.5px solid var(--sketch-line); border-radius: 48% 52% 45% 55%; background: var(--sketch-green); color: #fff; }
.sketch-landing .obs-steps b { color: var(--sketch-ink); }
.sketch-landing .obs-steps p { color: var(--sketch-muted); }
.sketch-landing .obs-code-card { overflow: hidden; background: #28352d; color: #eef5ef; }
.sketch-landing .obs-code-tabs { background: #303e34; color: #dfeae1; }
.sketch-landing .obs-code-tabs button { border: 1px solid #d3dfd5; background: transparent; color: #eef5ef; }
.sketch-landing .obs-code-card pre { color: #e7f1e9; }
.sketch-landing .obs-code-card pre em { color: #91d8a9; }
.sketch-landing .obs-telegram { margin-top: 78px; }
.sketch-landing .obs-tg-icon { border: 1.5px solid var(--sketch-line); border-radius: 47% 53% 45% 55%; box-shadow: 3px 3px 0 rgba(39,49,41,.12); }
.sketch-landing .obs-telegram > a { border: 2px solid var(--sketch-line); border-radius: 5px 8px; background: var(--sketch-green); color: #fff; box-shadow: 3px 3px 0 rgba(39,49,41,.15); }
.sketch-landing .obs-cta { border-top: 2px solid var(--sketch-line); background: var(--sketch-green-soft); color: var(--sketch-ink); }
.sketch-landing .obs-btn-light { border-color: var(--sketch-line); background: var(--sketch-paper); color: var(--sketch-ink); }
.sketch-landing > footer { border-color: var(--sketch-line); background: var(--sketch-paper-soft); }
.sketch-landing > footer p,
.sketch-landing > footer a { color: var(--sketch-ink); }

@media (max-width: 1050px) {
  .sketch-landing .obs-hero-grid { grid-template-columns: 1fr; }
  .sketch-landing .obs-gateway { width: min(720px,100%); }
}
@media (max-width: 760px) {
  .sketch-landing .mobile-nav-toggle { border: 2px solid var(--sketch-line); background: var(--sketch-paper); color: var(--sketch-ink); }
  .sketch-landing .mobile-nav-toggle > b { display: block !important; color: var(--sketch-ink); }
  .sketch-landing .mobile-nav-panel { border: 2px solid var(--sketch-line); background: var(--sketch-paper); color: var(--sketch-ink); }
  .sketch-landing .mobile-nav-panel a,
  .sketch-landing .mobile-nav-panel button { background: var(--sketch-paper-soft); color: var(--sketch-ink); }
  .sketch-landing .mobile-nav-panel button,
  .sketch-landing .mobile-nav-panel .mobile-nav-primary { background: var(--sketch-green); color: #fff; }
  .sketch-landing .obs-copy { padding: 25px 19px; }
  .sketch-landing .obs-copy h1 { font-size: clamp(39px,11vw,54px); }
  .sketch-landing .obs-feature-grid article:nth-child(2),
  .sketch-landing .obs-company:nth-child(even) { transform: none; }
}