:root{--font-family: Arial, sans-serif;--font-weight: 900;--font-color: rgba(255, 255, 255, 1);--font-size: 48px;--webkit-text-stroke-size: 2px;--webkit-text-stroke-color: rgba(0, 0, 0, 1);--bubble-background-color: rgba(0, 0, 0, 0);--border-color: rgba(255, 255, 255, 1);--border-width: 0px;--border-line-style: solid;--border-radius: 0px;--hr-color: rgba(255, 255, 255, .3);--outline-color: rgba(0, 0, 0, 1);--outline-offset: 0px;--shadow-color: rgba(0, 0, 0, 1);--shadow-offset-horizontal: 2px;--shadow-offset-vertical: 2px;--shadow-blur: 4px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#1a1a2e;color:#fff;font-family:system-ui,sans-serif}.chat-bubble{border-radius:4px;font-size:.85rem;line-height:1.4;transition:background-color .2s}.chat-bubble.system-bubble{font-style:italic}.message-at-reference{font-size:.75em;opacity:.7;margin-left:2px}.overflow-y-auto{overflow-y:auto}.cct-overlay{background:transparent!important}.cct-display{text-align:center}.cct-text{font-family:var(--font-family);font-weight:var(--font-weight);font-size:var(--font-size);color:var(--font-color);-webkit-text-stroke:var(--webkit-text-stroke-size) var(--webkit-text-stroke-color);text-shadow:var(--shadow-offset-horizontal) var(--shadow-offset-vertical) var(--shadow-blur) var(--shadow-color);background-color:var(--bubble-background-color);border:var(--border-width) var(--border-line-style) var(--border-color);border-radius:var(--border-radius);outline-color:var(--outline-color);outline-offset:var(--outline-offset);padding:.25em .5em;margin-bottom:.5em;animation:fadeIn .3s ease-in}.cct-text.translated{opacity:.85;font-size:calc(var(--font-size) * .8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel{height:100%}.login-button{border:none;color:#fff;padding:20px;text-align:center;display:block;font-size:16px;margin:4px 0;cursor:pointer;border-radius:15px;background:linear-gradient(90deg,#81dff4,#5038ed);width:100%;box-sizing:border-box;transition:background .2s,color .2s}.login-button:hover,.login-button:focus{background:#fff!important;color:#000!important}.login-button:disabled{opacity:.5;cursor:not-allowed}.topbar{background:#111;min-height:48px}.chat-bubble .username-container{font-size:.82rem}.chat-bubble .voice-name{font-size:.72rem;opacity:.7}.chat-bubble .message{word-break:break-word}.chat-bubble .translated-message{font-size:.8em;opacity:.75;font-style:italic}.btn-xs{font-size:.7rem;padding:1px 5px}.topHeader{background-color:#8a2be2;color:#fff;padding:6px 12px}.panelHeading{background:#2a2a3e;border-bottom:1px solid #444;padding:6px 12px;font-weight:700}.panelBody{background:#1e1e2e;padding:10px}.translatorAlign{text-align:center}.translatorText{font-family:var(--font-family);font-weight:var(--font-weight);font-size:var(--font-size);color:var(--font-color);-webkit-text-stroke:var(--webkit-text-stroke-size) var(--webkit-text-stroke-color);text-shadow:var(--shadow-offset-horizontal) var(--shadow-offset-vertical) var(--shadow-blur) var(--shadow-color)}.outline{-webkit-text-stroke:2px black}.shadow{text-shadow:2px 2px 4px rgba(0,0,0,.8)}.form-control:focus,.form-select:focus{border-color:#6c757d;box-shadow:0 0 0 .2rem #6c757d40}select option{background:#212529}