*{margin:0 auto;box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:490px}body{color:#1a1a1a;min-height:100vh;text-align:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);-webkit-user-select:none;user-select:none;max-width:96%;margin-bottom:1rem;overflow:hidden}h1{color:#2ecc71;font-family:Big Shoulders Display,serif;font-size:48px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(46,204,113,.1)}h2{color:#fffffff2;font-size:13px;font-weight:400;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.2)}#header-container{background:linear-gradient(#0006,#0006),url(/assets/worldmap-D6TmBjGD.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:1.5rem;border-radius:0 0 24px 24px;box-shadow:0 4px 20px #0000001a}#header-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:1rem;font-weight:600}#parrot-img{max-width:95px;margin-right:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}#chat-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;margin-top:.5rem;padding:1rem;box-shadow:0 8px 32px #00000014}#chat-box{display:flex;flex-direction:column;gap:.75rem;padding:1rem;height:400px;overflow-y:auto;border-radius:12px;background:#fafbfc}.message{padding:12px 18px;border-radius:18px;font-size:15px;font-weight:400;line-height:1.5;word-wrap:break-word;max-width:75%;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);letter-spacing:.2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 2px 8px #2ecc7140}.bot-message,#instruction-message{align-self:flex-start;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 2px 8px #3498db40}#input-wrapper{position:relative;margin-top:.5rem}#textToTranslate{border-radius:14px;background:#fff;border:2px solid #e1e8ed;margin:1rem;width:90%;padding:.875rem 4.5rem .875rem 1.125rem;font-size:15px;transition:all .2s ease;color:#1a1a1a}#textToTranslate::placeholder{color:#a0aec0}#textToTranslate:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 4px #3498db14}#textToTranslate:disabled{opacity:.6;cursor:not-allowed;background:#f7fafc}#char-counter{position:absolute;right:4.5rem;top:50%;transform:translateY(-50%);font-size:11px;color:#a0aec0;font-weight:500;pointer-events:none;letter-spacing:.3px}#sendButton{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#sendButton svg{filter:drop-shadow(0 2px 4px rgba(46,204,113,.3));transition:all .2s ease}#sendButton:hover:not(:disabled) svg{filter:drop-shadow(0 3px 6px rgba(46,204,113,.4));transform:scale(1.05)}#sendButton:disabled{opacity:.4;cursor:not-allowed}#sendButton:focus,#sendButton:active,#sendButton:focus-visible{outline:none;border:none}#language-selection{display:flex;justify-content:center;margin:1rem 1rem .5rem;gap:.75rem}.language-option{width:54px;height:38px;cursor:pointer;border:2px solid #e1e8ed;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;background:#fff}.language-option:hover{border:2px solid #3498db;transform:translateY(-1px);box-shadow:0 4px 12px #3498db33}.language-option:active{box-shadow:0 2px 4px #3498db33}.language-option:focus{outline:none;border:2px solid #3498db;box-shadow:0 0 0 4px #3498db1a}.language-option.selected{border:2px solid #3498db;box-shadow:0 4px 12px #3498db4d;background:linear-gradient(135deg,#fff,#f0f8ff);transform:translateY(-2px)}.language-option.selected:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3498db59}.message-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);padding:1.75rem 2.25rem;border-radius:16px;text-align:center;font-weight:500;font-size:15px;min-width:320px;max-width:420px;z-index:1000;background:#fff;border:none;box-shadow:0 20px 60px #00000026;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.2px}.message-window.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.message-window.error{border-color:#c00;background:#ffecec;color:#222;text-shadow:0 1px 1px rgba(255,255,255,.7)}.message-window.warning{border-color:#ffd207;background:#fff8dc;color:#222;text-shadow:0 1px 1px rgba(255,255,255,.7)}