/* ShortPrep — design tokens (Notion / Vercel inspired) */
:root {
  --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.12);

  --transition: 180ms ease;

  /* Light theme */
  --bg: #fafafa;
  --bg-elevated: #ffffff;
  --bg-muted: #f4f4f5;
  --border: #e4e4e7;
  --text: #18181b;
  --text-secondary: #71717a;
  --text-muted: #a1a1aa;
  --accent: #18181b;
  --accent-fg: #fafafa;
  --accent-soft: #f4f4f5;
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #dc2626;
  --pro: #7c3aed;
  --pro-fg: #ffffff;

  --hero-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(124, 58, 237, 0.12), transparent);
  /* Ambient mesh / shorts-themed backdrop */
  --bg-mesh:
    radial-gradient(ellipse 70% 55% at 12% 18%, rgba(124, 58, 237, 0.16), transparent 60%),
    radial-gradient(ellipse 55% 45% at 88% 12%, rgba(37, 99, 235, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 70% 88%, rgba(124, 58, 237, 0.10), transparent 55%),
    radial-gradient(ellipse 40% 35% at 18% 78%, rgba(37, 99, 235, 0.08), transparent 50%);
  --bg-base: linear-gradient(160deg, #f8f7ff 0%, #fafafa 42%, #f3f6ff 100%);
  --bg-grid: rgba(124, 58, 237, 0.03);
  /* Dense scattered creator icons (audio/video/files) — large irregular tile */
  --bg-icons: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22720%22%20viewBox%3D%220%200%20720%20720%22%3E%3Cg%20transform%3D%22translate%2842%2038%29%20rotate%28-12%2013.8%2013.8%29%20scale%281.15%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016a3%203%200%201%200%20.1-.01%22%2F%3E%3Cpath%20d%3D%22M9%2016V4l10-1.5v9.5%22%2F%3E%3Cpath%20d%3D%22M19%2012a3%203%200%201%200%20.1-.01%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28168%2028%29%20rotate%288%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012v0M5%208v8M8%205v14M11%207v10M14%204v16M17%208v8M20%2010v4%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28290%2055%29%20rotate%28-6%2014.4%2014.4%29%20scale%281.2%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%208l7%204-7%204z%22%20fill%3D%22rgba%28124%2C58%2C237%2C0.15%29%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28430%2030%29%20rotate%2814%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%209h20M2%2015h20M7%204v16M17%204v16%22%2F%3E%3Cpath%20d%3D%22M4%204l3-2h10l3%202%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28560%2070%29%20rotate%28-18%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2210%22%20r%3D%221.6%22%20fill%3D%22rgba%28124%2C58%2C237%2C0.15%29%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%2016l6-5%204%203.5%203-2.5%207%204%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2848%20150%29%20rotate%286%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207.5V18a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9.5A2%202%200%200%200%2019%207.5H11L9%205H5a2%202%200%200%200-2%202.5z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28175%20175%29%20rotate%28-9%2013.8%2013.8%29%20scale%281.15%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014v-1a8%208%200%200%201%2016%200v1%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28320%20145%29%20rotate%2811%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M9%2013h8M9%2017h6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28460%20160%29%20rotate%28-15%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%226%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2012a7%207%200%200%200%2014%200M12%2019v3M8%2022h8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28590%20190%29%20rotate%2820%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8.2%207.5L20%2018M8.2%2016.5L20%206%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2890%20290%29%20rotate%28-7%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6%22%2F%3E%3Cpath%20d%3D%22M11%208h2M11%2011h2M11%2014h2M10.5%2017h3v2.5h-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28230%20280%29%20rotate%285%2013.8%2013.8%29%20scale%281.15%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5A2.5%202.5%200%200%201%205.5%207H8l1.5-2h5L16%207h2.5A2.5%202.5%200%200%201%2021%209.5v8A2.5%202.5%200%200%201%2018.5%2020h-13A2.5%202.5%200%200%201%203%2017.5v-8z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28380%20265%29%20rotate%28-11%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2010l6-3v10l-6-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28520%20300%29%20rotate%2816%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204h9a2%202%200%200%201%202%202v14l-4-2.5L11%2020V6a2%202%200%200%200-2-2H6%22%2F%3E%3Cpath%20d%3D%22M11%209h6M11%2013h5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28640%20320%29%20rotate%28-8%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209h18v11a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V9z%22%2F%3E%3Cpath%20d%3D%22M3%209l3-5h3l-3%205M9%204h3l-3%205M15%204h3l-3%205M3%2013h18%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2830%20410%29%20rotate%2810%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%225%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2010l7-4v12l-7-4%22%2F%3E%3Cpath%20d%3D%22M18%209a4%204%200%200%201%200%206M20.5%207a7%207%200%200%201%200%2010%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28160%20430%29%20rotate%2822%2010.8%2010.8%29%20scale%280.9%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%208l7%204-7%204z%22%20fill%3D%22rgba%28124%2C58%2C237%2C0.15%29%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28290%20400%29%20rotate%28-4%2014.4%2014.4%29%20scale%281.2%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012v0M5%208v8M8%205v14M11%207v10M14%204v16M17%208v8M20%2010v4%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28430%20420%29%20rotate%2813%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016a3%203%200%201%200%20.1-.01%22%2F%3E%3Cpath%20d%3D%22M9%2016V4l10-1.5v9.5%22%2F%3E%3Cpath%20d%3D%22M19%2012a3%203%200%201%200%20.1-.01%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28560%20440%29%20rotate%28-16%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%209h20M2%2015h20M7%204v16M17%204v16%22%2F%3E%3Cpath%20d%3D%22M4%204l3-2h10l3%202%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28100%20540%29%20rotate%28-20%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014v-1a8%208%200%200%201%2016%200v1%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28250%20530%29%20rotate%287%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2210%22%20r%3D%221.6%22%20fill%3D%22rgba%28124%2C58%2C237%2C0.15%29%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%2016l6-5%204%203.5%203-2.5%207%204%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28400%20545%29%20rotate%28-13%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%226%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2012a7%207%200%200%200%2014%200M12%2019v3M8%2022h8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28530%20560%29%20rotate%289%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207.5V18a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9.5A2%202%200%200%200%2019%207.5H11L9%205H5a2%202%200%200%200-2%202.5z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28650%20520%29%20rotate%28-22%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8.2%207.5L20%2018M8.2%2016.5L20%206%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28180%20630%29%20rotate%2815%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5A2.5%202.5%200%200%201%205.5%207H8l1.5-2h5L16%207h2.5A2.5%202.5%200%200%201%2021%209.5v8A2.5%202.5%200%200%201%2018.5%2020h-13A2.5%202.5%200%200%201%203%2017.5v-8z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28340%20640%29%20rotate%28-5%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6%22%2F%3E%3Cpath%20d%3D%22M11%208h2M11%2011h2M11%2014h2M10.5%2017h3v2.5h-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28500%20650%29%20rotate%2818%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2010l6-3v10l-6-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2840%20640%29%20rotate%2812%2010.8%2010.8%29%20scale%280.9%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M9%2013h8M9%2017h6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28620%20640%29%20rotate%28-10%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28124%2C58%2C237%2C0.17%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%225%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2010l7-4v12l-7-4%22%2F%3E%3Cpath%20d%3D%22M18%209a4%204%200%200%201%200%206M20.5%207a7%207%200%200%201%200%2010%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --bg-icons-size: 720px 720px;
  --bg-icons-size-md: 520px 520px;
  --bg-icons-size-sm: 380px 380px;
  --panel-glow: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(124, 58, 237, 0.14), rgba(37, 99, 235, 0.08) 45%, transparent 70%);
}

