/*! 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}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.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,)}}@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:#9ca3af;--hint:#6e6e78;--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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}html{scroll-behavior:smooth}button{cursor:pointer;font-family:inherit}.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:760px;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);background:#8b7ff526;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{margin-bottom:28px}.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 0 20px #8b7ff559,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 0 28px #8b7ff580;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(--border)}.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-top:1px solid var(--border);margin-top:16px;padding-top:16px}.confidence-breakdown-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:600}.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:20px;padding: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(--surface);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(--border);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-title{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.sources-section-approved{color:var(--teal-text)}.sources-section-blocked{color:var(--red)}.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}.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:linear-gradient(135deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);margin-bottom:2rem;padding:4rem 2rem}.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 2rem;font-size:1.125rem;line-height:1.6}.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}.hero-proof{border-top:1px solid var(--border);justify-content:center;gap:3rem;padding:2rem 0 0;display:flex}.proof-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.proof-stat strong{color:var(--purple);font-size:1.75rem;font-weight:700}.proof-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@media (width<=768px){.hero-section{padding:2rem 1rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-proof{flex-wrap:wrap;gap:1.5rem}.proof-stat strong{font-size:1.5rem}}@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:1em;font-size:16px;line-height:1.6}h1{margin-bottom:.75em;font-size:32px;font-weight:700;line-height:1.2}h2{margin-bottom:.5em;font-size:24px;font-weight:600;line-height:1.3}h3{margin-bottom:.5em;font-size:20px;font-weight:600;line-height:1.4}h4{margin-bottom:.5em;font-size:18px;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:12px;margin-bottom:24px;padding:16px;display:flex}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{color:var(--purple-text);text-decoration:none;transition:color .2s}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}.hero-meta{color:var(--hint);font-size:14px}@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{text-transform:uppercase;letter-spacing:.05em;color:var(--purple-text);margin-bottom:4px;font-size:12px;font-weight:600}.cta-helper-text{color:var(--muted);text-align:center;font-size:14px}.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 6px 20px #8b7ff599!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{min-height:44px!important;font-weight:600!important}.kebab-menu-wrapper button{background:#2a2a32!important;border:2px 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}:is(.package-management button:has(svg[class*=ShareNetwork]),.export-actions-primary button:has(svg[class*=ShareNetwork])){color:#000!important;text-shadow:none!important;background:#f59e0b!important;border:2px solid #d97706!important;padding:10px 20px!important;font-size:14px!important;font-weight:700!important;box-shadow:0 2px 8px #f59e0b66!important}:is(.package-management button:has(svg[class*=ShareNetwork]):hover,.export-actions-primary button:has(svg[class*=ShareNetwork]):hover){transform:translateY(-1px);background:#d97706!important;box-shadow:0 4px 12px #f59e0b99!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}: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}@keyframes spin{to{transform:rotate(360deg)}}.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}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@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)}}