:root{--text:#e5e7eb;--text-h:#fff;--bg:#050816;--border:#ffffff26;--accent:#a855f7;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}body{min-height:100vh;font-family:var(--sans);color:#fff;background-color:#0000;background-image:linear-gradient(#03081e59,#03081e59),url(/translator-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0}#root{background:0 0;width:1126px;max-width:100%;min-height:100vh;margin:0 auto}h1,h2{color:#fff;font-family:var(--heading)}h1{margin:32px 0;font-size:56px}h2{font-size:24px}p{margin:0}textarea,select,button{font-family:inherit}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#fff;background-color:#0000;background-image:linear-gradient(#03081e59,#03081e59),url(/translator-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Arial,sans-serif}.app{text-align:center;width:100%;min-height:100vh;padding:40px 20px}.app h1{color:#fff;margin:0 0 10px;font-size:42px}.app>p{color:#bfc5e5;margin:0 0 30px}.translator-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:25px;width:100%;max-width:950px;margin:0 auto;padding:25px;box-shadow:0 20px 60px #0006}.language-row{justify-content:center;align-items:center;gap:15px;margin-bottom:25px;display:flex}.language-row select{color:#fff;background:#11152f;border:1px solid #a082ff80;border-radius:12px;outline:none;flex:1;min-width:0;padding:14px;font-size:16px}.language-row option{color:#fff;background:#11152f}.swap-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;font-size:22px}.translation-box{gap:20px;width:100%;display:flex}.input-section,.output-section{text-align:left;width:50%;min-width:0}.input-section h3,.output-section h3{color:#ddd6fe;margin:0 0 10px}textarea,.translated-text{color:#fff;background:#050819a6;border:1px solid #a082ff66;border-radius:16px;outline:none;width:100%;height:230px;padding:16px;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;display:block}textarea{resize:none;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden auto}textarea::placeholder{color:#8f96b5}.translated-text{overflow-wrap:break-word;white-space:pre-wrap;overflow-y:auto}.translate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:30px;margin-top:25px;padding:14px 45px;font-size:17px;font-weight:700;box-shadow:0 8px 25px #6450ff59}.translate-button:hover{transform:translateY(-2px)}.translate-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.app{padding:30px 12px}.app h1{font-size:32px}.translator-container{padding:18px}.language-row{flex-direction:column}.language-row select{width:100%}.swap-button{transform:rotate(90deg)}.translation-box{flex-direction:column}.input-section,.output-section{width:100%}}