/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--fade-left-n:0;--fade-right-n:0}}}@layer theme{:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-800:oklch(47% .157 37.304);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-200:oklch(91% .096 180.426);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-sky-100:oklch(95.1% .026 236.824);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--text-xs:12px;--text-xs--line-height:calc(1/.75);--text-sm:13px;--text-sm--line-height:calc(1/.85);--text-base:14px;--text-base--line-height:calc(1.25/.875);--text-lg:16px;--text-lg--line-height:calc(1.25/1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.1s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-color-kumo-default:var(--lightningcss-light,var(--color-neutral-900,oklch(21% .006 285.885)))var(--lightningcss-dark,var(--color-neutral-100,oklch(97% 0 0)));--text-color-kumo-inverse:var(--lightningcss-light,var(--color-neutral-100,oklch(97% 0 0)))var(--lightningcss-dark,var(--color-neutral-900,oklch(20.5% 0 0)));--text-color-kumo-strong:var(--lightningcss-light,var(--color-neutral-950,oklch(14.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-50,oklch(98.5% 0 0)));--text-color-kumo-subtle:var(--lightningcss-light,var(--color-neutral-500,oklch(55.6% 0 0)))var(--lightningcss-dark,var(--color-neutral-400,oklch(70.8% 0 0)));--text-color-kumo-inactive:var(--lightningcss-light,var(--color-neutral-300,oklch(87% 0 0)))var(--lightningcss-dark,var(--color-neutral-600,oklch(43.9% 0 0)));--text-color-kumo-placeholder:var(--lightningcss-light,var(--color-neutral-400,oklch(70.8% 0 0)))var(--lightningcss-dark,var(--color-neutral-500,oklch(55.6% 0 0)));--text-color-kumo-brand:var(--lightningcss-light,#f6821f)var(--lightningcss-dark,#f6821f);--text-color-kumo-link:var(--lightningcss-light,var(--color-blue-800,oklch(42.4% .199 265.638)))var(--lightningcss-dark,var(--color-blue-400,oklch(70.7% .165 254.624)));--text-color-kumo-info:var(--lightningcss-light,var(--color-blue-800,oklch(42.4% .199 265.638)))var(--lightningcss-dark,var(--color-blue-400,oklch(70.7% .165 254.624)));--text-color-kumo-success:var(--lightningcss-light,var(--color-emerald-800,oklch(43.2% .095 166.913)))var(--lightningcss-dark,var(--color-emerald-200,oklch(90.5% .093 164.15)));--text-color-kumo-danger:var(--lightningcss-light,var(--color-red-700,oklch(50.5% .213 27.518)))var(--lightningcss-dark,var(--color-red-400,oklch(70.4% .191 22.216)));--text-color-kumo-warning:var(--lightningcss-light,var(--color-yellow-800,oklch(47.6% .114 61.907)))var(--lightningcss-dark,var(--color-yellow-400,oklch(85.2% .199 91.936)));--text-color-kumo-badge-teal-subtle:var(--lightningcss-light,var(--color-teal-800,oklch(43.7% .078 188.216)))var(--lightningcss-dark,var(--color-teal-200,oklch(91% .096 180.426)));--text-color-kumo-badge-neutral-subtle:var(--lightningcss-light,var(--color-neutral-800,oklch(26.9% 0 0)))var(--lightningcss-dark,var(--color-neutral-200,oklch(92.2% 0 0)));--text-color-kumo-badge-inverted:var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-black,#000));--color-kumo-canvas:var(--lightningcss-light,var(--color-kumo-neutral-25,oklch(98.75% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-1000,oklch(10% 0 0)));--color-kumo-elevated:var(--lightningcss-light,var(--color-kumo-neutral-75,oklch(98% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-975,oklch(12% 0 0)));--color-kumo-recessed:var(--lightningcss-light,var(--color-kumo-neutral-125,oklch(96% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-950,oklch(15% 0 0)));--color-kumo-base:var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-kumo-neutral-925,oklch(17% 0 0)));--color-kumo-tint:var(--lightningcss-light,var(--color-neutral-100,oklch(97% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-800,oklch(26.9% 0 0)));--color-kumo-contrast:var(--lightningcss-light,var(--color-kumo-neutral-975,oklch(8.5% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-25,oklch(98.5% 0 0)));--color-kumo-overlay:var(--lightningcss-light,var(--color-kumo-neutral-50,oklch(97.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-control:var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-neutral-900,oklch(21% .006 285.885)));--color-kumo-interact:var(--lightningcss-light,var(--color-neutral-300,oklch(87% 0 0)))var(--lightningcss-dark,var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-fill:var(--lightningcss-light,var(--color-neutral-200,oklch(92.2% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-fill-hover:var(--lightningcss-light,var(--color-kumo-neutral-125,oklch(96.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(37.1% 0 0)));--color-kumo-brand:var(--lightningcss-light,oklch(57.72% .2324 260))var(--lightningcss-dark,oklch(51.948% .2324 260));--color-kumo-brand-hover:var(--lightningcss-light,var(--color-blue-700,oklch(48.8% .243 264.376)))var(--lightningcss-dark,var(--color-blue-700,oklch(48.8% .243 264.376)));--color-kumo-line:var(--lightningcss-light,oklch(14.5% 0 0/.1))var(--lightningcss-dark,var(--color-kumo-neutral-750,oklch(32% 0 0)));--color-kumo-hairline:var(--lightningcss-light,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-focus:var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)));--color-kumo-shadow-edge:var(--lightningcss-light,oklch(0% 0 0/.12))var(--lightningcss-dark,oklch(100% 0 0/.1));--color-kumo-shadow-drop:var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(0% 0 0/.3));--color-kumo-tip-shadow:var(--lightningcss-light,var(--color-gray-200,oklch(92.8% .006 264.531)))var(--lightningcss-dark,transparent);--color-kumo-tip-stroke:var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-info-tint:var(--lightningcss-light,var(--color-blue-100,oklch(93.2% .032 255.585)))var(--lightningcss-dark,var(--color-blue-900,oklch(37.9% .146 265.522)));--color-kumo-info:var(--lightningcss-light,var(--color-blue-500,oklch(68.5% .169 237.323)))var(--lightningcss-dark,var(--color-blue-400,oklch(70.7% .165 254.624)));--color-kumo-warning-tint:var(--lightningcss-light,var(--color-yellow-100,oklch(97.3% .071 103.193)))var(--lightningcss-dark,var(--color-yellow-700,oklch(55.4% .135 66.442)));--color-kumo-warning:var(--lightningcss-light,var(--color-yellow-500,oklch(79.5% .184 86.047)))var(--lightningcss-dark,var(--color-yellow-400,oklch(85.2% .199 91.936)));--color-kumo-danger-tint:var(--lightningcss-light,var(--color-red-100,oklch(93.6% .032 17.717)))var(--lightningcss-dark,var(--color-red-900,oklch(39.6% .141 25.723)));--color-kumo-danger:var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)));--color-kumo-success-tint:var(--lightningcss-light,var(--color-emerald-100,oklch(95% .052 163.051)))var(--lightningcss-dark,var(--color-emerald-900,oklch(37.8% .077 168.94)));--color-kumo-success:var(--lightningcss-light,var(--color-emerald-600,oklch(59.6% .145 163.225)))var(--lightningcss-dark,var(--color-emerald-400,oklch(76.5% .177 163.223)));--color-kumo-banner-info:var(--lightningcss-light,oklch(93.2% .032 255.585/.7))var(--lightningcss-dark,oklch(37.9% .146 265.522/.5));--color-kumo-banner-warning:var(--lightningcss-light,var(--color-yellow-100,oklch(97.3% .071 103.193)))var(--lightningcss-dark,oklch(55.4% .135 66.442/.5));--color-kumo-badge-red:var(--lightningcss-light,var(--color-red-600,oklch(57.7% .245 27.325)))var(--lightningcss-dark,var(--color-red-700,oklch(50.5% .213 27.518)));--color-kumo-badge-green:var(--lightningcss-light,var(--color-emerald-600,oklch(59.6% .145 163.225)))var(--lightningcss-dark,var(--color-emerald-700,oklch(50.8% .118 165.612)));--color-kumo-badge-orange:var(--lightningcss-light,var(--color-orange-650,oklch(81.5% .197 76)))var(--lightningcss-dark,var(--color-orange-650,oklch(81.5% .197 76)));--color-kumo-badge-purple:var(--lightningcss-light,var(--color-purple-600,oklch(60% .118 184.704)))var(--lightningcss-dark,var(--color-purple-700,oklch(50.8% .118 165.612)));--color-kumo-badge-teal:var(--lightningcss-light,var(--color-teal-650,oklch(54.9% .096 184.565)))var(--lightningcss-dark,var(--color-teal-700,oklch(51.1% .096 186.391)));--color-kumo-badge-blue:var(--lightningcss-light,var(--color-blue-600,oklch(54.6% .245 262.881)))var(--lightningcss-dark,var(--color-blue-700,oklch(48.8% .243 264.376)));--color-kumo-badge-neutral:var(--lightningcss-light,var(--color-neutral-500,oklch(55.6% 0 0)))var(--lightningcss-dark,var(--color-neutral-600,oklch(43.9% 0 0)));--color-kumo-badge-inverted:var(--lightningcss-light,var(--color-neutral-950,oklch(14.5% 0 0)))var(--lightningcss-dark,var(--color-white,#fff));--color-red-650:oklch(55% .238 27.4);--color-orange-650:oklch(81.5% .197 76);--color-teal-650:oklch(54.9% .096 184.565);--color-kumo-neutral-50:oklch(98.75% 0 0);--color-kumo-neutral-75:oklch(98% 0 0);--color-kumo-neutral-125:oklch(96.5% 0 0);--color-kumo-neutral-750:oklch(32% 0 0);--color-kumo-neutral-925:oklch(17% 0 0);--color-kumo-neutral-950:oklch(15% 0 0);--color-kumo-neutral-975:oklch(12% 0 0);--color-kumo-neutral-1000:oklch(10% 0 0);--animate-refresh:refresh .5s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative;bottom:-.25em}table{text-indent:0;border-color:inherit;border-collapse:collapse}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}button,input:where([type=button],[type=reset]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:root{--text-color-kumo-default:var(--color-neutral-900,oklch(21% .006 285.885));--text-color-kumo-inverse:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-strong:var(--color-neutral-950,oklch(14.5% 0 0));--text-color-kumo-subtle:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-inactive:var(--color-neutral-300,oklch(87% 0 0));--text-color-kumo-placeholder:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-800,oklch(42.4% .199 265.638));--text-color-kumo-info:var(--color-blue-800,oklch(42.4% .199 265.638));--text-color-kumo-success:var(--color-emerald-800,oklch(43.2% .095 166.913));--text-color-kumo-danger:var(--color-red-700,oklch(50.5% .213 27.518));--text-color-kumo-warning:var(--color-yellow-800,oklch(47.6% .114 61.907));--text-color-kumo-badge-orange-subtle:var(--color-orange-800,oklch(47% .157 37.304));--text-color-kumo-badge-teal-subtle:var(--color-teal-800,oklch(43.7% .078 188.216));--text-color-kumo-badge-neutral-subtle:var(--color-neutral-800,oklch(26.9% 0 0));--text-color-kumo-badge-inverted:var(--color-white,#fff);--color-kumo-canvas:var(--color-kumo-neutral-25,oklch(98.75% 0 0));--color-kumo-elevated:var(--color-kumo-neutral-75,oklch(98% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-125,oklch(96% 0 0));--color-kumo-base:var(--color-white,#fff);--color-kumo-tint:var(--color-neutral-100,oklch(97% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-975,oklch(8.5% 0 0));--color-kumo-overlay:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--color-kumo-control:var(--color-white,#fff);--color-kumo-interact:var(--color-neutral-300,oklch(87% 0 0));--color-kumo-fill:var(--color-neutral-200,oklch(92.2% 0 0));--color-kumo-fill-hover:var(--color-kumo-neutral-125,oklch(96.5% 0 0));--color-kumo-brand:oklch(57.72% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:oklch(14.5% 0 0/.1);--color-kumo-hairline:var(--color-kumo-neutral-150,oklch(93.5% 0 0));--color-kumo-focus:var(--color-kumo-neutral-950,oklch(15% 0 0));--color-kumo-shadow-edge:oklch(0% 0 0/.12);--color-kumo-shadow-drop:oklch(0% 0 0/.08);--color-kumo-tip-shadow:var(--color-gray-200,oklch(92.8% .006 264.531));--color-kumo-tip-stroke:transparent;--color-kumo-info-tint:var(--color-blue-100,oklch(93.2% .032 255.585));--color-kumo-info:var(--color-blue-500,oklch(68.5% .169 237.323));--color-kumo-warning-tint:var(--color-yellow-100,oklch(97.3% .071 103.193));--color-kumo-warning:var(--color-yellow-500,oklch(79.5% .184 86.047));--color-kumo-danger-tint:var(--color-red-100,oklch(93.6% .032 17.717));--color-kumo-danger:var(--color-red-500,oklch(63.7% .237 25.331));--color-kumo-success-tint:var(--color-emerald-100,oklch(95% .052 163.051));--color-kumo-success:var(--color-emerald-600,oklch(59.6% .145 163.225));--color-kumo-banner-info:oklch(93.2% .032 255.585/.7);--color-kumo-banner-warning:var(--color-yellow-100,oklch(97.3% .071 103.193));--color-kumo-badge-red:var(--color-red-600,oklch(57.7% .245 27.325));--color-kumo-badge-green:var(--color-emerald-600,oklch(59.6% .145 163.225));--color-kumo-badge-orange:var(--color-orange-650,oklch(81.5% .197 76));--color-kumo-badge-purple:var(--color-purple-600,oklch(60% .118 184.704));--color-kumo-badge-teal:var(--color-teal-650,oklch(54.9% .096 184.565));--color-kumo-badge-blue:var(--color-blue-600,oklch(54.6% .245 262.881));--color-kumo-badge-neutral:var(--color-neutral-500,oklch(55.6% 0 0));--color-kumo-badge-inverted:var(--color-neutral-950,oklch(14.5% 0 0));--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.skeleton-line{height:.5rem;width:var(--skeleton-width);background-color:#f3f4f6;border-radius:2px;position:relative;overflow:hidden}.skeleton-line:after{animation:shimmer var(--shimmer-duration,1.5s)var(--shimmer-delay,0s)infinite ease-in-out;content:"";background:linear-gradient(90deg,#0000 0%,#00000014 50%,#0000 100%);position:absolute;inset:0}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@keyframes right{to{transform:translate(100%)}}.float{animation:5s linear infinite alternate float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes refresh{to{transform:rotate(360deg)scale(.9)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes kumo-chart-wave{0%{transform:translate(0)}to{transform:translate(-400px)}}@keyframes toast-bump{0%{transform:scale(1)}20%{transform:scale(1.02)}to{transform:scale(1)}}@property --fade-left-n{syntax:"<number>";inherits:false;initial-value:0}@property --fade-right-n{syntax:"<number>";inherits:false;initial-value:0}@keyframes scroll-fade-x-left{0%{--fade-left-n:0}to{--fade-left-n:1}}@keyframes scroll-fade-x-right{0%{--fade-right-n:1}to{--fade-right-n:0}}.kumo-tabs-list{overscroll-behavior-x:contain}@supports (animation-timeline:scroll()){.kumo-tabs-list{scrollbar-width:none;-ms-overflow-style:none}.kumo-tabs-list::-webkit-scrollbar{display:none}}.kumo-input-placeholder::placeholder{color:var(--text-color-kumo-placeholder)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d10;--sidebar:#111115;--surface:#16161b;--input-bg:#1c1c23;--hover-bg:#ffffff14;--code-bg:#1a1a22;--border:#2a2a32;--border-strong:#3a3a44;--text:#e5e7eb;--muted:#cdd3e0;--hint:#9ca3af;--nav-label:#d1d5db;--nav-text:#cecece;--purple:#8b7ff5;--purple-bg:#8b7ff51f;--purple-text:#c9bdff;--purple-glow:#8b7ff54d;--teal:#3ecf9a;--teal-bg:#3ecf9a1f;--teal-text:#86efcd;--amber:#fbbf24;--amber-bg:#fbbf241a;--amber-text:#fde68a;--coral:#f97316;--coral-bg:#f973161a;--coral-text:#fed7aa;--green:#4ade80;--green-bg:#4ade801a;--red:#f87171;--red-bg:#f871711a;--red-dim:#f871711f;--amber-dim:#fbbf241a;--green-dim:#4ade801a;--purple-dim:#8b7ff51a;--bg-card:#1c1c23;--bg-elevated:var(--surface);--text-muted:var(--muted);--bg-muted:#ffffff0f;--bg-hover:#ffffff14;--bg-active:#8b7ff526;--accent:var(--purple);--bg-input:var(--input-bg);--radius:8px;--radius-lg:12px;--text-4xl:2.125rem;--text-3xl:1.75rem;--text-2xl:1.375rem;--text-xl:1.125rem;--text-lg:1rem;--text-base:.9375rem;--text-sm:.875rem;--text-xs:.8125rem;--card-default-bg:var(--surface);--card-purple-bg:#8b7ff50a;--card-teal-bg:#3ecf9a0a;--card-amber-bg:#fbbf240a;--card-coral-bg:#f973160a;--card-purple-border:#8b7ff533;--card-teal-border:#3ecf9a33;--card-amber-border:#fbbf2433;--card-coral-border:#f9731633;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}*,:before,:after{font-family:inherit}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.8}html{scroll-behavior:smooth}button{cursor:pointer;font-family:inherit}.btn-sm,button.btn-sm{font-size:var(--text-sm);border-radius:var(--radius);padding:.375rem .75rem;font-weight:600;line-height:1.4}.btn-md,button.btn-md{font-size:var(--text-base);border-radius:var(--radius);padding:.625rem 1.25rem;font-weight:600;line-height:1.5}.btn-lg,button.btn-lg{font-size:var(--text-lg);border-radius:var(--radius);padding:.875rem 1.75rem;font-weight:600;line-height:1.5}button:not(.btn-sm):not(.btn-md):not(.btn-lg){font-size:var(--text-base);padding:.625rem 1.25rem;font-weight:600;line-height:1.5}input{border-radius:var(--radius);background:var(--input-bg);border:1px solid var(--border);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;font-size:inherit;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8b7ff533}.skip-link{background:var(--purple);color:#fff;z-index:100;border-radius:0 0 4px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.shell{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;width:260px;min-height:100vh;max-height:100vh;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 12px #00000008}.sidebar-spacer{flex:1;min-height:12px}.main{scroll-behavior:smooth;flex:1;min-width:0;overflow-y:auto}.page{width:100%;max-width:900px;margin:0 auto;padding:32px 40px;animation:.3s cubic-bezier(.4,0,.2,1) fadeInUp;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-logo{border-bottom:1px solid var(--border);padding:0 20px 20px}.wordmark{color:var(--text);letter-spacing:.01em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.logo-dot{background:var(--purple);width:6px;height:6px;box-shadow:0 0 8px var(--purple-glow);border-radius:50%;flex-shrink:0}.repo-tag{background:var(--purple-bg);color:var(--purple-text);border-radius:4px;margin-top:5px;padding:2px 7px;font-size:11px;display:inline-block}.nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-text);opacity:.9;padding:16px 20px 8px;font-size:11px;font-weight:700}.nav-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin:0 4px;padding:10px 16px 10px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item svg{opacity:.85;color:inherit;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:var(--purple-text);background:#8b7ff51a;transform:translate(4px)}.nav-item:hover svg{transform:scale(1.1)}.nav-item.active{color:var(--purple-text);border-left:3px solid var(--purple);background:#8b7ff526;padding-left:9px;font-weight:600;box-shadow:0 0 0 1px #8b7ff54d}.nav-supporting-details{border-top:1px solid var(--border);margin-top:4px;margin-bottom:8px;padding-top:8px}.nav-supporting-summary{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-text);opacity:.9;cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 20px;font-size:11px;font-weight:700;list-style:none}.nav-supporting-summary::-webkit-details-marker{display:none}.nav-item-supporting{padding-left:28px;font-size:12px}.api-bar{border-top:1px solid var(--border);flex-direction:column;gap:7px;margin-top:0;padding:12px 16px;display:flex}.api-status{color:var(--hint);font-size:11px}.settings-details{color:var(--muted);font-size:11px}.settings-details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.settings-grid{flex-direction:column;gap:8px;margin-top:8px;display:flex}.settings-grid label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);gap:4px;font-size:10px;font-weight:600;display:grid}.page-header h1{margin:0 0 4px;font-size:20px;font-weight:600}.page-header p{color:var(--muted);margin:0;font-size:14px}.demo-banner{background:var(--teal-bg);border-radius:var(--radius-lg);color:var(--text);border:1px solid #3ecf9a59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.demo-banner-copy strong{color:var(--teal-text)}.demo-banner-copy em{color:var(--teal-text);font-style:normal;font-weight:600}.demo-banner-actions{align-items:center;gap:8px;display:flex}.demo-banner-dismiss{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.demo-banner-dismiss:hover{color:var(--text);border-color:var(--border-strong)}.feature-context-banner{background:var(--purple-bg);border-radius:var(--radius-lg);border:1px solid #8b7ff559;flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 16px;display:flex}.feature-context-label{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-text);font-size:10px;font-weight:700}.feature-context-title{color:var(--text);font-size:15px;font-weight:600;line-height:1.45}.static-maintain-note{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.7}.static-maintain-note code{color:var(--purple-text);font-family:SF Mono,Fira Code,monospace;font-size:12px}.confidence-footer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:20px;padding:14px 16px}.confidence-footer-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.confidence-footer-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.confidence-footer-overall{color:var(--purple-text);font-size:22px;font-weight:700;line-height:1}.confidence-footer-bars{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.confidence-footer-item{grid-template-columns:1fr auto;align-items:center;gap:4px 8px;display:grid}.confidence-footer-dim{color:var(--muted);font-size:11px}.confidence-footer-pct{color:var(--text);font-size:11px;font-weight:600}.confidence-footer-item .conf-bar-bg{grid-column:1/-1}@media (width<=768px){.confidence-footer-bars{grid-template-columns:1fr 1fr}}@media (width<=480px){.confidence-footer-bars{grid-template-columns:1fr}}.confidence-footer-sources{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.confidence-footer-sources .confidence-footer-label{margin-bottom:8px;display:block}.sources-used-list{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.source-used-badge{border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.source-used-approved{background:var(--green-dim);color:var(--green);border-color:#4ade8059}.source-used-blocked{background:var(--red-dim);color:var(--red);border-color:#f8717159}.sources-used-empty{color:var(--muted);margin:0;font-size:13px}.presenter-note{border:1px solid #8b7ff547;border-left:3px solid var(--purple);border-radius:var(--radius);background:#8b7ff514;margin:0 0 16px;padding:12px 14px}.presenter-note-label{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-text);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.presenter-note p{color:var(--text);margin:0;font-size:14px;font-style:italic;line-height:1.7}.demo-guide-intro{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--muted);margin-bottom:20px;padding:14px 16px;font-size:14px;line-height:1.7}.demo-guide-intro strong{color:var(--text)}.demo-beats{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.demo-beat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.demo-beat-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.demo-beat-order{background:var(--purple-bg);width:28px;height:28px;color:var(--purple-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.demo-beat-where{margin:0 0 4px;font-size:15px;font-weight:600}.demo-beat-note{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.demo-beat-go{border:1px solid var(--border);background:var(--input-bg);color:var(--purple-text);cursor:pointer;border-radius:6px;flex-shrink:0;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500}.demo-beat-go:hover{background:var(--purple-dim);border-color:#8b7ff573}.demo-beat-say{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);color:var(--text);align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:15px;line-height:1.7;display:flex}.demo-beat-say svg{color:var(--purple);flex-shrink:0;margin-top:3px}.input-card,.static-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:28px}.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.repo-display{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:20px;padding:9px 12px;font-size:14px;display:flex}.repo-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0}a.repo-name,a.repo-version{color:inherit;text-decoration:none}a.repo-name:hover,a.repo-version:hover{color:var(--purple-text)}a.repo-version{color:var(--hint);margin-left:auto;font-size:11px}.feature-input{width:100%;min-height:80px}.input-hint{color:var(--hint);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.kbd{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.btn-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.generate-actions-row,.demo-cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.empty-cta-row{justify-content:center;margin-top:4px}.btn-snippet-demo{min-height:42px;box-shadow:0 0 18px #7b6ff047;color:#fff!important;background:#7b6ff061!important;border:1px solid #8b7ff5!important;padding:10px 18px!important;font-size:15px!important;font-weight:600!important}.btn-snippet-demo,.btn-snippet-demo span,.btn-snippet-demo svg{color:#fff!important;fill:currentColor!important}.btn-snippet-demo:hover:not(:disabled){box-shadow:0 0 24px #7b6ff066;color:#fff!important;background:#7b6ff085!important;border-color:#a89ff5!important}.demo-no-key{color:var(--green);margin-top:6px;font-size:13px;font-weight:600;line-height:1.3;display:block}.demo-no-key-empty{margin-top:10px;display:block}.btn-demo-primary{min-height:42px;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(0);background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important;padding:10px 22px!important;font-size:15px!important;font-weight:600!important}.btn-demo-primary,.btn-demo-primary span,.btn-demo-primary svg{color:#fff!important;fill:currentColor!important}.btn-demo-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3ecf9a4d;background:#0a7a58!important;border-color:#0a7a58!important}.btn-demo-primary:active:not(:disabled){transform:translateY(0)}.btn-generate-secondary{min-height:42px;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(0);box-shadow:0 2px 8px #8b7ff533,inset 0 0 0 1px #8b7ff51f;color:#fff!important;background:#1e1c28!important;border:1px solid #8b7ff5bf!important;padding:10px 20px!important;font-size:15px!important;font-weight:600!important}.btn-generate-secondary,.btn-generate-secondary span,.btn-generate-secondary svg{color:#fff!important;fill:currentColor!important}.btn-generate-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b7ff54d;color:#fff!important;background:#7b6ff047!important;border-color:#a79dffe6!important}.btn-generate-secondary:active:not(:disabled){transform:translateY(0)}.onboarding-tab-embed{margin-top:4px}.onboarding-tab-intro{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.7}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;margin-top:8px;padding:32px 28px}.empty-state h3{margin:0 0 8px;font-size:17px;font-weight:600}.empty-state p{color:var(--muted);max-width:420px;margin:0 auto 20px;font-size:14px;line-height:1.7}.empty-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:20px;display:flex}.empty-flow-step{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;min-width:88px;padding:8px 10px;display:flex}.empty-flow-num{color:var(--teal-text);font-size:16px;font-weight:700;line-height:1}.empty-flow-label{color:var(--muted);text-align:center;font-size:11px;font-weight:600;line-height:1.3}.empty-flow-arrow{color:var(--hint);flex-shrink:0;padding:0 2px;font-size:16px}.empty-cta{margin-top:4px}.generate-status{background:var(--purple-bg);border-radius:var(--radius-lg);color:var(--purple-text);border:1px solid #8b7ff559;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.7;display:none}.generate-status.visible{display:block}.workflow-steps{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:.5;align-items:center;gap:0;margin-bottom:20px;padding:12px 16px;transition:opacity .3s;display:flex;overflow-x:auto}.workflow-steps.visible{opacity:1}.wf-step{color:var(--hint);flex-shrink:0;align-items:center;gap:8px;font-size:13px;display:flex}.wf-step.active{color:var(--purple-text);font-weight:600}.wf-step.done{color:var(--teal-text)}.wf-num{border:1px solid var(--border);background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}.wf-step.active .wf-num{background:var(--purple-bg);border-color:var(--purple);color:var(--purple-text)}.wf-step.done .wf-num{background:var(--teal-bg);border-color:var(--teal);color:var(--teal-text)}.wf-arrow{color:var(--hint);flex-shrink:0;padding:0 10px;font-size:14px}.review-gate{border-left:4px solid var(--card-purple-border);background:var(--card-purple-bg)}.review-gate h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.review-gate-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.review-status{font-size:16px;font-weight:600;line-height:1.4}.review-blockers{color:var(--red);flex-direction:column;gap:4px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.review-hint{color:var(--muted);margin:8px 0 0;font-size:13px}.confidence-breakdown{border:1px solid var(--card-teal-border);border-radius:var(--radius-lg);background:var(--card-teal-bg);margin-top:16px;padding:16px}.confidence-breakdown-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:12px 16px;transition:all .2s;display:flex}.confidence-breakdown-toggle:hover{background:var(--hover-bg);border-color:var(--purple)}.confidence-breakdown-toggle[aria-expanded=true]{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.confidence-breakdown-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text);align-items:center;gap:12px;margin:0;font-size:13px;font-weight:600;display:flex}.breakdown-sparkline{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.confidence-breakdown-content{background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;padding:16px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.rotate-180{transform:rotate(180deg)}.confidence-formula{color:var(--purple-text);background:var(--purple-bg);border-radius:var(--radius);margin:0 0 14px;padding:8px 10px;font-family:SF Mono,Fira Code,monospace;font-size:13px;display:inline-block}.confidence-dim-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.confidence-dim-row{font-size:13px}.confidence-dim-head{justify-content:space-between;margin-bottom:5px;display:flex}.confidence-dim-label{color:var(--text);font-weight:500}.confidence-dim-value{color:var(--muted);font-weight:600}.confidence-dim-gap{color:var(--amber-text);margin-top:4px;font-size:10px;display:block}.confidence-why,.confidence-improve{border-radius:var(--radius);margin-bottom:10px;padding:10px 12px;font-size:13px;line-height:1.7}.confidence-why{background:var(--bg);border:1px solid var(--border);color:var(--muted)}.confidence-improve{background:var(--teal-bg);color:var(--teal-text);border:1px solid #9fe1cb}.confidence-why strong,.confidence-improve strong{text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;display:block}.confidence-why ul,.confidence-improve ul{margin:0;padding-left:18px}.confidence-why li,.confidence-improve li{margin-bottom:4px}.acceptance-visual-section h3{margin-bottom:8px}.acceptance-visual-intro{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.7}.acceptance-visual-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.acceptance-visual-item img{border:1px solid var(--border);background:var(--bg);border-radius:6px;width:100%;display:block}.acceptance-visual-placeholder{border-radius:6px;width:100%;height:180px}.acceptance-visual-label{text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.acceptance-visual-caption{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.7}@media (width<=640px){.confidence-dim-grid,.acceptance-visual-grid{grid-template-columns:1fr}}.review-gate.status-pass{border-left-color:var(--green)}.review-gate.status-warn{border-left-color:var(--amber)}.review-gate.status-block{border-left-color:var(--red)}.package-actions{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.package-actions.visible{display:flex}.package-actions-label{text-transform:uppercase;color:var(--muted);margin-right:4px;font-size:11px;font-weight:600}.package-management{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export-blockers-hint{color:var(--red);background:var(--red-bg);border-radius:var(--radius);border:1px solid #f8717159;width:100%;padding:10px 14px;font-size:13px;line-height:1.7;display:none}.export-blockers-hint.visible{display:block}.tab-bar{border-bottom:1px solid var(--border);gap:2px;margin-bottom:24px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex-shrink:0;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--text);background:var(--hover-bg)}.tab-divider{background:var(--border);align-self:stretch;width:1px;margin:6px 8px;display:inline-block}.role-deep-dive{flex-direction:column;gap:10px;margin-top:8px;display:flex}.role-deep-dive-intro{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.role-deep-dive-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 16px 4px}.role-deep-dive-panel summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;padding:14px 0;font-size:13px;font-weight:600;list-style:none}.role-deep-dive-panel summary::-webkit-details-marker{display:none}.role-deep-dive-panel[open] summary{border-bottom:1px solid var(--border);color:var(--purple-text);margin-bottom:8px}.tab.active-onboarding{background:var(--surface);color:var(--teal-text);border-color:var(--border);border-bottom-color:var(--surface)}.tab.active-package,.tab.active-confidence{background:var(--surface);color:var(--purple-text);border-color:var(--border);border-bottom-color:var(--surface)}.tab.active-pm{background:var(--surface);color:var(--teal-text);border-color:var(--border);border-bottom-color:var(--surface)}.tab.active-engineer{background:var(--surface);color:var(--purple-text);border-color:var(--border);border-bottom-color:var(--surface)}.tab.active-qa{background:var(--surface);color:var(--amber-text);border-color:var(--border);border-bottom-color:var(--surface)}.tab.active-devops{background:var(--surface);color:var(--coral-text);border-color:var(--border);border-bottom-color:var(--surface)}.role-panel.visible{display:block}.result-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}section+section{margin-top:24px}.section-header-with-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.result-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.result-content{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.8}.package-summary{color:var(--text);font-size:18px;font-weight:600;line-height:1.4}pre.code-block{background:var(--code-bg);white-space:pre;color:var(--text);border:1px solid #8b7ff533;border-radius:6px;margin-top:8px;padding:12px 14px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.checklist{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.checklist li{color:var(--text);align-items:flex-start;gap:8px;font-size:14px;display:flex}.check-icon{width:16px;color:var(--green);flex-shrink:0;font-weight:700}.violation-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.violation-list li{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.violation-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.violation-list p{color:var(--muted);margin:0;font-size:13px}.badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-high{background:var(--red-dim);color:var(--red);border:1px solid #f8717159}.badge-medium{background:var(--amber-dim);color:var(--amber-text);border:1px solid #fbbf2459}.badge-low{background:var(--green-dim);color:var(--green);border:1px solid #4ade8059}.conf-bar-bg{background:var(--bg);border-radius:99px;height:5px}.conf-bar-fill{border-radius:99px;height:5px;transition:width .8s}.related-work-status{margin-bottom:10px;font-size:14px}.related-work-list{flex-direction:column;display:flex}.related-work-item{border-bottom:1px solid var(--border);padding:12px 0}.related-work-item:last-child{border-bottom:none;padding-bottom:0}.related-work-item a{color:var(--purple-text);font-size:14px;font-weight:500;text-decoration:none}.related-work-item a:hover{text-decoration:underline}.related-work-reason{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.55}.static-subhead{margin:0 0 10px;font-size:15px;font-weight:600}.static-list{color:var(--text);margin:0;padding-left:20px;font-size:14px;line-height:1.8}.static-list li{color:var(--text)}.onboarding-page{flex-direction:column;gap:20px;display:flex}.onboard-auto-note{color:var(--teal-text);margin:0;font-size:13px;font-weight:600;line-height:1.45}.onboard-auto-badge{vertical-align:middle;margin-left:6px;font-size:10px}.onboarding-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.onboarding-grid{grid-template-columns:1fr}}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.onboarding-card-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.onboarding-card-head h2{flex:1;margin:0;font-size:14px;font-weight:600}.onboarding-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.onboarding-section-count{color:var(--muted);font-size:11px;font-weight:600}.onboarding-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checklist-label{cursor:pointer;color:var(--text);align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;display:flex}.checklist-input{cursor:pointer;flex-shrink:0;width:14px;height:14px;margin-top:2px}.onboarding-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.onboarding-progress-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.onboarding-progress-title{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.onboarding-progress-label{color:var(--teal-text);font-size:14px;font-weight:600}.onboarding-progress-track{background:var(--bg);border-radius:99px;height:8px;overflow:hidden}.onboarding-progress-fill{background:var(--teal);border-radius:99px;height:8px;transition:width .4s}.onboarding-progress-hint{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.7}.value-page{flex-direction:column;gap:24px;display:flex}.value-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.value-card-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:11px;font-weight:600}.callout{border-radius:var(--radius-lg);padding:14px 16px;font-size:14px;line-height:1.7}.callout-purple{background:var(--purple-bg);color:var(--purple-text);border:1px solid #8b7ff559}.callout-amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid #fbbf2459}.callout-teal{background:var(--teal-bg);color:var(--teal-text);border:1px solid #3ecf9a59}.callout strong{font-weight:600}.biz-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.biz-metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.biz-metric-val{font-size:26px;font-weight:700;line-height:1}.biz-metric-label{opacity:.85;margin-top:4px;font-size:11px;line-height:1.4}.sdlc-head{text-transform:uppercase;letter-spacing:.06em;color:var(--hint);border-bottom:1px solid var(--border);grid-template-columns:72px 1fr 28px 1fr 52px;gap:10px;padding:0 4px 10px;font-size:10px;font-weight:600;display:grid}.sdlc-row{border-bottom:1px solid var(--border);grid-template-columns:72px 1fr 28px 1fr 52px;align-items:center;gap:10px;padding:12px 4px;display:grid}.sdlc-row:last-child{border-bottom:none}.sdlc-phase{color:var(--text);font-size:13px;font-weight:600}.sdlc-track{background:var(--bg);border:1px solid var(--border);border-radius:6px;height:38px;position:relative;overflow:hidden}.sdlc-fill{border-radius:5px;height:100%;position:absolute;top:0;bottom:0;left:0}.sdlc-fill.before{border-right:1px solid var(--border-strong);background:#2a2a32}.sdlc-fill.after{background:#3ecf9a33;border-right:1px solid #3ecf9a59}.sdlc-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:1;font-size:11px;line-height:1.3;position:absolute;top:50%;left:10px;right:10px;overflow:hidden;transform:translateY(-50%)}.sdlc-arrow{text-align:center;color:var(--hint);font-size:14px}.sdlc-delta{text-align:center;color:#9fe1cb;background:#085041;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:700;line-height:1.2}.role-compare-section{background:var(--card-amber-bg);border:1px solid var(--card-amber-border);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.role-compare-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:11px;font-weight:600}.role-compare-wrap{overflow-x:auto}.role-compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:560px;font-size:14px}.role-compare-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:11px 14px;font-size:10px;font-weight:600}.role-compare-table th.col-role{width:108px;color:var(--muted);background:var(--bg)}.role-compare-table th.col-without{color:var(--muted);background:#ffffff08}.role-compare-table th.col-with{color:var(--teal-text);background:var(--teal-bg)}.role-compare-table td{vertical-align:top;border-bottom:1px solid var(--border);padding:14px;line-height:1.7}.role-compare-table tbody tr:last-child td{border-bottom:none}.role-compare-table .cell-without{color:var(--muted);background:#ffffff05}.role-compare-table .cell-with{color:var(--text);background:#3ecf9a14;border-left:2px solid #3ecf9a66}.role-badge{white-space:nowrap;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-block}.role-badge-pm,.role-badge-engineer{background:var(--purple-bg);color:var(--purple-text)}.role-badge-qa{background:var(--amber-bg);color:var(--amber-text)}.role-badge-devops{background:var(--coral-bg);color:var(--coral-text)}.rules-intro{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.rules-intro a{color:var(--purple-text);font-weight:500;text-decoration:none}.rules-intro a:hover{text-decoration:underline}.severity-legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:12px 20px;padding:14px 18px;display:flex}.severity-legend-item{color:var(--muted);align-items:flex-start;gap:8px;max-width:280px;font-size:13px;line-height:1.55;display:flex}.severity-legend-item strong{color:var(--text);font-size:13px;font-weight:600;display:block}.badge-cap{text-transform:capitalize}.benchmark-table-wrap{margin-top:1rem;overflow-x:auto}.benchmark-table{border-collapse:collapse;width:100%;font-size:14px}.benchmark-table thead{background:var(--bg);border-bottom:2px solid var(--border-strong)}.benchmark-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:12px 16px;font-size:13px;font-weight:600}.benchmark-table td{border-bottom:1px solid var(--border);padding:14px 16px;line-height:1.6}.benchmark-table tbody tr:last-child td{border-bottom:none}.benchmark-table tbody tr:hover{background:var(--hover-bg)}.benchmark-table .cell-metric{color:var(--text)}.benchmark-table .cell-baseline{color:var(--muted)}.benchmark-table .cell-elite{color:var(--teal-text)}.benchmark-table .cell-result{color:var(--purple-text);font-weight:600}.benchmark-table .cell-source{color:var(--hint);font-size:.85em}@media (width<=900px){.benchmark-table{font-size:13px}.benchmark-table th,.benchmark-table td{padding:10px 12px}}.rules-list{flex-direction:column;gap:10px;display:flex}.rule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.rule-card-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.rule-card-head h2{color:var(--text);margin:0;font-size:14px;font-weight:600}.rule-card-desc{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.7}.enforcement-layers{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.layer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.layer-num{letter-spacing:.08em;text-transform:uppercase;color:var(--hint);margin-bottom:6px;font-size:10px;font-weight:700}.layer-title{margin:0 0 6px;font-size:15px;font-weight:600}.layer-catch{text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:600}.layer-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.deliverable-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.deliverable-head{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.deliverable-path{color:var(--purple-text);font-family:SF Mono,Fira Code,monospace;font-size:13px}.deliverable-pre{background:var(--code-bg);white-space:pre;max-height:360px;margin:0;padding:14px 16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.7;overflow:auto}.deliverable-footnote{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.roadmap-phase{background:var(--purple-bg);color:var(--purple-text);border-radius:99px;margin-right:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.sources-page{gap:20px}.sources-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sources-stat{border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px 18px}.sources-stat-val{margin-bottom:4px;font-size:28px;font-weight:700;line-height:1;display:block}.sources-stat-label{opacity:.9;font-size:11px;line-height:1.45}.sources-stat-approved{background:linear-gradient(145deg,#8b7ff526 0%,#4ade8014 100%);border-color:#8b7ff559}.sources-stat-approved .sources-stat-val,.sources-stat-approved .sources-stat-label{color:var(--purple-text)}.sources-stat-blocked{background:linear-gradient(145deg,#f871711f 0%,#f9731614 100%);border-color:#f8717159}.sources-stat-blocked .sources-stat-val,.sources-stat-blocked .sources-stat-label{color:var(--red)}.sources-stat-trust{background:linear-gradient(145deg,#3ecf9a1f 0%,#8b7ff51a 100%);border-color:#3ecf9a59}.sources-stat-trust .sources-stat-val,.sources-stat-trust .sources-stat-label{color:var(--teal-text)}.sources-phase-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sources-phase-card{border-radius:var(--radius-lg);border:1px solid var(--card-coral-border);background:var(--card-coral-bg);padding:18px 20px}.sources-phase-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:inline-block}.sources-phase-card h2{margin:0 0 10px;font-size:16px;font-weight:600}.sources-phase-card ul{margin:0;padding-left:18px;font-size:13px;line-height:1.7}.sources-flow{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.sources-flow-item{flex:1;align-items:center;gap:6px;min-width:140px;display:flex}.sources-flow-step{border-radius:var(--radius);border:1px solid var(--border);flex:1;align-items:flex-start;gap:10px;min-height:64px;padding:12px 14px;display:flex}.sources-flow-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.sources-flow-label{color:var(--text);font-size:13px;font-weight:600}.sources-flow-detail{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.sources-flow-arrow{color:var(--hint);flex-shrink:0;font-size:16px}.sources-section-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:12px 16px;transition:all .2s;display:flex}.sources-section-toggle:hover{background:var(--hover-bg);border-color:var(--purple)}.sources-section-title{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:600;display:flex}.sources-count{color:var(--muted);text-transform:none;letter-spacing:0;margin-left:8px;font-size:10px;font-weight:500}.sources-section-approved{color:var(--teal-text)}.sources-section-blocked{color:var(--red)}.sources-collapsible-content{animation:.2s ease-out slideDown}.sources-approved-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.source-doc-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:18px}.source-doc-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.source-doc-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.source-doc-head h3{color:var(--text);margin:0 0 3px;font-size:15px;font-weight:600}.source-doc-path{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:10px}.source-doc-desc{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.7}.source-doc-tags{flex-wrap:wrap;gap:6px;display:flex}.source-tag{letter-spacing:.02em;border-radius:99px;padding:3px 9px;font-size:10px;font-weight:600}.sources-blocked-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.source-blocked-card{background:linear-gradient(160deg, #f871711a 0%, var(--surface) 50%);border:1px solid #f8717159;border-left:3px solid var(--red);border-radius:var(--radius-lg);padding:18px}.source-blocked-card h3{color:var(--red);margin:0 0 8px;font-size:15px;font-weight:600}.source-blocked-card p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.7}.source-blocked-examples{flex-wrap:wrap;gap:6px;display:flex}.source-blocked-chip{background:var(--red-bg);color:var(--red);border:1px solid #f8717159;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:500}@media (width<=768px){.sources-summary,.sources-phase-grid,.sources-approved-grid,.sources-blocked-grid{grid-template-columns:1fr}.sources-flow{flex-direction:column}.sources-flow-arrow{align-self:center;transform:rotate(90deg)}}@media (width<=900px){.biz-metrics{grid-template-columns:repeat(2,1fr)}.enforcement-layers{grid-template-columns:1fr}.sdlc-head{display:none}.sdlc-row{grid-template-columns:1fr;gap:6px;padding:14px 0}.sdlc-arrow{display:none}.sdlc-delta{justify-self:start}}@media (width<=640px){.biz-metrics{grid-template-columns:1fr}.role-compare-table{min-width:0;display:block}.role-compare-table thead{display:none}.role-compare-table tbody{display:block}.role-compare-table tbody tr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:12px;display:block;overflow:hidden}.role-compare-table td{border-bottom:1px solid var(--border);padding:12px 14px;display:block}.role-compare-table td:last-child{border-bottom:none}.role-compare-table td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.06em;color:var(--hint);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.role-compare-table .cell-role{text-align:center;background:var(--bg)}.role-compare-table .cell-with{border-top:2px solid #3ecf9a66;border-left:none}}.stack-table{flex-direction:column;display:flex}.stack-row{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr 1.6fr;gap:12px;padding:10px 0;font-size:14px;display:grid}.stack-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.stack-layer{color:var(--text);font-weight:600}.stack-choice{color:var(--purple-text);font-weight:500}.stack-why{color:var(--muted);line-height:1.6}.architecture-page{flex-direction:column;gap:16px;display:flex}.arch-diagram-svg-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;overflow-x:auto}.arch-diagram-svg{width:100%;min-width:720px;height:auto;display:block}.arch-stack-intro{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.7}.workers-ai-section{margin-top:0}.ai-models-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.ai-model-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.ai-model-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ai-model-name{color:var(--text);margin:0;font-size:14px;font-weight:600}.ai-model-default{text-transform:uppercase;letter-spacing:.04em;background:var(--teal-bg);color:var(--teal-text);border:1px solid #3ecf9a59;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:600}.ai-model-use{color:var(--text);margin:0 0 8px;font-size:13px;line-height:1.55}.ai-model-use strong{color:var(--teal-text);font-weight:600}.ai-model-why{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.6}.ai-model-id{color:var(--hint);word-break:break-all;font-family:SF Mono,Fira Code,monospace;font-size:10px;display:block}@media (width<=900px){.ai-models-grid{grid-template-columns:1fr}}.muted{color:var(--muted);font-size:14px}.prompt-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.prompt-chips-label{color:var(--hint);font-size:11px}.prompt-chip{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:99px;padding:4px 10px;font-size:11px;transition:all .12s}.prompt-chip:hover:not(:disabled){border-color:var(--purple);color:var(--purple-text);background:var(--purple-bg)}.prompt-chip:disabled{opacity:.5;cursor:not-allowed}.template-picker-trigger{min-height:28px;box-shadow:0 1px #ffffff0a;border:1px solid var(--border-strong)!important;background:var(--input-bg)!important;color:var(--text)!important;border-radius:99px!important;padding:4px 12px!important;font-size:11px!important;font-weight:600!important}.template-picker-trigger,.template-picker-trigger span,.template-picker-trigger svg{color:var(--purple-text)!important;fill:currentColor!important}.template-picker-trigger:hover:not(:disabled){border-color:var(--purple)!important;background:var(--purple-bg)!important;color:var(--purple-text)!important}.skeleton{background:linear-gradient(90deg,#1c1c23 25%,#25252d 50%,#1c1c23 75%) 0 0/200% 100%;border-radius:5px;animation:1.5s ease-in-out infinite pulse}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;padding:20px}.skeleton-tab{width:100%;height:32px;margin-bottom:16px}.skeleton-block{width:100%;height:80px;margin-bottom:10px}.results-anchor{scroll-margin-top:16px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.copy-code-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:5px;margin-top:8px;padding:5px 12px;font-size:11px;transition:all .12s}.copy-code-btn:hover{color:var(--text);border-color:var(--border-strong)}.related-work-v2-note{color:var(--muted);background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.7}.health-dot{background:var(--hint);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.nav-item.active svg{opacity:1}.session-restore-banner{color:var(--teal-text);background:var(--teal-bg);border-radius:var(--radius);border:1px solid #b8e0d4;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.6}.export-btn-wrap{cursor:default;display:inline-flex}.export-btn-wrap[title]{cursor:help}.toast{background:var(--text);color:#fff;border-radius:var(--radius);opacity:0;pointer-events:none;z-index:999;padding:10px 18px;font-size:14px;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}.settings-grid input,.api-bar input{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}.settings-grid input:focus{border-color:var(--purple)!important;box-shadow:0 0 0 3px #8b7ff533!important}@media (width<=768px){body{font-size:16px}.shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;min-height:auto;padding:12px 0}.api-bar{display:none}.page{padding:24px 20px 120px}.stack-row{grid-template-columns:1fr}h1{font-size:28px}h2{font-size:18px}}.shell,.main,.page,.result-section,.value-card,.static-card,.architecture-page,.demo-guide-page,.value-card ul,.architecture-page ul,.demo-guide-page ul,.onboarding-checklist span{color:var(--text)}.hero-section{text-align:center;background:repeating-linear-gradient(0deg, transparent, transparent 49px, #80808008 49px, #80808008 50px), repeating-linear-gradient(90deg, transparent, transparent 49px, #80808008 49px, #80808008 50px), linear-gradient(135deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2.5rem 2rem;position:relative}.hero-content{max-width:800px;margin:0 auto}.hero-title{background:linear-gradient(135deg, var(--purple) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.hero-subtitle{color:var(--muted);max-width:600px;margin:0 auto 1.5rem;font-size:1.125rem;line-height:1.6}.hero-cta{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.hero-btn-primary{background:linear-gradient(135deg, var(--purple) 0%, #9b8ff7 100%)!important;border:none!important;padding:1rem 2rem!important;font-size:1.125rem!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #8b7ff54d!important}.hero-btn-secondary{border:2px solid var(--border-strong)!important;color:var(--text)!important;background:0 0!important;padding:.875rem 1.75rem!important;font-size:1rem!important;font-weight:500!important;transition:all .2s!important}.hero-btn-secondary:hover{border-color:var(--purple)!important;background:var(--purple-bg)!important;transform:translateY(-1px)!important}.hero-btn-primary{padding:1rem 2.5rem;font-size:1.125rem;transition:all .2s;box-shadow:0 4px 12px #8b5cf64d}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}@media (width<=768px){.hero-section{padding:2rem 1rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-btn-primary:hover{transform:none}.onboarding-card,.value-card,.result-section{animation:none!important}}.role-deep-dive-panel[open]{animation:.3s ease-out accordion-open}@keyframes accordion-open{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.onboarding-card{animation:.4s ease-out backwards slide-up}.onboarding-card:first-child{animation-delay:.1s}.onboarding-card:nth-child(2){animation-delay:.2s}.onboarding-card:nth-child(3){animation-delay:.3s}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.result-section{animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.skeleton-card{background:var(--surface);border-radius:var(--radius);margin:2rem 0;padding:2rem}.skeleton{background:linear-gradient(90deg, var(--border) 0%, var(--border-strong) 50%, var(--border) 100%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-title{width:60%;height:32px;margin-bottom:1rem}.skeleton-line{width:100%;height:16px;margin-bottom:.75rem}.skeleton-line.short{width:40%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-saved-preview{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.hero-saved-header{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.hero-saved-view-all{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;transition:color .2s}.hero-saved-view-all:hover{color:var(--purple-text)}.hero-saved-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.hero-saved-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:1rem;transition:all .2s}.hero-saved-card:hover{border-color:var(--purple);background:var(--hover-bg);transform:translateY(-2px)}.hero-saved-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;font-size:.875rem;font-weight:600;overflow:hidden}.hero-saved-meta{color:var(--muted);font-size:.75rem}.kebab-menu-wrapper{position:relative}.kebab-menu{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:100;min-width:200px;animation:.2s ease-out kebab-appear;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}@keyframes kebab-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.kebab-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;transition:background .2s;display:flex}.kebab-menu-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.kebab-menu-item:last-child{border-radius:0 0 var(--radius) var(--radius)}.kebab-menu-item:hover{background:var(--hover-bg)}.kebab-menu-item svg{color:var(--purple);flex-shrink:0}.kebab-menu-wrapper:focus-within .kebab-menu{display:block}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=768px){.hero-container{grid-template-columns:1fr;gap:2rem}.hero-visual{order:-1}}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-illustration{width:100%;max-width:400px;height:auto}.illustration-step{opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)}.illustration-step.active{opacity:1;transform:scale(1)}p{margin-bottom:1.25em;font-size:16px;line-height:1.8}h1{font-size:var(--text-4xl);margin-bottom:1em;font-weight:700;line-height:1.2}h2{font-size:var(--text-3xl);margin-top:1.5em;margin-bottom:.75em;font-weight:600;line-height:1.3}h3{font-size:var(--text-2xl);margin-top:1.25em;margin-bottom:.6em;font-weight:600;line-height:1.4}h4{font-size:var(--text-xl);margin-bottom:.5em;font-weight:600;line-height:1.4}.workflow-steps .wf-step,.package-actions-label{text-transform:none!important;letter-spacing:.01em!important;font-size:14px!important;font-weight:600!important}.page-header h1{text-transform:none;font-size:28px}.page-header p{font-size:16px;line-height:1.6}.badge,[class*=badge-]{padding:4px 10px;font-size:13px;font-weight:600}.badge-purple,.severity-medium{color:#faf5ff!important;background:#7c3aed!important;border-color:#6d28d9!important}.badge-teal,.status-done{color:#f0fdfa!important;background:#0d9488!important;border-color:#0f766e!important}.badge-amber,.severity-low{color:#fffbeb!important;background:#d97706!important;border-color:#b45309!important}.badge-coral,.severity-high{color:#fef2f2!important;background:#dc2626!important;border-color:#b91c1c!important}.muted,[class*=-muted]{color:#a8a29e!important}.package-management{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:16px;display:flex}.package-management>*{margin:0!important}button[class*=secondary],.btn-secondary{background:var(--surface)!important;border:1px solid var(--border-strong)!important;color:var(--text)!important;border-radius:var(--radius)!important;padding:10px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}button[class*=secondary]:hover,.btn-secondary:hover{background:var(--hover-bg)!important;border-color:var(--purple)!important;color:var(--purple-text)!important}button[class*=primary],.btn-primary{background:var(--purple)!important;border:1px solid var(--purple)!important;color:#fff!important;border-radius:var(--radius)!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important}button[class*=primary]:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b7ff566;background:#9d8ff7!important}button:disabled,button[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}a:hover{color:#ddd6ff;text-decoration:underline}code,pre{background:var(--code-bg);border-radius:4px;font-size:14px;line-height:1.5}pre{padding:16px;overflow-x:auto}code{padding:2px 6px}ul,ol{margin-bottom:1em;line-height:1.6}li{margin-bottom:.5em}table{font-size:15px;line-height:1.6}th{padding:12px;font-weight:600}td{padding:12px}.sample-preview-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin:32px 0 48px;padding:48px 40px}.sample-preview-header h2{color:var(--text);margin-bottom:12px;font-size:28px;font-weight:700}.sample-preview-header p{color:var(--muted);margin-bottom:32px;font-size:16px}.sample-preview-section button{margin-bottom:40px}.sample-preview-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px;display:grid}.preview-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:24px;transition:all .2s}.preview-card:hover{border-color:var(--purple);background:var(--hover-bg);transform:translateY(-2px)}.preview-card-icon{margin-bottom:12px;font-size:32px}.preview-card h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.preview-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@media (width<=768px){.sample-preview-section{padding:32px 24px}.sample-preview-cards{grid-template-columns:1fr}}.hero-section{margin-bottom:0}.hero-title{margin-bottom:16px;font-weight:700;line-height:1.2;font-size:40px!important}.hero-subtitle{color:var(--muted);margin-bottom:32px;line-height:1.6;font-size:18px!important}.hero-cta{flex-direction:column;align-items:center;gap:12px;margin-bottom:48px;display:flex}.hero-cta button{font-weight:600;padding:14px 32px!important;font-size:16px!important}@media (width<=768px){.hero-title{font-size:32px!important}.hero-subtitle{font-size:16px!important}}.generator-section{margin-bottom:48px}.generator-section-prominent{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-lg);margin-top:32px;padding:40px}.generator-header{text-align:center;margin-bottom:32px}.generator-header h2{color:var(--text);margin-bottom:12px;font-size:28px;font-weight:700}.generator-header p{color:var(--muted);max-width:600px;margin:0 auto;font-size:16px}@media (width<=768px){.generator-section-prominent{padding:24px 20px}.generator-header h2{font-size:24px}}.generate-cta-block{margin-top:24px}.cta-primary-section{background:var(--purple-bg);border-radius:var(--radius);border:1px solid #8b7ff54d;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding:24px;display:flex}.cta-label-prominent{color:var(--text);justify-content:center;align-items:center;gap:12px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.cta-badge{background:linear-gradient(135deg, var(--purple) 0%, #9b87f5 100%);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b7ff54d}.cta-label-secondary{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.cta-badge-secondary{background:var(--surface);color:var(--muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.cta-helper-text{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.cta-prerequisite{color:var(--hint);text-align:center;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:4px;margin-top:8px;padding:8px 16px;font-size:12px;display:block}.cta-divider{text-align:center;margin:24px 0;position:relative}.cta-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.cta-divider span{background:var(--bg);color:var(--hint);padding:0 16px;font-size:14px;font-weight:600;position:relative}.cta-secondary-section{flex-direction:column;align-items:center;gap:16px;display:flex}.cta-secondary-section .generate-actions-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-demo-primary{min-width:220px;padding:14px 32px!important;font-size:16px!important}@media (width<=768px){.cta-primary-section{padding:20px 16px}.cta-secondary-section .generate-actions-row{flex-direction:column;width:100%}.cta-secondary-section .generate-actions-row button{width:100%}}button[class*=primary],.btn-primary,.btn-demo-primary,.hero-btn-primary{color:#fff!important;border-radius:var(--radius)!important;text-shadow:0 1px 2px #0003!important;background:#8b7ff5!important;border:2px solid #a094f7!important;padding:14px 28px!important;font-size:16px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 2px 8px #8b7ff580!important}button[class*=primary]:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-demo-primary:hover:not(:disabled),.hero-btn-primary:hover:not(:disabled){background:#9d8ff7!important;border-color:#b5a9ff!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #8b7ff566!important}button[class*=primary]:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0)!important;box-shadow:0 2px 8px #8b7ff566!important}.sample-preview-section button{min-width:280px!important;padding:16px 40px!important;font-size:18px!important;font-weight:700!important}button[class*=secondary],.btn-secondary{color:#e5e7eb!important;border-radius:var(--radius)!important;background:#2a2a32!important;border:2px solid #4a4a54!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important}button[class*=secondary]:hover:not(:disabled),.btn-secondary:hover:not(:disabled){border-color:var(--purple)!important;color:var(--purple-text)!important;background:#3a3a44!important;box-shadow:0 2px 8px #8b7ff54d!important}button svg{opacity:1!important;filter:none!important}button:disabled,button[disabled]{opacity:.4!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(50%)!important;transform:none!important}.package-management button,.export-actions-primary button,.kebab-menu-wrapper button,.export-dropdown-wrapper button{border-width:1px!important;min-height:44px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important}.package-management button:hover:not(:disabled),.export-actions-primary button:hover:not(:disabled),.kebab-menu-wrapper button:hover:not(:disabled),.export-dropdown-wrapper button:hover:not(:disabled){transform:translateY(-2px)!important}.kebab-menu-wrapper button{background:#2a2a32!important;border:1px solid #4a4a54!important}.kebab-menu-wrapper button:hover{border-color:var(--purple)!important;background:#3a3a44!important}.sample-cta-container{border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b7ff526 0%,#8b7ff50d 100%);border:2px dashed #8b7ff566;flex-direction:column;align-items:center;gap:12px;margin:32px 0;padding:32px;display:flex}.sample-cta-label{color:var(--purple-text);text-align:center;font-size:16px;font-weight:700;animation:2s ease-in-out infinite gentle-pulse}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.sample-cta-hint{color:var(--muted);text-align:center;font-size:14px;font-weight:500}.sample-cta-container button{min-width:300px!important;padding:18px 48px!important;font-size:20px!important;font-weight:700!important;box-shadow:0 4px 16px #8b7ff599!important}.sample-cta-container button:hover{box-shadow:0 8px 24px #8b7ff5cc!important}@media (width<=768px){.sample-cta-container{padding:24px 16px}.sample-cta-container button{min-width:100%!important;padding:16px 32px!important;font-size:18px!important}.sample-cta-label{font-size:14px}}.export-actions-enhanced button[class*=primary],.export-actions-primary button:first-of-type{color:#fff!important;text-shadow:0 1px 2px #0003!important;background:#10b981!important;border:2px solid #059669!important;padding:10px 20px!important;font-size:14px!important;font-weight:700!important;box-shadow:0 2px 8px #10b98166!important}.export-actions-enhanced button[class*=primary]:hover,.export-actions-primary button:first-of-type:hover{transform:translateY(-1px);background:#059669!important;box-shadow:0 4px 12px #10b98199!important}.export-actions-primary button:nth-of-type(2){color:#fff!important;background:#3b82f6!important;border:2px solid #2563eb!important;font-weight:700!important;box-shadow:0 2px 8px #3b82f666!important}.export-actions-primary button:nth-of-type(2):hover{background:#2563eb!important;box-shadow:0 4px 12px #3b82f699!important}.export-dropdown-wrapper button{color:#fff!important;background:#6b7280!important;border:2px solid #4b5563!important;padding:10px 20px!important;font-size:14px!important;font-weight:700!important;box-shadow:0 2px 8px #6b728066!important}.export-dropdown-wrapper button:hover{transform:translateY(-1px);background:#4b5563!important;box-shadow:0 4px 12px #6b728099!important}.export-dropdown-wrapper button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.export-dropdown-wrapper button:disabled:hover{transform:none}.export-actions-enhanced button svg,.package-management button svg{opacity:1!important;filter:none!important}.package-management button,.export-actions-primary button,.export-actions-enhanced button{align-items:center!important;gap:8px!important;display:inline-flex!important}.btn-demo-primary,.hero-btn-primary{background:var(--purple)!important;border-color:var(--purple)!important;color:#fff!important;font-weight:var(--weight-bold,700)!important}.btn-demo-primary:hover:not(:disabled),.hero-btn-primary:hover:not(:disabled){background:var(--purple-text)!important;border-color:var(--purple-text)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #8b7ff566!important}.btn-generate-secondary,.btn-snippet-demo{border-color:var(--border)!important;color:var(--text)!important;font-weight:var(--weight-bold,700)!important;background:0 0!important}.btn-generate-secondary:hover:not(:disabled),.btn-snippet-demo:hover:not(:disabled){border-color:var(--purple)!important;background:#ffffff0d!important;transform:translateY(-1px)!important}.static-card,.input-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8,2rem)}.page-header h1,.page-title{font-family:var(--font-display,"Space Grotesk", system-ui, sans-serif);font-size:var(--text-3xl,2.441rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.02em);line-height:var(--leading-tight,1.2)}.page-header p,.page-subtitle{font-size:var(--text-base,1rem);color:var(--muted);line-height:var(--leading-normal,1.6)}@media (width<=768px){.page{padding:var(--space-6,1.5rem) var(--space-4,1rem)}.static-card,.input-card{padding:var(--space-6,1.5rem)}.hero-btn-primary,.btn-demo-primary,.btn-generate-secondary,.btn-snippet-demo{justify-content:center;width:100%!important}.generate-cta-block{gap:24px}.demo-cta-row{flex-direction:column;gap:12px}.demo-cta-row button{width:100%}.package-management{gap:8px;padding:12px}.package-management button,.export-actions-primary button{flex:auto;min-width:0}.role-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}}@media (width<=480px){.page{padding:var(--space-4,1rem) var(--space-3,.75rem)}.static-card,.input-card{padding:var(--space-4,1rem)}.hero-title{font-size:1.75rem;line-height:1.2}.hero-subtitle{font-size:.95rem}.cta-badge,.cta-badge-secondary{padding:3px 8px;font-size:9px}.cta-label-prominent{font-size:14px}.cta-label-secondary{font-size:12px}}.guided-action-section{max-width:1100px;margin:3rem auto 2rem;padding:0 1.5rem}.guided-module-picker{background:linear-gradient(135deg,#3d2a1f 0%,#4a3528 100%);border:2px solid #ff8c42;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #ff8c424d}.guided-picker-header{text-align:center;margin-bottom:1.5rem}.guided-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ff8c42;border-radius:12px;margin-bottom:.75rem;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.guided-picker-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.guided-picker-controls{align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:flex}.module-dropdown-wrapper{flex:1;position:relative}.module-dropdown-trigger{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;font-size:14px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.module-dropdown-trigger:hover{border-color:#ff8c42;box-shadow:0 6px 16px #ff8c4266}.module-selected{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.module-name{color:#2c3e50;font-family:Monaco,Courier New,monospace;font-weight:600}.module-title{color:#7f8c8d;font-size:12px}.dropdown-icon{color:#7f8c8d;transition:transform .2s}.dropdown-icon.rotated{transform:rotate(180deg)}.module-dropdown-menu{z-index:100;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;max-height:300px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.module-option{text-align:left;cursor:pointer;background:#fff;border:none;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:.875rem 1.25rem;transition:background .15s;display:flex}.module-option:hover{background:#fff8f0}.module-option.selected{background:#fff5e6;border-left:3px solid #ff8c42}.guided-generate-btn{flex-shrink:0;background:linear-gradient(135deg, var(--purple) 0%, #9d8fff 100%)!important;color:#fff!important;border:none!important;padding:1rem 2rem!important;font-size:16px!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #8b7ff566!important}.guided-generate-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg, #9d8fff 0%, var(--purple) 100%)!important;box-shadow:0 6px 16px #8b7ff599!important}.guided-generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #8b7ff54d!important}.guided-preview{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.guided-preview-header{margin-bottom:1rem}.preview-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.guided-preview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.preview-item{background:#fafafa;border:1px solid #ececec;border-radius:8px;gap:.75rem;padding:1rem;display:flex}.preview-icon{flex-shrink:0;font-size:1.75rem}.preview-content{flex:1;min-width:0}.preview-content strong{color:#2c3e50;margin-bottom:.25rem;font-size:13px;font-weight:600;display:block}.preview-content p{color:#7f8c8d;margin:0;font-size:12px;line-height:1.4}.preview-content code{color:#6c63ff;text-overflow:ellipsis;white-space:nowrap;background:#f0f0ff;border-radius:4px;padding:4px 8px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:13px;display:block;overflow:hidden}.guided-conventions{border-radius:var(--radius);background:#3ecf9a14;border:1px solid #3ecf9a4d;margin-top:1.5rem;padding:1rem}.conventions-label{color:var(--teal-text);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.conventions-list{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.conventions-list li{color:var(--text);background:var(--surface);border-radius:var(--radius);padding:.5rem;font-size:.8125rem}@media (width<=640px){.conventions-list{grid-template-columns:1fr}}.live-demo-section{max-width:1100px;margin:2rem auto;padding:0 1.5rem}.live-demo-card{background:var(--surface);border:2px solid var(--purple);border-radius:16px;padding:2rem;position:relative;box-shadow:0 4px 20px #8b7ff533}.live-demo-header{text-align:center;margin-bottom:2rem}.live-demo-badge{background:var(--purple);color:#fff;border-radius:12px;margin-bottom:.75rem;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.live-demo-header h3{color:var(--text);margin:.5rem 0;font-size:1.5rem;font-weight:700}.live-demo-header p{color:var(--muted);margin:0;font-size:14px}.demo-progress{background:var(--bg);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.demo-progress-bar{background:var(--border);border-radius:3px;flex:1;max-width:200px;height:6px;overflow:hidden}.demo-progress-fill{background:var(--purple);border-radius:3px;height:100%;transition:width .3s ease-out}.demo-accordion{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.demo-step{border-bottom:1px solid var(--border)}.demo-step:last-child{border-bottom:none}.demo-step-trigger{background:var(--bg);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;transition:background .15s;display:flex}.demo-step-trigger:hover{background:var(--hover-bg)}.demo-step.expanded .demo-step-trigger{background:var(--purple-bg);border-bottom:1px solid var(--card-purple-border)}.demo-step-header{flex:1;align-items:center;gap:.75rem;display:flex}.demo-step-icon{font-size:1.5rem}.demo-step-title{color:var(--text);font-size:15px;font-weight:600}.demo-step-badge{text-transform:uppercase;background:var(--bg-muted);color:var(--muted);letter-spacing:.5px;border-radius:8px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.demo-step-badge.output{background:var(--teal-bg);color:var(--teal-text)}.demo-step-badge.final{background:var(--green-bg);color:var(--green)}.demo-caret{color:var(--muted);transition:transform .2s}.demo-step-content{background:var(--input-bg);padding:1.25rem;animation:.2s ease-out slideDown}.demo-code{background:var(--code-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;margin:0 0 1rem;padding:1rem;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.demo-text{color:var(--text);white-space:pre-line;margin-bottom:1rem;font-size:13px;line-height:1.7}.demo-next-btn{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:13px;font-weight:600;transition:background .2s;display:inline-block}.demo-next-btn:hover{background:#5850e6}.demo-cta{text-align:center;background:#fff;border:2px dashed #6c63ff;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.demo-cta-text{color:#2c3e50;margin:0;font-size:14px}.demo-cta-text strong{color:#6c63ff}@media (width>=1024px){.hero-container,.guided-action-section,.live-demo-section,.sample-preview-section{max-width:1100px}.generator-section{max-width:960px}}@media (width<=768px){.guided-picker-controls{flex-direction:column}.guided-picker-controls .guided-generate-btn{display:none}.guided-module-picker{padding:1.5rem 1.5rem 5rem}.guided-preview-grid{grid-template-columns:1fr}.live-demo-card{padding:1.5rem}.demo-step-header{flex-wrap:wrap}.demo-step-badge{margin-top:.5rem;margin-left:0}.demo-code{font-size:13px}pre.code-block,.demo-code,code{font-size:13px!important}}.mobile-menu-toggle{z-index:1001;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.5rem;transition:all .2s;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #0000001a}.mobile-menu-toggle:hover{border-color:#ff8c42;box-shadow:0 4px 12px #ff8c4233}.mobile-menu-overlay{z-index:999;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.desktop-sidebar-toggle{z-index:1001;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease-out;display:flex;position:fixed;top:1rem;left:260px;box-shadow:0 2px 8px #0000001a}.desktop-sidebar-toggle:hover{border-color:#ff8c42;transform:scale(1.05);box-shadow:0 4px 12px #ff8c4233}.sidebar-collapsed .desktop-sidebar-toggle{left:1rem}.sidebar-collapsed .sidebar{transform:translate(-260px)}.sidebar-collapsed .main{margin-left:0}.sidebar-collapsed .page{max-width:1200px}.sidebar{transition:transform .3s ease-out}.nav-item.active{color:#fff;background:linear-gradient(90deg,#ff8c42 0%,#ff9d5c 100%);border-left:4px solid #ff6b1a;padding-left:12px;font-weight:600}.nav-item.active svg{color:#fff!important}.nav-item:not(.active):hover{background:#fff8f0;border-left:2px solid #ffd4a3}.nav-supporting-details{margin-top:1rem}.nav-supporting-summary{text-transform:uppercase;letter-spacing:.5px;color:#7f8c8d;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:.75rem;font-weight:600;transition:color .2s}.nav-supporting-summary:hover{color:#ff8c42}.nav-supporting-summary::marker{color:#ff8c42}@media (width<=768px){.desktop-sidebar-toggle{display:none}.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.sidebar{z-index:1000;width:280px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #00000026}.sidebar.mobile-open{transform:translate(0)}.main{margin-left:0;padding-top:4rem}}@media (width>=769px){.mobile-menu-toggle{display:none!important}}@media (width<=1099px){.sidebar{z-index:100;height:100vh;transition:transform .3s ease-out;position:fixed;top:0;left:0;transform:translate(-260px);box-shadow:4px 0 20px #0000004d}.sidebar-expanded .sidebar{transform:translate(0)}.sidebar-expanded:after{content:"";z-index:99;background:#00000080;animation:.3s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main{width:100%;margin-left:0}.page{max-width:1000px}.desktop-sidebar-toggle{z-index:101;position:fixed;top:1rem;left:1rem;display:flex!important}}@media (width>=1400px){.sidebar{width:280px}.main{margin-left:280px}}.collapsible-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:1.5rem;transition:all .2s;overflow:hidden}.collapsible-card:hover{border-color:silver;box-shadow:0 2px 12px #00000014}.collapsible-card.expanded{border-color:#ff8c42}.collapsible-card-header{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.collapsible-card-header:hover{background:#fafafa}.collapsible-card.expanded .collapsible-card-header{background:#fff8f0;border-bottom:2px solid #ffe6cc}.collapsible-header-content{flex:1;align-items:flex-start;gap:1rem;min-width:0;display:flex}.collapsible-icon{flex-shrink:0;font-size:1.75rem}.collapsible-title-group{flex:1;min-width:0}.collapsible-title{color:#2c3e50;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.collapsible-summary{color:#7f8c8d;margin:0;font-size:.875rem;line-height:1.4}.collapsible-sparkline{color:#95a5a6;margin-top:.5rem;font-family:Monaco,Courier New,monospace;font-size:.75rem}.collapsible-toggle{color:#ff8c42;flex-shrink:0;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.collapsible-toggle-text{white-space:nowrap}.collapsible-card-body{padding:1.5rem;animation:.25s ease-out expandCard}@keyframes expandCard{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;padding-top:1.5rem;padding-bottom:1.5rem}}@media (width<=768px){.collapsible-card-header{padding:1rem}.collapsible-header-content{flex-direction:column;gap:.5rem}.collapsible-icon{font-size:1.5rem}.collapsible-title{font-size:1rem}.collapsible-summary{font-size:.8125rem}.collapsible-toggle-text{display:none}.collapsible-card-body{padding:1rem}}@media (width<=640px){.page{padding-left:18px!important;padding-right:18px!important}.hero-cta{flex-direction:column!important;gap:.75rem!important}.hero-btn-primary,.hero-btn-secondary{width:100%;max-width:320px}}@media (width<=768px){.role-compare-section{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.role-compare-section:after{content:"→ Swipe to see more";background:linear-gradient(90deg, transparent, var(--surface) 20%);color:var(--muted);pointer-events:none;opacity:.8;padding:.5rem 1rem;font-size:.75rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.biz-metrics{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.biz-metric{scroll-snap-align:start;flex-shrink:0;min-width:200px}.biz-metrics:after{content:"";flex-shrink:0;min-width:1px}}@media (width<=640px){.biz-metric{min-width:160px}.role-compare-table tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;margin-bottom:1.5rem;padding:1rem;display:flex}.role-compare-table td{border-bottom:1px solid var(--border);justify-content:space-between;padding:.75rem 0;display:flex}.role-compare-table td:last-child{border-bottom:none}.role-compare-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}}.hero-by-numbers{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b7ff514,#3ecf9a14);margin-top:2rem;padding:1.5rem}.by-numbers-label{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.by-numbers-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.by-numbers-stat{text-align:center}.by-numbers-stat strong{color:var(--purple-text);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1;display:block}.by-numbers-stat span{color:var(--muted);font-size:.875rem;line-height:1.4}.hero-skimage-examples{display:none}@media (width<=768px){.hero-by-numbers{position:relative}.hero-by-numbers:after{content:"← Swipe →";color:var(--muted);opacity:.7;pointer-events:none;font-size:.75rem;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.by-numbers-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.by-numbers-grid::-webkit-scrollbar{display:none}.by-numbers-stat{scroll-snap-align:start;background:var(--surface);border-radius:var(--radius);flex:0 0 45%;padding:1rem}.by-numbers-stat strong{font-size:1.75rem}}@media (width<=480px){.by-numbers-stat{flex:0 0 75%}}.faq-section{max-width:900px;margin:3rem auto 2rem;padding:0 2rem}.faq-title{text-align:center;color:var(--text);margin-bottom:2rem;font-size:2rem;font-weight:700}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.faq-item:hover{border-color:var(--purple);box-shadow:0 4px 12px #8b7ff526}.faq-question{color:var(--text);margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.faq-answer{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.6}.faq-answer code{background:var(--code-bg);color:var(--purple-text);border-radius:4px;padding:.2rem .4rem;font-family:SF Mono,Fira Code,monospace;font-size:.875rem}@media (width<=768px){.faq-grid{grid-template-columns:1fr}.faq-section{padding:0 1.5rem}}:root{--space-3:1rem}.scope-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:900px;margin:2rem auto;padding:2rem}.scope-card-title{text-align:center;color:var(--text);margin-bottom:2rem;font-size:1.75rem;font-weight:700}.scope-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:1.5rem;display:grid}.scope-column{border-radius:var(--radius-lg);padding:1.5rem}.scope-current{background:var(--card-teal-bg);border:1px solid var(--card-teal-border)}.scope-future{background:var(--bg);border:1px solid var(--border)}.scope-column-title{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.scope-current .scope-column-title{color:var(--teal-text)}.scope-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.scope-item{align-items:center;gap:.5rem;font-size:.9375rem;line-height:1.5;display:flex}.scope-item-yes{color:var(--teal-text)}.scope-item-no{color:var(--muted)}.scope-note{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin:0;padding-top:1.5rem;font-size:.875rem;font-style:italic}.roadmap-timeline{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:900px;margin:2rem auto;padding:2rem}.roadmap-title{text-align:center;color:var(--text);margin-bottom:2rem;font-size:1.75rem;font-weight:700}.roadmap-phases{position:relative}.roadmap-phases:before{content:"";background:linear-gradient(180deg, var(--teal) 0%, var(--purple) 50%, var(--muted) 100%);width:2px;position:absolute;top:1rem;bottom:1rem;left:.75rem}.roadmap-phase{padding-bottom:2rem;padding-left:3rem;position:relative}.roadmap-phase:last-child{padding-bottom:0}.roadmap-phase-marker{border:3px solid var(--surface);z-index:1;border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:.5rem;left:0}.roadmap-phase-current .roadmap-phase-marker{background:var(--teal);box-shadow:0 0 0 4px var(--teal-bg)}.roadmap-phase-planned .roadmap-phase-marker{background:var(--purple);box-shadow:0 0 0 4px var(--purple-bg)}.roadmap-phase-future .roadmap-phase-marker{background:var(--muted);box-shadow:0 0 0 4px var(--bg-muted)}.roadmap-phase-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.roadmap-phase-title{align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;display:flex}.roadmap-phase-number{color:var(--text)}.roadmap-phase-status{color:var(--muted);font-size:.875rem;font-weight:500}.roadmap-phase-name{color:var(--purple-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.roadmap-phase-desc{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.6}.honesty-cards{margin:3rem 0}@media (width<=640px){.scope-card,.roadmap-timeline,.static-card,.input-card,.live-demo-card,.guided-module-picker{padding:var(--space-3)!important}.scope-grid{grid-template-columns:1fr;gap:1rem}.scope-column{padding:1rem}.roadmap-phase{padding-left:2.5rem}.roadmap-phases:before{left:.5rem}.roadmap-phase-marker{width:1.25rem;height:1.25rem;left:-.125rem}}button:focus-visible,a:focus-visible,[role=tab]:focus-visible,[role=button]:focus-visible,.nav-item:focus-visible,input:focus-visible{border-radius:4px;outline:3px solid var(--purple)!important;outline-offset:2px!important}.hero-section:after{content:"";pointer-events:none;z-index:0;background:#00000026;position:absolute;inset:0}.hero-content,.hero-title,.hero-subtitle,.hero-cta{z-index:1;position:relative}.hero-title{text-shadow:0 2px 8px #0000004d}.hero-subtitle{text-shadow:0 1px 4px #0003}.tab{align-items:center;gap:.5rem;display:flex;position:relative}.tab-label{flex:1}.tab-badge{opacity:.85;font-size:.875rem;line-height:1;transition:opacity .2s,transform .2s}.tab:hover .tab-badge{opacity:1;transform:scale(1.1)}.tab.active-onboarding .tab-badge,.tab.active-package .tab-badge,.tab.active-pm .tab-badge,.tab.active-engineer .tab-badge{opacity:1}.badge-ready{filter:grayscale(0)}.badge-warning{filter:grayscale(0);animation:2s ease-in-out infinite pulse-warning}.badge-critical{filter:grayscale(0);animation:1.5s ease-in-out infinite pulse-critical}@keyframes pulse-warning{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-critical{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (width<=768px){.tab{flex-direction:column;gap:.25rem;padding:.625rem .75rem}.tab-badge{font-size:.75rem}}.mobile-action-bar{display:none}@media (width<=768px){.mobile-action-bar{background:var(--bg);border-top:2px solid var(--border-strong);z-index:100;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;animation:.3s ease-out slideUpBar;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000004d}@keyframes slideUpBar{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-action-bar .btn-lg{width:100%;max-width:400px;background:linear-gradient(135deg, var(--purple) 0%, #9d8fff 100%)!important;color:#fff!important;border:none!important;padding:1rem 2rem!important;font-size:16px!important;font-weight:600!important;box-shadow:0 4px 12px #8b7ff580!important}.mobile-action-hint{color:var(--muted);text-align:center;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.mobile-action-hint:before{content:"↑";color:var(--purple);font-size:1rem}}:root{--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.08em;--leading-none:1;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--leading-loose:2}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:var(--leading-normal);margin:0 0 1rem}p:last-child{margin-bottom:0}a{color:var(--purple);text-decoration:none;transition:color .2s}a:hover{color:var(--purple-text)}code,pre{font-family:var(--font-mono);font-size:.9em}code{font-weight:var(--weight-medium);background:#ffffff0d;border-radius:4px;padding:2px 6px}.label{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--muted)}.caption{font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug)}*{font-family:inherit}kbd,var{font-family:var(--font-mono)}@media (width<=768px){:root{--text-3xl:2rem;--text-2xl:1.75rem;--text-xl:1.5rem}}@media (width<=480px){:root{--text-3xl:1.75rem;--text-2xl:1.5rem}body{font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--padding-page-x:var(--space-8);--padding-page-y:var(--space-12);--padding-card:var(--space-6);--padding-section:var(--space-8);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.page-layout{padding:var(--padding-page-y) var(--padding-page-x);min-height:100vh}.page-header{margin-bottom:var(--space-12)}.page-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.page-subtitle{font-size:var(--text-lg);color:var(--muted);margin-bottom:var(--space-8)}.section{margin-bottom:var(--space-16)}.section:last-child{margin-bottom:0}.section-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.section-subtitle{font-size:var(--text-base);color:var(--muted);margin-bottom:var(--space-8)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--padding-card);box-shadow:var(--shadow-sm);transition:all .2s}.stack{flex-direction:column;display:flex}.grid{gap:var(--space-6);display:grid}.flex{display:flex}@media (width<=768px){:root{--padding-page-x:var(--space-6);--padding-page-y:var(--space-8)}.page-layout{padding:var(--space-8) var(--space-6)}}@media (width<=480px){:root{--padding-page-x:var(--space-4);--padding-page-y:var(--space-6);--padding-card:var(--space-4)}.page-layout{padding:var(--space-6) var(--space-4)}.card{padding:var(--space-4)}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.hidden{display:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:center;white-space:nowrap;cursor:pointer;border-radius:var(--radius-md);border:2px solid #0000;padding:10px 20px;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{font-size:var(--text-xs);padding:6px 12px}.btn-lg{font-size:var(--text-base);padding:12px 24px}.btn-xl{font-size:var(--text-lg);padding:16px 32px}.btn-primary{background:var(--purple);color:#fff;border-color:var(--purple)}.btn-primary:hover{background:var(--purple-text);border-color:var(--purple-text);transform:translateY(-1px);box-shadow:0 4px 12px #8b7ff566}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text);border-color:var(--border);background:0 0}.btn-secondary:hover{border-color:var(--purple);background:#ffffff0d;transform:translateY(-1px)}.btn-tertiary{color:var(--muted);background:0 0;border:none;padding:8px 12px}.btn-tertiary:hover{color:var(--text);background:#ffffff0d}.btn-success{color:#fff;background:#10b981;border-color:#10b981}.btn-success:hover{background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-info{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-info:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-warning{color:#fff;background:#f59e0b;border-color:#f59e0b}.btn-warning:hover{background:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-ghost{color:var(--muted);background:0 0;border:none}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-ghost-purple{color:var(--purple-text)}.btn-ghost-purple:hover{background:#8b7ff51a}.btn-icon{width:36px;height:36px;padding:8px}.btn-icon-sm{width:28px;height:28px;padding:6px}.btn-icon-lg{width:48px;height:48px;padding:12px}.btn-group{gap:var(--space-2);display:inline-flex}.btn-group .btn{margin:0}.badge{font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;line-height:1;display:inline-flex}.badge-purple{background:var(--purple);color:#fff}.badge-number{color:var(--text);border:1px solid var(--border);background:#ffffff1a}.input{width:100%;font-family:var(--font-body);font-size:var(--text-base);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:10px 16px;transition:all .2s}.input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8b7ff51a}.input::placeholder{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff08 0%,#ffffff14 50%,#ffffff08 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--surface);color:var(--text);font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-md);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:var(--z-tooltip);padding:6px 12px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.tooltip:hover:after{opacity:1}.alert{padding:var(--space-4);border-radius:var(--radius-md);gap:var(--space-3);border:1px solid;align-items:flex-start;display:flex}:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Consolas", "Monaco", "Courier New", monospace}.h1,h1{font-size:var(--text-4xl);font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:1rem}.h2,h2{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:.75rem}.h3,h3{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin-bottom:.5rem}.h4,h4{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:.5rem}p{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);margin-bottom:1rem}code,pre{font-family:var(--font-mono);font-size:.875em;font-weight:var(--font-normal);line-height:var(--leading-normal)}pre{font-size:var(--text-sm);line-height:var(--leading-relaxed);background:var(--code-bg);border-radius:var(--radius);padding:1rem;overflow-x:auto}code{background:var(--code-bg);border-radius:4px;padding:.125rem .375rem}pre code{background:0 0;padding:0}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--duration-slower:.5s}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}section{animation:slide-up var(--duration-slow) var(--ease-out);animation-fill-mode:backwards}section:first-child{animation-delay:0s}section:nth-child(2){animation-delay:.1s}section:nth-child(3){animation-delay:.2s}section:nth-child(4){animation-delay:.3s}.preview-card,.value-card{animation:scale-in var(--duration-base) var(--ease-spring);animation-fill-mode:backwards}.preview-card:first-child{animation-delay:.1s}.preview-card:nth-child(2){animation-delay:.2s}.preview-card:nth-child(3){animation-delay:.3s}.preview-card:nth-child(4){animation-delay:.4s}button,a{transition:all var(--duration-fast) var(--ease-out)}button:hover,a:hover{transform:translateY(-1px)}button:active,a:active{transition-duration:50ms;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:hover,a:hover{transform:none}}:root{--bg-gradient-hero:radial-gradient(ellipse 80% 50% at 50% -20%, #8b7ff526, transparent);--bg-gradient-section:radial-gradient(ellipse 60% 40% at 50% 50%, #8b7ff50d, transparent);--code-pattern:repeating-linear-gradient(0deg, transparent, transparent 2px, #8b7ff505 2px, #8b7ff505 4px);--pipeline-dots:radial-gradient(circle, #8b7ff51a 1px, transparent 1px)}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";background:var(--bg-gradient-hero);pointer-events:none;z-index:0;width:120%;height:150%;position:absolute;top:-50%;left:-10%}.hero-section:after{content:"";background:var(--code-pattern);opacity:.3;pointer-events:none;z-index:0;width:400px;height:400px;position:absolute;top:0;right:0}.hero-section>*{z-index:1;position:relative}.sample-preview-section{position:relative;overflow:hidden}.sample-preview-section:before{content:"";background:var(--bg-gradient-section);pointer-events:none;z-index:0;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sample-preview-section>*{z-index:1;position:relative}.generator-section{position:relative}.generator-section:before{content:"";background-image:var(--pipeline-dots);opacity:.3;pointer-events:none;z-index:0;background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.generator-section>*{z-index:1;position:relative}.saved-packages{background:var(--bg-card,var(--surface));border:1px solid var(--border-strong);border-radius:8px;margin-top:2rem;padding:1.5rem}.saved-packages-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.saved-packages-header h3{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.saved-packages-empty{text-align:center;background:var(--bg-card,var(--surface));border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:3rem 1.5rem;display:flex}.saved-packages-empty svg{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.saved-packages-empty h3{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.saved-packages-empty p{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9375rem}.saved-packages-list{gap:1rem;display:grid}.saved-package-card{border:1px solid var(--border);background:#ffffff05;border-radius:6px;padding:1.25rem;transition:all .2s}.saved-package-card:hover{border-color:var(--accent);background:#ffffff0a;transform:translateY(-1px)}.saved-package-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.saved-package-name{color:var(--text);flex:1;margin:0;font-size:1rem;font-weight:600}.saved-package-action{cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:.375rem;transition:all .15s}.saved-package-action:hover{border-color:var(--border);color:var(--accent);background:#ffffff0d}.saved-package-edit{flex:1;align-items:center;gap:.5rem;display:flex}.saved-package-edit-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.9375rem}.saved-package-edit-input:focus{border-color:var(--accent);outline:none}.saved-package-edit-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:4px;padding:.5rem;transition:all .15s}.saved-package-edit-btn:hover{border-color:var(--accent);color:var(--accent);background:#ffffff0d}.saved-package-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.saved-package-author{font-weight:500}.saved-package-time{opacity:.7}.saved-package-input{color:var(--text-muted);background:#0003;border:1px solid #ffffff0d;border-radius:4px;margin:0 0 1rem;padding:.75rem;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5}.saved-package-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.saved-package-delete{cursor:pointer;color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;margin-left:auto;padding:.5rem .75rem;transition:all .15s}.saved-package-delete:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}@media (width<=640px){.saved-packages,.saved-package-card{padding:1rem}.saved-package-actions{flex-direction:column;align-items:stretch}.saved-package-actions button{justify-content:center;width:100%}.saved-package-delete{width:100%;margin-left:0}}.input-quality-indicator{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:12px;padding:12px 16px;transition:all .2s}.input-quality-indicator.quality-excellent{background:#4ade800d;border-color:#4ade804d}.input-quality-indicator.quality-good{background:#3ecf9a0d;border-color:#3ecf9a4d}.input-quality-indicator.quality-fair{background:#fbbf240d;border-color:#fbbf244d}.input-quality-indicator.quality-poor{background:#f871710d;border-color:#f871714d}.quality-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.quality-label-row{flex:1;align-items:center;gap:8px;display:flex}.quality-label{color:var(--text);font-size:13px;font-weight:500}.quality-icon-excellent{color:#4ade80;flex-shrink:0}.quality-icon-good{color:#3ecf9a;flex-shrink:0}.quality-icon-fair{color:#fbbf24;flex-shrink:0}.quality-icon-poor{color:#f87171;flex-shrink:0}.quality-stats{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.stat-warning{color:#f87171;font-weight:500}.stat-ok{color:var(--text)}.stat-muted{color:var(--muted)}.stat-separator{color:var(--hint)}.quality-progress{align-items:center;gap:10px;margin-bottom:10px;display:flex}.quality-bar{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.quality-fill{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.quality-score{color:var(--text);text-align:right;min-width:38px;font-size:13px;font-weight:600}.quality-issues{flex-direction:column;gap:6px;margin-top:10px;display:flex}.quality-issue{color:var(--text);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.issue-icon{color:#f87171;background:#f8717126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.issue-text{flex:1}.quality-tips{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.quality-tip{color:var(--muted);align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;display:flex}.quality-tip svg{color:var(--purple);flex-shrink:0;margin-top:2px}.tip-text{flex:1}@media (width<=640px){.quality-header{flex-direction:column;align-items:flex-start}.quality-stats{width:100%}}.copy-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.copy-button:hover{border-color:var(--border-strong);background:var(--hover-bg);color:var(--text)}.copy-button:active{transform:scale(.98)}.copy-button.copied{color:#6ee7b7;background:#4ade801a;border-color:#4ade8066}.copy-button svg{flex-shrink:0}.copy-label{font-size:13px}.copy-button-small{border-radius:4px;padding:4px 6px}.copy-button-small .copy-label{display:none}.section-actions{align-items:center;gap:6px;display:flex}.section-actions .copy-button{padding:4px 8px;font-size:12px}@media (width<=640px){.copy-label{display:none}.copy-button{padding:6px 8px}}.generation-progress{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.progress-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.ai-icon{color:#a78bfa;animation:2s ease-in-out infinite pulse}.progress-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.progress-steps{flex-direction:column;gap:12px;display:flex}.progress-step{border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.progress-step.done{opacity:.6}.progress-step.active{background:#8b5cf61a;border:1px solid #8b5cf64d}.progress-step.future{opacity:.4}.step-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.step-check-icon{color:#6ee7b7;width:24px;height:24px}.step-circle-icon{color:var(--muted);width:20px;height:20px}.step-spinner{border:2px solid #8b5cf633;border-top-color:#a78bfa;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.step-content{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.step-label{color:var(--text);font-size:14px;font-weight:500}.step-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.progress-step.done .step-label{color:var(--muted)}.progress-step.active .step-label{color:#a78bfa;font-weight:600}.progress-bar-section{margin-bottom:24px}.progress-bar{background:#8b5cf61a;border-radius:999px;width:100%;height:12px;margin-bottom:12px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:999px;height:100%;transition:width .5s;position:relative;box-shadow:0 0 8px #8b5cf666}.progress-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.progress-info{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:flex}.progress-percent{color:#a78bfa;font-size:14px;font-weight:600}.progress-separator{opacity:.5}.progress-eta{color:#a78bfa;font-weight:500}.current-step-highlight{background:linear-gradient(135deg,#8b5cf61a,#a78bfa0d);border:1px solid #8b5cf633;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.step-icon-large{flex-shrink:0;font-size:32px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.step-content-large{flex:1}.step-label-large{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.step-substep{color:#a78bfa;font-size:13px;font-style:italic;animation:.5s ease-in-out fadeIn}@media (prefers-reduced-motion:reduce){.ai-icon,.step-icon-large,.progress-shimmer,.step-substep{animation:none!important}.progress-fill{transition:none}}.progress-status{color:var(--muted);text-align:center;background:#8b5cf60d;border-radius:6px;margin-top:16px;padding:12px;font-size:13px;font-style:italic}@media (width<=640px){.generation-progress{padding:16px}.progress-header{margin-bottom:16px}.progress-title{font-size:14px}.current-step-highlight{gap:12px;padding:12px}.step-icon-large{font-size:24px}.step-label-large{font-size:14px}.step-substep{font-size:12px}.progress-steps{gap:8px}.progress-step{padding:8px}.step-content{flex-direction:column;align-items:flex-start;gap:4px}.step-time{font-size:11px}.progress-info{flex-wrap:wrap;font-size:12px}}.error-boundary{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:24px 0;padding:40px 20px}.error-boundary-content{max-width:600px;margin:0 auto}.error-boundary-title{color:#f87171;margin:0 0 12px;font-size:20px;font-weight:600}.error-boundary-message{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.error-boundary-details{text-align:left;background:#f871710d;border:1px solid #f8717133;border-radius:8px;margin:24px 0;padding:16px}.error-boundary-details summary{cursor:pointer;color:var(--text);margin-bottom:12px;font-size:13px;font-weight:500}.error-boundary-stack{color:var(--muted);white-space:pre-wrap;word-wrap:break-word;background:#0000004d;border-radius:4px;margin:0;padding:12px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto}.error-boundary-button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.error-boundary-button:hover{background:#7c3aed}.error-boundary-button:active{transform:scale(.98)}.site-footer{border-top:1px solid var(--border);background:linear-gradient(#0000,#8b7ff508);margin-top:80px;padding:40px 24px}.footer-content-centered{text-align:center;max-width:600px;margin:0 auto 32px}.footer-brand-title{font-size:var(--text-lg);color:var(--text);letter-spacing:-.01em;margin:0 0 12px;font-weight:700}.footer-brand-desc{font-size:var(--text-base);color:var(--muted);margin:0;line-height:1.6}.footer-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);max-width:800px;height:1px;margin:0 auto}.footer-bottom{flex-direction:column;align-items:center;gap:20px;max-width:800px;margin:32px auto 0;display:flex}.footer-tech-stack{font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tech-stack-label{color:var(--muted);font-weight:500}.tech-stack-link{color:var(--purple);font-weight:600;text-decoration:none;transition:all .2s;position:relative}.tech-stack-link:hover{color:#a78bfa}.tech-stack-link:after{content:"";background:var(--purple);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.tech-stack-link:hover:after{width:100%}.tech-stack-separator{color:var(--hint);font-weight:300}.footer-copyright{font-size:var(--text-sm);color:var(--muted);text-align:center}@media (width<=768px){.site-footer{margin-top:60px;padding:32px 16px}.footer-content-centered{margin-bottom:24px}.footer-bottom{gap:16px;margin-top:24px}.footer-tech-stack,.footer-copyright{font-size:var(--text-xs)}}@media (width<=640px){.footer-tech-stack{flex-direction:column;gap:4px}.tech-stack-separator{display:none}}@media (prefers-reduced-motion:reduce){.tech-stack-link,.tech-stack-link:after{transition:none}}.version-status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:24px 0;padding:24px}.version-status-title{font-size:var(--text-lg);color:var(--text);letter-spacing:-.01em;margin:0 0 20px;font-weight:700}.version-status-section{margin-bottom:20px}.version-status-section:last-of-type{margin-bottom:16px}.version-status-subtitle{font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-weight:600}.version-status-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.version-status-item{font-size:var(--text-base);align-items:center;gap:10px;line-height:1.5;display:flex}.version-status-available{color:var(--text)}.version-status-available svg{color:var(--teal);flex-shrink:0}.version-status-planned{color:var(--muted)}.version-status-planned svg{color:var(--hint);flex-shrink:0}.version-status-note{font-size:var(--text-sm);color:var(--muted);border-top:1px solid var(--border);margin:16px 0 0;padding-top:16px;line-height:1.6}.version-status-note strong{color:var(--text);font-weight:600}@media (width<=640px){.version-status-card{padding:20px}.version-status-title{font-size:var(--text-base)}.version-status-item{font-size:var(--text-sm)}.version-status-note{font-size:var(--text-xs)}}