.navigation{display:flex;align-items:center;gap:16px;height:64px;padding:0 20px;background-color:var(--color-surface);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.navigation__menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-secondary);border-radius:6px;transition:background-color .2s ease}.navigation__menu-btn:hover{background-color:var(--color-background)}.navigation__logo{display:flex;align-items:center;gap:10px}.navigation__logo-img{height:40px;width:auto;object-fit:contain}.navigation__logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-primary);color:var(--color-surface);border-radius:8px;font-weight:700;font-size:14px}.navigation__logo-text{font-size:16px;font-weight:600;color:var(--color-text)}@media (max-width: 767px){.navigation__logo-text{display:none}}.navigation__controls{display:flex;align-items:center;gap:16px;margin-left:auto}.navigation__auto-save{display:flex;align-items:center;gap:6px;cursor:help}.navigation__auto-save-label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}@media (max-width: 767px){.navigation__auto-save-label{display:none}}.navigation__logout{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid var(--color-border, #e1e1e1);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);font-size:13px;font-weight:500;transition:all .2s ease}.navigation__logout:hover{background-color:var(--color-background);color:var(--color-text)}@media (max-width: 767px){.navigation__logout-label{display:none}.navigation__logout{padding:6px;border:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:all .2s ease-in-out;cursor:pointer;position:relative}.btn:focus-visible{outline:2px solid #b62233;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:36px;padding:0 16px;font-size:12px;border-radius:6px}.btn--md{height:40px;padding:0 20px;font-size:13px;border-radius:8px}.btn--lg{height:52px;padding:0 24px;font-size:15px;border-radius:8px}.btn--primary{background-color:#b62233;color:#fff;box-shadow:0 4px 4px #8540f540}.btn--primary:hover:not(:disabled){background-color:#7028c8}.btn--primary:active:not(:disabled){background-color:#5f1fb5;transform:translateY(1px) scale(.98)}.btn--secondary{background-color:#f8f9fa;color:#1e1e1e;border-color:#e1e1e1}.btn--secondary:hover:not(:disabled){background-color:#ebe5fc;border-color:#b62233;color:#b62233}.btn--secondary:active:not(:disabled){background-color:#d9d0f5;transform:translateY(1px) scale(.98)}.btn--ghost{background-color:transparent;color:#6c757d}.btn--ghost:hover:not(:disabled){background-color:#f8f9fa;color:#1e1e1e}.btn--ghost:active:not(:disabled){background-color:#e1e1e1;transform:scale(.97)}.btn--danger{background-color:#e41b39;color:#fff;box-shadow:0 4px 8px #e41b394d}.btn--danger:hover:not(:disabled){background-color:#c01630}.btn--danger:active:not(:disabled){background-color:#a01428;transform:translateY(1px) scale(.98)}.btn--full-width{width:100%}.btn--icon-only{padding:0;aspect-ratio:1}.btn--loading{color:transparent;pointer-events:none}.btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn__icon-before,.btn__icon-after{display:inline-flex;align-items:center;justify-content:center}.btn__icon-before svg,.btn__icon-after svg{width:16px;height:16px}.btn--sm .btn__icon-before svg,.btn--sm .btn__icon-after svg{width:14px;height:14px}.btn--lg .btn__icon-before svg,.btn--lg .btn__icon-after svg{width:18px;height:18px}.input-wrapper{display:flex;flex-direction:column;gap:6px}.input-wrapper--full-width{width:100%}.input-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;color:#6c757d;line-height:1.5}.input-container{position:relative;display:flex;align-items:center;background-color:#f8f9fa;border:1px solid #e1e1e1;border-radius:8px;transition:all .2s ease-in-out}.input-container:focus-within{border-color:#b62233;box-shadow:0 0 0 3px #8540f51a}.input-container--error{border-color:#e41b39}.input-container--error:focus-within{border-color:#e41b39;box-shadow:0 0 0 3px #e41b391a}.input{flex:1;width:100%;height:40px;padding:0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1e1e1e;background-color:transparent;border:none;outline:none;line-height:1.5}.input::placeholder{color:#abb5be}.input:disabled{cursor:not-allowed;opacity:.5;background-color:#e9ecef}.input-container--has-icon-before .input{padding-left:44px}.input-container--has-icon-after .input{padding-right:44px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:#6c757d;pointer-events:none}.input-icon--before{left:16px}.input-icon--after{right:16px}.input-icon svg{width:16px;height:16px}.input-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.5}.input-message--error{color:#e41b39}.input-message--helper{color:#6c757d}.select-wrapper{display:flex;flex-direction:column;gap:6px}.select-wrapper--full-width{width:100%}.select-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;color:#6c757d;line-height:1.5}.select-container{position:relative;display:flex;align-items:center;background-color:#f8f9fa;border:1px solid #e1e1e1;border-radius:6px;transition:all .2s ease-in-out}.select-container:focus-within{border-color:#b62233;box-shadow:0 0 0 3px #8540f51a}.select-container--error{border-color:#e41b39}.select-container--error:focus-within{border-color:#e41b39;box-shadow:0 0 0 3px #e41b391a}.select{flex:1;width:100%;height:40px;padding:0 32px 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1e1e1e;background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.5}.select:disabled{cursor:not-allowed;opacity:.6}.select-chevron{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;color:#6c757d;pointer-events:none;transition:transform .2s ease-in-out}.select:focus+.select-chevron{transform:rotate(180deg)}.select-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.5}.select-message--error{color:#e41b39}.select-message--helper{color:#6c757d}.searchable-select{position:relative;display:flex;flex-direction:column;gap:6px}.searchable-select--full-width{width:100%}.searchable-select--disabled{opacity:.6;cursor:not-allowed}.searchable-select__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;color:#6c757d;line-height:1.5}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;padding:0 12px;background:#f8f9fa;border:1px solid #e1e1e1;border-radius:6px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1e1e1e;text-align:left;width:100%;transition:all .2s ease-in-out;line-height:1.5}.searchable-select__trigger:hover:not(:disabled){border-color:#b62233}.searchable-select__trigger:focus{outline:none;border-color:#b62233;box-shadow:0 0 0 3px #b622331a}.searchable-select__trigger--open{border-color:#b62233;box-shadow:0 0 0 3px #b622331a}.searchable-select__trigger--error{border-color:#e41b39}.searchable-select__trigger:disabled{cursor:not-allowed;background-color:#e9ecef;opacity:.5}.searchable-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select__chevron{display:flex;align-items:center;color:#6c757d;transition:transform .2s ease-in-out}.searchable-select__trigger--open .searchable-select__chevron{transform:rotate(180deg)}.searchable-select__dropdown{background:#fff;border:1px solid #e1e1e1;border-radius:6px;box-shadow:0 4px 8px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:320px;animation:dropdown-enter .15s ease-out;transform-origin:top center}@keyframes dropdown-enter{0%{opacity:0;transform:scaleY(.95) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.searchable-select__search-container{padding:8px;border-bottom:1px solid #e1e1e1;background:#fff;flex-shrink:0}.searchable-select__search{width:100%;padding:8px 12px;background:#f8f9fa;border:1px solid #e1e1e1;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1e1e1e;outline:none;transition:all .2s ease-in-out;line-height:1.5}.searchable-select__search::placeholder{color:#abb5be}.searchable-select__search:focus{border-color:#b62233;box-shadow:0 0 0 3px #b622331a}.searchable-select__options{list-style:none;margin:0;padding:4px 0;flex:1;min-height:0;overflow-y:auto;background:#fff}.searchable-select__option{padding:8px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1e1e1e;cursor:pointer;transition:background-color .2s ease-in-out;line-height:1.5}.searchable-select__option:hover{background:#f8f9fa}.searchable-select__option--selected{background:#b622331a;color:#b62233;font-weight:500}.searchable-select__option--selected:hover{background:#b6223326}.searchable-select__option--disabled{opacity:.5;cursor:not-allowed}.searchable-select__empty,.searchable-select__loading{padding:12px;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#6c757d;background:#fff;line-height:1.5}.searchable-select__load-more{padding:4px 12px;border-top:1px solid #e1e1e1;background:#fff}.searchable-select__load-more button{width:100%;padding:8px;background:transparent;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#b62233;cursor:pointer;transition:background-color .2s ease-in-out;border-radius:6px;line-height:1.5}.searchable-select__load-more button:hover{background:#f8f9fa}.searchable-select__error{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#e41b39;line-height:1.5}.searchable-select__helper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#6c757d;line-height:1.5}.card{background-color:#fff;border-radius:12px;transition:all .2s ease-in-out}.card--default{border:1px solid #e1e1e1}.card--elevated{box-shadow:0 4px 4px #00000040}.card--outlined{border:2px solid #e1e1e1}.card--padding-none{padding:0}.card--padding-sm{padding:12px}.card--padding-md{padding:20px}.card--padding-lg{padding:24px}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.card--clickable:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.card--clickable:focus-visible{outline:2px solid #b62233;outline-offset:2px}.card--selected{background-color:#ebe5fc;border-color:#b62233}.card-header,.card-body{margin-bottom:16px}.card-body:last-child{margin-bottom:0}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e1e1e1}.toggle-wrapper{display:flex;flex-direction:column;gap:6px}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.toggle-track{position:relative;display:inline-block;cursor:pointer;background-color:#abb5be;border-radius:9999px;transition:background-color .2s ease-in-out}.toggle-track--sm{width:36px;height:20px}.toggle-track--md{width:40px;height:22px}.toggle-input:checked+.toggle-track{background-color:#67eb8d}.toggle-input:focus-visible+.toggle-track{outline:2px solid #b62233;outline-offset:2px}.toggle-input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.toggle-thumb{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center}.toggle-thumb--sm{width:16px;height:16px;left:2px}.toggle-thumb--md{width:18px;height:18px;left:2px}.toggle-input:checked+.toggle-track .toggle-thumb--sm{left:18px}.toggle-input:checked+.toggle-track .toggle-thumb--md{left:20px}.toggle-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:9px;font-weight:700;color:#fff;position:absolute;white-space:nowrap}.toggle-input:checked+.toggle-track .toggle-label{left:-24px}.toggle-input:not(:checked)+.toggle-track .toggle-label{left:22px}.toggle-text-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;color:#6c757d;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-helper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#6c757d;margin-left:52px}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__svg{animation:spinner-rotate 1s linear infinite}.spinner--sm .spinner__svg{width:16px;height:16px}.spinner--md .spinner__svg{width:24px;height:24px}.spinner--lg .spinner__svg{width:40px;height:40px}.spinner__track{stroke:currentColor;opacity:.2}.spinner__indicator{stroke:currentColor;stroke-dasharray:62.83;stroke-dashoffset:47.12;transform-origin:center}.spinner--primary{color:var(--color-primary)}.spinner--secondary{color:var(--color-text-secondary)}.spinner--white{color:#fff}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:modal-slide-up .2s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:900px}.modal--full{width:calc(100% - 40px);max-width:1200px;height:calc(100vh - 80px)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e1e1e1;flex-shrink:0}.modal__title{margin:0;font-size:18px;font-weight:600;color:#1e1e1e}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:#6c757d;border-radius:6px;cursor:pointer;transition:all .15s ease}.modal__close:hover{background-color:#f8f9fa;color:#1e1e1e}.modal__close:focus-visible{outline:2px solid #b62233;outline-offset:2px}.modal__body{padding:24px;overflow-y:auto;flex:1}.modal--full .modal__body{flex:1;overflow-y:auto}.toast-container{position:fixed;top:76px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:400px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;pointer-events:auto;animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1);min-width:280px}.toast--exiting{animation:toast-slide-out .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast__icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast--success .toast__icon{background-color:#dcfce7;color:#16a34a}.toast--error .toast__icon{background-color:#fee2e2;color:#dc2626}.toast--warning .toast__icon{background-color:#fef3c7;color:#d97706}.toast--info .toast__icon{background-color:#dbeafe;color:#2563eb}.toast__message{flex:1;font-size:13px;line-height:1.5;color:#1e1e1e}.toast__close{flex-shrink:0;background:none;border:none;padding:2px;cursor:pointer;color:#9ca3af;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.toast__close:hover{color:#374151}.toast__progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 8px 8px;animation:toast-progress 5s linear forwards}.toast--success .toast__progress{background-color:#16a34a}.toast--error .toast__progress{background-color:#dc2626}.toast--warning .toast__progress{background-color:#d97706}.toast--info .toast__progress{background-color:#2563eb}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast{position:relative;overflow:hidden}@media (max-width: 767px){.toast-container{left:12px;right:12px;max-width:none}}.sidebar{display:flex;flex-direction:column;background-color:var(--color-surface);height:100%;min-height:0;overflow:hidden;border-right:1px solid var(--color-border, #e1e1e1)}@media (min-width: 1024px){.sidebar{width:280px;flex-shrink:0;transition:width .3s ease,opacity .3s ease}.sidebar--collapsed{width:0;opacity:0;border-right:none;pointer-events:none}}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:240px;flex-shrink:0;transition:width .3s ease,opacity .3s ease}.sidebar--collapsed{width:0;opacity:0;border-right:none;pointer-events:none}}@media (max-width: 767px){.sidebar{position:fixed;top:64px;left:0;bottom:0;width:280px;max-width:85vw;z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg);border-right:none}.sidebar--open{transform:translate(0)}}.sidebar-overlay{position:fixed;top:64px;left:0;right:0;bottom:0;background-color:#00000080;z-index:99}.sidebar__header{padding:20px;border-bottom:1px solid var(--color-border)}.sidebar__title{font-size:14px;font-weight:700;color:var(--color-text);margin:0}.sidebar__new-conversation{padding:20px;border-bottom:1px solid var(--color-border)}.sidebar__conversations{flex:1;overflow-y:auto;padding:10px}.sidebar__empty{text-align:center;color:var(--color-text-secondary);padding:20px;font-size:13px}.sidebar__empty p{margin:4px 0}.conversation-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;position:relative;animation:conversation-slide-in .25s ease-out both}@keyframes conversation-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.conversation-item:nth-child(1){animation-delay:0ms}.conversation-item:nth-child(2){animation-delay:30ms}.conversation-item:nth-child(3){animation-delay:60ms}.conversation-item:nth-child(4){animation-delay:90ms}.conversation-item:nth-child(5){animation-delay:.12s}.conversation-item:nth-child(6){animation-delay:.15s}.conversation-item:nth-child(7){animation-delay:.18s}.conversation-item:nth-child(8){animation-delay:.21s}.conversation-item:nth-child(9){animation-delay:.24s}.conversation-item:nth-child(10){animation-delay:.27s}.conversation-item:hover{background-color:var(--color-background)}.conversation-item--active{background-color:var(--color-primary-light);border:1px solid var(--color-primary)}.conversation-item__icon{flex-shrink:0;padding-top:2px}.conversation-item__content{flex:1;min-width:0}.conversation-item__title{font-size:13px;font-weight:500;color:var(--color-text);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item--active .conversation-item__title{font-weight:600}.conversation-item__date{font-size:11px;color:var(--color-text-secondary);margin:0}.conversation-item__delete{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;opacity:0;transition:opacity .2s ease;border-radius:4px}.conversation-item:hover .conversation-item__delete{opacity:1}.conversation-item__delete:hover{background-color:var(--color-error-light, rgba(228, 27, 57, .1))}.context-panel{width:100%;flex-shrink:0}.context-panel__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.context-panel__header:hover .context-panel__toggle{background-color:var(--color-background, #f5f5f5)}.context-panel__title{font-size:14px;font-weight:700;color:var(--color-text);margin:0}.context-panel__toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary);border-radius:4px;transition:transform .25s ease,background-color .15s ease}.context-panel__toggle--collapsed{transform:rotate(-90deg)}.context-panel__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .25s ease;opacity:1}.context-panel__body--collapsed{grid-template-rows:0fr;opacity:0}.context-panel__body-inner{overflow:hidden;padding-top:20px}.context-panel__summary{display:none;font-size:12px;color:var(--color-text-secondary);margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:summary-fade-in .25s ease}.context-panel__summary--visible{display:block}@keyframes summary-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.context-panel__summary-chip{display:inline;padding:2px 8px;background-color:var(--color-background, #f5f5f5);border-radius:4px;font-size:11px;color:var(--color-text);margin-right:6px}.context-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.context-panel__grid>*{min-width:0}.context-panel__loading{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1024px){.context-panel__loading{grid-template-columns:1fr}}.context-panel__skeleton{display:flex;flex-direction:column;gap:6px}.context-panel__skeleton-label{width:100px;height:14px;border-radius:4px;background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa,#e9ecef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.context-panel__skeleton-input{width:100%;height:40px;border-radius:6px;background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa,#e9ecef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.context-panel__skeleton:nth-child(2) .context-panel__skeleton-label,.context-panel__skeleton:nth-child(2) .context-panel__skeleton-input{animation-delay:.1s}.context-panel__skeleton:nth-child(3) .context-panel__skeleton-label,.context-panel__skeleton:nth-child(3) .context-panel__skeleton-input{animation-delay:.2s}.context-panel__skeleton:nth-child(4) .context-panel__skeleton-label,.context-panel__skeleton:nth-child(4) .context-panel__skeleton-input{animation-delay:.3s}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.context-panel__error{text-align:center;color:var(--color-error, #dc3545);padding:20px}.context-panel__error button{margin-top:12px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.context-panel__error button:hover{opacity:.9}@media (max-width: 1024px){.context-panel__grid{grid-template-columns:1fr}}.message-bubble{max-width:80%;padding:16px;border-radius:12px;margin-bottom:12px;animation:fadeIn .3s ease}.message-bubble--user{background-color:var(--color-primary);color:var(--color-surface);margin-left:auto}.message-bubble--ai{background-color:var(--color-gray-light, #f5f5f5);color:var(--color-text);margin-right:auto}.message-bubble__sender{font-size:11px;font-weight:600;margin-bottom:6px;opacity:.9}.message-bubble--ai .message-bubble__sender{color:var(--color-text-secondary)}.message-bubble__text{font-size:13px;line-height:1.5;margin-bottom:6px;word-break:break-word;overflow-wrap:break-word}.message-bubble__time{font-size:10px;opacity:.7;text-align:right}.message-coaching{width:100%;margin-bottom:12px;animation:fadeIn .3s ease}.message-coaching__content{display:flex;align-items:center;gap:10px;padding:14px 16px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:8px;font-size:12px;line-height:1.5;border-left:3px solid var(--color-primary)}.message-coaching__icon{flex-shrink:0;font-size:16px}@media (max-width: 767px){.message-bubble{max-width:90%}}.chat-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media (max-width: 767px){.chat-area{min-height:300px}}.chat-area__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.chat-area__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-secondary)}.chat-area__empty-state h3{font-size:18px;color:var(--color-text);margin:12px 0 8px}.chat-area__empty-state p{font-size:14px;margin:0}.chat-area__empty-state button{margin-top:12px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.chat-area__empty-state button:hover{opacity:.9}.chat-area__typing-indicator{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--color-text-secondary);font-style:italic}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.chat-area__live-message{padding:12px 16px;margin:8px 0;border-radius:8px;background:var(--color-surface);border:2px solid var(--color-primary);opacity:.9}.chat-area__live-message--user{align-self:flex-end;max-width:70%;margin-left:auto}.chat-area__live-message--assistant{align-self:flex-start;max-width:70%;margin-right:auto}.chat-area__live-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-primary);margin-bottom:6px}.chat-area__live-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.chat-area__live-text{font-size:14px;color:var(--color-text);line-height:1.5}.chat-area__ai-thinking{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:8px auto 8px 0;border-radius:8px;background:#f0f9ff;border-left:4px solid #0ea5e9;align-self:flex-start;max-width:70%}.chat-area__thinking-dots{display:flex;gap:4px}.chat-area__thinking-dots span{width:8px;height:8px;background:#0ea5e9;border-radius:50%;animation:thinking-pulse 1.4s ease-in-out infinite}.chat-area__thinking-dots span:nth-child(2){animation-delay:.2s}.chat-area__thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.voice-input{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;min-height:120px;flex-shrink:0}.voice-input__recording{display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.voice-input__recording-dot{width:8px;height:8px;background-color:var(--color-error);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.voice-input__recording-text{font-size:13px;font-weight:600;color:var(--color-error)}.voice-input__transcript{flex:1;animation:fadeIn .3s ease}.voice-input__transcript-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.voice-input__transcript-text{font-size:13px;color:var(--color-text);line-height:1.5}.voice-input__status{display:flex;align-items:center;gap:8px;transition:opacity .3s ease}.voice-input__status-text{font-size:13px;color:var(--color-text-secondary)}.voice-input__status-text--error{color:var(--color-error)}.voice-input__mic-wrapper{position:absolute;right:28px;bottom:28px;width:64px;height:64px}.voice-input__mic-btn{position:relative;z-index:1;width:64px;height:64px;border:none;border-radius:50%;background-color:var(--color-primary);color:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),background-color .28s cubic-bezier(.4,0,.2,1)}.voice-input__mic-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.voice-input__mic-btn:active:not(:disabled){transform:scale(.96);box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.voice-input__mic-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 10%,transparent 70%);transform:scale(0);opacity:1}.voice-input__mic-btn:active:not(:disabled):after{animation:mic-ripple .5s cubic-bezier(.4,0,.2,1)}@keyframes mic-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}.voice-input__mic-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.voice-input__mic-btn--active{background-color:var(--color-primary);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.voice-input__mic-btn--recording{background-color:var(--color-error)}.voice-input__rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.voice-input__ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2.5px solid var(--color-error);animation:mic-ring-expand 2s cubic-bezier(0,.55,.45,1) infinite}.voice-input__ring:nth-child(2){animation-delay:.6s}.voice-input__ring:nth-child(3){animation-delay:1.2s}@keyframes mic-ring-expand{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}@media (max-width: 767px){.voice-input__mic-wrapper{width:56px;height:56px;right:20px;bottom:20px}.voice-input__mic-btn{width:56px;height:56px}}.responsive-layout{width:100%;background-color:var(--color-background)}@media (max-width: 767px){.responsive-layout{padding:0;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}}@media (min-width: 768px){.responsive-layout{display:flex;height:calc(100vh - 64px);overflow:hidden}}.evaluation-modal{max-height:calc(100vh - 200px);display:flex;flex-direction:column;overflow:hidden}.evaluation-modal__body{flex:1;overflow-y:auto;min-height:0}.evaluation-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.evaluation-modal__loading p{color:#6c757d;font-size:14px;margin:0}.evaluation-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.evaluation-modal__error-icon{width:48px;height:48px;border-radius:50%;background-color:#fee2e2;color:#ef4444;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.evaluation-modal__error h3{margin:0 0 8px;color:#1e1e1e;font-size:18px}.evaluation-modal__error p{margin:0;color:#6c757d;font-size:14px}.evaluation-modal__actions{display:flex;justify-content:flex-end;padding:16px 0;border-bottom:1px solid #e1e1e1;flex-shrink:0}.evaluation-modal__download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #e1e1e1;border-radius:6px;color:#1e1e1e;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.evaluation-modal__download-btn:hover{background-color:#e9ecef;border-color:#dee2e6}.evaluation-modal__download-btn:active{background-color:#dee2e6}.evaluation-modal__download-btn svg{flex-shrink:0}.evaluation-section{margin-bottom:32px}.evaluation-section:last-child{margin-bottom:0}.evaluation-section__title{font-size:16px;font-weight:600;color:#1e1e1e;margin:16px 0;padding-bottom:8px;border-bottom:1px solid #e1e1e1}.evaluation-section__title--success{color:#22c55e;border-bottom-color:#22c55e}.evaluation-section__title--warning{color:#f59e0b;border-bottom-color:#f59e0b}.scores-grid{display:flex;align-items:flex-end;justify-content:center;gap:24px;padding:20px 0;flex-wrap:wrap}.score-circle{display:flex;flex-direction:column;align-items:center;gap:8px}.score-circle__svg{transform:rotate(-90deg)}.score-circle--sm .score-circle__svg{width:80px;height:80px}.score-circle--lg .score-circle__svg{width:120px;height:120px}.score-circle__bg{fill:none;stroke:#e1e1e1}.score-circle__progress{fill:none;stroke-linecap:round;animation:score-fill 1s ease-out forwards}@keyframes score-fill{0%{stroke-dashoffset:var(--circumference)}}.score-circle{position:relative}.score-circle__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.score-circle--sm .score-circle__content,.score-circle--lg .score-circle__content{margin-top:-12px}.score-circle__value{font-weight:700;animation:score-fade-in .6s ease-out .4s both}@keyframes score-fade-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.score-circle--sm .score-circle__value{font-size:20px}.score-circle--lg .score-circle__value{font-size:32px}.score-circle__label{font-size:12px;color:#6c757d;text-align:center;max-width:80px}.score-circle--lg .score-circle__label{font-size:14px;font-weight:500;max-width:120px}.evaluation-summary{background-color:#f8f9fa;padding:16px;border-radius:8px;color:#1e1e1e;font-size:14px;line-height:1.6;margin:0}.strengths-improvements{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 640px){.strengths-improvements{grid-template-columns:1fr}}.evaluation-list{list-style:none;margin:0;padding:0}.evaluation-list li{position:relative;padding:8px 0 8px 24px;font-size:14px;color:#1e1e1e;line-height:1.5}.evaluation-list li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%}.evaluation-list--strengths li:before{background-color:#22c55e}.evaluation-list--improvements li:before{background-color:#f59e0b}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.dimensions-grid{grid-template-columns:1fr}}.dimension-card{background-color:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:16px;animation:card-fade-up .3s ease-out both}.dimension-card:nth-child(1){animation-delay:.2s}.dimension-card:nth-child(2){animation-delay:.3s}.dimension-card:nth-child(3){animation-delay:.4s}.dimension-card:nth-child(4){animation-delay:.5s}.dimension-card:nth-child(5){animation-delay:.6s}.dimension-card:nth-child(6){animation-delay:.7s}.dimension-card:nth-child(7){animation-delay:.8s}.dimension-card:nth-child(8){animation-delay:.9s}@keyframes card-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dimension-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.dimension-card__title{margin:0;font-size:14px;font-weight:600;color:#1e1e1e}.dimension-card__score{font-size:11px;font-weight:600;color:#fff;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dimension-card__feedback{margin:0 0 12px;font-size:13px;color:#6c757d;line-height:1.5}.dimension-card__suggestion{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:10px 12px}.dimension-card__suggestion-label{font-size:11px;font-weight:600;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.dimension-card__suggestion p{margin:4px 0 0;font-size:12px;color:#92400e;line-height:1.4}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:10;animation:celebration-fade-out .5s ease 2.8s forwards}@keyframes celebration-fade-out{to{opacity:0}}.celebration__particle--confetti{position:absolute;top:-12px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) rotateX(0);opacity:1}75%{opacity:1}to{transform:translateY(420px) rotate(720deg) rotateX(360deg);opacity:0}}.celebration__particle--sparkle{position:absolute;bottom:0;border-radius:1px;animation:sparkle-rise ease-out forwards}@keyframes sparkle-rise{0%{transform:translateY(0) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translateY(-40px) scale(1.2) rotate(45deg)}70%{opacity:.8}to{transform:translateY(-350px) scale(.4) rotate(180deg);opacity:0}}.celebration__particle--gentle{position:absolute;bottom:20%;border-radius:50%;animation:gentle-float ease-out forwards}@keyframes gentle-float{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:.6;transform:translateY(-20px) scale(1)}80%{opacity:.4}to{transform:translateY(-200px) scale(.6);opacity:0}}.shortcuts-help{display:flex;flex-direction:column;gap:2px}.shortcuts-help__row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #f0f0f0}.shortcuts-help__row:last-child{border-bottom:none}.shortcuts-help__description{font-size:14px;color:#1e1e1e}.shortcuts-help__keys{display:flex;align-items:center;gap:4px}.shortcuts-help__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;background:#f8f9fa;border:1px solid #d1d5db;border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:12px;font-weight:600;color:#374151;white-space:nowrap}.shortcuts-help__plus{font-size:11px;color:#9ca3af}.app{display:flex;flex-direction:column;background-color:var(--color-background)}.app__main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.app__content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;max-width:1400px;width:100%;margin:0 auto;min-height:0;overflow:hidden}.app__chat-container{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0}@media (min-width: 768px) and (max-width: 1023px){.app__content{padding:16px}}@media (max-width: 767px){.app__content{padding:12px;gap:16px}.app__chat-container{gap:16px}}.app{min-height:100vh;background-color:#f8f9fa}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.color-item{display:flex;flex-direction:column;align-items:center;gap:8px}.color-swatch{width:80px;height:80px;border-radius:12px;box-shadow:0 4px 4px #00000040}.color-item span{font-weight:500;color:#1e1e1e}.color-item code{font-size:12px;color:#6c757d;background-color:#f8f9fa;padding:4px 8px;border-radius:4px}.component-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:24px}.icon-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background-color:#f8f9fa;border-radius:8px;transition:all .2s ease-in-out}.icon-item:hover{background-color:#ebe5fc;transform:translateY(-2px)}.icon-item span{font-size:12px;font-weight:500;color:#6c757d}@media (max-width: 768px){.component-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,1fr)}}.login-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-color:var(--color-primary)}.login-screen__background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff0d;background-image:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.05) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.05) 51%,transparent 52%);background-size:40px 40px}.login-card{position:relative;width:100%;max-width:420px;padding:48px 40px;text-align:center}.login-card__logo{display:flex;justify-content:center;margin-bottom:24px}.login-card__logo-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--color-primary);color:var(--color-surface);border-radius:12px;font-weight:700;font-size:32px}.login-card__title{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 8px}.login-card__subtitle{font-size:14px;color:var(--color-text-secondary);margin:0 0 32px}.login-form{display:flex;flex-direction:column;gap:20px;text-align:left}.login-card__version{margin-top:32px;font-size:11px;color:var(--color-text-tertiary)}@media (max-width: 480px){.login-card{padding:32px 24px}.login-card__title{font-size:24px}}.voice-conversation-page{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.voice-header{background:linear-gradient(135deg,#8b0000,#dc143c);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a}.voice-header h1{margin:0;font-size:1.8rem;font-weight:600}.voice-header p{margin:.5rem 0 0;opacity:.9;font-size:.95rem}.voice-layout{display:grid;grid-template-columns:400px 1fr;gap:0;flex:1;overflow:hidden}.voice-config-panel{background:#fff;padding:2rem;overflow-y:auto;border-right:2px solid #e0e0e0}.voice-config-panel h2{color:#8b0000;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #dc143c}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500;font-size:.95rem}.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;background:#fff;transition:border-color .3s}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b0000}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;line-height:1.5}.voice-conversation-panel{display:flex;flex-direction:column;background:#fafafa;height:100%;overflow:hidden}.voice-status-bar{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.status-dot{width:10px;height:10px;border-radius:50%;background:#ccc;transition:all .3s}.status-dot.connected{background:#4ade80;box-shadow:0 0 8px #4ade80}.status-dot.recording{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse 1.5s ease-in-out infinite}.status-dot.active{background:#fbbf24;box-shadow:0 0 8px #fbbf24}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.voice-transcript{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;scroll-behavior:smooth;min-height:0}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-subtitle{font-size:.9rem;margin-top:.5rem}.voice-live-message{padding:12px 16px;margin:8px 0;border-radius:8px;border:2px solid #8b0000;opacity:.9;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.voice-live-message--user{background:#fff5f5;max-width:80%;margin-left:auto}.voice-live-message--assistant{background:#f0f9ff;max-width:80%;margin-right:auto}.voice-live-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#8b0000;margin-bottom:6px}.voice-live-dot{width:8px;height:8px;background:#8b0000;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.voice-live-text{font-size:14px;color:#333;line-height:1.5}.voice-controls{background:#fff;padding:1.5rem 2rem;border-top:1px solid #e0e0e0;flex-shrink:0}.btn-start,.btn-stop{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-start{background:#8b0000;color:#fff}.btn-start:hover:not(:disabled){background:#a00000;transform:translateY(-1px);box-shadow:0 4px 12px #8b00004d}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-stop{background:#666;color:#fff}.btn-stop:hover{background:#444;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 968px){.voice-layout{grid-template-columns:1fr}.voice-config-panel{border-right:none;border-bottom:2px solid #e0e0e0;max-height:40vh}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #b62233;--color-primary-dark: #7028c8;--color-primary-light: #ebe5fc;--color-success: #67eb8d;--color-warning: #ffc642;--color-error: #e41b39;--color-background: #f8f9fa;--color-surface: #ffffff;--color-border: #e1e1e1;--color-text: #1e1e1e;--color-text-secondary: #6c757d;--color-text-tertiary: #abb5be;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 4px 0 rgba(0, 0, 0, .25);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .3);--shadow-purple: 0 4px 4px 0 rgba(133, 64, 245, .25);--shadow-red: 0 4px 8px 0 rgba(228, 27, 57, .3);--font-family-primary: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-primary);font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:32px}h2{font-size:28px}h3{font-size:20px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .3s ease-in-out}.animate-slide-up{animation:slide-up .3s ease-out}