/* DomainKicks home-page custom CSS - extracted from web/index.html inline <style>.
   Everything after the Tailwind reset/utilities: brand accents, light mode,
   badges, carousel, smart-hacks, footer. Served same-origin at /app.css. */
/* -- Secondary accent (blue) - tonal sibling of the emerald brand accent (#10b981).
   Reuse anywhere via var(--dk-accent-blue) or the .dk-accent-blue helper class. -- */
:root{--dk-accent-blue:#3b82f6;--dk-accent-blue-hover:#60a5fa;--dk-accent-blue-glow:rgba(59,130,246,.3);--color-emerald-600:oklch(59.6% .145 163.225)}
/* bg-emerald-600 / hover was used on primary CTAs (Quick Check, Register) but the utility was never emitted by the build - buttons rendered transparent. Define it. */
.bg-emerald-600{background-color:var(--color-emerald-600)}
@media(hover:hover){.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}}
.dk-accent-blue{background:var(--dk-accent-blue)!important;border-color:var(--dk-accent-blue)!important;color:#fff!important;box-shadow:0 1px 3px var(--dk-accent-blue-glow)}
.dk-accent-blue:hover{background:var(--dk-accent-blue-hover)!important;border-color:var(--dk-accent-blue-hover)!important;color:#fff!important}
/* -- LIGHT MODE - Material-3 tinted with DomainKicks emerald brand -- */
html.light{color-scheme:light;--dk-cat-bg:#fff;--dk-cat-border:#cbd5e1;--dk-cat-text:#0f172a;--dk-accent-blue:#2563eb;--dk-accent-blue-hover:#3b82f6;--dk-accent-blue-glow:rgba(37,99,235,.22)}
html.light body{background:#eef0f3;color:#1f2328;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html.light header[data-astro-cid-j7pv25f6]{background:rgba(255,255,255,.94);border-color:#e6e8eb;box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06)}
html.light .bg-zinc-900[data-astro-cid-j7pv25f6]{background:#fff;border-color:#d1d5db;box-shadow:0 1px 3px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.08)}
html.light .bg-zinc-950[data-astro-cid-j7pv25f6]{background:#f2f4f7}
html.light .border-zinc-800[data-astro-cid-j7pv25f6],html.light .border-zinc-700[data-astro-cid-j7pv25f6]{border-color:#e6e8eb}
html.light .border-zinc-700[data-astro-cid-j7pv25f6]:hover,html.light .hover\:border-emerald-500[data-astro-cid-j7pv25f6]:hover{border-color:#10b981}
html.light .text-zinc-100[data-astro-cid-j7pv25f6]{color:#0f172a}
html.light .text-zinc-200[data-astro-cid-j7pv25f6]{color:#1f2328}
html.light .text-zinc-300[data-astro-cid-j7pv25f6]{color:#374151}
html.light .text-zinc-400[data-astro-cid-j7pv25f6]{color:#4b5563}
html.light .text-zinc-500[data-astro-cid-j7pv25f6]{color:#6b7280}
html.light .text-zinc-600[data-astro-cid-j7pv25f6]{color:#9ca3af}
html.light .text-zinc-700[data-astro-cid-j7pv25f6]{color:#d1d5db}
html.light .text-emerald-300[data-astro-cid-j7pv25f6],html.light .text-emerald-400[data-astro-cid-j7pv25f6]{color:#059669}
html.light .text-emerald-500[data-astro-cid-j7pv25f6]{color:#10b981}
html.light .text-amber-400[data-astro-cid-j7pv25f6],html.light .text-amber-500[data-astro-cid-j7pv25f6]{color:#d97706}
html.light .text-red-400[data-astro-cid-j7pv25f6]{color:#dc2626}
html.light .text-pink-400[data-astro-cid-j7pv25f6]{color:#db2777}
html.light .text-cyan-400[data-astro-cid-j7pv25f6]{color:#0891b2}
html.light .text-violet-400[data-astro-cid-j7pv25f6]{color:#7c3aed}
html.light .text-white[data-astro-cid-j7pv25f6]{color:#0f172a}
html.light .text-zinc-900[data-astro-cid-j7pv25f6]{color:#fff}
html.light textarea[data-astro-cid-j7pv25f6],html.light input[data-astro-cid-j7pv25f6],html.light select[data-astro-cid-j7pv25f6]{background:#f9fafb;border-color:#9ca3af;color:#1f2328;box-shadow:inset 0 1px 2px rgba(15,23,42,.06);transition:border-color .15s,box-shadow .15s,background-color .15s}
html.light textarea[data-astro-cid-j7pv25f6]::placeholder,html.light input[data-astro-cid-j7pv25f6]::placeholder{color:#9ca3af}
html.light textarea[data-astro-cid-j7pv25f6]:focus,html.light input[data-astro-cid-j7pv25f6]:focus,html.light select[data-astro-cid-j7pv25f6]:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18),inset 0 1px 2px rgba(15,23,42,.02)}
/* fields added outside the Astro build (Quick Check, bulk, avail filter, JS-injected) lack data-astro-cid - cover them generically */
html.light input[type=text],html.light input[type=email],html.light input[type=search],html.light input:not([type]),html.light textarea,html.light select{background:#f9fafb;border-color:#9ca3af;color:#1f2328;box-shadow:inset 0 1px 2px rgba(15,23,42,.06);transition:border-color .15s,box-shadow .15s,background-color .15s}
html.light input[type=text]::placeholder,html.light input[type=email]::placeholder,html.light input[type=search]::placeholder,html.light input:not([type])::placeholder,html.light textarea::placeholder{color:#9ca3af}
html.light input[type=text]:focus,html.light input[type=email]:focus,html.light input[type=search]:focus,html.light input:not([type]):focus,html.light textarea:focus,html.light select:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18),inset 0 1px 2px rgba(15,23,42,.02)}
/* .dk-cat-select is styled via inline cssText - needs !important to win */
html.light .dk-cat-select{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;appearance:auto!important}
html.light .dk-cat-select:hover{border-color:#94a3b8!important;background:#f8fafc!important}
html.light .dk-cat-select:focus{outline:none!important;background:#fff!important;border-color:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.16),0 1px 2px rgba(15,23,42,.04)!important}
html.light .dk-cat-select option{background:#fff;color:#0f172a}
html.light .dk-chat-input-row input,
html.light .dk-adv-body input,
html.light .dk-adv-body textarea,
html.light .dk-adv-body select,
html.light #dk-qc-input,
html.light #dk-qc-bulk-input{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
html.light .dk-chat-input-row input::placeholder,
html.light .dk-adv-body input::placeholder,
html.light .dk-adv-body textarea::placeholder,
html.light #dk-qc-input::placeholder,
html.light #dk-qc-bulk-input::placeholder{color:#94a3b8!important}
html.light .dk-chat-input-row input:focus,
html.light .dk-adv-body input:focus,
html.light .dk-adv-body textarea:focus,
html.light .dk-adv-body select:focus,
html.light #dk-qc-input:focus,
html.light #dk-qc-bulk-input:focus{outline:none!important;background:#fff!important;border-color:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.16),0 1px 2px rgba(15,23,42,.04)!important}
html.light .hover\:bg-zinc-800\/50[data-astro-cid-j7pv25f6]:hover{background:#e4e8ed}
html.light .hover\:bg-zinc-800[data-astro-cid-j7pv25f6]:hover{background:#e4e8ed}
html.light .hover\:bg-zinc-700[data-astro-cid-j7pv25f6]:hover{background:#d8dde3}
html.light .hover\:text-white[data-astro-cid-j7pv25f6]:hover{color:#0f172a}
html.light .hover\:text-emerald-400[data-astro-cid-j7pv25f6]:hover{color:#047857}
html.light .hover\:text-amber-400[data-astro-cid-j7pv25f6]:hover{color:#b45309}
html.light .hover\:text-zinc-400[data-astro-cid-j7pv25f6]:hover{color:#374151}
html.light .hover\:bg-amber-500\/20[data-astro-cid-j7pv25f6]:hover{background:rgba(217,119,6,.12)}
html.light .tld-pill[data-astro-cid-j7pv25f6]{border-color:#9ca3af;color:#1e293b;background:#f8fafc;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:all .15s}
html.light .tld-pill[data-astro-cid-j7pv25f6]:hover{border-color:#10b981;color:#059669;background:#ecfdf5}
html.light .tld-pill.tld-on[data-astro-cid-j7pv25f6]{border-color:#059669;color:#fff;background:#059669;box-shadow:0 1px 3px rgba(5,150,105,.30)}
html.light .chip-seed[data-astro-cid-j7pv25f6]{background:#f8fafc;color:#1e293b;border-color:#9ca3af;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:all .15s}
html.light .chip-seed[data-astro-cid-j7pv25f6]:hover{border-color:#10b981;color:#059669;background:#ecfdf5}
html.light .chip-seed.chip-on[data-astro-cid-j7pv25f6]{background:#059669;border-color:#059669;color:#fff;box-shadow:0 1px 3px rgba(5,150,105,.30)}
html.light .score-high[data-astro-cid-j7pv25f6]{background:#d1fae5;color:#047857}
html.light .score-med[data-astro-cid-j7pv25f6]{background:#fef3c7;color:#b45309}
html.light .score-low[data-astro-cid-j7pv25f6]{background:#f3f4f6;color:#6b7280}
html.light .divide-zinc-800\/50[data-astro-cid-j7pv25f6]>[data-astro-cid-j7pv25f6]:not(:last-child),html.light .divide-zinc-800[data-astro-cid-j7pv25f6]>[data-astro-cid-j7pv25f6]:not(:last-child){border-color:#e6e8eb}
html.light .bg-zinc-800[data-astro-cid-j7pv25f6]{background:#f3f4f6}
html.light .bg-zinc-800\/50[data-astro-cid-j7pv25f6]{background:#f9fafb}
html.light .bg-zinc-100[data-astro-cid-j7pv25f6]{background:#10b981;color:#fff;box-shadow:0 1px 2px rgba(16,185,129,.20),0 1px 3px rgba(16,185,129,.18)}
html.light .hover\:bg-white[data-astro-cid-j7pv25f6]:hover{background:#059669}
html.light .seed-bar[data-astro-cid-j7pv25f6]{background:#fff;border-color:#e6e8eb;box-shadow:0 1px 2px rgba(15,23,42,.04),0 2px 8px rgba(15,23,42,.06)}
html.light .seed-bar[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]{background:#f9fafb}
html.light .tab-btn[data-astro-cid-j7pv25f6].active,html.light .tab-btn[data-astro-cid-j7pv25f6].active.bg-zinc-800{background:#059669 !important;color:#fff !important;box-shadow:0 1px 3px rgba(5,150,105,.25)}
html.light .bg-emerald-500\/5[data-astro-cid-j7pv25f6]{background:rgba(16,185,129,.04)}
html.light .bg-emerald-500\/10[data-astro-cid-j7pv25f6]{background:rgba(16,185,129,.08)}
html.light .bg-emerald-500\/15[data-astro-cid-j7pv25f6]{background:rgba(16,185,129,.12)}
html.light .bg-emerald-500\/20[data-astro-cid-j7pv25f6]{background:rgba(16,185,129,.14);color:#047857}
html.light .bg-amber-500\/15[data-astro-cid-j7pv25f6]{background:rgba(245,158,11,.12)}
html.light .bg-amber-500\/20[data-astro-cid-j7pv25f6]{background:rgba(245,158,11,.18);color:#b45309}
html.light .bg-pink-400\/20[data-astro-cid-j7pv25f6]{background:rgba(219,39,119,.14);color:#be185d}
html.light .border-emerald-500\/20[data-astro-cid-j7pv25f6]{border-color:rgba(16,185,129,.25)}
html.light .border-emerald-500\/30[data-astro-cid-j7pv25f6]{border-color:rgba(16,185,129,.35)}
html.light .border-amber-500[data-astro-cid-j7pv25f6]{border-color:#d97706}
html.light .bg-amber-500[data-astro-cid-j7pv25f6]{background:#d97706}
html.light #mobile-tab-bar{background:rgba(255,255,255,.96);border-top:1px solid #e6e8eb;box-shadow:0 -2px 8px rgba(15,23,42,.06)}
html.light #mobile-tab-bar button{color:#6b7280}
html.light #mobile-tab-bar button[data-mobile-active="true"]{color:#059669}
html.light #catcher-modal > div{background:#fff;border-color:#e6e8eb;color:#1f2328;box-shadow:0 12px 32px rgba(15,23,42,.16),0 4px 8px rgba(15,23,42,.08)}
html.light body[data-busy="true"] #dk-think{background:rgba(16,185,129,.10);border-bottom-color:rgba(16,185,129,.30);color:#047857}
html.light .dk-think::before,html.light #mobile-tab-bar button[data-mobile-active="true"] .mt-icon{color:#10b981}
html.light ::-webkit-scrollbar{width:10px;height:10px}
html.light ::-webkit-scrollbar-track{background:#f3f4f6}
html.light ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px;border:2px solid #f3f4f6}
html.light ::-webkit-scrollbar-thumb:hover{background:#9ca3af}
body[data-busy="true"] #seed-btn,body[data-busy="true"] #search-btn,body[data-busy="true"] [data-regen],body[data-busy="true"] [data-root-tab],body[data-busy="true"] [data-regen-all]{pointer-events:none;opacity:.55;cursor:wait}.dk-think{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--color-emerald-400);opacity:0;transition:opacity .15s;white-space:nowrap;margin-left:8px}body[data-busy="true"] .dk-think{opacity:1}.dk-think::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-emerald-400);animation:dkPulse 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes dkPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.35}}
/* Bouncing dots inside the Find a Domain button while permutations load */
#seed-btn .dk-dots{display:inline-flex;align-items:center;gap:4px;height:1em;vertical-align:middle}
#seed-btn .dk-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block;animation:dkBounce 1.2s ease-in-out infinite}
#seed-btn .dk-dots i:nth-child(2){animation-delay:.18s}
#seed-btn .dk-dots i:nth-child(3){animation-delay:.36s}
@keyframes dkBounce{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}
/* Keep the seed button fully lit (not dimmed) while busy so the dots read as active */
body[data-busy="true"] #seed-btn{opacity:1;cursor:wait}
/* Marketplace: 4 cards across on desktop / landscape tablet (Tailwind lg:grid-cols-4
   was purged from the compiled build, so define it explicitly). */
@media (min-width:1024px){#mp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Meticulous multi-select TLD filter pills (results table). Hand-built, not
   Tailwind utilities. Off = quiet outline; on = green accent + reveal an x. */
.dk-avail-tld{display:inline-flex;align-items:center;gap:0;height:26px;padding:0 11px;border:1px solid #303038;border-radius:999px;background:#0f0f13;color:#8a8a94;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;letter-spacing:.2px;cursor:pointer;user-select:none;line-height:1;transition:background .13s ease,color .13s ease,border-color .13s ease,padding .13s ease}
.dk-avail-tld:hover{border-color:#4b4b55;color:#e7e7ea;background:#17171c}
.dk-avail-tld:focus-visible{outline:2px solid #34d399;outline-offset:1px}
.dk-avail-tld .dk-avail-tld-x{width:0;overflow:hidden;opacity:0;margin-left:0;font-size:13px;font-weight:800;transform:scale(.6);transition:width .13s ease,opacity .13s ease,margin .13s ease,transform .13s ease}
.dk-avail-tld[aria-checked="true"]{background:#10b981;border-color:#10b981;color:#04120b;padding-right:8px;box-shadow:0 1px 4px rgba(16,185,129,.35)}
.dk-avail-tld[aria-checked="true"]:hover{background:#34d399;border-color:#34d399}
.dk-avail-tld[aria-checked="true"] .dk-avail-tld-x{width:13px;opacity:.85;margin-left:5px;transform:scale(1)}
.dk-avail-tld[aria-checked="true"] .dk-avail-tld-x:hover{opacity:1}
html.light .dk-avail-tld{background:#f4f4f5;border-color:#d4d4d8;color:#52525b}
html.light .dk-avail-tld:hover{background:#e4e4e7;color:#18181b}
html.light .dk-avail-tld[aria-checked="true"]{background:#059669;border-color:#059669;color:#fff}
/* Perfect sub-11-char .com find: gold badge + a subtle pinned-row glow */
/* Intelligent standout badges - one per type, distinct color per tier */
.dk-badge{display:inline-flex;align-items:center;gap:3px;margin-left:7px;padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.dk-badge-choice{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#3b2705}
.dk-badge-runnerup{background:linear-gradient(135deg,#e4e4e7,#a1a1aa);color:#27272a}
.dk-badge-short{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#052436}
.dk-badge-local{background:linear-gradient(135deg,#f472b6,#db2777);color:#3a0821}
.dk-badge-familiar{background:linear-gradient(135deg,#34d399,#059669);color:#052e21}
.dk-badge-gem{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#1e1035}
.dk-badge-value{background:linear-gradient(135deg,#4ade80,#16a34a);color:#052e14}
/* Standout logo-card hero row (Sensei's picks) */
.dk-standout-row{position:sticky;top:0;z-index:20;margin:0 0 18px;padding:14px 16px 16px;border:1px solid #1f2937;border-radius:16px;background:linear-gradient(180deg,rgba(16,185,129,.06),rgba(9,9,11,.6));backdrop-filter:blur(6px)}
.dk-standout-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.dk-standout-title{font-weight:900;font-size:14px;color:#34d399;letter-spacing:.2px}
.dk-standout-sub{font-size:11px;color:#71717a}
/* Carousel track: horizontal scroll-snap, fixed-width cards, arrows page it.
   Each side shows ~1/8 of the neighbouring card (a "peek") so it reads as a
   swipeable carousel. Visible frame = N full cards + 2*(1/8) = N + 0.25 cards.
   scroll-padding-inline keeps the snapped card seated between the two peeks. */
.dk-standout-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:none;padding-inline:var(--dk-peek,0px);scroll-padding-inline:var(--dk-peek,0px)}
.dk-standout-cards::-webkit-scrollbar{display:none}
/* Desktop: 6 full + 0.25 peek. gap count ~= (N+peek) segments. */
.dk-standout-cards{--dk-peek:calc((100% - 6*12px)/(6 + 0.25)/8)}
.dk-standout-cards>.dk-scard{scroll-snap-align:start;flex:0 0 calc((100% - 6*12px)/(6 + 0.25));min-width:130px}
@media(max-width:1100px){
  .dk-standout-cards{--dk-peek:calc((100% - 3*12px)/(3 + 0.25)/8)}
  .dk-standout-cards>.dk-scard{flex-basis:calc((100% - 3*12px)/(3 + 0.25))}
}
@media(max-width:680px){
  .dk-standout-cards{--dk-peek:calc((100% - 2*12px)/(2 + 0.25)/8)}
  .dk-standout-cards>.dk-scard{flex-basis:calc((100% - 2*12px)/(2 + 0.25))}
}
.dk-standout-nav{margin-left:auto;display:inline-flex;gap:6px}
.dk-scar-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2a2a33;border-radius:8px;background:#17171c;color:#a1a1aa;font-size:16px;font-weight:900;line-height:1;cursor:pointer;transition:all .12s}
.dk-scar-btn:hover:not(:disabled){background:#10b981;color:#04120b;border-color:#10b981}
.dk-scar-btn:disabled{opacity:.35;cursor:default}
html.light .dk-scar-btn{background:#f4f4f5;border-color:#e4e4e7;color:#52525b}
/* Edge overlay arrows floating over the carousel left/right */
.dk-standout-viewport{position:relative}
.dk-edge-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #2a2a33;border-radius:999px;background:rgba(20,20,26,.92);color:#e4e4e7;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.45);transition:background .12s,color .12s,transform .1s;backdrop-filter:blur(4px)}
.dk-edge-arrow:hover{background:#10b981;color:#04120b;border-color:#10b981}
.dk-edge-arrow:active{transform:translateY(-50%) scale(.92)}
.dk-edge-left{left:-6px}
.dk-edge-right{right:-6px}
html.light .dk-edge-arrow{background:rgba(255,255,255,.94);border-color:#e4e4e7;color:#18181b}
html.light .dk-edge-arrow:hover{background:#10b981;color:#fff}
/* On touch devices, native drag is the gesture - hide the edge arrows too. */
@media (hover:none),(pointer:coarse){ .dk-edge-arrow{display:none!important} }
/* Scrollable frame for long result lists (e.g. Taken) so the page stays short.
   Tailwind arbitrary max-h values get purged, so define the cap explicitly. */
.dk-scroll-frame{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}
.dk-scroll-frame::-webkit-scrollbar{width:8px}
.dk-scroll-frame::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:8px}
.dk-scroll-frame::-webkit-scrollbar-track{background:transparent}
/* Desktop draggable slider under the carousel. Touch devices drag the track
   directly, so the slider is hidden there via (hover:none)&(pointer:coarse). */
.dk-standout-slider{position:relative;height:6px;margin:10px 2px 0;border-radius:999px;background:#1c1c22;cursor:pointer;display:none}
.dk-standout-slider-thumb{position:absolute;top:0;left:0;height:6px;min-width:28px;border-radius:999px;background:#3f3f46;cursor:grab;transition:background .12s}
.dk-standout-slider-thumb:hover{background:#10b981}
.dk-standout-slider-thumb:active{cursor:grabbing;background:#34d399}
@media (hover:hover) and (pointer:fine){ .dk-standout-slider{display:block} }
@media (hover:none),(pointer:coarse){ .dk-standout-slider{display:none!important} .dk-standout-nav{display:none!important} }
html.light .dk-standout-slider{background:#e4e4e7}
html.light .dk-standout-slider-thumb{background:#a1a1aa}
.dk-scard{position:relative;display:flex;flex-direction:column;border:1px solid #27272a;border-radius:13px;background:#0c0c10;overflow:hidden;opacity:0;transform:translateY(8px);animation:dkScardIn .38s ease forwards;transition:border-color .15s,box-shadow .15s;text-decoration:none;color:inherit;cursor:pointer}
.dk-scard:hover{border-color:#10b981;box-shadow:0 0 0 1px rgba(16,185,129,.4),0 6px 18px rgba(0,0,0,.35)}
.dk-scard:hover .dk-scard-cta{background:#34d399}
.dk-scard:hover{border-color:#10b981;box-shadow:0 6px 22px rgba(16,185,129,.18)}
@keyframes dkScardIn{to{opacity:1;transform:translateY(0)}}
.dk-scard-badge{position:absolute;top:7px;left:7px;z-index:2;margin:0;font-size:8.5px;padding:2px 7px}
.dk-scard-logo{position:relative;aspect-ratio:1/1;width:100%;background:#0a0a0d}
.dk-scard-logo svg{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease}
.dk-scard-logo.dk-scard-logo-ready svg{opacity:1}
.dk-scard-logo-skel{position:absolute;inset:0;background:linear-gradient(100deg,#111114 30%,#17171c 50%,#111114 70%);background-size:200% 100%;animation:dkSkel 1.1s linear infinite}
.dk-scard-logo-ready .dk-scard-logo-skel{display:none}
@keyframes dkSkel{from{background-position:200% 0}to{background-position:-200% 0}}
.dk-scard-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px 6px}
.dk-scard-domain{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;color:#e4e4e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-scard-price{font-size:11px;font-weight:900;color:#34d399;white-space:nowrap;flex-shrink:0}
.dk-scard-price small{display:block;font-size:8px;font-weight:600;color:#52525b;text-align:right;letter-spacing:.2px}
.dk-scard-cta{display:block;margin:0 8px 8px;padding:7px 0;text-align:center;background:#10b981;color:#04120b;font-size:11.5px;font-weight:900;border-radius:8px;text-decoration:none;transition:background .12s}
.dk-scard-cta:hover{background:#34d399;text-decoration:none}
html.light .dk-standout-row{background:linear-gradient(180deg,#f0fdf9,rgba(255,255,255,.6));border-color:#d1fae5}
html.light .dk-scard{background:#fff;border-color:#e4e4e7}
html.light .dk-scard-domain{color:#18181b}
.dk-perfect-row{background:linear-gradient(90deg,rgba(245,158,11,.10),transparent 60%)!important;border-left:2px solid #f59e0b}
.dk-perfect-row:hover{background:linear-gradient(90deg,rgba(245,158,11,.16),rgba(39,39,42,.5) 60%)!important}
html.light .dk-perfect-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}
html.light .dk-perfect-row{background:linear-gradient(90deg,rgba(245,158,11,.12),transparent 60%)!important}
/* Smart Mode: curated domain-hack suggestion strip */
.dk-smart-hacks{margin:0 0 16px;padding:12px 14px;border:1px solid #1f5f4a;border-radius:14px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(9,9,11,.4))}
.dk-hack-label{display:inline;font-weight:800;color:#34d399;font-size:13px;margin-right:8px}
.dk-hack-sub{color:#71717a;font-size:11px}
.dk-hack-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.dk-hack-pill{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid #27472f;border-radius:999px;background:#0d1912;color:#a7f3d0;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .12s}
.dk-hack-pill:hover{background:#10b981;color:#04120b;border-color:#10b981;text-decoration:none}
html.light .dk-smart-hacks{background:#f0fdf9;border-color:#a7f3d0}
html.light .dk-hack-pill{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
/* Footer - full-service Dynadot product directory */
#dk-footer{margin-top:48px;border-top:1px solid rgba(63,63,70,.5);background:rgba(15,15,17,.55);padding:32px 16px 80px}
#dk-footer .dk-footer-inner{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
#dk-footer .dk-footer-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-zinc-400);margin-bottom:10px}
#dk-footer .dk-footer-col a{display:block;font-size:13px;color:var(--color-zinc-300);text-decoration:none;padding:4px 0;transition:color .15s}
#dk-footer .dk-footer-col a:hover{color:var(--color-emerald-400)}
#dk-footer .dk-footer-note{font-size:11px;color:var(--color-zinc-500);line-height:1.5}
#dk-footer .dk-footer-copyright{max-width:80rem;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(63,63,70,.35);font-size:11px;color:var(--color-zinc-500);text-align:center;letter-spacing:.02em}
html.light #dk-footer .dk-footer-copyright{border-top-color:#e6e8eb;color:#6b7280}
@media (max-width:767px){#dk-footer{padding:24px 16px 90px}#dk-footer .dk-footer-inner{grid-template-columns:1fr 1fr;gap:24px}}
@media (max-width:479px){#dk-footer .dk-footer-inner{grid-template-columns:1fr}}
html.light #dk-footer{background:#fafbfc;border-top-color:#e6e8eb}
html.light #dk-footer .dk-footer-heading{color:#4b5563}
html.light #dk-footer .dk-footer-col a{color:#374151}
html.light #dk-footer .dk-footer-col a:hover{color:#059669}
html.light #dk-footer .dk-footer-note{color:#6b7280}
/* Wordmark K-mark - CSS-masked from /favicon.svg so it picks up the brand emerald
   regardless of the source PNG's baked-in colors. Dark mode = emerald-400 (matches
   the green text used throughout). Light mode = emerald-500 (deeper for contrast). */
.dk-logo-mark{display:inline-block;width:30px;height:30px;flex-shrink:0;background-color:var(--color-emerald-400);-webkit-mask-image:url('/logo.svg');mask-image:url('/logo.svg');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;vertical-align:middle}
html.light .dk-logo-mark{background-color:#10b981}
@media (max-width:767px){.dk-logo-mark{width:26px;height:26px}}
/* FTC affiliate disclosure banner - sticky under header, both themes */
#affiliate-notice{position:sticky;top:56px;z-index:40;border-bottom:1px solid rgba(63,63,70,.5);background:rgba(15,15,17,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#affiliate-notice > div{max-width:80rem;margin:0 auto;padding:6px 16px;font-size:11px;color:var(--color-zinc-400);display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.4}
@media (max-width:767px){#affiliate-notice{top:52px}#affiliate-notice > div{font-size:10px;padding:5px 12px}}
html.light #affiliate-notice{background:rgba(255,255,255,.94);border-bottom-color:#e6e8eb}
html.light #affiliate-notice > div{color:#6b7280}
/* Buy-window pills - square hit-buttons for drop horizon */
.buy-pill{background:var(--color-zinc-800);color:var(--color-zinc-400);border:1px solid var(--color-zinc-700);cursor:pointer}
.buy-pill:hover{background:var(--color-zinc-700);color:var(--color-zinc-200)}
.buy-pill[data-active="true"]{background:rgba(16,185,129,.18);color:var(--color-emerald-400);border-color:var(--color-emerald-500);box-shadow:0 0 0 3px rgba(16,185,129,.10)}
html.light .buy-pill{background:#fff;color:#4b5563;border-color:#d1d5db;box-shadow:0 1px 2px rgba(15,23,42,.04)}
html.light .buy-pill:hover{background:#f3f4f6;color:#1f2328}
html.light .buy-pill[data-active="true"]{background:#d1fae5;color:#047857;border-color:#10b981;box-shadow:0 1px 2px rgba(16,185,129,.18),0 0 0 3px rgba(16,185,129,.12)}
/* ------------ MOBILE / APP-LIKE PORTRAIT LAYOUT ------------ */
#mobile-tab-bar{display:none}
@media (max-width:767px){
  /* Bottom tab bar - always visible, thumb-reachable */
  #mobile-tab-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(9,9,11,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--color-zinc-800);padding:6px 4px env(safe-area-inset-bottom,8px) 4px}
  /* Target every tab (Auctions is an <a>, the rest are <button>) so all get identical column layout */
  #mobile-tab-bar > button,#mobile-tab-bar > a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;background:transparent;color:var(--color-zinc-500);border-radius:8px;font-family:var(--font-sans);min-height:52px;text-decoration:none;font-size:10px;font-weight:600}
  #mobile-tab-bar .mt-icon{font-size:20px;line-height:1}
  #mobile-tab-bar .mt-label{font-size:10px;font-weight:600;letter-spacing:.02em}
  #mobile-tab-bar > button[data-mobile-active="true"]{color:var(--color-emerald-400)}
  body{padding-bottom:64px}
  /* Hide the desktop top nav links - bottom bar replaces them */
  #nav{display:none !important}
  /* Seed bar: stack label/input/buttons vertically */
  .seed-bar{flex-direction:column !important;align-items:stretch !important;gap:8px !important;padding:12px !important}
  .seed-bar > label{font-size:11px !important;color:var(--color-zinc-500)}
  #seed-niche{padding:12px !important;font-size:14px !important}
  .seed-bar > #seed-btn,.seed-bar > [data-regen-all]{flex:1;padding:11px !important;font-size:13px !important;min-height:44px}
  .seed-bar > #search-mode{padding:10px 12px !important;font-size:13px !important;min-height:44px}
  /* Idle inline indicator (hidden when not busy) */
  #dk-think{margin-left:0;margin-top:4px;width:100%;justify-content:center}
  /* When busy on mobile: dock the indicator as a sticky banner under the header
     so users see the working state even after scrolling down the page. */
  body[data-busy="true"] #dk-think{
    position:fixed !important;
    top:52px;left:0;right:0;
    z-index:90;
    margin:0;
    padding:8px 16px;
    background:rgba(16,185,129,.14);
    border-bottom:1px solid rgba(16,185,129,.35);
    color:var(--color-emerald-300);
    justify-content:center;
    font-size:12px;
    font-weight:600;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    pointer-events:none
  }
  /* The 3-column keyword combinator already stacks (md:grid-cols-3); just enlarge chips for touch */
  .chip-seed{padding:7px 11px !important;font-size:12px !important;min-height:32px}
  /* Make textareas larger touch targets */
  #prepend,#keywords,#append{font-size:13px !important;padding:10px !important}
  /* TLD pills: bigger touch target, smaller text */
  .tld-pill{padding:6px 10px !important;font-size:11px !important;min-height:32px}
  /* Search action row: Search Domains full-width, Clear secondary, status wraps */
  #search-btn{flex:1;padding:13px !important;font-size:14px !important;min-height:48px}
  /* Stats grid stays 3-col but shrinks numbers */
  #stats-bar .text-3xl{font-size:22px !important}
  /* Available results - convert grid-cols-12 row into a card layout */
  #available-list > .grid-cols-12:first-child{display:none !important}
  #available-list > .grid-cols-12{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-areas:"domain score" "meta meta" "kw kw" !important;
    column-gap:10px;row-gap:6px;padding:14px !important;border-bottom:1px solid rgba(63,63,70,.4)
  }
  #available-list > .grid-cols-12 > .col-span-4{grid-area:domain;font-size:14px}
  #available-list > .grid-cols-12 > .col-span-2:nth-of-type(2){grid-area:meta;display:flex;gap:14px;font-size:11px;text-align:left}
  #available-list > .grid-cols-12 > .col-span-1{display:none}
  #available-list > .grid-cols-12 > .col-span-1.text-right:last-of-type{display:block;grid-area:score}
  #available-list > .grid-cols-12 > .col-span-2:last-child{grid-area:kw;font-size:11px;text-align:left}
  /* Hover-revealed buttons (e.g. Backorder/Whois) - always visible on touch */
  .group-hover\:opacity-100{opacity:1 !important}
  .opacity-0{opacity:1 !important}
  /* Result rows (Available / For sale / Taken / Quick Check): stack so action
     buttons drop to their own full-width line instead of overflowing off the
     right edge in portrait. The whole button row is tappable. */
  .dk-result-row{flex-wrap:wrap !important;row-gap:8px}
  .dk-result-row > .font-mono{flex:1 1 auto;min-width:0;word-break:break-all}
  .dk-result-actions{flex-basis:100% !important;width:100%;gap:8px !important;margin-top:2px}
  .dk-result-actions > a,.dk-result-actions > button{flex:1 1 auto;text-align:center;justify-content:center;min-height:40px;display:inline-flex;align-items:center;padding-top:9px !important;padding-bottom:9px !important;font-size:12px !important}
  /* Quick Check header: stack label / input / Check into a clean vertical form
     so the primary Check button reads as a full-width green CTA, not cramped text. */
  .dk-qc-head{flex-direction:column;align-items:stretch !important;gap:10px !important}
  .dk-qc-head-label{font-size:12px !important;color:var(--color-zinc-500)}
  .dk-qc-head #dk-qc-input{width:100%;min-width:0 !important;padding:12px 14px !important;font-size:15px !important}
  .dk-qc-head .dk-qc-check-btn{width:100%;min-height:48px;padding:13px !important;font-size:15px !important;order:3}
  .dk-qc-head #dk-qc-bulk-btn{order:4;text-align:center;padding:4px}
  /* Hero: on mobile, drop the verbose paragraph + feature checklist and shrink
     the headline so users land on the Quick Check tool, not a wall of text. */
  .dk-hero-verbose{display:none !important}
  .dk-hero{margin-bottom:12px !important}
  .dk-hero-title{font-size:19px !important;line-height:1.2 !important}
  /* Quick Check "Check on" TLD row: drop the redundant label and tighten the
     pills so all TLDs + the all/.com-only toggle sit on a single compact row. */
  #dk-qc-tlds{gap:5px !important;padding-bottom:0 !important;row-gap:5px !important}
  #dk-qc-tlds .dk-qc-tld-label{display:none !important}
  #dk-qc-tlds .dk-qc-tld-pill,#dk-qc-tlds .dk-qc-tld-toggle{padding:5px 9px !important;font-size:11px !important}
  /* Header trim */
  header[data-astro-cid-j7pv25f6] .h-14{height:52px !important}
  header[data-astro-cid-j7pv25f6] .text-xl{font-size:16px !important}
  /* Settings drawer single column */
  #settings-drawer .grid{grid-template-columns:1fr !important}
  /* Catcher modal: tighter margin on tiny screens */
  #catcher-modal > div{margin:16px !important;padding:18px !important}
}
/* Galaxy Fold outer + iPhone 4-era widths */
@media (max-width:359px){
  .chip-seed{padding:6px 9px !important;font-size:11px !important}
  .tld-pill{padding:5px 8px !important;font-size:10px !important}
  #mobile-tab-bar .mt-label{font-size:9px !important}
  header[data-astro-cid-j7pv25f6] .ml-auto{gap:6px !important}
}
/* Quick Check TLD pills - click-to-toggle chips that match the app's look */
.dk-qc-tld-pill,.dk-qc-tld-toggle{display:inline-flex;align-items:center;padding:5px 13px;background:#18181b;border:1px solid #27272a;border-radius:999px;font-size:12px;font-weight:600;color:#a1a1aa;cursor:pointer;transition:all .12s ease;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2px}
.dk-qc-tld-pill:hover,.dk-qc-tld-toggle:hover{background:#27272a;color:#fafafa;border-color:#52525b}
.dk-qc-tld-pill input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.dk-qc-tld-pill:has(input:checked){background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 1px 3px rgba(16,185,129,.3)}
.dk-qc-tld-pill:has(input:checked):hover{background:#34d399;border-color:#34d399}
.dk-qc-tld-pill:active,.dk-qc-tld-toggle:active{transform:scale(.96)}
/* Secondary accent (blue) - tonal match to the emerald accent, reusable via .dk-accent-blue / --dk-accent-blue */
.dk-qc-tld-toggle{appearance:none;background:var(--dk-accent-blue);color:#fff;border-color:var(--dk-accent-blue);text-transform:lowercase;box-shadow:0 1px 3px var(--dk-accent-blue-glow)}
.dk-qc-tld-toggle:hover{background:var(--dk-accent-blue-hover);border-color:var(--dk-accent-blue-hover);color:#fff}
.dk-qc-tld-toggle[data-active="true"]{background:var(--dk-accent-blue);color:#fff;border-color:var(--dk-accent-blue);box-shadow:0 1px 3px var(--dk-accent-blue-glow)}
.dk-qc-tld-label{font-size:10px;font-weight:700;color:#71717a;letter-spacing:.5px;text-transform:uppercase;margin-right:6px;align-self:center}
html.light .dk-qc-tld-pill,html.light .dk-qc-tld-toggle{background:#f4f4f5;color:#52525b;border-color:#e4e4e7}
html.light .dk-qc-tld-pill:hover,html.light .dk-qc-tld-toggle:hover{background:#e4e4e7;color:#18181b;border-color:#a1a1aa}
html.light .dk-qc-tld-pill:has(input:checked){background:#059669;color:#fff;border-color:#059669}
html.light .dk-qc-tld-toggle[data-active="true"]{background:#059669;color:#fff;border-color:#059669}
html.light .dk-qc-tld-pill:has(input:checked):hover{background:#10b981;border-color:#10b981}
html.light .dk-qc-tld-label{color:#94a3b8}
/* v1.2 - Chat-driven Domain Advisor + Advanced Search accordion */
.dk-chat-panel{padding:16px 18px}
.dk-chat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dk-chat-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#f4f4f5}
.dk-chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#10b981;border-radius:8px;flex-shrink:0}
.dk-chat-avatar::before{content:'';display:block;width:18px;height:18px;background-color:#fff;-webkit-mask-image:url('/logo.svg');mask-image:url('/logo.svg');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.dk-chat-title-hint{font-size:11px;color:#71717a;font-weight:500}
.dk-chat-reset{background:transparent;border:none;color:#71717a;font-size:11px;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:4px}
.dk-chat-reset:hover{color:#d4d4d8;background:#27272a}
.dk-chat-messages{max-height:420px;min-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:6px 2px 6px 2px;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}
.dk-chat-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap}
.dk-chat-msg.bot{align-self:flex-start;background:#18181b;color:#e4e4e7;border:1px solid #27272a;border-bottom-left-radius:4px}
.dk-chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,#065f46,#047857);color:#ecfdf5;border:1px solid #10b981;border-bottom-right-radius:4px}
.dk-chat-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dk-chat-options button{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.4);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s}
.dk-chat-options button:hover{background:rgba(16,185,129,.25);border-color:#10b981;transform:translateY(-1px)}
.dk-chat-input-row{display:flex;gap:8px}
.dk-chat-input-row input{flex:1;background:#0a0a0a;border:1px solid #27272a;border-radius:10px;padding:11px 16px;color:#e4e4e7;font-family:inherit;font-size:13px}
.dk-chat-input-row input::placeholder{color:#52525b}
.dk-chat-input-row input:focus{outline:none;border-color:#10b981;background:#09090b}
.dk-chat-input-row button{background:#10b981;color:#fff;border:none;padding:11px 22px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;transition:background .12s}
.dk-chat-input-row button:hover{background:#34d399}
.dk-chat-typing{display:inline-flex;gap:6px;padding:2px 4px;align-items:center;height:18px}
.dk-chat-typing span{width:7px;height:7px;background:#a1a1aa;border-radius:50%;animation:dkTypingDot 1.25s infinite cubic-bezier(.4,0,.2,1)}
.dk-chat-typing span:nth-child(2){animation-delay:.18s}
.dk-chat-typing span:nth-child(3){animation-delay:.36s}
@keyframes dkTypingDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}
.dk-chat-input-row input:disabled{opacity:.5;cursor:not-allowed}
.dk-chat-input-row button:disabled{opacity:.5;cursor:not-allowed}
.dk-chat-msg.bot.dk-chat-thinking{padding:8px 14px;background:#111114;animation:dkBubbleIn .22s ease-out}
.dk-chat-msg{animation:dkBubbleIn .22s ease-out}
@keyframes dkBubbleIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.dk-chat-pick{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:10px 14px;cursor:pointer;transition:background .15s}
.dk-chat-pick:hover{background:rgba(16,185,129,.12)}
.dk-chat-pick-domain{font-weight:800;color:#34d399;font-size:14px}
.dk-chat-pick-meta{font-size:11px;color:#a1a1aa;margin-top:2px}
.dk-chat-pick-action{display:inline-block;margin-top:6px;font-size:11px;color:#10b981;font-weight:600}
.dk-adv-accordion summary{padding:14px 18px;cursor:pointer;user-select:none;display:flex;align-items:center;gap:12px;list-style:none}
.dk-adv-accordion summary::-webkit-details-marker{display:none}
.dk-adv-accordion summary:hover{background:rgba(255,255,255,.02)}
.dk-adv-summary-main{font-weight:700;color:#e4e4e7;font-size:14px}
.dk-adv-summary-hint{font-size:11px;color:#71717a;font-weight:400}
.dk-adv-accordion summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #71717a;border-bottom:2px solid #71717a;transform:rotate(45deg);transition:transform .15s;pointer-events:none;flex-shrink:0}.dk-adv-accordion[open] summary::after{transform:rotate(225deg)}
.dk-adv-body{padding:16px 18px;border-top:1px solid #27272a}
/* Auto-collapse the chat when the advanced accordion opens. Header stays
   visible so the user can click it to restore (which also closes advanced). */
.dk-chat-panel.dk-chat-collapsed .dk-chat-messages,
.dk-chat-panel.dk-chat-collapsed .dk-chat-input-row{display:none}
.dk-chat-panel.dk-chat-collapsed{padding:10px 14px;cursor:pointer;transition:background .15s}
.dk-chat-panel.dk-chat-collapsed:hover{background:#1f1f23}
.dk-chat-panel.dk-chat-collapsed .dk-chat-head{margin-bottom:0}
.dk-chat-panel.dk-chat-collapsed .dk-chat-reset{display:none}
.dk-chat-restore-hint{display:none;font-size:11px;color:#71717a;font-weight:500;margin-left:auto}
.dk-chat-panel.dk-chat-collapsed .dk-chat-restore-hint{display:inline}
html.light .dk-chat-panel.dk-chat-collapsed:hover{background:#f9fafb}
html.light .dk-chat-restore-hint{color:#94a3b8}
/* Light-theme tweaks */
html.light .dk-chat-title{color:#0f172a}
html.light .dk-chat-title-hint{color:#64748b}
html.light .dk-chat-reset{color:#64748b}
html.light .dk-chat-reset:hover{color:#0f172a;background:#e5e7eb}
html.light .dk-chat-panel{background:#fff !important;border-color:#e5e7eb !important}
html.light .dk-chat-msg.bot{background:#f3f4f6;color:#1e293b;border-color:#e5e7eb}
html.light .dk-chat-msg.bot.dk-chat-thinking{background:#eef0f3}
html.light .dk-chat-msg.user{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:#059669}
html.light .dk-chat-input-row input{background:#fff;border-color:#d1d5db;color:#1e293b}
html.light .dk-chat-input-row input::placeholder{color:#94a3b8}
html.light .dk-chat-typing span{background:#94a3b8}
html.light .dk-adv-accordion summary:hover{background:#f9fafb}
html.light .dk-adv-body{border-top-color:#e5e7eb}
/* Live "checking N combos..." indicator while a search batch is in flight.
   Pulses the emerald accent so the user sees something happening even when
   no rows are arriving yet. */
.dk-checking{color:var(--color-emerald-400) !important;font-weight:600;animation:dkCheckPulse 1.1s ease-in-out infinite}
@keyframes dkCheckPulse{0%,100%{opacity:.55}50%{opacity:1}}
/* Domain detail page layout - dedicated classes so we do not depend
   on Tailwind utilities that may have been purged from the build. */
.dk-detail-container{max-width:80rem;margin:0 auto;padding:3rem 1.25rem 4rem}
.dk-detail-hero{display:grid;grid-template-columns:1fr;gap:1.75rem;margin-bottom:2.75rem}
.dk-detail-body{display:grid;grid-template-columns:1fr;gap:1.75rem}
.dk-detail-logo{width:100%;max-width:280px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#0a0a0a;margin:0 auto}
.dk-detail-main{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.dk-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.dk-detail-prosgrid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.dk-detail-usecases{display:grid;grid-template-columns:1fr;gap:1.25rem}

/* Polish pass - bump padding on detail-page panels so each section
   breathes. Targets the inner Tailwind rounded panels used inside main
   and sidebar so we do not have to touch every render-time class string. */
.dk-detail-main > div[class*="rounded-2xl"],
.dk-detail-sidebar > div[class*="rounded-2xl"]{padding:1.75rem !important}
.dk-detail-usecases > div[class*="rounded-xl"]{padding:1.25rem !important}
.dk-detail-prosgrid > div[class*="rounded-2xl"]{padding:1.5rem !important}
.dk-detail-main > div[class*="rounded-2xl"] + div[class*="rounded-2xl"]{margin-top:.25rem}

@media (min-width:640px){
  .dk-detail-prosgrid{grid-template-columns:1fr 1fr}
  .dk-detail-usecases{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  .dk-detail-hero{grid-template-columns:1fr 2fr;gap:2.5rem;align-items:center}
  .dk-detail-logo{max-width:none}
  .dk-detail-body{grid-template-columns:2fr 1fr;gap:2rem}
  .dk-detail-usecases{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .dk-detail-container{padding:4rem 1.5rem 5rem}
  .dk-detail-body{gap:2.5rem}
  .dk-detail-usecases{grid-template-columns:1fr 1fr 1fr}
  .dk-detail-main > div[class*="rounded-2xl"],
  .dk-detail-sidebar > div[class*="rounded-2xl"]{padding:2rem !important}
}

/* Tab page polish - bump vertical breathing room and inner-panel padding
   for the main top-level tabs (search / drops / goldlist / marketplace). */
.tab-panel{padding-top:2.25rem !important;padding-bottom:3rem !important}
@media (min-width:768px){
  .tab-panel{padding-top:2.75rem !important;padding-bottom:3.5rem !important}
}
.tab-panel > div[class*="bg-zinc-900"][class*="rounded-xl"]{padding-top:1.5rem;padding-bottom:1.5rem}
@media (min-width:768px){
  .tab-panel > div[class*="bg-zinc-900"][class*="rounded-xl"]{padding-top:1.75rem;padding-bottom:1.75rem}
}

.dk-adv-accordion summary::before,.dk-adv-accordion summary::after{pointer-events:none}
/* DomainKicks click safety */
a,button,summary{position:relative;z-index:1}

/* --- Recovered: agent-FAQ accordion + light-mode form overrides.
   Was a 2nd inline <style> block in <body>, dropped during JS/CSS extraction. --- */
html.light :is(input,textarea,select){background:#fff!important;border-color:#d7dbe2!important;color:#1e293b!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)!important;color-scheme:light}
html.light :is(input,textarea,select)::placeholder{color:#9ca3af!important}
html.light :is(input,textarea,select):hover:not(:disabled){border-color:#bfc6d1!important}
html.light :is(input,textarea,select):focus,html.light :is(input,textarea,select):focus-visible{border-color:#059669!important;box-shadow:0 0 0 3px rgba(5,150,105,.12)!important;outline:none!important}
html.light :is(input,textarea,select):disabled{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#9ca3af!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}
html.light select option{background:#fff;color:#1e293b}
html.light .tld-pill{border-color:#d7dbe2!important;color:#475569!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.03)}
html.light .tld-pill:hover{border-color:#059669!important;color:#059669!important;background:rgba(5,150,105,.04)!important}
html.light .tld-pill.tld-on{border-color:#059669!important;color:#047857!important;background:rgba(5,150,105,.08)!important}
html.light .chip-seed{background:#fff!important;border-color:#d7dbe2!important;color:#475569!important}
html.light .chip-seed:hover{border-color:#059669!important;color:#059669!important;background:rgba(5,150,105,.04)!important}
html.light .chip-seed.chip-on{border-color:#059669!important;color:#047857!important;background:rgba(5,150,105,.08)!important}
/* Detail page light mode: JS-rendered cards do not carry Astro data attributes. */
html.light .dk-detail-container{color:#0f172a}
html.light .dk-detail-container a.text-zinc-500{color:#64748b!important}
html.light .dk-detail-container .text-zinc-400{color:#475569!important}
html.light .dk-detail-container .text-zinc-500{color:#64748b!important}
html.light .dk-detail-container .text-zinc-600{color:#94a3b8!important}
html.light .dk-detail-hero h1{color:#0f172a!important;text-shadow:none!important}
html.light .dk-detail-hero p{color:#64748b!important}
html.light .dk-detail-logo{background:#fff!important;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(15,23,42,.08),0 10px 26px rgba(15,23,42,.08)}
html.light .dk-detail-main > div[class*="rounded-2xl"],
html.light .dk-detail-sidebar > div[class*="rounded-2xl"],
html.light .dk-detail-prosgrid > div[class*="rounded-2xl"]{background:#fff!important;border-color:#e5e7eb!important;color:#1f2937!important;box-shadow:0 1px 3px rgba(15,23,42,.07),0 8px 22px rgba(15,23,42,.06)!important}
html.light .dk-detail-usecases > div[class*="rounded-xl"]{background:#f8fafc!important;border-color:#e5e7eb!important;color:#334155!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
html.light .dk-detail-main p,
html.light .dk-detail-main li,
html.light .dk-detail-sidebar div,
html.light .dk-detail-usecases div{color:#334155!important}
html.light .dk-detail-main .text-zinc-200,
html.light .dk-detail-sidebar .text-zinc-200{color:#1f2937!important}
html.light .dk-detail-main .text-zinc-300,
html.light .dk-detail-sidebar .text-zinc-300{color:#334155!important}
html.light .dk-detail-main .text-zinc-500,
html.light .dk-detail-sidebar .text-zinc-500{color:#64748b!important}
html.light .dk-detail-main .text-zinc-600,
html.light .dk-detail-sidebar .text-zinc-600{color:#94a3b8!important}
html.light .dk-detail-main .text-emerald-400,
html.light .dk-detail-sidebar .text-emerald-400{color:#059669!important}
html.light .dk-detail-main .text-amber-400,
html.light .dk-detail-main .text-amber-500{color:#d97706!important}
html.light .dk-detail-main .bg-zinc-950,
html.light .dk-detail-sidebar .bg-zinc-950{background:#f8fafc!important;border-color:#e5e7eb!important;color:#334155!important}
html.light .dk-detail-sidebar .bg-zinc-800{background:#e5e7eb!important}
html.light .dk-detail-sidebar .bg-emerald-500{background:#10b981!important}
html.light .dk-detail-container [style*="background:#18181b"]{background:#fff!important;border-color:#d1d5db!important;color:#334155!important;box-shadow:0 1px 2px rgba(15,23,42,.06)!important}
html.light .dk-detail-container [style*="background:#18181b"]:hover{color:#0f172a!important;border-color:#94a3b8!important}
html.light .dk-detail-container [style*="color:#d4d4d8"]{color:#64748b!important}
html.light .dk-detail-container [style*="color:#a1a1aa"]{color:#64748b!important}
html.light .dk-detail-container [style*="color:#fafafa"]{color:#0f172a!important}
html.light .dk-detail-container [style*="background:#10b981"]{background:#059669!important;color:#fff!important}
html.light .dk-detail-container [style*="background:rgba(16,185,129,.12)"]{background:#d1fae5!important;color:#047857!important;border-color:#a7f3d0!important}
html.light .seed-bar input{background:#fff!important}

/* Quick Check live result CTAs - flat HTML controls, no gradients */
.dk-qc-next-actions{margin-top:14px;padding-top:14px;border-top:1px solid #303036;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dk-qc-next-actions button{min-height:46px;border-radius:10px;font-weight:800;font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;box-shadow:none!important;text-align:center}
.dk-qc-next-actions button:hover{transform:none!important;box-shadow:none!important}
.dk-qc-sensei-btn{background:#0f9f6e!important;border:1px solid #34d399!important;color:#fff!important}
.dk-qc-sensei-btn:hover{background:#0b815b!important;border-color:#6ee7b7!important}
.dk-qc-advanced-btn{background:#1d4ed8!important;border:1px solid #60a5fa!important;color:#fff!important}
.dk-qc-advanced-btn:hover{background:#1e40af!important;border-color:#93c5fd!important}
.dk-qc-live-note{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px;padding:8px 2px}.dk-qc-live-dot{width:7px;height:7px;border-radius:999px;background:#10b981}
html.light .dk-qc-next-actions{border-top-color:#d1d5db}.dk-qc-next-actions .dk-qc-hint{display:block;margin-top:3px;font-size:11px;font-weight:600;opacity:.8}
@media(max-width:640px){.dk-qc-next-actions{grid-template-columns:1fr}.dk-qc-next-actions button{white-space:normal!important}}



/* Agent / LLM FAQ accordion */
.dk-agent-faq{margin:0 0 18px;border:1px solid #27272a;border-radius:12px;background:#0f0f12;overflow:hidden;color:#d4d4d8}
.dk-agent-faq summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#a7f3d0;background:#111113}
.dk-agent-faq summary::-webkit-details-marker{display:none}.dk-agent-faq summary:after{content:'+';font-size:18px;line-height:1;color:#10b981}.dk-agent-faq[open] summary:after{content:'-'}.dk-agent-faq-body{padding:14px}.dk-agent-faq p{margin:0 0 10px;font-size:13px;line-height:1.55;color:#cbd5e1}.dk-agent-faq dl{display:grid;gap:10px;margin:0}.dk-agent-faq dt{font-size:12px;font-weight:900;color:#f8fafc}.dk-agent-faq dd{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:#94a3b8}.dk-agent-faq code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a7f3d0;background:#052e24;border:1px solid #064e3b;border-radius:5px;padding:1px 5px}
html.light .dk-agent-faq{background:#fff;border-color:#d1d5db;color:#0f172a}html.light .dk-agent-faq summary{background:#f8fafc;color:#047857}html.light .dk-agent-faq p{color:#334155}html.light .dk-agent-faq dt{color:#0f172a}html.light .dk-agent-faq dd{color:#475569}html.light .dk-agent-faq code{background:#ecfdf5;border-color:#a7f3d0;color:#047857}


.dk-affiliate-footer{margin:.75rem 0 0!important;font-size:11px!important;line-height:1.45!important;color:#71717a!important;max-width:28rem!important;font-weight:400!important}.dk-footer-copyright{font-size:12px!important;color:#52525b!important;text-align:center!important}.dk-footer-note{font-size:12px!important;line-height:1.5!important;color:#71717a!important}
html.light .dk-affiliate-footer,html.light .dk-footer-note{color:#64748b!important}html.light .dk-footer-copyright{color:#64748b!important}


.dk-agent-results{display:grid;gap:8px;margin-top:12px}.dk-agent-row{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #27272a;border-radius:9px;background:#09090b}.dk-agent-row code{display:block;font-size:13px;background:transparent!important;border:0!important;padding:0!important;color:#f8fafc!important}.dk-agent-row small{display:block;font-size:11.5px;color:#71717a;line-height:1.3;margin-top:2px}.dk-agent-row span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.dk-agent-row a{font-size:12px;font-weight:800;text-decoration:none;border-radius:7px;padding:6px 9px;border:1px solid #334155;color:#e5e7eb}.dk-agent-row a:last-child{border-color:#10b981;color:#a7f3d0}.dk-agent-row a:hover{background:#18181b}.dk-kw-agent{border-color:#0f766e!important}.dk-kw-agent summary{color:#ccfbf1!important}
html.light .dk-agent-row{background:#fff;border-color:#e2e8f0}html.light .dk-agent-row code{color:#0f172a!important}html.light .dk-agent-row span{color:#64748b}html.light .dk-agent-row a{color:#0f172a;border-color:#cbd5e1}html.light .dk-agent-row a:last-child{color:#047857;border-color:#10b981}@media(max-width:720px){.dk-agent-row{grid-template-columns:1fr 1fr}.dk-agent-row code{grid-column:1/-1}}

.dk-agent-more{margin-top:8px}.dk-agent-more summary{cursor:pointer;padding:8px 10px;border:1px solid #27272a;border-radius:9px;background:#111113;color:#a7f3d0;font-size:12px;font-weight:800}.dk-agent-more[open] summary{margin-bottom:8px}html.light .dk-agent-more summary{background:#f8fafc;border-color:#d1d5db;color:#047857}

/* Lazy-loaded Markdown agent lane inside the "For agents and LLMs" accordion. */
.dk-agents-md{margin:0 0 14px;padding:12px 14px;border:1px solid #1f5f4a;border-radius:12px;background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(9,9,11,.35))}
.dk-agents-md h2{font-size:14px;font-weight:900;color:#34d399;margin:0 0 8px}
.dk-agents-md h3{font-size:12px;font-weight:800;color:#a7f3d0;margin:12px 0 6px;text-transform:none;letter-spacing:0}
.dk-agents-md p{font-size:12.5px;line-height:1.5;color:#c7c7d1;margin:0 0 8px}
.dk-agents-md .dk-agents-md-loading{color:#71717a}
.dk-agents-md code{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#e4e4e7;background:#111113;padding:1px 5px;border-radius:5px}
.dk-agents-md a{color:#34d399;word-break:break-all}
.dk-agents-md hr{border:0;border-top:1px solid #27272a;margin:12px 0}
.dk-agents-md-table{width:100%;border-collapse:collapse;margin:0 0 10px;font-size:12px}
.dk-agents-md-table th{text-align:left;color:#86efac;font-weight:800;padding:6px 8px;border-bottom:1px solid #27472f;white-space:nowrap}
.dk-agents-md-table td{padding:6px 8px;border-bottom:1px solid #1a1a1f;color:#d4d4d8;vertical-align:top}
.dk-agents-md-table td code{background:transparent;padding:0;color:#f4f4f5;font-weight:700}
html.light .dk-agents-md{background:#f0fdf9;border-color:#a7f3d0}
html.light .dk-agents-md h2,html.light .dk-agents-md h3{color:#047857}
html.light .dk-agents-md p{color:#334155}
html.light .dk-agents-md code{background:#ecfdf5;color:#047857}
html.light .dk-agents-md-table th{color:#047857;border-bottom-color:#a7f3d0}
html.light .dk-agents-md-table td{color:#334155;border-bottom-color:#e6e8eb}