.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;border:none;text-decoration:none;font-family:inherit;outline:none;font-weight:400;font-family:Geist,sans-serif;font-optical-sizing:auto}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--dev-color-focus-ring);outline-offset:3px}.button--small{padding:4px 12px;font-size:13px;min-height:28px;border-radius:6px}.button--medium{padding:8px 16px;font-size:14px;min-height:36px;border-radius:8px}.button--large{padding:14px 18px;font-size:16px;min-height:48px;border-radius:8px;width:100%}.button--primary{background:var(--dev-color-accent);color:var(--dev-color-accent-contrast)}.button--primary:hover:not(:disabled){background:var(--dev-color-accent-hover)}.button--primary:active:not(:disabled){background:var(--dev-color-accent-active)}.button--secondary{background:var(--dev-color-surface);color:var(--dev-color-text-secondary);border:1px solid var(--dev-color-border)}.button--secondary:hover:not(:disabled){color:var(--dev-color-text-primary);border-color:var(--dev-color-border-strong)}[data-theme=dark] .button--secondary{background:var(--dev-color-surface-muted)}.button--ghost{background:transparent;color:var(--dev-color-text-secondary);border:1px solid transparent}.button--ghost:hover:not(:disabled){color:var(--dev-color-text-primary);background:var(--dev-color-surface-hover)}.button--theme-toggle{min-width:60px;border-radius:999px}.button--theme-toggle .button__label{pointer-events:none}:root[data-brand=menteligent-demo]{--section-max-width: min(100%, 1000px);--visual-width: min(100%, 800px);--chip-radius: 16px;color-scheme:light;--dev-color-50: #f9fafb;--dev-color-100: #f3f4f6;--dev-color-200: #e5e7eb;--dev-color-300: #d1d5db;--dev-color-400: #9ca3af;--dev-color-500: #6b7280;--dev-color-600: #4b5563;--dev-color-700: #374151;--dev-color-800: #1f2937;--dev-color-900: #111827;--dev-color-color-accent: #2999D4;--dev-color-body-background: var(--gradient-background);--dev-color-surface: var(--dev-color-200);--dev-color-surface-muted: var(--dev-color-100);--dev-color-surface-glass: rgba(255, 255, 255, .85);--dev-color-border: var(--dev-color-300);--dev-color-border-muted: var(--dev-color-200);--dev-color-border-strong: var(--dev-color-400);--dev-color-text-primary: var(--dev-color-900);--dev-color-text-secondary: var(--dev-color-700);--dev-color-text-muted: var(--dev-color-800);--dev-color-accent: var(--dev-color-color-accent);--dev-color-accent-hover: var(--dev-color-700);--dev-color-accent-active: var(--dev-color-color-accent);--landing-background: radial-gradient( ellipse 70% 70% at center, var(--dev-color-accent) 0%, var(--dev-color-100) 70% );--gradient-background:radial-gradient( ellipse 50% 50% at center, var(--dev-color-300) 0%, var(--dev-color-100) 100% );--dev-layout-max-width: 1440px;--dev-layout-padding-inline: 10px;--dev-layout-text-align: initial;--dev-layout-content-spacing-bottom: 182px;--dev-layout-min-height-offset: 64px;--dev-layout-navbar-spacer-height: 64px;--dev-navbar-max-width: 100%;--dev-navbar-inline-gap: 0px;--dev-navbar-margin-block: 0px;--dev-navbar-radius: 0px;--dev-navbar-border-width: .5px;--dev-navbar-border-color: var(--dev-color-300);--dev-navbar-background: var(--dev-color-100);--dev-navbar-padding-block: 12px;--dev-navbar-padding-inline: clamp(16px, 6vw, 32px);--dev-navbar-shadow: none;--dev-navbar-backdrop: none;--dev-navbar-top-offset: 0px;--dev-navbar-text-color: var(--dev-color-900);--dev-shadow-lg: var(--dev-color-accent);--sidebar-icon-color: var(--dev-color-600);--sidebar-icon-color-active: var(--dev-color-900);--sidebar-avatar-color: var(--dev-color-900);--sidebar-icon-border: var(--dev-color-300)}:root[data-brand=menteligent-demo] body{color:var(--dev-color-900);margin:0}:root[data-brand=menteligent-demo][data-theme=light]{color-scheme:light}:root[data-brand=menteligent-demo][data-theme=light] .primary-sidebar{background:var(--dev-color-200);border-right:1px solid var(--dev-color-500)}:root[data-brand=menteligent-demo][data-theme=dark]{color-scheme:dark;--dev-color-50: #111315;--dev-color-100: #171a1d;--dev-color-200: #1d2125;--dev-color-300: #242a30;--dev-color-400: #2f3740;--dev-color-500: #3b4550;--dev-color-600: #475363;--dev-color-700: #8b96a7;--dev-color-800: #c7ced8;--dev-color-900: #eff3f7;--dev-color-color-accent: #2999D4;--dev-color-body-background: var(--gradient-background);--dev-color-surface: var(--dev-color-200);--dev-color-surface-muted: var(--dev-color-100);--dev-color-surface-glass: rgba(255, 255, 255, .85);--dev-color-border: var(--dev-color-300);--dev-color-border-muted: var(--dev-color-200);--dev-color-border-strong: var(--dev-color-400);--dev-color-text-primary: var(--dev-color-900);--dev-color-text-secondary: var(--dev-color-700);--dev-color-text-muted: var(--dev-color-800);--dev-color-accent: var(--dev-color-color-accent);--dev-color-accent-hover: var(--dev-color-700);--dev-color-accent-active: var(--dev-color-800);--landing-background: radial-gradient( ellipse 70% 70% at center, var(--dev-color-accent) 0%, var(--dev-color-100) 70% );--gradient-background:radial-gradient( ellipse 50% 50% at center, var(--dev-color-300) 0%, var(--dev-color-100) 100% );--dev-layout-max-width: 1440px;--dev-layout-padding-inline: 10px;--dev-layout-text-align: initial;--dev-layout-content-spacing-bottom: 182px;--dev-layout-min-height-offset: 64px;--dev-layout-navbar-spacer-height: 64px;--dev-navbar-max-width: 100%;--dev-navbar-inline-gap: 0px;--dev-navbar-margin-block: 0px;--dev-navbar-radius: 0px;--dev-navbar-border-width: .5px;--dev-navbar-border-color: var(--dev-color-300);--dev-navbar-background: var(--dev-color-100);--dev-navbar-padding-block: 12px;--dev-navbar-padding-inline: clamp(16px, 6vw, 32px);--dev-navbar-shadow: none;--dev-navbar-backdrop: none;--dev-navbar-top-offset: 0px;--dev-navbar-text-color: var(--dev-color-900);--dev-shadow-lg: var(--dev-color-accent);--sidebar-icon-color: var(--dev-color-600);--sidebar-icon-color-active: var(--dev-color-900);--sidebar-avatar-color: var(--dev-color-900);--sidebar-icon-border: var(--dev-color-300)}:root[data-brand=menteligent-demo] .primary-sidebar{background:var(--dev-color-200);border-right:1px solid var(--dev-color-500)}:root[data-brand=menteligent-demo][data-theme=dark]{color-scheme:dark}:root[data-brand=menteligent-demo][data-theme=dark] .primary-sidebar{background:var(--dev-color-200);border-right:1px solid var(--dev-color-500)}@media(prefers-color-scheme:dark){:root[data-brand=menteligent-demo]:not([data-theme]){color-scheme:dark}}:root[data-brand=menteligent-demo] .app-navbar .nav-link{padding:.75rem 1.25rem;border-radius:var(--chip-radius);font-size:1rem;font-weight:500;line-height:1;background:none;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;white-space:nowrap}:root[data-brand=menteligent-demo] .app-navbar .nav-link--primary{background:var(--dev-color-900);color:var(--dev-color-50);border:.5px solid var(--dev-color-600)}:root[data-brand=menteligent-demo] .app-navbar .nav-link--secondary{background:var(--dev-color-200);color:var(--dev-color-900);border:.5px solid var(--dev-color-300)}:root[data-brand=menteligent-demo] .app-navbar .nav-link--link{background:transparent;color:var(--dev-color-900);border:none;padding:.5rem .75rem}:root[data-brand=menteligent-demo] .app-navbar .nav-link--primary:hover,:root[data-brand=menteligent-demo] .app-navbar .nav-link--secondary:hover{transform:translateY(-1px);box-shadow:var(--dev-shadow-sm)}:root[data-brand=menteligent-demo] .app-navbar .nav-link--link:hover{opacity:.7}:root[data-brand=menteligent-demo] .app-navbar .nav-link:focus-visible{outline:2px solid rgba(59,69,80,.4);outline-offset:4px}:root[data-brand=menteligent-demo] .app-navbar .nav-link--vertical{width:100%;text-align:left;justify-content:flex-start;display:flex}.menteligent-demo-landing{display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;padding-top:66px}@media(max-width:960px){.menteligent-demo-landing{padding-top:0}}.menteligent-demo-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--dev-color-600);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 16px;color:var(--dev-color-text-primary);font-family:Hanken Grotesk,sans-serif;font-optical-sizing:auto;font-size:18px;font-weight:400;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.menteligent-demo-button:hover{color:var(--dev-color-text-primary)}.menteligent-demo-button:focus-visible{outline:2px solid var(--dev-color-focus-ring);outline-offset:3px}.menteligent-demo-landing__hero{width:100%;min-height:calc(100vh - var(--dev-layout-navbar-spacer-height, 64px));background:var(--landing-background);padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2.5rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.menteligent-demo-landing__hero-content{width:100%;max-width:850px;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,2.5rem);text-align:center}.menteligent-demo-landing__hero-title{margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.15}.menteligent-demo-landing__hero-subtitle{margin:0;color:var(--dev-color-900);font-size:1rem;line-height:1.6}.menteligent-demo-landing__highlight{width:100%;background:var(--dev-color-100);display:flex;justify-content:center;box-sizing:border-box;padding-top:120px}.menteligent-demo-landing__highlight-content{width:100%;max-width:850px;text-align:center}.menteligent-demo-landing__highlight-content h2{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;line-height:1.2}.menteligent-demo-landing__visual{width:100%;background:var(--landing-background);padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem) clamp(5rem,8vw,7rem);display:flex;justify-content:center;box-sizing:border-box}.menteligent-demo-landing__visual-frame{width:min(100%,var(--visual-width));max-width:var(--visual-width);margin:0 auto;border-radius:1rem;border:1px solid var(--dev-color-800);overflow:hidden;background:var(--dev-color-200);box-shadow:var(--dev-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1));box-sizing:border-box}.menteligent-demo-landing__visual-frame img{display:block;width:100%;height:auto}.menteligent-demo-landing__faq{width:100%;background:var(--gradient-background);padding:clamp(5rem,10vw,8rem) clamp(1rem,4vw,2.5rem);display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,5vw,4rem);box-sizing:border-box}.menteligent-demo-landing__faq-list{list-style:none;padding:0;margin:0 auto;max-width:800px;width:100%;display:flex;flex-direction:column;gap:1rem}.menteligent-demo-landing__faq-item{border:1px solid var(--dev-color-900);border-radius:8px;padding:0;background:var(--dev-color-200)}.menteligent-demo-landing__faq-question{width:100%;background:none;border:none;padding:16px;font-size:20px;text-align:left;cursor:pointer;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:var(--dev-color-900)}.faq-arrow{transition:transform .2s ease;font-size:20px}.faq-arrow.open{transform:rotate(90deg)}.menteligent-demo-landing__faq-answer{padding:0 16px 16px;font-size:16px;line-height:1.6;color:var(--dev-color-800);text-align:left}.menteligent-demo-landing__cta{width:100%;min-height:calc(90vh - var(--dev-layout-navbar-spacer-height, 64px));background:var(--landing-background);padding:clamp(5rem,10vw,8rem) clamp(1rem,4vw,2.5rem);display:flex;justify-content:center;box-sizing:border-box}.menteligent-demo-landing__cta-content{width:100%;max-width:50rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.25rem,3vw,2rem)}.menteligent-demo-landing__cta-content h2{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;line-height:1.2}.menteligent-demo-landing__cta-content p{margin:0;color:var(--dev-color-900);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.menteligent-demo-landing__footer{width:100%;background:var(--dev-color-100);border-top:.5px solid var(--dev-color-500);padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,2.5rem) clamp(3.5rem,7vw,5rem);box-sizing:border-box}.menteligent-demo-landing__footer-bar{width:100%;max-width:65rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.menteligent-demo-landing__footer-brand{display:inline-flex;align-items:center;gap:1rem;color:var(--dev-color-900);font-size:1.125rem;font-weight:500}.menteligent-demo-brand-mark{flex-shrink:0;border-radius:10px;background:var(--dev-color-200);color:var(--dev-color-900);border:1px solid var(--dev-color-300)}.menteligent-demo-brand-mark rect{fill:currentColor}.menteligent-demo-landing__footer-links{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.menteligent-demo-landing__footer-links a{color:var(--dev-color-900);text-decoration:none;font-weight:500}.menteligent-demo-landing__footer-links a:hover,.menteligent-demo-landing__footer-links a:focus-visible{text-decoration:underline}@media(min-width:768px){.menteligent-demo-landing__footer-bar{flex-direction:row;align-items:center;justify-content:space-between}}.menteligent-demo-testimonials{width:100%;padding:clamp(4rem,8vw,6rem) 1rem;background:var(--landing-background);display:flex;flex-direction:column;align-items:center;gap:2rem;box-sizing:border-box}.testimonials-title{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;color:var(--dev-color-900);text-align:center}.menteligent-demo-landing__faq-header h2{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;line-height:1.2}.testimonials-subtitle{margin:0;max-width:1000px;text-align:center;font-size:1rem;color:var(--dev-color-800)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1100px;width:100%}.testimonial-card{background:var(--dev-color-200);border:1px solid var(--dev-color-600);border-radius:1rem;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.testimonial-stars{display:flex;gap:4px}.testimonial-text{margin:0;font-size:1.25rem;font-weight:600;color:var(--dev-color-900);line-height:1.5;text-align:left}.testimonial-author{margin:0;font-size:1rem;color:var(--dev-color-800);text-align:left}.menteligent-demo-steps{width:100%;padding:160px 20px;background:var(--gradient-background);display:flex;flex-direction:column;align-items:center;gap:40px;box-sizing:border-box;opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.menteligent-demo-steps.active{opacity:1;transform:translateY(0)}.menteligent-demo-steps__track{width:100%;max-width:1000px;position:relative;padding-top:40px}.menteligent-demo-steps__line{position:absolute;top:60px;left:0;height:4px;width:0%;background:var(--dev-color-900);border-radius:999px;transition:width 1.6s ease-out}.menteligent-demo-steps.active .menteligent-demo-steps__line{width:100%}.menteligent-demo-steps__title h2{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;line-height:1.2}.menteligent-demo-steps__items{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;z-index:2}.menteligent-demo-step{display:flex;flex-direction:column;align-items:center;width:160px;text-align:center;gap:12px;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.menteligent-demo-steps.active .menteligent-demo-step{opacity:1;transform:translateY(0)}.menteligent-demo-step:nth-child(1){transition-delay:.15s}.menteligent-demo-step:nth-child(2){transition-delay:.3s}.menteligent-demo-step:nth-child(3){transition-delay:.45s}.menteligent-demo-step:nth-child(4){transition-delay:.6s}.menteligent-demo-step:nth-child(5){transition-delay:.75s}.menteligent-demo-step__number{width:42px;height:42px;background:var(--dev-color-accent);border-radius:10px;display:flex;justify-content:center;align-items:center}.menteligent-demo-step__number span{color:var(--dev-color-50);font-size:20px;font-weight:600}.menteligent-demo-step__label{font-size:16px;color:var(--dev-color-900);line-height:1.3}@media(max-width:920px){.menteligent-demo-steps__line{display:none}.menteligent-demo-steps__items{flex-direction:column;align-items:center;gap:60px}}.features-section{width:100%;padding:200px 20px;background:var(--gradient-background);display:flex;justify-content:center;box-sizing:border-box}.features-container{width:100%;max-width:1200px;text-align:center;display:flex;flex-direction:column;gap:40px}.features-title{margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:500;color:var(--dev-color-900);line-height:1.1}.features-subtitle{margin:0 auto;max-width:850px;color:var(--dev-color-800);font-size:1rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;margin-top:20px}.features-card{background:var(--dev-color-200);border-radius:16px;border:.5px solid var(--dev-color-600);padding:32px 20px;display:flex;flex-direction:column;gap:24px;min-height:290px;box-sizing:border-box}.features-card-title{margin:0;color:var(--dev-color-accent);font-size:20px;font-weight:500;line-height:1.2;text-align:left}.features-card-text{margin:0;color:var(--dev-color-900);font-size:16px;line-height:1.6;text-align:left}@media(max-width:600px){.admin-visibility-section{padding:120px 20px}}.generate-email{background-color:var(--dev-color-gray-200);border:1px solid var(--dev-color-border);border-radius:var(--dev-radius-sm);padding:29px;max-width:640px;font-family:var(--dev-font-sans)}.generate-email__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;height:41px}.generate-email__title{font-size:20px;font-weight:var(--dev-font-weight-medium);color:var(--dev-color-text-primary);margin:0;line-height:24px}.generate-email__edit-btn{display:flex;align-items:center;gap:8px;height:41px;padding:0 16px;background:transparent;border:1.5px solid var(--dev-color-gray-500);border-radius:var(--dev-radius-sm);color:var(--dev-color-text-primary);font-size:14px;font-weight:var(--dev-font-weight-regular);cursor:pointer;transition:all .2s ease}.generate-email__edit-btn:hover{background-color:var(--dev-color-surface-hover);border-color:var(--dev-color-border-strong)}.generate-email__edit-icon{width:12px;height:12px;color:var(--dev-color-text-primary)}.generate-email__content{display:flex;flex-direction:column;gap:16px}.generate-email__recipient{display:flex;align-items:baseline;gap:4px;font-size:14px;line-height:17px}.generate-email__label{color:var(--dev-color-gray-800);font-weight:var(--dev-font-weight-regular)}.generate-email__recipient-text{color:var(--dev-color-text-primary);font-weight:var(--dev-font-weight-regular)}.generate-email__divider{width:100%;height:1px;background-color:var(--dev-color-border);margin:4px 0}.generate-email__subject{font-size:18px;font-weight:var(--dev-font-weight-medium);color:var(--dev-color-text-primary);margin:8px 0 16px;line-height:21px}.generate-email__body{font-size:14px;font-weight:var(--dev-font-weight-regular);color:var(--dev-color-text-primary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.generate-email__loading,.generate-email__error{padding:20px;text-align:center;font-size:14px;color:var(--dev-color-text-muted)}.generate-email__error{color:var(--dev-color-danger)}.generate-email[data-status=pending]{opacity:.8}.generate-email[data-status=error]{border-color:var(--dev-color-danger)}:root{color-scheme:light;--dev-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dev-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--dev-font-weight-regular: 400;--dev-font-weight-medium: 500;--dev-font-weight-semibold: 600;--dev-font-weight-bold: 700;--dev-color-body-background: #f6f7fb;--dev-color-surface: #ffffff;--dev-color-surface-muted: #f1f1f1;--dev-color-surface-hover: var(--dev-color-surface-muted);--dev-color-surface-glass: rgba(255, 255, 255, .8);--dev-color-surface-raised: #f8f8f8;--dev-color-border: rgba(66, 66, 66, .2);--dev-color-border-muted: rgba(66, 66, 66, .3);--dev-color-border-strong: rgba(66, 66, 66, 1);--dev-color-text-primary: #222222;--dev-color-text-secondary: #3f3f3f;--dev-color-text-muted: #888888;--dev-color-accent: #424242;--dev-color-accent-hover: #303030;--dev-color-accent-active: #1f1f1f;--dev-color-accent-contrast: #ffffff;--dev-color-danger: #c00000;--dev-color-chat-user: #f0f0f0;--dev-color-chat-assistant: #e5e5e5;--dev-color-input-disabled: #f0f0f0;--dev-color-input-placeholder: #888888;--dev-color-control-disabled-text: #999999;--dev-color-overlay: rgba(255, 255, 255, .85);--dev-color-focus-ring: rgba(66, 66, 66, .7);--dev-shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .25);--dev-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--dev-shadow-lg: 0 25px 50px -12px rgba(103, 58, 184, .53);--dev-shadow-focus: 0 0 0 3px rgba(66, 66, 66, .15);--dev-layout-max-width: 1280px;--dev-layout-padding-inline: 24px;--dev-layout-text-align: center;--dev-layout-content-spacing-bottom: 64px;--dev-layout-min-height-offset: 84px;--dev-layout-navbar-spacer-height: 120px;--dev-navbar-max-width: 1280px;--dev-navbar-inline-gap: 40px;--dev-navbar-margin-block: 20px;--dev-navbar-radius: var(--dev-radius-md);--dev-navbar-border-width: 1px;--dev-navbar-border-color: rgba(255, 255, 255, .75);--dev-navbar-background: var(--dev-color-surface-glass);--dev-navbar-padding-block: 20px;--dev-navbar-padding-inline: 20px;--dev-navbar-shadow: none;--dev-navbar-backdrop: blur(10px);--dev-navbar-top-offset: 20px;--dev-navbar-text-color: var(--dev-color-text-primary);--dev-chatbox-background: var(--dev-color-surface-glass);--dev-chatbox-backdrop: blur(10px);--dev-radius-sm: 6px;--dev-radius-md: 12px;--dev-radius-lg: 16px;--dev-color-gray-50: #F9FAFB;--dev-color-gray-100: #F3F4F6;--dev-color-gray-200: #E5E7EB;--dev-color-gray-300: #D1D5DB;--dev-color-gray-400: #9CA3AF;--dev-color-gray-500: #6B7280;--dev-color-gray-600: #4B5563;--dev-color-gray-700: #374151;--dev-color-gray-800: #1F2937;--dev-color-gray-900: #111827}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--dev-color-body-background: #0f1115;--dev-color-surface: #181b21;--dev-color-surface-muted: #20242b;--dev-color-surface-hover: var(--dev-color-surface-muted);--dev-color-surface-glass: rgba(24, 27, 33, .82);--dev-color-surface-raised: #1f2430;--dev-color-border: rgba(255, 255, 255, .12);--dev-color-border-muted: rgba(255, 255, 255, .18);--dev-color-border-strong: rgba(255, 255, 255, .36);--dev-color-text-primary: #f5f6f8;--dev-color-text-secondary: #c8ccd5;--dev-color-text-muted: #9399a3;--dev-color-accent: #f0f1f5;--dev-color-accent-hover: #d5d7df;--dev-color-accent-active: #b6b9c2;--dev-color-accent-contrast: #0b0e13;--dev-color-danger: #ff6b6b;--dev-color-chat-user: #1f2430;--dev-color-chat-assistant: #232a36;--dev-color-input-disabled: #1a1d23;--dev-color-input-placeholder: #7d8492;--dev-color-control-disabled-text: #6f7480;--dev-color-overlay: rgba(24, 27, 33, .85);--dev-color-focus-ring: rgba(240, 241, 245, .6);--dev-shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .6);--dev-shadow-md: 0 4px 20px rgba(0, 0, 0, .58);--dev-shadow-lg: 0 25px 50px -12px rgba(8, 9, 12, .9);--dev-shadow-focus: 0 0 0 3px rgba(240, 241, 245, .2);--dev-color-gray-50: #111315;--dev-color-gray-100: #171A1D;--dev-color-gray-200: #1D2125;--dev-color-gray-300: #242A30;--dev-color-gray-400: #2F3740;--dev-color-gray-500: #3B4550;--dev-color-gray-600: #475363;--dev-color-gray-700: #8B96A7;--dev-color-gray-800: #C7CED8;--dev-color-gray-900: #EFF3F7}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--dev-color-body-background: #0f1115;--dev-color-surface: #181b21;--dev-color-surface-muted: #20242b;--dev-color-surface-hover: var(--dev-color-surface-muted);--dev-color-surface-glass: rgba(24, 27, 33, .82);--dev-color-surface-raised: #1f2430;--dev-color-border: rgba(255, 255, 255, .12);--dev-color-border-muted: rgba(255, 255, 255, .18);--dev-color-border-strong: rgba(255, 255, 255, .36);--dev-color-text-primary: #f5f6f8;--dev-color-text-secondary: #c8ccd5;--dev-color-text-muted: #9399a3;--dev-color-accent: #f0f1f5;--dev-color-accent-hover: #d5d7df;--dev-color-accent-active: #b6b9c2;--dev-color-accent-contrast: #0b0e13;--dev-color-danger: #ff6b6b;--dev-color-chat-user: #1f2430;--dev-color-chat-assistant: #232a36;--dev-color-input-disabled: #1a1d23;--dev-color-input-placeholder: #7d8492;--dev-color-control-disabled-text: #6f7480;--dev-color-overlay: rgba(24, 27, 33, .85);--dev-color-focus-ring: rgba(240, 241, 245, .6);--dev-shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .6);--dev-shadow-md: 0 4px 20px rgba(0, 0, 0, .58);--dev-shadow-lg: 0 25px 50px -12px rgba(8, 9, 12, .9);--dev-shadow-focus: 0 0 0 3px rgba(240, 241, 245, .2);--dev-color-gray-50: #111315;--dev-color-gray-100: #171A1D;--dev-color-gray-200: #1D2125;--dev-color-gray-300: #242A30;--dev-color-gray-400: #2F3740;--dev-color-gray-500: #3B4550;--dev-color-gray-600: #475363;--dev-color-gray-700: #8B96A7;--dev-color-gray-800: #C7CED8;--dev-color-gray-900: #EFF3F7}}html,body,:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;min-height:100%;background-color:var(--dev-color-body-background)}body{margin:0;min-height:100%;font-family:var(--dev-font-sans);background-color:var(--dev-color-body-background);color:var(--dev-color-text-primary);transition:background-color .3s ease,color .3s ease}#app,#shell{min-height:100%}main{max-width:100%;margin:0 auto;text-align:var(--dev-layout-text-align, center)}