.translator-page{color:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.translator-header{-webkit-backdrop-filter:blur(20px);background:#081834a3;border-bottom:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.translator-back-btn{color:#fff;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:12px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding-bottom:2px;font-size:17px;line-height:1;text-decoration:none;display:flex}.translator-header-text{flex:1}.translator-page-title{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:normal}.translator-page-subtitle{color:#ffffffa6;margin-top:1px;font-size:11px}.translator-lang-bar{align-items:center;gap:8px;padding:12px 16px;display:flex}.translator-lang-select{-webkit-appearance:none;appearance:none;color:#fff;cursor:pointer;background-color:#ffffff1f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #ffffff40;border-radius:12px;outline:none;flex:1;min-width:0;padding:10px 28px 10px 12px;font-family:inherit;font-size:13px;font-weight:600}.translator-lang-select option{color:#fff;background:#0a1628}.translator-swap-btn{color:#fff;cursor:pointer;background:#6366f140;border:1.5px solid #6366f173;border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:background-color .2s;display:flex}.translator-swap-btn:active{background:#6366f173}.translator-panel{flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 16px;display:flex}.translator-text-box,.translator-result-box{background:var(--glass-subtle);-webkit-backdrop-filter:blur(22px);border:1.5px solid #ffffff40;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.translator-text-box-label,.translator-result-label{color:#ffffff8c;letter-spacing:.8px;text-transform:uppercase;padding:10px 14px 0;font-size:10px;font-weight:700}.translator-text-input{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:100px;max-height:150px;padding:8px 14px 12px;font-family:inherit;font-size:15px;line-height:1.5}.translator-text-input::placeholder{color:#ffffff59}.translator-text-box-actions{justify-content:space-between;align-items:center;padding:0 10px 10px;display:flex}.translator-char-count{color:#ffffff59;font-size:11px}.translator-clear-btn{color:#fff6;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:13px}.translator-clear-btn:hover{color:#ffffffb3}.translator-submit-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .2s;display:flex}.translator-submit-btn:active{opacity:.85}.translator-submit-btn:disabled{opacity:.6;cursor:not-allowed}.translator-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite translator-spin;display:none}.translator-submit-btn.loading .translator-spinner{display:block}.translator-submit-btn.loading .translator-btn-text{display:none}@keyframes translator-spin{to{transform:rotate(360deg)}}.translator-result-box{background:var(--glass-soft);border-color:#fff3;flex:1;min-height:100px}.translator-result-text{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;padding:8px 14px 12px;font-size:15px;line-height:1.6;overflow-y:auto}.translator-result-text.placeholder{color:#ffffff4d;font-style:italic}.translator-result-actions{justify-content:flex-end;gap:8px;padding:0 10px 10px;display:flex}.translator-copy-btn{color:#fffc;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background-color .18s}.translator-copy-btn:hover{background:#ffffff38}.translator-quick-section{margin-top:10px;padding:0 16px 12px}.translator-quick-label{color:#ffffff73;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.translator-quick-chips{flex-wrap:wrap;gap:7px;display:flex}.translator-chip{white-space:nowrap;color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:background-color .18s}.translator-chip:active{background:#ffffff38}.translator-bottom-space{padding-bottom:24px}.translator-toast{z-index:9999;color:#064e3b;opacity:0;pointer-events:none;background:#4ade80eb;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:700;transition:opacity .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.translator-toast.show{opacity:1}