[data-theme="dark"] {
  --bg: #09090b;
  --bg-elevated: #18181b;
  --bg-muted: #27272a;
  --border: #27272a;
  --text: #fafafa;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --accent: #fafafa;
  --accent-fg: #18181b;
  --accent-soft: #27272a;
  --success: #22c55e;
  --warning: #eab308;
  --danger: #ef4444;
  --pro: #a78bfa;
  --pro-fg: #18181b;

  --hero-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(167, 139, 250, 0.18), transparent);
  --bg-mesh:
    radial-gradient(ellipse 70% 55% at 10% 15%, rgba(124, 58, 237, 0.28), transparent 58%),
    radial-gradient(ellipse 55% 45% at 90% 10%, rgba(37, 99, 235, 0.22), transparent 55%),
    radial-gradient(ellipse 50% 40% at 72% 90%, rgba(167, 139, 250, 0.16), transparent 55%),
    radial-gradient(ellipse 40% 35% at 16% 80%, rgba(59, 130, 246, 0.12), transparent 50%);
  --bg-base: linear-gradient(165deg, #0b0a12 0%, #09090b 45%, #0a0f1a 100%);
  --bg-grid: rgba(167, 139, 250, 0.04);
  --bg-icons: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22720%22%20viewBox%3D%220%200%20720%20720%22%3E%3Cg%20transform%3D%22translate%2842%2038%29%20rotate%28-12%2013.8%2013.8%29%20scale%281.15%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016a3%203%200%201%200%20.1-.01%22%2F%3E%3Cpath%20d%3D%22M9%2016V4l10-1.5v9.5%22%2F%3E%3Cpath%20d%3D%22M19%2012a3%203%200%201%200%20.1-.01%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28168%2028%29%20rotate%288%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012v0M5%208v8M8%205v14M11%207v10M14%204v16M17%208v8M20%2010v4%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28290%2055%29%20rotate%28-6%2014.4%2014.4%29%20scale%281.2%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%208l7%204-7%204z%22%20fill%3D%22rgba%28167%2C139%2C250%2C0.18%29%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28430%2030%29%20rotate%2814%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%209h20M2%2015h20M7%204v16M17%204v16%22%2F%3E%3Cpath%20d%3D%22M4%204l3-2h10l3%202%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28560%2070%29%20rotate%28-18%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2210%22%20r%3D%221.6%22%20fill%3D%22rgba%28167%2C139%2C250%2C0.18%29%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%2016l6-5%204%203.5%203-2.5%207%204%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2848%20150%29%20rotate%286%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207.5V18a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9.5A2%202%200%200%200%2019%207.5H11L9%205H5a2%202%200%200%200-2%202.5z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28175%20175%29%20rotate%28-9%2013.8%2013.8%29%20scale%281.15%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014v-1a8%208%200%200%201%2016%200v1%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28320%20145%29%20rotate%2811%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M9%2013h8M9%2017h6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28460%20160%29%20rotate%28-15%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%226%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2012a7%207%200%200%200%2014%200M12%2019v3M8%2022h8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28590%20190%29%20rotate%2820%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8.2%207.5L20%2018M8.2%2016.5L20%206%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2890%20290%29%20rotate%28-7%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6%22%2F%3E%3Cpath%20d%3D%22M11%208h2M11%2011h2M11%2014h2M10.5%2017h3v2.5h-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28230%20280%29%20rotate%285%2013.8%2013.8%29%20scale%281.15%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5A2.5%202.5%200%200%201%205.5%207H8l1.5-2h5L16%207h2.5A2.5%202.5%200%200%201%2021%209.5v8A2.5%202.5%200%200%201%2018.5%2020h-13A2.5%202.5%200%200%201%203%2017.5v-8z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28380%20265%29%20rotate%28-11%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2010l6-3v10l-6-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28520%20300%29%20rotate%2816%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204h9a2%202%200%200%201%202%202v14l-4-2.5L11%2020V6a2%202%200%200%200-2-2H6%22%2F%3E%3Cpath%20d%3D%22M11%209h6M11%2013h5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28640%20320%29%20rotate%28-8%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209h18v11a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V9z%22%2F%3E%3Cpath%20d%3D%22M3%209l3-5h3l-3%205M9%204h3l-3%205M15%204h3l-3%205M3%2013h18%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2830%20410%29%20rotate%2810%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%225%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2010l7-4v12l-7-4%22%2F%3E%3Cpath%20d%3D%22M18%209a4%204%200%200%201%200%206M20.5%207a7%207%200%200%201%200%2010%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28160%20430%29%20rotate%2822%2010.8%2010.8%29%20scale%280.9%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M10%208l7%204-7%204z%22%20fill%3D%22rgba%28167%2C139%2C250%2C0.18%29%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28290%20400%29%20rotate%28-4%2014.4%2014.4%29%20scale%281.2%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012v0M5%208v8M8%205v14M11%207v10M14%204v16M17%208v8M20%2010v4%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28430%20420%29%20rotate%2813%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016a3%203%200%201%200%20.1-.01%22%2F%3E%3Cpath%20d%3D%22M9%2016V4l10-1.5v9.5%22%2F%3E%3Cpath%20d%3D%22M19%2012a3%203%200%201%200%20.1-.01%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28560%20440%29%20rotate%28-16%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%209h20M2%2015h20M7%204v16M17%204v16%22%2F%3E%3Cpath%20d%3D%22M4%204l3-2h10l3%202%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28100%20540%29%20rotate%28-20%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014v-1a8%208%200%200%201%2016%200v1%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.2%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28250%20530%29%20rotate%287%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2210%22%20r%3D%221.6%22%20fill%3D%22rgba%28167%2C139%2C250%2C0.18%29%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%2016l6-5%204%203.5%203-2.5%207%204%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28400%20545%29%20rotate%28-13%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%226%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2012a7%207%200%200%200%2014%200M12%2019v3M8%2022h8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28530%20560%29%20rotate%289%2012.6%2012.6%29%20scale%281.05%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207.5V18a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9.5A2%202%200%200%200%2019%207.5H11L9%205H5a2%202%200%200%200-2%202.5z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28650%20520%29%20rotate%28-22%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8.2%207.5L20%2018M8.2%2016.5L20%206%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28180%20630%29%20rotate%2815%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5A2.5%202.5%200%200%201%205.5%207H8l1.5-2h5L16%207h2.5A2.5%202.5%200%200%201%2021%209.5v8A2.5%202.5%200%200%201%2018.5%2020h-13A2.5%202.5%200%200%201%203%2017.5v-8z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28340%20640%29%20rotate%28-5%2012.0%2012.0%29%20scale%281.0%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6%22%2F%3E%3Cpath%20d%3D%22M11%208h2M11%2011h2M11%2014h2M10.5%2017h3v2.5h-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28500%20650%29%20rotate%2818%2013.2%2013.2%29%20scale%281.1%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2010l6-3v10l-6-3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2840%20640%29%20rotate%2812%2010.8%2010.8%29%20scale%280.9%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l6%206v11.5A1.5%201.5%200%200%201%2018.5%2022h-11A1.5%201.5%200%200%201%206%2020.5V4.5A1.5%201.5%200%200%201%207.5%203%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M9%2013h8M9%2017h6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28620%20640%29%20rotate%28-10%2011.4%2011.4%29%20scale%280.95%29%22%20fill%3D%22none%22%20stroke%3D%22rgba%28167%2C139%2C250%2C0.20%29%22%20stroke-width%3D%222.05%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%225%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2010l7-4v12l-7-4%22%2F%3E%3Cpath%20d%3D%22M18%209a4%204%200%200%201%200%206M20.5%207a7%207%200%200%201%200%2010%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --bg-icons-size: 720px 720px;
  --bg-icons-size-md: 520px 520px;
  --bg-icons-size-sm: 380px 380px;
  --panel-glow: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(124, 58, 237, 0.28), rgba(37, 99, 235, 0.14) 45%, transparent 70%);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.5);
}