body{font-family:Poppins,sans-serif;background:#1a1a1a;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;overflow:hidden}.app-container{background:#ffffff0d;padding:3rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%;max-width:900px;box-shadow:0 8px 32px #1f26875e}.single-textarea-box textarea{width:100%;padding:1rem;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:1rem;height:10rem;overflow-y:auto;resize:none;min-height:unset;transition:background .3s ease}h2{text-align:center}.select-box{position:relative;margin-bottom:1.5rem}.select-box select{width:100%;padding:1rem;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background .3s ease}.select-box select:hover{background:#ffffff26}.select-box select:focus{outline:none;background:#fff3}.select-box:after{content:"▼";position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#fff;pointer-events:none}.textarea-box textarea{width:100%;padding:1rem;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:1rem;height:200px;overflow-y:auto;resize:none;min-height:unset;transition:background .3s ease}.text-area-group{display:flex;flex-direction:column;gap:1rem}.single-textarea-box{display:flex;flex-direction:column;gap:.5rem}.single-textarea-box label{font-weight:700}.copy-button{margin-top:.5rem;width:100%;padding:.8rem;background:#2196f3;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s ease}.copy-button:hover{background:#1976d2}.textarea-box textarea:hover{background:#ffffff26}.textarea-box textarea:focus{outline:none;background:#fff3}.translate-button{width:100%;padding:.8rem;background:#4caf50;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s ease}.single-textarea-box textarea,.translate-button,.copy-button{width:100%;box-sizing:border-box}.translate-button:hover{background:#45a049}.flux-link{margin:1rem 0;font-size:1.1rem;text-align:center}.flux-link a{color:#2196f3;text-decoration:none;font-weight:700}.flux-link a:hover{text-decoration:underline}.select-box select option{background-color:#1a1a1a;color:#fff}.translate-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.copy-button:disabled{background:#666;cursor:not-allowed;opacity:.6}@media (max-width: 768px){body{overflow:auto;height:auto;padding:1rem;box-sizing:border-box}.app-container{padding:2rem;max-width:100%;box-sizing:border-box}.single-textarea-box textarea{height:8rem;box-sizing:border-box}.select-box select,.translate-button,.copy-button{box-sizing:border-box}.select-box select,.single-textarea-box textarea,.translate-button,.copy-button{font-size:.9rem}}