.chat-sidebar{display:flex;flex-direction:column;height:100%;min-block-size:0;width:100%;background-color:#fff;border:1px solid var(--color-surface-200);border-radius:.5rem;overflow:hidden;color:#000}.chat-sidebar .chat-error{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:color-mix(in srgb,var(--color-error-500) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-error-500) 30%,transparent);color:var(--color-error-700);font-size:.875rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-sidebar .messages-container{flex:1;min-block-size:0;overflow-y:auto;padding:1rem;background-color:#fff;display:flex;flex-direction:column}.chat-sidebar .messages-list{display:flex;flex-direction:column;gap:1rem}.chat-sidebar .message{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:var(--color-surface-50);border-left:3px solid var(--color-primary-500);border-radius:.25rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.chat-sidebar .message-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.chat-sidebar .message-author{font-weight:600;font-size:.875rem;color:var(--color-primary-600);word-break:break-word}.chat-sidebar .message-time{font-size:.75rem;color:var(--color-surface-400);flex-shrink:0}.chat-sidebar .message-body{word-break:break-word;white-space:pre-wrap;line-height:1.5;color:var(--color-surface-700);font-size:.9375rem}.chat-sidebar .messages-empty{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem 1rem;text-align:center;color:var(--color-surface-400);font-size:.875rem}.chat-sidebar .messages-empty p{margin:0}.chat-sidebar .composer-section{display:flex;flex-direction:column;flex-shrink:0;border-top:1px solid var(--color-surface-200);background-color:#fff;padding:1rem;padding-block-end:max(1rem,env(safe-area-inset-bottom));gap:.75rem;position:relative}.chat-sidebar .composer{display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:.375rem;padding:.75rem;transition:border-color .2s ease}.chat-sidebar .composer:focus-within{border-color:var(--color-primary-500)}.chat-sidebar .message-input{flex:1;min-height:3.5rem;max-height:6rem;padding:.5rem;background-color:transparent;border:none;color:#000;font-family:inherit;font-size:.9375rem;line-height:1.5;resize:none;outline:none;scrollbar-width:thin;scrollbar-color:var(--color-surface-300) transparent}.chat-sidebar .message-input::-webkit-scrollbar{width:4px}.chat-sidebar .message-input::-webkit-scrollbar-track{background:transparent}.chat-sidebar .message-input::-webkit-scrollbar-thumb{background-color:var(--color-surface-300);border-radius:2px}.chat-sidebar .message-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-surface-400)}.chat-sidebar .message-input::placeholder{color:var(--color-surface-400)}.chat-sidebar .message-input:disabled{color:var(--color-surface-300);cursor:not-allowed;opacity:.6}.chat-sidebar .composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.chat-sidebar .character-count{font-size:.75rem;color:var(--color-surface-400);font-variant-numeric:tabular-nums}.chat-sidebar .character-count.over-limit{color:var(--color-warning-600);font-weight:600}.chat-sidebar .send-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background-color:var(--color-primary-500);color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-sidebar .send-button:hover:not(:disabled){background-color:var(--color-primary-600);transform:scale(1.05)}.chat-sidebar .send-button:active:not(:disabled){transform:scale(.95)}.chat-sidebar .send-button:disabled{background-color:var(--color-surface-200);color:var(--color-surface-400);cursor:not-allowed;opacity:.5}.chat-sidebar .nickname-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .2s ease-out}.chat-sidebar .nickname-modal{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background-color:#fff;border:1px solid var(--color-surface-200);border-radius:.75rem;max-width:24rem;width:90%;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.chat-sidebar .nickname-header{display:flex;flex-direction:column;gap:.5rem}.chat-sidebar .nickname-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#000}.chat-sidebar .nickname-header p{margin:0;font-size:.875rem;color:var(--color-surface-500)}.chat-sidebar .nickname-input{padding:.75rem;background-color:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:.375rem;color:#000;font-family:inherit;font-size:.9375rem;outline:none;transition:border-color .2s ease}.chat-sidebar .nickname-input:focus{border-color:var(--color-primary-500)}.chat-sidebar .nickname-input::placeholder{color:var(--color-surface-400)}.chat-sidebar .nickname-buttons{display:flex;flex-direction:column;gap:.75rem}.chat-sidebar .nickname-submit,.chat-sidebar .nickname-skip{padding:.75rem 1rem;border:none;border-radius:.375rem;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.chat-sidebar .nickname-submit{background-color:var(--color-primary-500);color:#fff}.chat-sidebar .nickname-submit:hover{background-color:var(--color-primary-600)}.chat-sidebar .nickname-submit:active{transform:scale(.98)}.chat-sidebar .nickname-skip{background-color:var(--color-surface-100);color:var(--color-surface-700);border:1px solid var(--color-surface-200)}.chat-sidebar .nickname-skip:hover{background-color:var(--color-surface-200)}.chat-sidebar .nickname-skip:active{transform:scale(.98)}.chat-sidebar .messages-container::-webkit-scrollbar{width:6px}.chat-sidebar .messages-container::-webkit-scrollbar-track{background:transparent}.chat-sidebar .messages-container::-webkit-scrollbar-thumb{background-color:var(--color-surface-200);border-radius:3px}.chat-sidebar .messages-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-surface-300)}@media(prefers-reduced-motion:reduce){.chat-sidebar .chat-error,.chat-sidebar .message,.chat-sidebar .composer,.chat-sidebar .send-button,.chat-sidebar .nickname-overlay,.chat-sidebar .nickname-modal,.chat-sidebar .nickname-input,.chat-sidebar .nickname-submit,.chat-sidebar .nickname-skip{animation:none;transition:none}.chat-sidebar .send-button:hover:not(:disabled),.chat-sidebar .send-button:active:not(:disabled),.chat-sidebar .nickname-submit:active,.chat-sidebar .nickname-skip:active{transform:none}}@media(max-width:640px){.chat-sidebar{border-radius:0;border:none}.chat-sidebar .nickname-modal{width:95%;padding:1.5rem;gap:1rem}.chat-sidebar .nickname-header h3{font-size:1.125rem}.chat-sidebar .message{padding:.625rem}.chat-sidebar .composer-section{padding:.75rem;padding-block-end:max(.75rem,env(safe-area-inset-bottom))}.chat-sidebar .composer{padding:.625rem}.chat-sidebar .message-input{min-height:3rem;font-size:1rem}}@media(max-width:480px){.chat-sidebar .messages-container{padding:.75rem}.chat-sidebar .message{padding:.5rem}.chat-sidebar .composer-section{padding:.5rem;gap:.5rem;padding-block-end:max(.5rem,env(safe-area-inset-bottom))}.chat-sidebar .composer{padding:.5rem}.chat-sidebar .send-button{width:2rem;height:2rem}}