:root{--color-background: #000000;--color-surface: rgba(40, 40, 40, .75);--color-accent1: #B0B0B0;--color-accent2: #808080;--color-text-primary: #E0E0E0;--color-text-highlight: #FFFFFF;--color-text-quote-source: #A0A0A0;--color-text-primary-rgb: 224, 224, 224;--font-primary: "MS Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;--font-display: "MS Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-primary);display:flex;justify-content:center;align-items:center;position:relative;writing-mode:horizontal-tb}#app{width:100%;max-width:1200px;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}#chatArea{width:80%;max-width:800px;height:60%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;overflow:hidden;position:relative;border:none;background-color:transparent;padding:20px;border-radius:5px;writing-mode:vertical-rl;text-orientation:mixed;font-size:2.5em;line-height:1.8}.message{max-height:90%;height:auto;padding:10px 15px;opacity:0;filter:blur(5px);color:var(--color-text-primary);display:flex;flex-direction:column}.message p{margin:0;writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;max-width:100%}.quote-source{display:block;font-size:1em;color:var(--color-text-quote-source);opacity:0;filter:blur(5px);position:absolute;left:10px;bottom:15px;writing-mode:vertical-rl;text-orientation:mixed;text-align:left;max-height:calc(100% - 30px);font-family:var(--font-primary);z-index:10}#controls{position:fixed;bottom:20px;left:20px;transform:none;z-index:100;display:flex}#controls button{background-color:var(--color-surface);color:var(--color-accent1);border:1px solid var(--color-accent1);padding:8px 15px;margin-left:10px;border-radius:3px;cursor:pointer;font-family:var(--font-primary);font-size:.9em;transition:background-color .3s,color .3s,box-shadow .3s}#controls button:first-child{margin-left:0}#controls button:hover{background-color:var(--color-accent1);color:var(--color-background);box-shadow:0 0 8px var(--color-accent1)}#controls button:disabled{background-color:#32323280;color:#888;border-color:#666;cursor:not-allowed}#systemMessageContainer{display:none}.message.speaker-System{background-color:var(--color-surface);color:var(--color-text-highlight);font-size:.9em;padding:8px 15px;border-radius:3px;text-align:center;opacity:1!important;filter:none!important;transform:none;margin-bottom:0;writing-mode:horizontal-tb}@keyframes focusIn{0%{opacity:0;filter:blur(5px);transform:scale(.95)}to{opacity:1;filter:blur(0px);transform:scale(1)}}.text-focus-in{animation:focusIn .7s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes focusOut{0%{opacity:1;filter:blur(0px);transform:scale(1)}to{opacity:0;filter:blur(5px);transform:scale(.95)}}.text-focus-out{animation:focusOut .7s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{display:inline-block;width:.1em;height:1.2em;background-color:var(--color-accent1);animation:blink .7s infinite;margin-top:2px;vertical-align:middle}@keyframes fadeIn{}#backgroundConversationLog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-2;color:rgba(var(--color-text-primary-rgb, 224, 224, 224),.35);font-family:var(--font-primary);font-size:1.8em;line-height:1.4;writing-mode:vertical-rl;text-orientation:mixed;text-align:left;white-space:normal;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:20px 50px 20px 20px;pointer-events:none;direction:ltr;direction:rtl}#backgroundConversationLog::-webkit-scrollbar{display:none}#backgroundConversationLog .bg-log-alva,#backgroundConversationLog .bg-log-bob{display:inline}@media (max-width: 768px){#chatArea{font-size:1.8em;padding:10px;height:72%}.message{padding:8px 10px}.quote-source{font-size:.8em;left:5px;bottom:10px}#controls button{padding:6px 10px;font-size:.8em}.message.speaker-System{font-size:.8em;padding:6px 10px}#backgroundConversationLog{font-size:1.2em;padding:10px 20px 10px 10px}}@media (max-width: 480px){#chatArea{font-size:1.5em}#backgroundConversationLog{font-size:1em}.quote-source{font-size:.7em}}