:root{--color-primary-base: hsl(0, 6%, 10%);--color-primary-light: hsl(225, 4%, 79%);--color-secondary-light: hsl(220, 15%, 70%);--color-primary-dark: hsl(0, 0%, 0%);--color-white: hsl(0, 0%, 100%);--color-gray-100: hsl(220, 15%, 95%);--color-gray-200: hsl(220, 15%, 80%);--color-gray-250: hsl(220, 15%, 75%);--color-gray-300: hsl(220, 15%, 65%);--color-gray-400: hsl(220, 15%, 45%);--color-gray-500: hsl(0, 3%, 22%);--color-gray-600: hsl(50, 1%, 24%);--color-black: hsl(220, 20%, 5%);--color-kether-pro: hsl(47, 65%, 52%);--color-red-dark-transparent: hsla(356, 27%, 22%, .4);--color-red-text: #b71111;--color-red-muted: hsl(353, 80%, 25%);--color-background-main: var(--color-primary-base);--color-background-elevated: var(--color-primary-light);--color-text-primary-light: var(--color-gray-100);--color-text-secondary-light: var(--color-gray-200);--color-text-muted-light: var(--color-gray-300);--color-text-primary-dark: var(--color-gray-500);--color-text-secondary-dark: var(--color-gray-600);--color-text-muted-dark: var(--color-gray-600);--color-button-positive: var(--color-text-primary-light);--color-button-positive-hover: var(--color-gray-250);--color-button-negative: var(--color-red-text);--color-button-negative-hover: var(--color-red-muted);--color-border: hsl(0, 0%, 31%);--navbar-background: var(--color-primary-dark);--navbar-text: var(--color-gray-100);--navbar-selection: var(--color-gray-600);--color-chat-message-bubble-user: var(--color-primary-light);--color-chat-message-text-user: var(--color-text-primary-dark);--color-chat-message-text-assistant: var(--color-white);--color-chat-code-background: var(--color-gray-500);--color-chat-code-text: var(--color-gray-600);--color-chat-input-background: var(--color-primary-light);--color-chat-input-text: var(--color-text-primary-dark);--color-chat-input-text-pro: var(--color-text-primary-dark);--color-chat-input-border-pro: var(--color-kether-pro);--color-chat-input-text-muted: var(--color-text-muted-dark);--color-chat-tooltip-background: var(--color-primary-base);--color-chat-tooltip-text: var(--color-gray-100);--color-chat-tooltip-muted: var(--color-gray-200);--color-chat-input-button: var(--color-gray-250);--color-overlay-background: hsla(220, 20%, 10%, .75);--color-icon-primary: var(--color-gray-100);--color-icon-inverse: var(--color-black)}:root{--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-18: 4.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-4)}.grid{display:grid;gap:var(--spacing-6)}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:6px}:root{--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700}body{font-family:Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}button,input[type=button],input[type=submit],input[type=reset]{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none;box-shadow:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus,button:active,input[type=button]:focus,input[type=button]:active,input[type=submit]:focus,input[type=submit]:active,input[type=reset]:focus,input[type=reset]:active{outline:none;box-shadow:none}.form-button{background-color:var(--color-primary-light);color:var(--color-text-primary-dark);border-radius:10px;padding:.8rem 1rem;margin:0 1rem;font-weight:900}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background-main);color:var(--color-text-primary-light);font-family:Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}#root{min-height:100vh;background-color:var(--color-background-main)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary-light);margin-bottom:1rem}p{color:var(--color-text-secondary-light);margin-bottom:1rem}input:focus,textarea:focus,select:focus{outline:none}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary-light)}th{background-color:var(--color-background-elevated);color:var(--color-text-primary-light);text-align:left}.modal{background-color:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem}.modal-overlay{background-color:#000000bf}:root{--transition-speed: .3s;--transition-ease: ease}.sidebar{height:100%;background-color:var(--navbar-background);color:var(--navbar-text);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:width var(--transition-speed) var(--transition-ease);min-width:60px}.sidebar.open{min-width:200px}.sidebar-toggle{background:none;color:var(--color-text-primary-light);font-size:24px;cursor:pointer;transition:background-color .2s ease;width:40px;margin:.25rem auto 2.5rem}.sidebar.open .sidebar-toggle{margin-right:.25rem;margin-left:auto}.sidebar-toggle:hover{background-color:var(--color-background-hover)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 8px;flex:1}.sidebar-bottom-items{margin-top:auto;margin-bottom:1rem}.sidebar-item{display:flex;align-items:center;height:40px;padding:0 11px;color:var(--color-text-muted-light);text-decoration:none;transition:all .2s ease;border-radius:8px;white-space:nowrap}.sidebar-item:hover{background-color:var(--color-background-hover);color:var(--color-text-secondary-light);cursor:pointer}.sidebar-item.active{background-color:var(--navbar-selection);color:var(--color-kether-pro)}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar-icon svg{width:20px;height:20px}.sidebar-label{margin-left:12px;opacity:1;transition:opacity .2s ease;font-size:.95rem}.sidebar:not(.open) .sidebar-label{margin-left:0;opacity:0;width:0;overflow:hidden}.main-container{flex:1;background:var(--color-background);overflow:auto;display:flex;flex-direction:column}.user-profile h1{display:flex;gap:1rem;align-items:center;padding:0rem 0rem 0rem 1rem;border-bottom:1px solid var(--color-border)}.user-profile-container{padding:var(--spacing-xl, 2rem);display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem);width:40rem}.user-info{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:110px 1fr;gap:8px 20px}.user-info .info-field{display:contents}.user-info .field-label{color:var(--color-text-secondary-light);font-size:14px;padding:8px 0}.user-info .field-value{color:var(--color-text-primary-light);font-size:14px;padding:8px 0;white-space:normal;word-wrap:break-word;word-break:break-all}.field-value.mono{font-family:monospace}.settings-section{list-style:none;padding:0;margin:0}.settings-field{display:flex;padding:8px 0;align-items:center}.field-action{display:flex;align-items:center;gap:var(--spacing-xs, .5rem)}.role-value{font-size:.875rem;color:var(--color-text-primary-light)}.role-select{background-color:#2a2a2a;color:#fff;border:1px solid #333;border-radius:4px;padding:6px;font-size:14px;width:80px;outline:none}.role-select:focus{border-color:#666}.role-select option{background-color:#2a2a2a;color:#fff}.api-key-change-button{padding:.375rem .75rem;background-color:#2a2a2a;border-radius:4px;transition:background-color .15s cubic-bezier(.4,0,.2,1);width:100%}.change-api-key-field{display:flex;gap:.5rem}.api-key-input{background-color:var(--color-background-main);color:#fff;width:100%;border:1px solid var(--color-border);border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;outline:none}.action-buttons{display:flex;gap:var(--spacing-md, 1rem);margin-top:var(--spacing-lg, 1.5rem)}.action-button{display:flex;align-items:center;justify-content:center;height:40px;padding:.5rem 1rem;font-size:1.2rem;line-height:1;white-space:nowrap;border:none;border-radius:.25rem;cursor:pointer;transition:opacity .2s ease}.action-button.delete{background-color:var(--color-red-dark-transparent);color:var(--color-red-text);border:1px solid var(--color-background-main);width:120px}.action-button.toggle-status{background-color:var(--color-background-main);color:var(--color-text-primary-light);width:120px}.action-button.submit{background-color:var(--color-background-main);color:var(--color-text-primary-light);width:150px}.action-button:disabled{opacity:.5;cursor:not-allowed}.agent-nav{display:flex;position:sticky;left:1.6rem;right:1.6rem;background-color:var(--color-black);justify-content:space-between;padding:0 .5rem;margin:0}.agent-nav .nav-link{padding:.5rem 0;text-decoration:none;border-radius:4px;transition:all .3s ease;position:relative;color:var(--color-text-muted-light);z-index:2;width:6.5rem;text-align:center;cursor:pointer}.agent-nav .nav-link.active{color:var(--color-text-primary-light);border:none}.nav-indicator{position:absolute;height:100%;border-radius:4px;border:2px solid var(--color-kether-pro);transition:left .3s ease,width .3s ease;z-index:1;pointer-events:none}.nav-indicator.no-transition{transition:none}.agent-config-overview{height:100%}.hover{padding:1rem;border-radius:10px}.hover:hover{background-color:var(--color-gray-500)}.agent-config-overview__header{display:flex;gap:1rem;padding:0;margin:0 1rem 3rem}.agent-config-overview__description{text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.agent-config-overview__header-title{position:relative;margin:0}.agent-config-overview__header-title h1{color:var(--color-kether-pro);font-size:2rem;margin:1rem 0 0;padding:0;font-weight:800;width:15rem}.agent-config-overview__header-title span{position:absolute;color:var(--color-text-muted-light);font-size:.8rem;padding:0;font-weight:800;right:1rem}.agent-config-overview__section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:0;margin:4rem 1rem}.agent-config-overview p{font-size:1rem;margin:0;padding:0;font-weight:400;text-align:justify;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.agent-config-overview__permissions{margin:2rem 1rem}.agent-config-overview__permissions .agent-config-overview__section{margin:0}.agent-config-overview__link{cursor:pointer}.agent-config-overview h2{font-size:1.5rem;margin-bottom:.8rem;padding:0;font-weight:800}.agent-config-overview h3{font-size:1rem;margin-bottom:.8rem;padding:0;font-weight:500;color:var(--color-text-muted-light);transform:skew(-10deg)}.agent-config-overview ul{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:1rem}.agent-config-overview ul li{background-color:var(--color-background-elevated);color:var(--color-text-primary-dark);padding:.5rem 1rem;border-radius:1.5rem;list-style-type:none}.list{width:100%;display:flex;flex-direction:column;border:2px solid #333;border-radius:8px;overflow:hidden}.list-item{border-bottom:1px solid #333;width:100%}.list-item:last-child{border-bottom:none}.list-item a{display:block;width:100%;padding:.75rem 1rem;text-decoration:none;color:inherit}.list-item>:not(a){padding:.75rem 1rem;display:block}.user-list .list-item a{display:grid;grid-template-columns:2fr 1fr}.user-list .list-item:hover{background-color:#2a2a2a}.user-list .list-item .user-role{font-style:italic;text-align:right;color:var(--color-text-muted-dark)}.agent-list .list-item:hover{background-color:#2a2a2a}.tool-list .list-item{display:grid;grid-template-columns:2fr 1fr;padding:.5rem 1rem}.tool-list .list-item:hover{background-color:#2a2a2a}.tool-list button{width:6rem}.agent-config-assistants{display:flex;flex-direction:column;justify-content:center;align-items:center}.agent-config-list-section{width:100%;max-width:600px;margin-top:1rem}.agent-config-footer{display:flex;justify-content:space-between;padding:1.5rem;margin:2rem 0}.agent-config{height:100vh;display:flex;flex-direction:column}.agent-config__main{padding:.5rem .5rem 1rem;flex:1;overflow-y:auto}.agent-config__manual-input{margin:2rem;padding:.5rem;height:25rem;text-align:left;border:3px solid var(--color-primary-light);border-radius:10px;overflow-y:auto;background-color:transparent}textarea.agent-config__manual-input{width:calc(100% - 5rem);box-sizing:border-box;resize:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;outline:none}.create-agent-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 6rem);width:40rem}.create-agent-page h1{margin-bottom:3rem;font-size:2rem;color:var(--color-kether-pro);font-weight:800}.create-agent-page form{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center}.create-agent-page form p{color:var(--color-text-secondary-light);font-size:1rem;font-weight:500;margin-bottom:.5rem}.create-agent-page form input{background-color:var(--color-background-main);color:#fff;width:15rem;height:3rem;border:1px solid var(--color-white);border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;line-height:1.25rem;outline:none}.slide-panel-container{position:relative;box-shadow:-2px 0 8px #0000001a;flex-shrink:0}.slide-panel-resizer{position:absolute;left:0;top:0;bottom:0;width:.25rem;cursor:ew-resize;background-color:var(--color-gray-600);z-index:10;transition:background-color .2s}.slide-panel-resizer:hover,.slide-panel-resizer:active{background-color:var(--color-kether-pro)}.slide-panel-close-button-container{width:30px;height:30px;background-color:var(--color-gray-600);border-radius:.25rem 0 0 .25rem;display:flex;align-items:center;transform:translate(-100%)}.slide-panel-close-button{width:100%;height:100%}.slide-panel-close-icon{width:22px;height:22px;margin:4px;color:var(--color-text-muted-light)}.App{display:flex;height:100vh;width:100vw}.layout-wrapper{display:flex;height:100vh;overflow:hidden}.main-content-container{display:flex;height:100vh;width:100%;overflow:hidden}.main-content{flex:1 1 0%;overflow-y:auto}.user-page{padding:2rem;align-items:center}.user-page-content{display:flex;flex-direction:column;align-items:center;width:100rem;max-width:50rem;margin:0 auto;padding:1.5rem}.user-page-header{font-size:1.5rem}.check{color:var(--color-kether-pro)}.code-header{display:flex;width:100%;height:2.8rem;margin-bottom:-.5rem;padding:0 .5rem;align-items:center;justify-content:space-between}.code-content{border:1px solid}.markdown :is(h1,h2,h3,h4,h5,h6){margin-bottom:.5rem}.markdown :is(ol,ul){margin:-2rem 0 -2rem 1.5rem}.message-wrapper{margin-bottom:var(--spacing-4);display:flex}.message-wrapper--user{justify-content:flex-end}.message-wrapper--assistant{justify-content:flex-start}.message-bubble{padding:var(--spacing-4);max-width:90%;word-wrap:break-word;white-space:pre-wrap}.message-bubble--user{background-color:var(--color-chat-message-bubble-user);color:var(--color-chat-message-text-user);border-radius:var(--spacing-4)}.message-bubble--assistant{background-color:transparent;color:var(--color-chat-message-text-assistant)}.agent-selection{position:relative;z-index:10}.agent-selection__header{display:flex;align-items:center;color:var(--color-kether-pro)}.agent-selection__header h1{margin:0 .5rem;font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-kether-pro)}.agent-selection__dropdown{position:absolute;top:100%;left:0;display:flex;flex-direction:column;width:15rem;border:2px solid #333;border-radius:5px;background-color:var(--color-primary-light);color:var(--color-text-primary-dark);text-align:left;justify-content:left;z-index:20;overflow:visible;box-shadow:0 2px 5px #0003}.agent-selection__item{width:100%;padding:.5rem;text-align:left;cursor:pointer;background:transparent;border:none;display:block;outline:none;border-bottom:1px solid #333;font-weight:600}.agent-selection__item:last-child{border-bottom:none}.agent-selection__item:hover{background-color:#0003}.chat-input-area{width:100%;max-width:var(--container-lg);display:flex;flex-direction:column;background-color:var(--color-chat-input-background);border-radius:20px 20px 0 0;padding:clamp(8px,1.5vw,var(--spacing-2));cursor:text;position:relative}.chat-input-container{display:flex;align-items:flex-end;gap:var(--spacing-2);width:100%;min-height:clamp(35px,5vh,45px);position:relative;flex-grow:1}.chat-input-bar{flex:1;width:100%;min-height:clamp(35px,5vh,45px);max-height:200px;padding:clamp(6px,1vw,var(--spacing-2));border:none;background-color:transparent;color:var(--color-chat-input-text);transition:all .2s ease;resize:none;font-size:clamp(14px,1vw + .5rem,16px);margin:0;box-sizing:border-box;line-height:1.5;overflow-y:auto}.send-button{display:flex;justify-content:center;padding:clamp(6px,1vw,var(--spacing-2));background:none;border:none;color:var(--color-chat-input-text);cursor:pointer;opacity:1;transition:opacity .2s ease,transform .2s ease;flex-shrink:0;padding-top:10px}.send-button.disabled{opacity:0;transform:scale(0);width:0;padding:0;margin:0;pointer-events:none}.chat-input-bottom{display:flex;justify-content:space-between;align-items:center;padding:0;margin-top:var(--spacing-2);min-height:50px;position:sticky;bottom:0;left:0;right:0;background-color:transparent;z-index:1}.chat-input-bottom-left{display:flex;align-items:center;gap:var(--spacing-2)}.clear-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);background:none;border:none;color:var(--color-chat-input-text);cursor:pointer;transition:color .2s ease}.model-toggle{position:relative;display:inline-flex}.model-toggle__button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:80px;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--spacing-2);background-color:var(--color-chat-input-button);transition:background-color .2s ease;cursor:pointer}.model-toggle__button:hover{background-color:var(--color-background-hover)}.model-toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-chat-input-text)}.model-toggle__button--pro{color:var(--color-chat-input-text-pro);border:2px solid var(--color-chat-input-border-pro)}.model-toggle__arrow{color:var(--color-chat-input-text);font-size:var(--font-size-sm)}.model-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-2);width:max-content;min-width:240px;padding:var(--spacing-4);background-color:var(--color-chat-tooltip-background);border:1px solid var(--color-border);border-radius:var(--spacing-2);box-shadow:var(--shadow-md);z-index:10}.model-tooltip__action{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-chat-tooltip-text);margin-bottom:var(--spacing-3)}.model-tooltip__content{display:flex;flex-direction:column;gap:var(--spacing-1)}.model-tooltip__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;color:var(--color-chat-tooltip-muted)}.model-tooltip__model-id{font-size:var(--font-size-sm);color:var(--color-chat-tooltip-muted)}.chat-input-bottom-right{display:flex;align-items:center}.chat-input-bottom-right p{font-size:var(--font-size-sm);color:var(--color-chat-input-text-muted);margin:0}.page-container{min-height:100vh;width:100%}.chat-layout{display:flex;flex-direction:column;height:100vh;width:100%}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.chat-header{flex:0 0 auto;width:100%;margin:0 auto;padding:var(--spacing-6) 0 0 var(--spacing-6)}.chat-main{flex:1 1 auto;min-height:0;position:relative;width:100%;display:flex;flex-direction:column}.chat-messages-container{position:relative;inset:0;overflow-y:auto}.chat-messages-content{max-width:var(--container-lg);margin:0 auto;padding:var(--spacing-4);padding-bottom:0;display:flex;flex-direction:column}.chat-footer{flex:0 0 auto;width:100%;display:flex;justify-content:center;min-height:clamp(80px,12vh,120px)}.app-wrapper{transition:transform .2s ease-in-out}.app-wrapper.panel-open{display:flex}.agent-page{min-height:100vh;padding:2rem;align-items:center}.agent-page-content{display:flex;flex-direction:column;align-items:center;width:100rem;max-width:50rem;margin:0 auto;padding:1.5rem}.agent-page-header{font-size:1.5rem}.login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.login-wrapper{width:100%;max-width:28rem;margin:0 auto;padding:0 var(--spacing-4)}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary-light)}.login-subtitle{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted-light)}.signup-link{font-weight:var(--font-weight-medium);color:var(--color-chat-message-text-assistant);cursor:pointer;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:var(--color-text-secondary-light)}.signup-link:focus{outline:none;text-decoration:underline}.login-form-container{background-color:var(--color-gray-600);padding:var(--spacing-8) var(--spacing-4);box-shadow:var(--shadow-md);border-radius:var(--spacing-2)}@media (min-width: 640px){.login-form-container{padding:var(--spacing-8) var(--spacing-10)}}.login-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column}.login-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary-light);margin-bottom:var(--spacing-1)}.login-form-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--spacing-1);background-color:var(--color-chat-input-background);color:var(--color-text-primary-dark);font-size:var(--font-size-sm);transition:all .2s ease}.form-input::placeholder{color:var(--color-chat-input-text-muted)}.submit-button-login{width:100%;display:flex;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--spacing-1);background-color:var(--color-chat-input-button);color:var(--color-text-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:var(--color-text-secondary-light)}.submit-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-background-main),0 0 0 4px var(--color-chat-message-text-assistant)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.register-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.register-wrapper{width:100%;max-width:28rem;margin:0 auto;padding:0 var(--spacing-4)}.register-header{text-align:center;margin-bottom:var(--spacing-8)}.register-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary-light)}.register-subtitle{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted-light)}.signin-link{font-weight:var(--font-weight-medium);color:var(--color-chat-message-text-assistant);cursor:pointer;text-decoration:none;transition:color .2s ease}.signin-link:hover{color:var(--color-text-secondary-light)}.signin-link:focus{outline:none;text-decoration:underline}.register-form-container{background-color:var(--color-gray-600);padding:var(--spacing-8) var(--spacing-4);box-shadow:var(--shadow-md);border-radius:var(--spacing-2);border:1px solid var(--color-border)}@media (min-width: 640px){.register-form-container{padding:var(--spacing-8) var(--spacing-10)}}.error-message{margin-bottom:var(--spacing-4);padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary-light);background-color:var(--color-chat-code-background);border-radius:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.register-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.register-form-group{display:flex;flex-direction:column}.register-form-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary-light);margin-bottom:var(--spacing-1)}.register-form-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--spacing-1);background-color:var(--color-chat-input-background);color:var(--color-chat-input-text);font-size:var(--font-size-sm);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-chat-message-text-assistant);box-shadow:0 0 0 2px var(--color-text-secondary-light)}.validation-icon{display:inline-flex;width:1rem;height:1rem}.validation-icon.valid,.validation-icon.invalid{color:var(--color-chat-message-text-assistant)}.instruction-note{margin-top:var(--spacing-2);padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-muted-dark);background-color:var(--color-chat-input-background);border:1px solid var(--color-border);border-radius:var(--spacing-1)}.instruction-icon{display:inline-block;width:1rem;height:1rem;margin-right:var(--spacing-1);vertical-align:middle;color:var(--color-icon-primary)}.success-container{background-color:var(--color-background-elevated);padding:var(--spacing-8);border-radius:var(--spacing-2);box-shadow:var(--shadow-md);text-align:center;max-width:28rem;width:100%}.success-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary-dark);margin-bottom:var(--spacing-4)}.success-message{color:var(--color-text-muted-dark);margin-bottom:var(--spacing-4)}.register-submit-button{width:100%;display:flex;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--spacing-1);background-color:var(--color-chat-input-button);color:var(--color-text-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease}.register-submit-button:hover:not(:disabled){background-color:var(--color-text-secondary-light)}.register-submit-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-background-main),0 0 0 4px var(--color-text-primary-light)}.register-submit-button:disabled{opacity:.5;cursor:not-allowed}