:root{--vh:1vh}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e5e5e5;-webkit-overflow-scrolling:touch;background-color:#1b1d1e;width:100%;height:100%;font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Monaco,Cascadia Mono,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;position:fixed;overflow-x:hidden}.app{height:100vh;height:calc(var(--vh,1vh)*100);flex-direction:column;display:flex}.header{border-bottom:1px solid #374151;flex-shrink:0;padding:1rem 1.5rem}.header-content{justify-content:space-between;align-items:center;margin:0 auto;display:flex}.title{color:#e5e5e5;font-size:1.5rem;font-weight:300}.language-buttons{gap:.5rem;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.export-button{white-space:nowrap;height:auto;padding:.5rem .75rem;font-size:.75rem}.main{-webkit-overflow-scrolling:touch;flex:1;padding:1rem 1.5rem;overflow:hidden auto}.main-content{margin:0 auto}.footer{border-top:1px solid #374151;flex-shrink:0;padding:1rem 1.5rem}.footer-content{max-width:64rem;margin:0 auto}.messages{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.message{max-width:80%;display:flex}.message.user{justify-content:flex-end;margin-left:auto}.message.assistant{justify-content:flex-start}.message-content{word-wrap:break-word;white-space:pre-wrap;border-radius:.75rem;padding:1rem 1.25rem}.message.user .message-content{color:#1b1d1e;background-color:#7dd3fc}.message.assistant .message-content{color:#e5e5e5;background-color:#111213;border:1px solid #374151}.message-time{opacity:.7;color:inherit;margin-top:.75rem;font-size:.75rem}.choices{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.choices-area{border-top:1px solid #374151;flex-shrink:0;padding:1rem 1.5rem}.choices-content{margin:0 auto}.choices{flex-direction:column;gap:.75rem;display:flex}.choice-button{text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;min-height:2.75rem;padding:.875rem 1rem;line-height:1.4;white-space:normal!important;justify-content:center!important;align-items:center!important;height:auto!important;display:flex!important}.input-area{align-items:center;gap:.75rem;display:flex}.btn{white-space:nowrap;cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #7dd3fc}.btn:disabled{pointer-events:none;opacity:.5}.btn-sm{height:2.25rem;padding:0 .75rem}.btn-default{height:3rem;padding:0 1.5rem}.btn-outline{color:#e5e5e5;background-color:#111213;border:1px solid #374151}.btn-outline:hover,.btn-primary{color:#1b1d1e;background-color:#7dd3fc}.btn-primary:hover{background-color:#5bc0eb}.input{color:#e5e5e5;background-color:#111213;border:1px solid #374151;border-radius:.75rem;flex:1;height:3rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.input:focus{border-color:#7dd3fc;outline:none;box-shadow:0 0 0 2px #7dd3fc33}.input::placeholder{color:#9ca3af}.input:disabled{cursor:not-allowed;opacity:.5}.typewriter{position:relative}.typewriter-cursor{width:2px;height:1em;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading{justify-content:center;align-items:center;padding:1rem;display:flex}.loading-dots{gap:.25rem;display:flex}.loading-dot{background-color:#7dd3fc;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both loading-bounce}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.typing{justify-content:flex-start;display:flex}.typing-content{color:#e5e5e5;background-color:#111213;border:1px solid #374151;border-radius:.75rem;padding:1rem 1.25rem}.typing-text{color:#9ca3af;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width:1024px){.landing-title{font-size:2.5rem}.landing-description{font-size:1.25rem}}@media (max-width:768px){.header,.main,.footer{padding:1rem}.message{max-width:90%}.title{font-size:1.25rem}.btn-sm{height:2rem;padding:0 .5rem;font-size:.75rem}.landing-title{font-size:1.75rem}.landing-description{font-size:1rem}}.landing-screen{justify-content:center;align-items:center;min-height:60vh;display:flex}.landing-content{text-align:center;width:100%;margin:0 auto}.landing-icon{margin-bottom:1.5rem;font-size:5rem}.landing-title{color:var(--foreground);margin-bottom:1rem;font-size:2rem;font-weight:300;line-height:1.2}.landing-description{color:var(--secondary-text);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.landing-features{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.feature{color:var(--secondary-text);opacity:.8;font-size:.875rem}@keyframes landing-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.landing-buttons{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.landing-button{min-width:120px;height:3rem;font-size:1rem;font-weight:500}.fade-in{animation:.6s ease-in-out fadeIn}.fade-out{animation:.3s ease-in-out fadeOut}.start-button{background-color:var(--accent);color:var(--background);border-color:var(--accent)}.start-button:hover{background-color:var(--accent);opacity:.9;color:var(--background)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.landing-button.selected{background-color:var(--accent);color:var(--background);border-color:var(--accent)}.landing-button:disabled{opacity:.6;cursor:not-allowed}.description-section{max-width:40rem;margin:2rem auto}.description-section,.intro-message-section,.start-section{margin-top:2rem}.intro-message-section .message{justify-content:flex-start;max-width:100%}.intro-message-section .message-content{text-align:left;max-width:80%}.intro-text{font-size:1rem;line-height:1.6}.messages-section{text-align:left;margin-top:2rem}.messages-section .messages{text-align:left}