:root{--radius: 8px;--radius-control: 6px;--radius-card: 8px;--radius-panel: 10px;--radius-sheet: 18px;--topolo-control-height-sm: 36px;--topolo-control-height-md: 44px;--topolo-control-height-lg: 48px;--topolo-mobile-touch-target: 44px;--topolo-mobile-header-height: 64px;--topolo-mobile-nav-height: 68px;--topolo-mobile-sheet-radius: 18px;--topolo-mobile-page-padding: 16px;--topolo-app-content-gap: 24px;--topolo-app-content-gutter: clamp(18px, 3vw, 36px);--topolo-app-content-gutter-wide: clamp(24px, 3vw, 48px);--shadow-surface-1: 0 1px 2px hsl(222 47% 11% / .08), 0 8px 24px hsl(222 47% 11% / .08);--shadow-popover: 0 12px 32px hsl(222 47% 11% / .16);--shadow-modal: 0 24px 70px hsl(222 47% 11% / .24);--topolo-overlay-scrim: hsl(222 47% 6% / .56);--topolo-motion-fast: .14s;--topolo-motion-standard: .22s;--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 199 89% 48%;--primary-foreground: 0 0% 100%;--secondary: 258 90% 66%;--secondary-foreground: 0 0% 100%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--success: 161 84% 33%;--success-foreground: 0 0% 100%;--warning: 25 90% 38%;--warning-foreground: 0 0% 100%;--info: 201 90% 38%;--info-foreground: 0 0% 100%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 201 96% 32%;--topolo-shell-canvas: 210 40% 98%;--topolo-shell-sidebar: 0 0% 100%;--topolo-shell-header: 0 0% 100%;--topolo-shell-header-opacity: .92;--topolo-shell-surface: 0 0% 100%;--topolo-shell-surface-muted: 210 40% 96.1%;--topolo-shell-border: 214.3 31.8% 91.4%;--topolo-shell-border-strong: 215 20% 82%;--topolo-shell-text: 222.2 84% 4.9%;--topolo-shell-text-muted: 215.4 16.3% 46.9%}.dark,[data-theme=dark]{--shadow-surface-1: 0 1px 1px hsl(0 0% 0% / .22), 0 12px 32px hsl(0 0% 0% / .26);--shadow-popover: 0 16px 44px hsl(0 0% 0% / .36);--shadow-modal: 0 28px 84px hsl(0 0% 0% / .48);--topolo-overlay-scrim: hsl(222 47% 4% / .72);--background: 222 47% 6%;--foreground: 210 40% 98%;--card: 222 42% 9%;--card-foreground: 210 40% 98%;--popover: 222 40% 11%;--popover-foreground: 210 40% 98%;--muted: 217 28% 16%;--muted-foreground: 215 20.2% 65.1%;--accent: 217 32% 18%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--success: 161 70% 26%;--success-foreground: 0 0% 100%;--warning: 25 75% 30%;--warning-foreground: 0 0% 100%;--info: 201 80% 30%;--info-foreground: 0 0% 100%;--border: 217 24% 22%;--input: 217 26% 27%;--ring: 201 96% 42%;--topolo-shell-canvas: 222 47% 6%;--topolo-shell-sidebar: 222 47% 5%;--topolo-shell-header: 222 47% 6%;--topolo-shell-header-opacity: .92;--topolo-shell-surface: 222 42% 9%;--topolo-shell-surface-muted: 217 28% 16%;--topolo-shell-border: 217 24% 22%;--topolo-shell-border-strong: 215 20% 32%;--topolo-shell-text: 210 40% 98%;--topolo-shell-text-muted: 215 20.2% 65.1%}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px hsl(var(--card)) inset;box-shadow:0 0 0 1000px hsl(var(--card)) inset;-webkit-text-fill-color:hsl(var(--foreground));caret-color:hsl(var(--foreground));border-color:hsl(var(--border));transition:background-color 600000s 0s,color 600000s 0s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[role=menuitem]:focus-visible,[role=tab]:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--ring) / .45);border-radius:var(--radius, 6px)}*{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .4) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .35);border-radius:9999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .55)}::-webkit-scrollbar-corner{background:transparent}@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground))}*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground))}:where(button,input,select,textarea){font:inherit}.home-workspace,.topolo-starter-workspace{display:grid;gap:22px;min-width:0;width:100%;max-width:none;overflow-x:clip}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;border:1px solid hsl(var(--border));border-radius:var(--radius);background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--muted) / .45));padding:28px}.home-eyebrow{margin:0 0 10px;color:hsl(var(--primary));font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.home-hero h1{max-width:820px;margin:0;color:hsl(var(--foreground));font-size:34px;line-height:1.08;letter-spacing:0}.home-hero p:not(.home-eyebrow){max-width:720px;margin:14px 0 0;color:hsl(var(--muted-foreground));font-size:16px;line-height:1.55}.home-now{display:grid;gap:6px;min-width:180px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background) / .72);padding:18px}.home-now svg{color:hsl(var(--primary))}.home-now span,.home-now strong{display:block}.home-now span,.home-now small,.home-metric span,.home-metric small,.home-row small{color:hsl(var(--muted-foreground))}.home-now strong{font-size:20px;line-height:1.2}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-metric,.home-panel{min-width:0;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--card-foreground))}.home-metric{display:grid;gap:8px;padding:18px}.home-metric strong{color:hsl(var(--foreground));font-size:34px;line-height:1}.home-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-panel{display:grid;gap:0;overflow:hidden}.home-panel-title{display:flex;gap:10px;align-items:center;border-bottom:1px solid hsl(var(--border));padding:18px}.home-panel-title svg{color:hsl(var(--primary))}.home-panel-title h2{margin:0;font-size:18px;line-height:1.25}.home-row{display:flex;gap:16px;align-items:center;justify-content:space-between;min-width:0;border-bottom:1px solid hsl(var(--border));padding:16px 18px}.home-row:last-child{border-bottom:0}.home-row span{min-width:0}.topolo-starter-card-stack{display:grid;gap:18px;min-width:0}.topolo-starter-workspace>*,.topolo-starter-card-stack>*{min-width:0}.topolo-starter-card h2{margin:0 0 12px;font-size:24px;line-height:1.2}.topolo-starter-card p{margin:0;color:hsl(var(--muted-foreground));line-height:1.55}.topolo-starter-card{border:1px solid hsl(var(--border));border-radius:var(--radius);padding:20px;background:hsl(var(--card));color:hsl(var(--card-foreground))}@media (min-width: 2200px){:root{font-size:18px}.home-workspace{gap:28px}.home-hero{padding:36px}.home-hero h1{font-size:46px}.home-metric,.home-panel-title,.home-row{padding:24px}}@media (min-width: 3200px){:root{font-size:20px}.home-metrics{grid-template-columns:repeat(4,minmax(260px,1fr))}}@media (max-width: 760px){.home-workspace{gap:16px;padding-bottom:84px}.home-hero{grid-template-columns:1fr;padding:20px}.home-hero h1{font-size:28px}.home-now{min-width:0}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-metric{min-height:122px}.home-main-grid{grid-template-columns:1fr}.home-row{align-items:flex-start;flex-direction:column}}