body{background:#f8f9fa;max-width:600px;margin:20px auto;padding:10px;font-family:-apple-system,sans-serif}.search-box{z-index:10;background:#f8f9fa;padding:5px 0;position:sticky;top:10px}input{box-sizing:border-box;border:2px solid #007bff;border-radius:12px;outline:none;width:100%;padding:15px;font-size:18px}.buttons{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.btn-kz{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:10px 14px;font-size:16px;transition:all .2s}.btn-kz:hover{background:#e9ecef;border-color:#adb5bd}.result-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;margin-bottom:10px;padding:15px;transition:all .2s;position:relative}.result-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.result-item:active{transform:scale(.98)}.word-title{color:#007bff;font-size:20px;font-weight:700}.translation{color:#495057;margin-top:6px;font-size:15px;line-height:1.5}.copy-hint{color:#adb5bd;text-transform:uppercase;font-size:11px;position:absolute;top:10px;right:10px}#toast{color:#fff;z-index:100;background:#333;border-radius:20px;padding:10px 20px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}