/* Public lab only. Colors and fonts are packaged from Money Musk's existing theme. */
@font-face { font-family: "Space Grotesk"; src: url("space-grotesk.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Chakra Petch"; src: url("chakra-petch-semibold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
.refund-lab {
  --muted: color-mix(in srgb, var(--foreground) 73%, var(--background));
  --green: var(--cyan);
  --line: color-mix(in srgb, var(--foreground) 18%, transparent);
  color: var(--foreground);
  font-family: "Space Grotesk", system-ui, sans-serif;
  background-color: var(--background);
  background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), radial-gradient(ellipse at 10% 0%, #ff2bd614, transparent 50%), radial-gradient(ellipse at 90% 100%, #00ffcc0f, transparent 50%);
  background-size: 40px 40px, 40px 40px, 100% 100%, 100% 100%;
  min-width: 280px;
}
.refund-lab::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; background: repeating-linear-gradient(0deg, #ffffff03 0, #ffffff03 1px, transparent 1px, transparent 3px); }
.refund-lab button:focus-visible, .refund-lab a:focus-visible, .refund-lab input:focus-visible, .refund-lab select:focus-visible, .refund-lab summary:focus-visible { outline-color: var(--cyan); }
.refund-lab .masthead { position: sticky; top: 0; z-index: 50; max-width: none; padding: 14px 24px; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--background) 94%, transparent); backdrop-filter: blur(20px); }
.masthead-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%; max-width: 1440px; margin: auto; }
.refund-lab .brand { display: inline-flex; align-items: center; gap: 18px; }
.brand img { display: block; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 2px solid var(--cyan); box-shadow: 0 0 28px color-mix(in srgb, var(--cyan) 35%, transparent), 0 0 50px color-mix(in srgb, var(--magenta) 15%, transparent); }
.refund-lab .brand > span { color: var(--foreground); font-family: "JetBrains Mono", monospace; font-size: 17px; }
.refund-lab .brand .brand-dot { color: var(--magenta); }
.site-actions { display: flex; align-items: center; gap: 12px; }
.site-menu { position: relative; }
.site-menu summary, #site-theme { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 0; color: var(--foreground); background: transparent; font: 13px "JetBrains Mono", monospace; }
.site-menu summary { list-style: none; }
.site-menu summary::-webkit-details-marker { display: none; }
.site-menu summary > span:first-child { font-size: 23px; line-height: 1; }
.site-menu[open] summary, #site-theme:hover { border-color: var(--cyan); }
.theme-signal { width: 11px; height: 11px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
.site-menu-panel { position: absolute; top: calc(100% + 16px); right: 0; width: 320px; max-width: calc(100vw - 32px); max-height: calc(100svh - 150px); overflow-y: auto; padding: 18px; border: 1px solid var(--border); border-radius: 14px; background: var(--background); box-shadow: 0 18px 60px #0008; }
.site-menu-panel .eyebrow { margin-bottom: 8px; }
.site-menu-panel a { display: flex; align-items: center; gap: 12px; padding: 11px 8px; min-height: 48px; border-radius: 8px; text-decoration: none; font: 13px "JetBrains Mono", monospace; }
.site-menu-panel a:hover { background: color-mix(in srgb, var(--cyan) 8%, transparent); }
.site-menu-panel a > span:last-child { margin-left: auto; color: var(--cyan); }
.site-menu-panel small { display: block; margin-top: 5px; color: var(--muted); font: 12px "Space Grotesk", sans-serif; }
.door-glyph { font-size: 23px; color: var(--cyan); }
.site-menu-panel a:nth-of-type(2) .door-glyph { color: var(--magenta); }
.site-menu-panel a:nth-of-type(3) .door-glyph { color: var(--purple); }
.site-menu-panel a:nth-of-type(4) .door-glyph { color: var(--yellow); }
.site-menu-panel a:nth-of-type(5) .door-glyph { color: var(--mint); }
.site-menu-panel .directory-link { border-top: 1px solid var(--line); border-radius: 0; margin-top: 8px; color: var(--cyan); }
.refund-lab main { padding-top: 30px; }
.page-context { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 40px; }
.page-context > a { font: 12px "JetBrains Mono", monospace; color: var(--cyan); text-decoration: none; padding: 12px 0; }
.page-context > a:hover { text-decoration: underline; text-underline-offset: 5px; }
.refund-lab .badge, .refund-lab .state { color: var(--cyan); border-color: color-mix(in srgb, var(--cyan) 35%, transparent); background: color-mix(in srgb, var(--cyan) 5%, transparent); font-family: "JetBrains Mono", monospace; }
.refund-lab .intro { padding-bottom: 32px; }
.refund-lab .eyebrow, .refund-lab .label { font-family: "JetBrains Mono", monospace; letter-spacing: .15em; font-weight: 500; }
.refund-lab .intro .eyebrow { color: var(--cyan); }
.refund-lab .intro h1 { font-family: "Chakra Petch", "Space Grotesk", sans-serif; font-weight: 600; font-size: clamp(42px, 6.5vw, 80px); letter-spacing: -.035em; line-height: 1.1; }
.intro h1 span { color: var(--cyan); text-shadow: 0 0 35px color-mix(in srgb, var(--cyan) 17%, transparent); }
.refund-lab .lede { max-width: 42ch; font-size: 18px; }
.refund-lab .disclosure { border: 1px solid var(--border); background: color-mix(in srgb, var(--cyan) 4%, var(--background)); border-radius: 14px; padding: 18px 20px; }
.refund-lab .disclosure strong { color: var(--foreground); }
.refund-lab .signal { box-shadow: 0 0 16px color-mix(in srgb, var(--cyan) 30%, transparent); }
.refund-lab #notice[data-error=true] { color: var(--magenta); }
.refund-lab .ledger { padding: 22px 24px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--foreground) 4%, var(--background)); }
.refund-lab .ledger strong { font-family: "JetBrains Mono", monospace; color: var(--foreground); font-size: clamp(24px, 3vw, 34px); }
.refund-lab .surface { background: linear-gradient(135deg, color-mix(in srgb, var(--foreground) 6%, var(--background)), color-mix(in srgb, var(--foreground) 3%, var(--background))); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 10px 36px #00000012; }
.refund-lab .surface h2 { color: var(--foreground); font-weight: 600; letter-spacing: -.025em; }
.refund-lab .review { border-color: color-mix(in srgb, var(--cyan) 40%, transparent); }
.refund-lab .evidence { border-color: color-mix(in srgb, var(--purple) 38%, transparent); }
.refund-lab .evidence > .eyebrow { color: var(--purple); }
.refund-lab input, .refund-lab select { color: var(--foreground); background: var(--background); border-color: color-mix(in srgb, var(--foreground) 25%, transparent); }
.refund-lab .primary { color: var(--primary-foreground); background: var(--cyan); }
.refund-lab .secondary { color: var(--foreground); border-color: color-mix(in srgb, var(--foreground) 40%, transparent); }
.refund-lab .danger { color: var(--foreground); border-color: color-mix(in srgb, var(--magenta) 50%, transparent); background: color-mix(in srgb, var(--magenta) 12%, var(--background)); }
.refund-lab .facts dd { color: var(--foreground); font-family: "JetBrains Mono", monospace; }
.refund-lab .mono { font-family: "JetBrains Mono", monospace; }
.refund-lab .confirm input { accent-color: var(--cyan); }
.refund-lab #history button { color: var(--foreground); background: var(--background); }
.refund-lab #history button[aria-pressed=true] { border-color: var(--cyan); background: color-mix(in srgb, var(--cyan) 10%, var(--background)); }
.refund-lab footer { color: var(--muted); }
.refund-lab footer nav { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 12px; }
.refund-lab footer a { display: inline-flex; align-items: center; min-height: 44px; color: var(--cyan); font-size: 12px; text-underline-offset: 4px; }
.refund-lab .skip { z-index: 200; }
@media (max-width: 760px) {
  .refund-lab .masthead { padding: 14px 20px; }
  .brand img { width: 80px; height: 80px; }
  .refund-lab .brand > span, .menu-label { display: none; }
  .site-actions { gap: 8px; }
  .site-menu summary, #site-theme { padding: 12px; }
  .site-menu-panel { position: fixed; top: 116px; left: 16px; right: 16px; width: auto; }
  .page-context { margin-bottom: 28px; }
  .page-context > a { font-size: 11px; }
  .refund-lab .intro .eyebrow { font-size: 9px; }
  .refund-lab .intro h1 { font-size: clamp(38px, 10.7vw, 66px); }
  .refund-lab .lede { font-size: 16px; max-width: 34ch; }
  .refund-lab .ledger { gap: 20px 12px; padding: 20px 16px; }
  .refund-lab .ledger .label { font-size: 9px; letter-spacing: .08em; }
}
@media (max-width: 340px) {
  .refund-lab .masthead { padding: 12px; }
  .brand img { width: 64px; height: 64px; }
  .masthead-inner { gap: 10px; }
  .page-context { flex-wrap: wrap; }
  .refund-lab .ledger { grid-template-columns: 1fr; }
  .site-menu-panel { top: 96px; }
}
@media (prefers-reduced-motion: reduce) { .refund-lab *, .refund-lab *::before { scroll-behavior: auto; animation: none; transition: none; } }